:root{
  --size-dock-cap:11.5px;
  --size-dock-code:10.5px;
  --size-flag:12.5px;
  --size-os:13px;
  --size-price:44px;
  --size-preview:11px;
  --glass-shadow:inset 0 0 0 1px var(--w-40),inset 0 1px 0 var(--w-72),0 40px 80px -20px var(--a-12),0 22px 44px -18px var(--a-28);
  --toc-land:100px;
}
.notice{position:relative;z-index:10;display:flex;align-items:stretch;min-height:48px;margin-top:8px;background:var(--ink);border-radius:var(--radius-l);overflow:hidden;box-shadow:inset 0 0 0 1px var(--w-08),0 16px 32px -20px var(--ink-a24)}
.notice-tag{display:flex;align-items:center;gap:8px;padding:0 22px;background:var(--ink-deep);color:var(--white);font-size:var(--size-sm);font-weight:var(--weight-semibold);letter-spacing:.02em;box-shadow:inset -1px 0 0 var(--w-08)}
.notice-tag i{width:6px;height:6px;flex-shrink:0;border-radius:var(--radius-round);background:var(--coral)}
.notice-text{flex:1;display:flex;align-items:center;padding:0 22px;color:var(--ink-soft);font-size:var(--size-sm)}
.notice-link{display:inline-flex;align-items:center;gap:6px;padding:0 22px;color:var(--white);font-size:var(--size-sm);font-weight:var(--weight-semibold);text-decoration:none;white-space:nowrap}
.hero{position:relative;padding-top:48px;padding-bottom:56px;overflow-x:clip;max-width:100%}
.hero-glow{position:absolute;inset:-10% 0 8% 40%;pointer-events:none;background:radial-gradient(40% 46% at 62% 34%,var(--a-10) 0%,var(--p-08) 46%,var(--clear) 74%)}
.dots{position:absolute;right:0;bottom:0;width:42%;height:70%;pointer-events:none}
.dots i{position:absolute;inset:0;background-size:20px 20px;background-position:right 6px bottom 6px}
.dots i:nth-child(1){background-image:radial-gradient(circle,var(--dot-1) 0 3.2px,var(--clear) 3.8px);mask-image:radial-gradient(circle at 70% 78%,var(--ink) 0 17%,var(--clear) 17.5%)}
.dots i:nth-child(2){background-image:radial-gradient(circle,var(--dot-2) 0 2.4px,var(--clear) 3px);mask-image:radial-gradient(circle at 70% 78%,var(--clear) 0 17.5%,var(--ink) 18% 33%,var(--clear) 33.5%)}
.dots i:nth-child(3){background-image:radial-gradient(circle,var(--dot-3) 0 1.7px,var(--clear) 2.3px);mask-image:radial-gradient(circle at 70% 78%,var(--clear) 0 33.5%,var(--ink) 34% 51%,var(--clear) 51.5%)}
.dots i:nth-child(4){background-image:radial-gradient(circle,var(--dot-4) 0 1.1px,var(--clear) 1.7px);mask-image:radial-gradient(circle at 70% 78%,var(--clear) 0 51.5%,var(--ink) 52% 64%,var(--clear) 82%)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 648px;column-gap:64px;align-items:center}
.hero-grid>*{min-width:0}
.hero-copy{position:relative;z-index:8;max-width:568px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:var(--size-nav);font-weight:var(--weight-semibold);color:var(--text);line-height:28px}
.eyebrow-mark{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-s);color:var(--accent);background:var(--bg-panel);box-shadow:inset 0 0 0 1.5px var(--text)}
.eyebrow-mark svg{width:16px;height:16px;display:block}
.eyebrow .mono{font-size:var(--size-xs);font-weight:var(--weight-medium);color:var(--text-muted);letter-spacing:.04em}
.hero-title{margin-top:32px;font-family:var(--font-display);font-weight:var(--weight-heavy);font-size:var(--size-h1);line-height:1.1;letter-spacing:var(--tracking-display);color:var(--text)}
.hero-title .line{display:block}
.grad{background:linear-gradient(100deg,var(--accent) 8%,var(--periwinkle) 92%);-webkit-background-clip:text;background-clip:text;color:var(--clear)}
.hero-desc{margin-top:36px;max-width:540px;font-size:var(--size-body);line-height:1.76;color:var(--text-muted)}
.hero-desc strong{color:var(--text);font-weight:var(--weight-semibold)}
.trust{margin-top:32px;padding-top:24px;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(3,max-content);gap:14px 28px}
.trust li{display:flex;align-items:center;gap:8px;font-size:var(--size-sm);font-weight:var(--weight-medium);line-height:20px;color:var(--text)}
.trust svg{width:18px;height:18px;flex:none;display:block}
.ck-bg{fill:var(--a-10)}
.ck-mark{fill:none;stroke:var(--accent-dark);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stage{position:relative;width:648px;height:592px;justify-self:end}
.dock{position:absolute;border-radius:var(--radius-l);color:var(--white);overflow:hidden;isolation:isolate;-webkit-backdrop-filter:blur(14px) saturate(1.35);backdrop-filter:blur(14px) saturate(1.35);background:radial-gradient(80% 34% at 50% 0%,var(--coral-a) 0%,var(--clear) 72%),radial-gradient(120% 90% at 0% 0%,var(--w-22) 0%,var(--clear) 55%),linear-gradient(155deg,var(--glass-a) 0%,var(--glass-b) 100%);box-shadow:var(--glass-shadow)}
.dock::after{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;z-index:3;background:linear-gradient(90deg,var(--clear) 4%,var(--coral) 30%,var(--white) 54%,var(--coral) 76%,var(--clear) 96%)}
.dock-cap{position:relative;z-index:2;display:flex;align-items:center;gap:6px;font-size:var(--size-dock-cap);font-weight:var(--weight-semibold);line-height:16px;color:var(--w-88);letter-spacing:.02em}
.dock-cap .mono{font-size:var(--size-dock-code);font-weight:var(--weight-medium);color:var(--w-55);letter-spacing:.08em}
.dock-exit{left:0;top:0;width:216px;height:216px;z-index:1;padding:16px;display:flex;flex-direction:column;background:radial-gradient(80% 34% at 50% 0%,var(--coral-a) 0%,var(--clear) 72%),radial-gradient(120% 90% at 0% 0%,var(--w-22) 0%,var(--clear) 55%),linear-gradient(160deg,var(--glass-b) 0%,var(--glass-c) 100%)}
.flag-grid{position:relative;z-index:2;margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}
.flag-pill{display:inline-flex;align-items:center;flex-wrap:wrap;min-width:0;gap:6px;min-height:32px;height:auto;padding:4px 9px 4px 7px;border-radius:var(--radius-s);background:var(--w-12);box-shadow:inset 0 0 0 1px var(--w-22);font-size:var(--size-flag);font-weight:var(--weight-semibold);line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.flag{width:21px;height:14px;flex:none;display:block;border-radius:var(--radius-flag);overflow:hidden;box-shadow:0 0 0 1px var(--w-30)}
.flag.square{width:14px;height:14px}
.fl-red{fill:var(--flag-red)}
.fl-white{fill:var(--white)}
.fl-navy{fill:var(--flag-navy)}
.hub{left:180px;top:152px;width:288px;height:288px;z-index:3;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,var(--w-22) 0%,var(--clear) 40%),radial-gradient(120% 90% at 0% 0%,var(--w-16) 0%,var(--clear) 55%),linear-gradient(150deg,var(--glass-deep) 0%,var(--glass-a) 46%,var(--glass-b) 100%);box-shadow:inset 0 0 0 1px var(--w-40),inset 0 1px 0 var(--w-72),0 48px 90px -22px var(--a-12),0 30px 60px -24px var(--a-40)}
.hub-sheen{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(70% 42% at 50% 0%,var(--coral-b) 0%,var(--clear) 64%),radial-gradient(circle at 50% 40%,var(--w-16) 0%,var(--clear) 34%);animation:breathe 6s ease-in-out infinite alternate}
.hub>*:not(.hub-sheen){position:relative;z-index:2}
.hub-hex{width:112px;height:112px;display:block;margin-top:14px;color:var(--white)}
.hub-hex .soft{stroke-opacity:.42}
.lt-row{margin-top:16px;display:flex;gap:6px}
.lt{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--radius-s);background:var(--w-12);box-shadow:inset 0 0 0 1px var(--w-30);font-family:var(--font-mono);font-size:var(--size-dock-cap);font-weight:var(--weight-medium);color:var(--white);white-space:nowrap}
.lt.lead{background:var(--w-22);box-shadow:inset 0 0 0 1px var(--w-55)}
.lt.lead i{width:5px;height:5px;border-radius:var(--radius-round);background:var(--coral)}
.hub-cov{margin-top:12px;font-family:var(--font-mono);font-size:var(--size-flag);line-height:18px;color:var(--w-72);white-space:nowrap}
.hub-cov b{color:var(--white);font-weight:var(--weight-semibold)}
.hub-cov .sep{color:var(--w-40);padding:0 4px}
.dock-entry{left:432px;top:376px;width:216px;height:216px;z-index:4;padding:30px 18px 16px;display:flex;flex-direction:column}
.os-list{position:relative;z-index:2}
.os-list li{display:flex;align-items:center;gap:10px;height:28px;font-size:var(--size-os);font-weight:var(--weight-semibold);box-shadow:inset 0 -1px 0 var(--w-12)}
.os-list li:last-child{box-shadow:none}
.os-list svg{width:16px;height:16px;flex:none;display:block;color:var(--white)}
.os-list .os-word{display:inline-flex;align-items:center;justify-content:center;width:16px;font-size:var(--size-preview);font-family:var(--font-mono)}
.dock-entry .dock-cap{margin-top:auto}
.seam{position:absolute;width:24px;height:24px;z-index:5;border-radius:var(--radius-flag);background:linear-gradient(135deg,var(--white) 0%,var(--w-72) 100%);box-shadow:0 0 0 1px var(--w-55),0 0 18px 4px var(--w-55),0 0 28px 6px var(--a-28)}
.seam-a{left:180px;top:152px}
.seam-b{left:432px;top:376px}
.relay-line{position:absolute;left:0;top:0;width:648px;height:592px;z-index:2;overflow:visible;pointer-events:none}
.relay-path{fill:none;stroke:var(--accent);stroke-opacity:.5;stroke-width:1.5;stroke-dasharray:3 5;stroke-linecap:round}
.relay-end{fill:var(--accent)}
.relay-dot{position:absolute;left:535px;top:371px;width:10px;height:10px;z-index:2;border-radius:var(--radius-round);background:var(--white);box-shadow:0 0 0 3px var(--a-18),0 0 14px 3px var(--a-45);animation:relay 7.2s linear infinite}
.float{position:absolute;z-index:6}
.float-lock{left:452px;top:168px;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px 0 12px;border-radius:var(--radius-pill);color:var(--white);font-size:var(--size-os);font-weight:var(--weight-semibold);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(120deg,var(--glass-a),var(--glass-b));box-shadow:inset 0 0 0 1px var(--w-40),inset 0 1px 0 var(--w-72),0 16px 30px -12px var(--a-40)}
.float-lock svg{width:15px;height:15px;display:block}
.float-card{left:12px;top:196px;width:160px;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:var(--radius-l);background:var(--bg-panel);box-shadow:inset 0 0 0 1px var(--border),inset 0 1px 0 var(--white),0 22px 40px -16px var(--a-28)}
.float-card .tile{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:var(--radius-m);background:var(--bg-panel-2);color:var(--accent);box-shadow:inset 0 0 0 1px var(--border)}
.float-card .tile svg{width:20px;height:20px;display:block}
.float-card small{display:block;font-size:var(--size-dock-cap);line-height:16px;color:var(--text-muted)}
.float-card strong{display:block;font-size:var(--size-nav);font-weight:var(--weight-heavy);line-height:20px;letter-spacing:-.01em;color:var(--text)}
.peek{background:var(--bg);border-top:1px solid var(--border);padding-top:36px;padding-bottom:96px}
.peek-eyebrow{font-family:var(--font-mono);font-size:var(--size-xs);letter-spacing:.08em;color:var(--accent)}
.peek h2{margin-top:12px}
.tabs{min-width:0}
.tab-list,[role="tablist"]{display:flex;align-items:center;gap:8px;max-width:100%;overflow-x:auto;padding:6px;border-radius:var(--radius-m);background:var(--bg-panel-2);scrollbar-width:thin}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:10px 20px;background:var(--clear);border:0;border-radius:var(--radius-s);font-size:var(--size-nav);font-weight:var(--weight-semibold);white-space:nowrap;color:var(--text-muted)}
[role="tab"][aria-selected="true"]{background:var(--bg-panel);color:var(--accent-dark);box-shadow:inset 0 0 0 1px var(--border),0 8px 20px -14px var(--a-40)}
[role="tabpanel"]{margin-top:24px;min-width:0}
.feature-browser{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:48px;align-items:start}
.feature-directory[role="tablist"]{display:flex;flex-direction:column;align-items:stretch;background:var(--clear);padding:0;gap:12px;overflow:visible}
.feature-directory [role="tab"]{position:relative;justify-content:flex-start;gap:14px;padding:12px 20px;background:var(--clear);box-shadow:none;color:var(--text)}
.feature-directory [role="tab"]::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:var(--radius-s);background:var(--clear)}
.feature-directory [role="tab"][aria-selected="true"]::before{background:var(--accent)}
.glass-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;overflow:hidden;border-radius:var(--radius-s);color:var(--white);background:linear-gradient(145deg,var(--glass-a),var(--glass-b));box-shadow:inset 0 0 0 1px var(--w-55),inset 0 1px 0 var(--coral),0 8px 18px -8px var(--a-40)}
.glass-badge svg{width:16px;height:16px}
.feature-detail{position:relative;min-height:360px;margin-top:0;padding:40px;background:var(--bg-panel);border-radius:var(--radius-l);box-shadow:var(--shadow-panel)}
.feature-detail::after{content:"";position:absolute;right:24px;top:-12px;width:48px;height:48px;border-radius:var(--radius-m);transform:rotate(8deg);background:linear-gradient(145deg,var(--glass-a),var(--glass-b));box-shadow:var(--glass-shadow);pointer-events:none}
.feature-detail h3{margin-bottom:24px}
.feature-detail p+p{margin-top:20px}
.feature-detail strong{display:block;margin-bottom:4px;font-size:var(--size-sm)}
.feature-detail p{color:var(--text-muted)}
.toc-tabs{position:sticky;top:var(--toc-offset);z-index:25;display:flex;align-items:center;gap:8px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:8px;background:var(--bg-panel);border-radius:var(--radius-m);box-shadow:var(--shadow-panel);margin-bottom:32px;scrollbar-width:thin}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:10px 16px;border-radius:var(--radius-s);font-size:var(--size-sm);text-decoration:none;white-space:nowrap;color:var(--text-muted)}
.toc-tabs a.is-current{background:var(--a-10);color:var(--accent-dark);font-weight:var(--weight-semibold)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-land)}
.faq-item{border-bottom:1px solid var(--border);padding-top:8px;padding-bottom:8px}
.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-weight:var(--weight-semibold);min-height:44px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:8px;top:18px;color:var(--accent);font-size:var(--size-h3)}
.faq-item[open] summary::after{content:"−"}
.faq-item p{color:var(--text-muted);max-width:850px;padding-bottom:20px}
.pricing-region{position:relative;isolation:isolate;overflow-x:clip}
.pricing-region>.dots{z-index:-1}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.plan-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:32px;background:var(--bg-panel);border-radius:var(--radius-l);box-shadow:var(--shadow-panel)}
.plan-card.is-current{box-shadow:inset 0 0 0 2px var(--accent),inset 0 1px 0 var(--white),0 24px 64px -24px var(--a-18)}
.plan-card .glass-badge{margin-bottom:24px;width:40px;height:40px}
.plan-card h3{margin-top:4px}
.plan-value{margin-top:24px;font-family:var(--font-mono);font-size:var(--size-price);font-weight:var(--weight-heavy);line-height:1.2;letter-spacing:var(--tracking-display);font-variant-numeric:tabular-nums}
.plan-value small{font-size:var(--size-sm);font-weight:var(--weight-medium);color:var(--text-muted)}
.plan-description{margin-top:16px;color:var(--text-muted);font-size:var(--size-sm)}
.plan-facts{margin-top:24px;margin-bottom:28px;display:grid;gap:12px;font-size:var(--size-nav)}
.plan-card .btn,.plan-card .btn-secondary{margin-top:auto;width:100%}
.plan-ribbon{position:absolute;right:20px;top:20px;display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:var(--radius-s);background:var(--a-10);color:var(--accent-dark);font-size:var(--size-xs);font-weight:var(--weight-semibold)}
.badge,.tag{display:inline-flex;align-items:center;gap:6px;min-height:28px;max-width:100%;overflow:hidden;overflow-wrap:anywhere;padding:4px 10px;border-radius:var(--radius-s);background:var(--a-08);color:var(--accent-dark);font-size:var(--size-xs);font-weight:var(--weight-semibold)}
.badge-success{background:var(--bg-panel-2);color:var(--success)}
.badge-warn{background:var(--bg-panel-2);color:var(--warn)}
.badge-error{background:var(--bg-panel-2);color:var(--error)}
.table-scroll{display:block;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--bg-panel)}
.data-table,.route-table{width:100%;min-width:680px;border-collapse:collapse;text-align:left;font-size:var(--size-sm)}
.data-table caption,.route-table caption{text-align:left;padding:18px 20px;color:var(--text);font-weight:var(--weight-semibold)}
.data-table th,.data-table td,.route-table th,.route-table td{padding:16px 20px;border-bottom:1px solid var(--border);word-break:keep-all;vertical-align:top}
.table-scroll th,.data-table th,.route-table th{background:var(--bg-panel-2);color:var(--text);font-weight:var(--weight-semibold);white-space:nowrap}
.data-table td:first-child,.route-table td:first-child{color:var(--text);font-weight:var(--weight-semibold)}
.data-table tr:last-child td,.route-table tr:last-child td{border-bottom:0}
.route-group th{color:var(--accent-dark);background:var(--a-08)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-card{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0;padding:24px;background:var(--bg-panel);border-radius:var(--radius-l);box-shadow:var(--shadow-panel)}
.platform-card>svg{width:28px;height:28px;color:var(--accent);overflow:hidden}
.platform-card h3{font-size:var(--size-lead)}
.platform-card .btn-secondary{width:100%;padding-inline:12px;font-size:var(--size-sm);margin-top:auto}
.article-card{display:flex;flex-direction:column;min-width:0;padding:28px;background:var(--bg-panel);border-radius:var(--radius-l);box-shadow:var(--shadow-panel)}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:var(--size-xs);color:var(--text-muted)}
.article-card h3{margin-top:24px;font-size:var(--size-h3)}
.article-card h3 a{text-decoration:none}
.article-card h3 a:hover{color:var(--accent-dark)}
.article-card p{margin-top:16px;font-size:var(--size-nav);color:var(--text-muted)}
.article-card .ghost-link{margin-top:24px}
.blog-hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:40px;align-items:start}
.blog-meta{padding:24px;background:var(--bg-panel);border-radius:var(--radius-m);box-shadow:var(--shadow-panel);display:grid;gap:16px;font-size:var(--size-sm)}
.callout{margin-block:24px;padding:24px 28px;border-left:3px solid var(--accent);border-radius:var(--radius-s);background:var(--a-08);color:var(--text-muted)}
.callout strong{color:var(--text)}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-block:40px;padding:32px;border-radius:var(--radius-l);background:var(--ink);color:var(--white);box-shadow:inset 0 1px 0 var(--w-12),0 24px 48px -24px var(--a-28)}
.promo-block p{margin-top:8px;color:var(--ink-soft);font-size:var(--size-nav)}
.promo-block .btn{flex-shrink:0;white-space:nowrap;background:var(--bg-panel);color:var(--ink)}
.promo-block .btn:hover{background:var(--bg-panel-2)}
.ticker{max-width:100%;overflow:hidden;border-block:1px solid var(--border);padding-top:20px;padding-bottom:20px;background:var(--bg-panel-2)}
.ticker-track{display:flex;align-items:center;width:max-content}
.ticker-group{display:flex;align-items:center;flex-shrink:0;gap:48px;padding-right:48px;font-family:var(--font-mono);font-size:var(--size-sm);color:var(--text-muted)}
.ticker-group span{white-space:nowrap}
.preview-stack{display:grid;gap:32px}
.preview-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.color-sample{min-width:0;display:flex;flex-direction:column;border-radius:var(--radius-m);overflow:hidden;background:var(--bg-panel);box-shadow:inset 0 0 0 1px var(--border)}
.color-sample i{display:block;min-height:64px}
.color-sample code{display:block;font-size:var(--size-preview);border-radius:0;padding:10px;overflow-wrap:anywhere}
.sw-bg{background:var(--bg)}.sw-top{background:var(--bg-top)}.sw-panel{background:var(--bg-panel)}.sw-sunken{background:var(--bg-panel-2)}.sw-border{background:var(--border)}.sw-accent{background:var(--accent)}.sw-dark{background:var(--accent-dark)}.sw-periwinkle{background:var(--periwinkle)}.sw-coral{background:var(--coral)}.sw-orchid{background:var(--orchid)}.sw-text{background:var(--text)}.sw-muted{background:var(--text-muted)}.sw-deep{background:var(--ink-deep)}.sw-soft{background:var(--ink-soft)}.sw-success{background:var(--success)}.sw-warn{background:var(--warn)}.sw-error{background:var(--error)}.sw-navy{background:var(--flag-navy)}
.preview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.preview-type{display:grid;gap:24px}
.preview-display{font-family:var(--font-display);font-size:var(--size-h1);font-weight:var(--weight-heavy);line-height:1.1;letter-spacing:var(--tracking-cjk)}
.preview-footer{margin-top:64px}
@keyframes breathe{from{opacity:.5}to{opacity:1}}
@keyframes relay{0%{transform:translate(0,0);opacity:0}4%{opacity:1}13.2%{transform:translate(0,-80px)}48.7%{transform:translate(-216px,-80px)}82.2%{transform:translate(-216px,-284px)}95%{opacity:1}100%{transform:translate(-324px,-284px);opacity:0}}
@media(max-width:1279px){
  .hero-grid{grid-template-columns:minmax(0,1fr) 530px;gap:32px}
  .stage{width:530px;height:484px}
  .stage>.dock-exit{width:33.333%;height:36.486%;padding:12px}
  .stage>.hub{left:27.778%;top:25.676%;width:44.444%;height:48.649%;padding:14px}
  .stage>.dock-entry{left:66.667%;top:63.514%;width:33.333%;height:36.486%;padding:20px 14px 12px}
  .stage .flag-grid{gap:8px 4px;margin-top:10px}
  .stage .flag-pill{padding-inline:5px;gap:4px;font-size:var(--size-dock-code);min-height:28px}
  .stage .hub-hex{width:90px;height:90px;margin-top:8px}
  .stage .lt-row{gap:4px;margin-top:10px}
  .stage .lt{padding-inline:6px;font-size:var(--size-dock-code)}
  .stage .hub-cov{font-size:var(--size-dock-code)}
  .stage .os-list li{height:24px;font-size:var(--size-dock-cap)}
  .stage>.seam-a{left:27.778%;top:25.676%}
  .stage>.seam-b{left:66.667%;top:63.514%}
  .stage>.relay-line{width:100%;height:100%}
  .stage>.relay-dot{display:none}
  .stage>.float-lock{left:69.75%;top:28.38%;padding-inline:10px;font-size:var(--size-dock-cap)}
  .stage>.float-card{top:33.1%;width:145px}
  .trust{grid-template-columns:repeat(2,max-content);gap:12px 18px}
}
@media(max-width:1023px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
  .hero-title{font-size:52px}
  .stage{width:100%;height:auto;display:flex;flex-direction:column;gap:16px}
  .stage>.dock{position:relative;inset:auto;width:100%;height:auto}
  .stage>.dock-exit{padding:16px}
  .stage>.hub{padding:16px}
  .stage>.dock-entry{padding:16px}
  .stage>.relay-line{display:none}
  .stage .dock-cap{font-size:var(--size-dock-code);gap:4px;line-height:1.2}
  .stage .dock-cap .mono{display:none}
  .stage .flag-grid{gap:5px 3px;margin-top:8px}
  .stage .flag-pill{min-height:28px;padding-inline:6px;font-size:var(--size-preview);gap:6px}
  .stage .flag{width:16px;height:11px}
  .stage .flag.square{width:11px;height:11px}
  .stage .hub-hex{width:64px;height:64px;margin-top:6px}
  .stage .lt{height:20px;padding-inline:4px;font-size:var(--size-preview)}
  .stage .lt.lead i{display:none}
  .stage .lt-row{gap:3px;margin-top:8px}
  .stage .hub-cov{font-size:var(--size-preview);margin-top:8px}
  .stage .hub-cov .sep{padding-inline:1px}
  .stage .os-list li{height:20px;font-size:var(--size-preview);gap:6px}
  .stage .os-list svg{width:12px;height:12px}
  .stage .os-list .os-word{width:12px}
  .stage>.float{display:none}
  .stage>.seam{display:none}
  .feature-browser{gap:24px}
  .plan-card{padding:24px}
}
@media(max-width:768px){
  .hero{padding-top:36px;padding-bottom:40px}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-copy{max-width:568px}
  .hero-title{font-size:var(--size-h1-mobile);margin-top:24px;line-height:1.15}
  .hero-desc{margin-top:28px}
  .hero .cta-row{margin-top:28px}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
  .trust li{font-size:var(--size-xs)}
  .stage{width:90%;max-width:530px;justify-self:center}
  .hero-glow{inset:20% 0 0}
  .dots{width:80%;height:48%}
  .notice-tag{padding-inline:14px}
  .notice-text{padding:12px 14px;font-size:var(--size-xs)}
  .notice-link{padding-inline:14px;font-size:var(--size-xs)}
  .feature-browser{grid-template-columns:1fr}
  .feature-directory[role="tablist"]{flex-direction:row;overflow-x:auto;gap:8px;padding:4px}
  .feature-directory [role="tab"]{padding:10px 14px}
  .feature-detail{padding:32px 24px}
  .plan-grid{grid-template-columns:1fr}
  .blog-hero{grid-template-columns:1fr}
  .blog-meta{order:-1;display:flex;flex-wrap:wrap}
  .promo-block{flex-direction:column;align-items:flex-start;gap:24px;padding:24px}
  .preview-display{font-size:var(--size-h1-mobile)}
  .preview-colors{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  .notice{flex-wrap:wrap}
  .notice-tag{padding-block:10px}
  .notice-text{flex-basis:calc(100% - 68px)}
  .notice-link{width:100%;min-height:36px;justify-content:flex-end;border-top:1px solid var(--w-08)}
  .hero .eyebrow{gap:8px;font-size:var(--size-sm)}
  .eyebrow .mono{font-size:var(--size-preview)}
  .trust li{gap:6px}
  .trust svg{width:16px;height:16px}
  .stage{width:100%}
  .stage .hub-hex{width:52px;height:52px}
  .stage .dock-cap{font-size:var(--size-preview)}
  .stage .flag-pill{font-size:var(--size-preview)}
  .stage .lt{font-size:var(--size-preview);padding-inline:3px}
  .stage .hub-cov{font-size:var(--size-preview);letter-spacing:-.04em}
  .stage .os-list li{height:18px}
  .feature-detail::after{right:16px;width:36px;height:36px;transform:none}
  .preview-colors{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ticker-group{gap:28px;padding-right:28px}
}
@media(max-width:359px){
  .stage .dock-cap{line-height:1}
  .stage .flag-grid{gap:3px;margin-top:5px}
  .stage .flag-pill{min-height:28px;gap:4px;padding-inline:4px}
  .stage .flag{width:12px;height:9px}
  .stage .flag.square{width:9px;height:9px}
  .stage .hub-hex{width:42px;height:42px;margin-top:4px}
  .stage .hub-cov{white-space:normal;text-align:center;line-height:1.2}
  .stage .lt-row{margin-top:5px}
  .stage .lt{height:18px;padding-inline:2px}
  .stage .os-list li{height:16px}
  .stage>.dock-entry{padding-top:10px}
}
@media(prefers-reduced-motion:reduce){
  .hub-sheen{animation:none;opacity:1}
  .relay-dot{animation:none;transform:translate(-324px,-284px);opacity:1}
  .ticker-track{width:100%;transform:none!important}
  .ticker-group{flex-wrap:wrap;flex-shrink:1;gap:16px;padding-right:0}
  .ticker-group[ data-ticker-copy]{display:none}
}