/* The approved porcelain hero. */
.hero{position:relative;overflow-x:clip;max-width:100%;padding-top:12px;padding-bottom:8px;background:linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--accent) 5%,var(--bg)) 100%)}
.hero::before{content:"";position:absolute;inset:-14% -6% 40% 52%;background:radial-gradient(closest-side,color-mix(in srgb,var(--sky) 16%,transparent),color-mix(in srgb,var(--sky) 6%,transparent) 55%,transparent 100%);pointer-events:none}
.hero-text{position:relative;z-index:5;text-align:center}
.notice{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:10px 10px 10px 22px;background:var(--honey);border-radius:var(--r-bar);box-shadow:0 14px 30px -12px color-mix(in srgb,var(--warn) 30%,transparent),0 2px 6px color-mix(in srgb,var(--warn) 14%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white) 45%,transparent);text-align:left}
.notice-text{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:17px;letter-spacing:-.01em;color:var(--text);line-height:1.35}
.notice-seal{flex:none;width:30px;height:30px;border-radius:var(--r-circle);display:grid;place-items:center;background:color-mix(in srgb,var(--white) 62%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bark-1) 18%,transparent)}
.notice-seal svg{width:18px;height:18px}
.seal-ring{fill:none;stroke:var(--bark-1);stroke-width:1.4}
.seal-core{fill:var(--bark-1)}
.notice-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 18px;border-radius:var(--r-pill);background:var(--white);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-bold);text-decoration:none;box-shadow:0 4px 10px -4px color-mix(in srgb,var(--warn) 40%,transparent);transition:transform var(--time-fast) ease}
.notice-btn:hover{transform:translateX(2px);color:var(--text)}
.notice-btn svg{width:15px;height:15px}
.hero h1{margin:28px 0 0;font-size:68px;line-height:1.1;letter-spacing:-.02em}
.lead{margin:14px auto 0;max-width:920px;font-size:var(--text-lead);line-height:1.5;color:var(--text-sub)}
.lead strong{color:var(--accent-dark);font-weight:var(--weight-bold)}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0 0;padding:0;list-style:none}
.chips li{margin:0}
.chip{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 14px 5px 11px;border-radius:var(--r-pill);background:var(--white);border:1px solid var(--border);font-size:13.5px;font-weight:var(--weight-semibold);color:var(--text-sub);line-height:1.5;box-shadow:0 6px 16px -10px color-mix(in srgb,var(--accent) 32%,transparent),var(--hl)}
.chip svg{width:15px;height:15px;flex:none;color:var(--accent)}
.meta-row{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:14px;color:var(--text-muted);font-size:13.5px;line-height:1}
.meta-group{display:flex;align-items:center;gap:14px}
.meta-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;color:var(--text-muted)}
.meta-list{display:flex;align-items:center;gap:18px;margin:0;padding:0;list-style:none}
.meta-list li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:var(--weight-medium);margin:0}
.pi{width:16px;height:16px;flex:none;fill:currentColor}
.flag{width:22px;height:16px;flex:none;overflow:hidden;border-radius:3px}
.flag-sq{width:16px;height:16px;flex:none;overflow:hidden;border-radius:3px}
.meta-sep{width:1px;height:18px;background:var(--border);flex:none}
.fr{fill:var(--flag-red)}
.fw{fill:var(--white)}
.fb{fill:var(--flag-blue)}
.fo{fill:none;stroke:color-mix(in srgb,var(--text) 16%,transparent);stroke-width:1}
.stage{--u:min(1px,calc(92vw / 960));--plinth:336;--disc:300;--core:116;--logo:76;--badge:72;--badge-fs:15;--sh-node:0 calc(14 * var(--u)) calc(32 * var(--u)) calc(-10 * var(--u)) color-mix(in srgb,var(--accent) 24%,transparent),0 calc(3 * var(--u)) calc(8 * var(--u)) color-mix(in srgb,var(--accent) 9%,transparent);position:relative;width:calc(960 * var(--u));max-width:100%;height:calc(410 * var(--u));margin:8px auto 0}
.stage::before{content:"";position:absolute;left:50%;top:50%;width:calc(640 * var(--u));height:calc(420 * var(--u));transform:translate(-50%,-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--honey) 36%,transparent) 0%,color-mix(in srgb,var(--sky) 7%,transparent) 62%,transparent 100%);pointer-events:none}
.wires{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.wires-m{display:none}
.orbit{fill:none;stroke:var(--wire);stroke-width:1;stroke-dasharray:2 7;opacity:.8;vector-effect:non-scaling-stroke}
.wire{fill:none;stroke:var(--wire);stroke-width:1.2;stroke-dasharray:4 5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.port{fill:var(--white);stroke:var(--wire);stroke-width:1.5;vector-effect:non-scaling-stroke}
.hub{position:absolute;left:50%;top:50%;z-index:2;width:calc(var(--plinth) * var(--u));height:calc(var(--plinth) * var(--u));transform:translate(-50%,-50%)}
.hub-plinth{position:absolute;inset:0;border-radius:var(--r-circle);background:linear-gradient(170deg,var(--white) 38%,color-mix(in srgb,var(--panel-2) 85%,var(--white)) 100%);box-shadow:0 calc(36 * var(--u)) calc(72 * var(--u)) calc(-20 * var(--u)) color-mix(in srgb,var(--accent) 24%,transparent),0 calc(10 * var(--u)) calc(26 * var(--u)) color-mix(in srgb,var(--accent) 10%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--border) 80%,transparent),inset 0 calc(2 * var(--u)) 0 var(--white)}
.hub-bark{position:absolute;left:50%;top:50%;width:calc(var(--disc) * var(--u));height:calc(var(--disc) * var(--u));transform:translate(-50%,-50%);border-radius:var(--r-circle);padding:calc(6 * var(--u));background:repeating-conic-gradient(from 8deg,color-mix(in srgb,var(--bark-2) 50%,transparent) 0deg 1.3deg,transparent 1.3deg 4.1deg),linear-gradient(150deg,var(--bark-3) 0%,var(--bark-1) 45%,var(--bark-2) 100%);box-shadow:0 calc(8 * var(--u)) calc(18 * var(--u)) calc(-4 * var(--u)) color-mix(in srgb,var(--bark-2) 42%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white) 35%,transparent)}
.hub-wood{position:relative;width:100%;height:100%;border-radius:var(--r-circle);overflow:hidden}
.hub-rings{position:absolute;inset:0;border-radius:var(--r-circle);background:radial-gradient(circle closest-side,var(--ring-7) 0 48%,var(--ring-line) 48% 48.7%,var(--ring-6) 48.7% 57%,var(--ring-line) 57% 57.7%,var(--ring-5) 57.7% 65%,var(--ring-line) 65% 65.7%,var(--ring-4) 65.7% 73%,var(--ring-line) 73% 73.7%,var(--ring-3) 73.7% 80.5%,var(--ring-line) 80.5% 81.2%,var(--ring-2) 81.2% 88%,var(--ring-line) 88% 88.7%,var(--ring-1) 88.7% 100%);animation:ring-breathe 8s ease-in-out infinite;transform-origin:50% 50%}
.hub-rings::after{content:"";position:absolute;inset:0;border-radius:var(--r-circle);background:repeating-radial-gradient(circle at 50% 50%,transparent 0 calc(2.6 * var(--u)),color-mix(in srgb,var(--bark-1) 5%,transparent) calc(2.6 * var(--u)) calc(3.2 * var(--u)))}
.hub-grain{position:absolute;inset:0;width:100%;height:100%}
.grain{fill:none;stroke:var(--bark-1);stroke-opacity:.2;stroke-width:.8}
.grain-crack{fill:none;stroke:var(--bark-2);stroke-opacity:.28;stroke-width:1;stroke-linecap:round}
.hub-wood::after{content:"";position:absolute;inset:0;border-radius:var(--r-circle);pointer-events:none;background:radial-gradient(circle at 30% 22%,color-mix(in srgb,var(--white) 55%,transparent) 0%,transparent 44%),radial-gradient(circle at 72% 88%,color-mix(in srgb,var(--bark-1) 12%,transparent) 0%,transparent 52%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bark-2) 35%,transparent),inset 0 0 calc(16 * var(--u)) color-mix(in srgb,var(--bark-1) 16%,transparent)}
.hub-core{position:absolute;left:50%;top:50%;z-index:3;width:calc(var(--core) * var(--u));height:calc(var(--core) * var(--u));transform:translate(-50%,-50%);border-radius:var(--r-circle);display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,var(--white) 0%,color-mix(in srgb,var(--panel-2) 65%,var(--white)) 100%);box-shadow:0 0 0 calc(5 * var(--u)) color-mix(in srgb,var(--white) 58%,transparent),0 calc(14 * var(--u)) calc(30 * var(--u)) calc(-8 * var(--u)) color-mix(in srgb,var(--accent) 32%,transparent),inset 0 calc(-3 * var(--u)) calc(8 * var(--u)) color-mix(in srgb,var(--accent) 9%,transparent),inset 0 1px 0 var(--white)}
.hub-logo{width:calc(var(--logo) * var(--u));height:calc(var(--logo) * var(--u));border-radius:calc(var(--logo) * .27 * var(--u));box-shadow:0 calc(6 * var(--u)) calc(14 * var(--u)) color-mix(in srgb,var(--accent-dark) 34%,transparent);overflow:hidden}
.hub-logo img{display:block;width:100%;height:100%}
.node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:3}
.n-tyo{--x:19.27%;--y:29.51%}
.n-lax{--x:9.9%;--y:50%}
.n-lon{--x:19.27%;--y:70.49%}
.n-fra{--x:80.73%;--y:29.51%}
.n-sel{--x:90.1%;--y:50%}
.n-syd{--x:80.73%;--y:70.49%}
.n-gpt{--x:31.25%;--y:10.73%}
.n-claude{--x:68.75%;--y:10.73%}
.n-netflix{--x:68.75%;--y:91.22%}
.n-doc{--x:90.42%;--y:11.22%}
.n-ok{--x:31.25%;--y:88.78%}
.t-accent{--tint:var(--tint-accent)}
.t-sky{--tint:var(--tint-sky)}
.t-honey{--tint:var(--tint-honey)}
.city{width:calc(var(--badge) * var(--u));height:calc(var(--badge) * var(--u));padding:calc(5 * var(--u));border-radius:var(--r-circle);background:var(--white);box-shadow:var(--sh-node),var(--hl)}
.city-face{width:100%;height:100%;border-radius:var(--r-circle);display:grid;place-items:center;font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:calc(var(--badge-fs) * var(--u));letter-spacing:.03em;color:var(--accent-dark);background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--white) 55%,var(--tint)) 0%,var(--tint) 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent)}
.city-name{position:absolute;left:50%;top:calc(100% + 6 * var(--u));transform:translateX(-50%);font-size:max(11px,calc(12 * var(--u)));font-weight:var(--weight-semibold);line-height:1.3;color:var(--text-muted);white-space:nowrap}
.svc{display:flex;align-items:center;gap:calc(9 * var(--u));padding:calc(7 * var(--u)) calc(15 * var(--u)) calc(7 * var(--u)) calc(7 * var(--u));border-radius:calc(14 * var(--u));background:var(--white);white-space:nowrap;box-shadow:var(--sh-node),var(--hl),inset 0 0 0 1px color-mix(in srgb,var(--border) 60%,transparent)}
.svc-ico{flex:none;width:calc(30 * var(--u));height:calc(30 * var(--u));border-radius:calc(9 * var(--u));display:grid;place-items:center;background:var(--tint);color:var(--accent);font-family:var(--font-mono);font-size:calc(14 * var(--u));font-weight:var(--weight-bold)}
.svc-ico svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}
.svc-name{display:block;font-size:calc(13.5 * var(--u));font-weight:var(--weight-display);line-height:1.2;color:var(--text);letter-spacing:-.01em}
.svc-sub{display:block;font-size:max(10.5px,calc(11 * var(--u)));line-height:1.3;color:var(--text-muted)}
.float-doc{z-index:4;transform:translate(-50%,-50%) rotate(-3deg);display:flex;align-items:center;gap:calc(10 * var(--u));padding:calc(9 * var(--u)) calc(16 * var(--u)) calc(9 * var(--u)) calc(9 * var(--u));border-radius:calc(16 * var(--u));background:var(--white);white-space:nowrap;box-shadow:0 calc(20 * var(--u)) calc(40 * var(--u)) calc(-14 * var(--u)) color-mix(in srgb,var(--accent) 30%,transparent),0 calc(3 * var(--u)) calc(8 * var(--u)) color-mix(in srgb,var(--accent) 10%,transparent),var(--hl)}
.doc-ico{flex:none;width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(12 * var(--u));display:grid;place-items:center;background:var(--tint-accent)}
.doc-ico svg{width:calc(28 * var(--u));height:calc(28 * var(--u))}
.doc-sheet{fill:var(--white);stroke:var(--accent-dark);stroke-width:1.5;stroke-linejoin:round}
.doc-fold{fill:var(--tint-accent);stroke:var(--accent-dark);stroke-width:1.5;stroke-linejoin:round}
.doc-line{stroke:var(--wire);stroke-width:1.6;stroke-linecap:round}
.lock-body{fill:var(--accent)}
.lock-arc{fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round}
.lock-hole{fill:var(--white)}
.doc-name{display:block;font-size:calc(13.5 * var(--u));font-weight:var(--weight-display);line-height:1.25;color:var(--text)}
.doc-sub{display:block;font-size:max(10.5px,calc(11.5 * var(--u)));line-height:1.35;color:var(--text-muted)}
.connected{display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--u));width:calc(78 * var(--u));height:calc(78 * var(--u));border-radius:var(--r-circle);background:var(--success);color:var(--white);font-size:calc(12 * var(--u));font-weight:var(--weight-bold);box-shadow:var(--sh-node),var(--hl)}
.connected svg{width:calc(16 * var(--u));height:calc(16 * var(--u));flex:none}
@keyframes ring-breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.015);opacity:.96}}

/* Shared reading and comparison furniture. */
.tabs{min-width:0}
.tab-list,[role="tablist"]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px;margin-bottom:24px;width:fit-content;max-width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:var(--hl)}
.tab-list [role="tab"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-sub);font-weight:var(--weight-semibold);white-space:nowrap}
.tab-list [aria-selected="true"]{background:var(--white);color:var(--accent-dark);box-shadow:var(--shadow-soft)}
.tab-panel{min-width:0}
.toc-tabs{position:sticky;top:12px;z-index:20;display:flex;align-items:center;gap:8px;overflow-x:auto;max-width:100%;padding:8px;margin-block:24px 32px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--panel);box-shadow:var(--shadow-soft);overscroll-behavior-x:contain;scrollbar-width:thin}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 18px;flex-shrink:0;border-radius:var(--r-pill);text-decoration:none;color:var(--text-sub);white-space:nowrap;font-size:var(--text-sm);font-weight:var(--weight-semibold)}
.toc-tabs a:hover{background:var(--panel-2)}
.toc-tabs a.is-active{background:var(--tint-accent);color:var(--accent-dark);box-shadow:var(--hl)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-offset)}
.faq-list{display:grid;gap:12px}
.faq-item{border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--hl)}
.faq-item summary{position:relative;list-style:none;padding:20px 56px 20px 24px;font-weight:var(--weight-bold);min-height:64px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;inset-inline-end:22px;top:18px;color:var(--accent);font-size:22px;line-height:1.4}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 24px 22px;color:var(--text-muted)}
.faq-answer p:last-child{margin-bottom:0}
.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:28px;background:var(--panel);border:1.5px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}
.plan-card.is-current{border-color:var(--accent);box-shadow:var(--shadow-raised)}
.plan-card h3{font-size:22px}
.plan-badge{display:inline-flex;align-items:center;align-self:flex-start;min-height:28px;padding:4px 12px;margin-bottom:16px;background:var(--tint-honey);color:var(--accent-dark);border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:var(--weight-bold)}
.plan-price{font-family:var(--font-display);font-size:44px;line-height:1.2;font-weight:var(--weight-display);letter-spacing:-.02em;color:var(--accent-dark);margin:0 0 8px;font-variant-numeric:tabular-nums}
.plan-price small{font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:0;color:var(--text-muted);font-weight:var(--weight-medium)}
.plan-description{color:var(--text-muted);font-size:var(--text-sm)}
.plan-features{list-style:none;margin:16px 0 28px;padding:0}
.plan-features li{padding-left:22px;position:relative}
.plan-features li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:var(--weight-bold)}
.plan-card .btn{margin-top:auto;width:100%;white-space:normal;text-align:center}
.table-scroll{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--hl)}
.data-table,.route-table{width:100%;min-width:660px;font-size:var(--text-sm)}
.data-table caption,.route-table caption{text-align:start;padding:16px 20px;font-weight:var(--weight-bold);color:var(--text);background:var(--panel-2)}
.data-table th,.data-table td,.route-table th,.route-table td{padding:15px 20px;border-bottom:1px solid var(--border);word-break:keep-all}
.table-scroll th{color:var(--accent-dark);background:var(--panel-2);font-weight:var(--weight-bold);white-space:nowrap}
.table-scroll 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{background:var(--tint-accent);color:var(--accent-dark)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.table-note{margin-top:12px;color:var(--text-muted);font-size:var(--text-sm)}
.platform-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding:24px;background:var(--panel);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-card)}
.platform-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-md);background:var(--panel-2);color:var(--accent-dark);flex-shrink:0}
.platform-icon svg{width:26px;height:26px;fill:currentColor}
.platform-card h3{font-size:18px;margin:0}
.platform-card .btn{margin-top:auto;padding-inline:16px;white-space:normal;min-height:44px}
.platform-card p{font-size:var(--text-sm);color:var(--text-muted);margin:0}
.article-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--panel);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-card)}
.article-card-body{padding:24px;display:flex;flex-direction:column;flex:1}
.article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:16px}
.article-card h3{font-size:22px}
.article-card h3 a{color:var(--text);text-decoration:none}
.article-card h3 a:hover{color:var(--accent)}
.article-card p{color:var(--text-muted);font-size:var(--text-sm)}
.article-link{display:inline-flex;align-items:center;min-height:32px;align-self:flex-start;margin-top:auto;font-weight:var(--weight-bold);font-size:var(--text-sm)}
.badge,.tag{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 10px;min-height:28px;overflow:hidden;overflow-wrap:anywhere;border-radius:var(--r-pill);background:var(--tint-accent);color:var(--accent-dark);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.5}
.badge-warm{background:var(--tint-honey)}
.status-dot{width:7px;height:7px;border-radius:var(--r-circle);background:var(--success);flex-shrink:0}
.callout{margin:24px 0;padding:24px;border-left:4px solid var(--accent);border-radius:var(--r-sm);background:var(--panel-2);color:var(--text-sub);box-shadow:var(--hl)}
.callout p:last-child{margin-bottom:0}
.callout-warm{border-left-color:var(--warn);background:var(--tint-honey)}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-block:40px;padding:32px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-bar);box-shadow:var(--shadow-card)}
.promo-copy{min-width:0}
.promo-brand{font-family:var(--font-display);font-size:24px;font-weight:var(--weight-display);color:var(--accent-dark);margin:0 0 8px}
.promo-copy p:last-child{margin:0;color:var(--text-sub)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.float-cta{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:var(--r-pill);color:var(--white);background:var(--cta-gradient);text-decoration:none;font-weight:var(--weight-bold);font-size:var(--text-sm);box-shadow:0 10px 30px -8px color-mix(in srgb,var(--accent) 55%,transparent),var(--hl);white-space:nowrap}
.float-cta svg{width:18px;height:18px;flex-shrink:0}
.float-cta:hover{color:var(--white);box-shadow:var(--shadow-raised)}
body:has(.float-cta)::after{content:"";display:block;height:calc(88px + env(safe-area-inset-bottom,0px))}
.trust-band{background:var(--panel-2);padding-top:40px;padding-bottom:40px;text-align:center}
.trust-facts{display:flex;justify-content:center;gap:64px;flex-wrap:wrap}
.trust-fact{min-width:0}
.trust-fact strong{display:block;font-family:var(--font-display);font-size:40px;line-height:1.2;color:var(--accent-dark);font-weight:var(--weight-display)}
.trust-fact span{display:block;font-size:var(--text-sm);margin-top:8px;color:var(--text-sub)}
.trust-marks{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 28px;margin-top:28px;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold)}
.feature-platter{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.feature-card{grid-column:span 4;min-width:0;padding:30px;border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-card),inset 0 0 0 1px color-mix(in srgb,var(--border) 60%,transparent);transition:transform var(--time-fast) var(--ease),box-shadow var(--time-fast) var(--ease)}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-raised)}
.feature-wide{grid-column:span 7}
.feature-side{grid-column:span 5}
.feature-full{grid-column:1/-1;background:var(--tint-honey)}
.feature-card h3{margin-top:24px}
.feature-card p{color:var(--text-muted);margin-bottom:0}
.feature-art{height:144px;display:flex;align-items:center;justify-content:center;position:relative;max-width:100%;color:var(--accent-dark)}
.client-art{width:100%;max-width:310px;border-radius:var(--r-sm);background:var(--panel-2);border:1px solid var(--border);box-shadow:var(--shadow-soft);overflow:hidden;font-size:var(--text-xs)}
.client-chrome{display:flex;align-items:center;gap:5px;padding:10px 12px;background:var(--tint-accent);border-bottom:1px solid var(--border)}
.chrome-dot{display:block;width:6px;height:6px;border-radius:var(--r-circle);background:var(--accent);flex-shrink:0}
.chrome-dot:nth-child(2){background:var(--sky)}
.chrome-dot:nth-child(3){background:var(--honey)}
.client-caption{margin-left:8px;font-weight:var(--weight-semibold)}
.client-body{display:grid;grid-template-columns:90px 1fr;min-height:92px}
.client-sidebar{padding:12px;background:var(--white);color:var(--text-muted)}
.client-status{display:flex;gap:8px;align-items:center;justify-content:center;color:var(--accent-dark);font-weight:var(--weight-bold);padding:12px}
.lock-art svg{width:112px;height:126px}
.device-art svg{width:190px;height:122px;max-width:100%}
.chat-art{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.chat-bubble{padding:14px 18px;border-radius:var(--r-md);background:var(--tint-accent);font-weight:var(--weight-bold);box-shadow:var(--hl)}
.chat-bubble:last-child{background:var(--tint-honey)}
.player-art{width:190px;height:112px;display:grid;place-items:center;background:var(--tint-sky);border:7px solid var(--white);border-radius:var(--r-md);box-shadow:var(--shadow-soft)}
.player-art svg{width:36px;height:36px;fill:var(--accent)}
.refund-art{display:flex;gap:16px;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:var(--weight-bold);color:var(--accent-dark);font-size:24px}
.blog-hero{position:relative;overflow-x:clip;background:var(--panel-2);border-radius:var(--r-bar);padding:40px 150px 40px 40px;box-shadow:var(--hl)}
.blog-hero::after{content:"VW";position:absolute;right:32px;top:32px;display:grid;place-items:center;width:84px;height:84px;border:4px double var(--accent);border-radius:var(--r-circle);transform:rotate(-11deg);font-family:var(--font-mono);font-size:26px;font-weight:var(--weight-bold);color:var(--accent)}
.blog-hero h1{font-size:40px}

/* Preview-only composition is kept in the shared stylesheet intentionally. */
.preview-section{padding-top:56px;padding-bottom:56px;border-bottom:1px solid var(--border)}
.preview-intro{max-width:800px;color:var(--text-muted)}
.preview-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-block:20px}
.swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.swatch{background:var(--panel);border-radius:var(--r-sm);border:1px solid var(--border);overflow:hidden;box-shadow:var(--hl)}
.swatch-tone{display:block;height:64px;background:var(--sample)}
.swatch code{display:block;padding:10px 12px;font-size:var(--text-xs);color:var(--text-sub)}
.sw-bg{--sample:var(--bg)}
.sw-panel{--sample:var(--panel)}
.sw-panel-2{--sample:var(--panel-2)}
.sw-border{--sample:var(--border)}
.sw-accent{--sample:var(--accent)}
.sw-accent-dark{--sample:var(--accent-dark)}
.sw-sky{--sample:var(--sky)}
.sw-honey{--sample:var(--honey)}
.sw-text{--sample:var(--text)}
.sw-muted{--sample:var(--text-muted)}
.sw-sub{--sample:var(--text-sub)}
.sw-success{--sample:var(--success)}
.sw-warn{--sample:var(--warn)}
.sw-error{--sample:var(--error)}
.sw-white{--sample:var(--white)}
.sw-wire{--sample:var(--wire)}
.sw-tint-accent{--sample:var(--tint-accent)}
.sw-tint-sky{--sample:var(--tint-sky)}
.sw-tint-honey{--sample:var(--tint-honey)}
.sw-ring-1{--sample:var(--ring-1)}
.sw-ring-2{--sample:var(--ring-2)}
.sw-ring-3{--sample:var(--ring-3)}
.sw-ring-4{--sample:var(--ring-4)}
.sw-ring-5{--sample:var(--ring-5)}
.sw-ring-6{--sample:var(--ring-6)}
.sw-ring-7{--sample:var(--ring-7)}
.sw-ring-line{--sample:var(--ring-line)}
.sw-bark-1{--sample:var(--bark-1)}
.sw-bark-2{--sample:var(--bark-2)}
.sw-bark-3{--sample:var(--bark-3)}
.sw-flag-red{--sample:var(--flag-red)}
.sw-flag-blue{--sample:var(--flag-blue)}
.sw-focus{--sample:var(--focus-color)}
.sw-gradient{--sample:var(--cta-gradient)}
.type-display{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-h1);line-height:1.12;letter-spacing:-.02em}
.type-lead{font-size:var(--text-lead);color:var(--text-sub)}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
@media(max-width:960px){
  .hero h1{font-size:56px}
  .meta-row{gap:16px}
  .meta-list{gap:14px}
  .feature-card{padding:24px}
}
@media(max-width:768px){
  .hero h1{font-size:clamp(28px,6.6vw,40px)}
  .notice{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}
  .notice-text{font-size:15px;gap:8px}
  .notice-btn{align-self:flex-end}
  .lead{font-size:18px;max-width:620px}
  .hero .cta-row{flex-direction:column;align-items:center;gap:10px;margin-top:20px}
  .hero .cta-row .btn{width:min(280px,100%)}
  .chips{gap:8px;margin-top:16px}
  .chip{font-size:var(--text-xs);padding-inline:10px}
  .meta-row{flex-direction:column;gap:12px;margin-top:16px;line-height:1.3}
  .meta-sep{display:none}
  .meta-group{gap:8px;flex-wrap:wrap;justify-content:center}
  .meta-list{gap:10px;flex-wrap:wrap;justify-content:center;font-size:var(--text-xs)}
  .meta-label{font-size:11px}
  .stage{--u:calc(92vw / 960);--plinth:360;--disc:324;--core:132;--logo:88;--badge:104;--badge-fs:26;height:calc(560 * var(--u));margin-top:20px;max-width:92vw}
  .wires-d{display:none}
  .wires-m{display:block}
  .n-lax,.n-sel,.n-netflix,.n-doc{display:none}
  .n-tyo{--x:12%;--y:29%}
  .n-lon{--x:12%;--y:68%}
  .n-fra{--x:88%;--y:29%}
  .n-syd{--x:88%;--y:68%}
  .n-gpt{--x:30%;--y:8%}
  .n-claude{--x:70%;--y:8%}
  .n-ok{--x:50%;--y:92%}
  .svc{gap:6px;padding:6px 9px 6px 6px;border-radius:var(--r-sm)}
  .svc-ico{width:24px;height:24px;border-radius:var(--r-xs);font-size:var(--text-xs)}
  .svc-name{font-size:11px}
  .svc-sub{display:none}
  .city-name{font-size:11px}
  .connected{width:auto;height:auto;min-height:30px;padding:6px 12px;font-size:11px;border-radius:var(--r-pill);gap:5px}
  .connected svg{width:13px;height:13px}
  .feature-card,.feature-wide,.feature-side{grid-column:1/-1}
  .feature-art{width:60%;margin-inline:auto;height:126px;min-width:150px}
  .feature-full .feature-art{width:100%}
  .promo-block{flex-direction:column;align-items:flex-start;padding:24px}
  .trust-facts{gap:24px 40px}
  .trust-fact strong{font-size:32px}
  .blog-hero{padding:28px}
  .blog-hero::after{display:none}
  .blog-hero h1{font-size:32px}
}
@media(max-width:640px){
  .hero-text{max-width:100%}
  .hero h1{margin-top:24px}
  .hero .lead{font-size:16px}
  .notice-text{font-size:var(--text-sm)}
  .notice-seal{width:26px;height:26px}
  .notice-btn{font-size:var(--text-xs)}
  .tab-list,[role="tablist"]{border-radius:var(--r-md);gap:4px;width:100%}
  .tab-list [role="tab"]{padding-inline:16px}
  .float-cta{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .plan-card{padding:24px}
  .faq-item summary{padding-left:20px}
  .faq-answer{padding-inline:20px}
  .float-doc{transform:translate(-50%,-50%)}
  .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  .hub-rings{animation:none}
  .feature-card:hover,.btn:hover{transform:none}
}