.hero{position:relative;padding-top:40px;padding-bottom:36px;background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg) 100%);overflow-x:clip;max-width:100%}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--accent-04) 1px,var(--clear) 1px),linear-gradient(90deg,var(--accent-04) 1px,var(--clear) 1px);background-size:40px 40px;background-position:-1px -1px;mask-image:radial-gradient(ellipse 80% 85% at 60% 45%,var(--text) 35%,var(--clear) 92%);pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 46%,var(--soft-18) 0%,var(--clear) 34%);pointer-events:none}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:40px;align-items:center}
.hero__copy{position:relative;z-index:2;min-width:0}
.hero__title{font-family:var(--font-display);font-weight:var(--weight-heavy);font-size:var(--fs-h1);line-height:1.08;letter-spacing:var(--tracking-display);margin-bottom:40px}
.hero__brand,.hero__line{display:block}
.hero__lead{max-width:528px;margin-bottom:32px;font-size:var(--fs-lead);line-height:1.7;color:var(--muted)}
.hero__lead strong{color:var(--text);font-weight:var(--weight-bold);background:linear-gradient(var(--clear) 62%,var(--soft-30) 62%)}
.trust{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 28px;list-style:none;margin:0;padding:0}
.trust li{display:flex;align-items:center;gap:8px;font-size:var(--fs-small);line-height:24px;color:var(--muted);white-space:nowrap}
.trust__ic{width:16px;height:16px;flex:none}
.ti-ring{fill:var(--success-12)}
.ti-check{fill:none;stroke:var(--success);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.device{position:relative;width:100%;max-width:560px;aspect-ratio:560/540;justify-self:end;z-index:1;min-width:0}
.stage{position:absolute;inset:0}
.stage__shadow{position:absolute;left:16.071%;top:14.815%;width:67.857%;height:70.37%;border-radius:var(--radius-circle);background:var(--panel-2);box-shadow:0 44px 80px -28px var(--accent-22),0 14px 36px -10px var(--accent-12)}
.map{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.st-panel{stop-color:var(--panel)}
.st-panel2{stop-color:var(--panel-2)}
.st-white{stop-color:var(--white)}
.st-accent{stop-color:var(--accent)}
.st-soft{stop-color:var(--accent-soft)}
.o0{stop-opacity:0}
.o10{stop-opacity:.10}
.o40{stop-opacity:.40}
.o55{stop-opacity:.55}
.o70{stop-opacity:.70}
.o90{stop-opacity:.90}
.o100{stop-opacity:1}
.disc-fill{fill:url(#disc-face)}
.disc-highlight{stroke:url(#disc-light)}
.halo-fill{fill:url(#node-halo)}
.ring{fill:none;stroke:var(--accent);stroke-opacity:.4;stroke-width:1}
.grat{fill:none;stroke:var(--accent);stroke-opacity:.07;stroke-width:1}
.plate{stroke:var(--white);stroke-opacity:.85;stroke-width:1}
.plate-ring{fill:none;stroke:var(--accent);stroke-opacity:.12;stroke-width:1;stroke-dasharray:2 4}
.rim{fill:none;stroke:var(--white);stroke-opacity:.9;stroke-width:1.2}
.hl-arc{fill:none;stroke-width:3;stroke-linecap:round}
.arc{fill:none;stroke:var(--accent);stroke-linecap:round}
.arc--iepl{stroke-width:2}
.arc--transit{stroke-width:1.75;stroke-opacity:.5}
.arc--direct{stroke-width:1.5;stroke-opacity:.75;stroke-dasharray:4 5}
.halo{transform-box:fill-box;transform-origin:center;animation:breathe 4s ease-in-out infinite}
.h2{animation-delay:-1.3s}
.h3{animation-delay:-2.6s}
@keyframes breathe{0%,100%{transform:scale(.82);opacity:.72}50%{transform:scale(1.14);opacity:1}}
.node__ring{fill:var(--panel);stroke:var(--accent);stroke-opacity:.35;stroke-width:1}
.node__core{fill:var(--accent)}
.city,.origin-lbl{font-family:var(--font-mono);font-size:var(--fs-label);font-weight:var(--weight-medium);letter-spacing:.02em;fill:var(--text);paint-order:stroke;stroke:var(--panel);stroke-width:3px;stroke-linejoin:round}
.origin-lbl{fill:var(--accent);font-weight:var(--weight-semibold)}
.orig-outer{fill:var(--panel);stroke:var(--accent);stroke-opacity:.35;stroke-width:1}
.orig-inner{fill:var(--white);stroke:var(--accent);stroke-width:1.5}
.map-logo{width:30px;height:30px}
.route-particle{fill:var(--accent);transform-box:fill-box;transform-origin:center;animation:route-drift 4s linear infinite}
.route-particle--second{animation-delay:-2s}
@keyframes route-drift{0%{transform:translate(-12px,-8px);opacity:.35}70%{opacity:1}100%{transform:translate(12px,8px);opacity:.35}}
.seg{position:absolute;top:4.444%;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:4px;padding:5px 5px 5px 14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--hl-inset),var(--shadow-card);white-space:nowrap}
.seg__label{margin-right:8px;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.08em;color:var(--muted)}
.seg__input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.seg__opt{padding:7px 14px;border-radius:var(--radius-sm);font-size:var(--fs-small);font-weight:var(--weight-semibold);line-height:1.2;color:var(--text);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}
.seg__opt:hover{background:var(--accent-08)}
.seg__input:checked+.seg__opt{background:var(--accent);color:var(--white);box-shadow:inset 0 1px 0 var(--white-22)}
.seg__input:focus-visible+.seg__opt{outline:2px solid var(--accent);outline-offset:2px}
.legend{position:absolute;top:92.6%;left:50%;transform:translateX(-50%);z-index:2;display:flex;gap:8px;white-space:nowrap;list-style:none;padding:0;margin:0}
.legend li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--panel-legend);border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--fs-xs);line-height:16px;color:var(--muted)}
.legend svg{width:20px;height:6px;flex:none}
.term{position:absolute;left:30%;right:0;top:73.33%;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 6px 6px 14px;background:var(--text);border-radius:var(--radius);transform:rotate(-1.5deg);box-shadow:inset 0 1px 0 var(--white-14),0 24px 44px -18px var(--accent-35),0 4px 10px -4px var(--accent-22)}
.term__line{min-width:0;overflow-x:auto;white-space:nowrap;font-family:var(--font-mono);font-size:var(--fs-xs);line-height:20px;color:var(--panel-2);scrollbar-width:thin}
.term__ps{margin-right:6px;color:var(--accent);font-weight:var(--weight-heavy)}
.term__url{color:var(--panel)}
.term__copy{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:26px;padding:5px 9px;background:var(--white-06);border:1px solid var(--white-14);border-radius:var(--radius-control);font-family:var(--font-mono);font-size:var(--fs-xs);line-height:1;color:var(--panel-2);cursor:pointer}
.term__copy:hover{background:var(--white-14)}
.chip{position:absolute;left:0;top:84.4%;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--hl-inset),var(--shadow-card);font-family:var(--font-mono);font-size:var(--fs-label);line-height:18px;color:var(--muted);white-space:nowrap;max-width:100%;overflow:hidden}
.chip strong{color:var(--text);font-weight:var(--weight-bold)}
.chip svg{width:12px;height:12px;flex:none}
.wall{position:relative;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background-color:var(--panel-dim);background-image:radial-gradient(var(--accent-14) 1px,var(--clear) 1.3px);background-size:10px 10px}
.wall__inner{display:grid;grid-template-columns:1fr 1fr;min-height:88px}
.wall__half{display:flex;align-items:center;gap:20px;padding-right:28px;min-width:0}
.wall__half--flags{padding:0 0 0 28px;border-left:1px solid var(--border)}
.wall__tag{flex:none;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;color:var(--muted)}
.wall__list{display:flex;flex:1;align-items:center;justify-content:space-between;gap:12px;min-width:0;list-style:none;padding:0;margin:0}
.wall__item{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-small);font-weight:var(--weight-semibold);color:var(--text);white-space:nowrap}
.plat{width:20px;height:20px;flex:none;color:var(--text)}
.flag{display:block;flex:none;width:24px;height:16px;overflow:hidden;border-radius:var(--radius-sm)}
.flag--sq{width:16px;height:16px}
.f-red{fill:var(--flag-red)}
.f-white{fill:var(--white)}
.f-blue{fill:var(--flag-blue)}
.f-edge{fill:none;stroke:var(--text);stroke-opacity:.14;stroke-width:1}
.finder{position:relative;padding-top:40px;padding-bottom:72px}
.finder .kicker{margin-bottom:16px}
.sec-title{font-family:var(--font-display);font-weight:var(--weight-heavy);font-size:var(--fs-h2);line-height:1.2;letter-spacing:var(--tracking-cjk);margin-bottom:24px}
.sentence{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:28px 32px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--hl-inset),var(--shadow-card);font-size:var(--fs-lead)}
.pick{position:relative;display:inline-flex;max-width:100%}
.pick::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.pick select{height:46px;max-width:100%;padding:0 40px 0 16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-medium);font-weight:var(--weight-semibold);appearance:none;cursor:pointer}
.pick select:hover{border-color:var(--muted)}
.sentence .btn{margin-left:auto}
.tab-list,[role="tablist"]{display:flex;gap:4px;max-width:100%;overflow-x:auto;border-bottom:1px solid var(--border);padding:4px;margin-bottom:24px;scrollbar-width:thin}
[role="tab"]{flex-shrink:0;min-height:44px;padding:10px 16px;border:0;border-bottom:2px solid var(--clear);background:var(--clear);color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-small);white-space:nowrap}
[role="tab"][aria-selected="true"]{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-08)}
[role="tabpanel"]{min-width:0}
.toc-tabs{position:sticky;top:16px;z-index:20;display:flex;gap:8px;max-width:100%;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow-x:auto;scrollbar-width:thin;margin-bottom:32px}
.toc-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;flex-shrink:0;white-space:nowrap;font-size:var(--fs-small);border-radius:var(--radius-sm)}
.toc-tabs a.is-current{background:var(--accent);color:var(--white)}
.toc-tabs.toc-tabs--static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:calc(var(--header-edge) + var(--toc-offset))}
.faq-list{display:grid;gap:12px}
.faq{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--hl-inset)}
.faq summary{position:relative;padding:20px 52px 20px 24px;min-height:64px;cursor:pointer;font-weight:var(--weight-semibold);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:24px;top:20px;color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-lead)}
.faq[open] summary::after{content:"−"}
.faq__body{padding:0 24px 24px;color:var(--muted)}
.plan-card{position:relative;display:flex;flex-direction:column;gap:20px;padding:28px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--hl-inset),var(--shadow-card);min-width:0}
.plan-card--current{border-color:var(--accent);box-shadow:inset 0 3px 0 var(--accent),var(--hl-inset),var(--shadow-card)}
.plan-card__period{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--muted)}
.plan-card__price{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:var(--weight-heavy);line-height:1.2;letter-spacing:var(--tracking-cjk)}
.plan-card__price small{font-size:var(--fs-small);font-weight:var(--weight-normal);color:var(--muted);letter-spacing:normal}
.plan-card__facts{padding:20px 0;margin:0;list-style:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--fs-small)}
.plan-card__facts li+li{margin-top:12px}
.plan-card .btn{margin-top:auto;width:100%}
.badge,.tag{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 10px;max-width:100%;overflow:hidden;overflow-wrap:anywhere;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--fs-label);line-height:1.4;color:var(--text)}
.badge--accent{background:var(--accent-08);border-color:var(--accent-22);color:var(--accent)}
.badge--success{background:var(--success-12);color:var(--success)}
.badge--warn{background:var(--warn-12);color:var(--text)}
.badge--error{background:var(--error-12);color:var(--error)}
.fact-row{display:flex;flex-wrap:wrap;gap:8px}
.table-scroll{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}
.data-table,.route-table{width:100%;min-width:640px;text-align:left;font-size:var(--fs-small)}
.data-table caption,.route-table caption{text-align:left;padding:16px 20px;font-weight:var(--weight-semibold);color:var(--text)}
.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}
.table-scroll th,.route-table th,.data-table th{white-space:nowrap;color:var(--text);font-weight:var(--weight-semibold);background:var(--panel-2)}
.data-table td:first-child,.route-table td:first-child{color:var(--text);font-weight:var(--weight-semibold)}
.route-table .route-group th{background:var(--panel);color:var(--accent);font-family:var(--font-mono)}
.data-table tr:last-child td,.route-table tr:last-child td{border-bottom:0}
.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:16px;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--hl-inset),var(--shadow-card);min-width:0}
.platform-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius)}
.platform-card__icon svg{width:24px;height:24px}
.platform-card h3{font-size:var(--fs-lead)}
.platform-card p{font-size:var(--fs-small);color:var(--muted)}
.platform-card .btn{padding-inline:12px;width:100%;margin-top:auto}
.article-card{display:flex;flex-direction:column;gap:16px;padding:28px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--hl-inset),var(--shadow-card);min-width:0}
.article-card h3{font-size:var(--fs-h3);line-height:1.4}
.article-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-label)}
.article-card p{color:var(--muted);font-size:var(--fs-small)}
.article-card__link{display:inline-flex;align-items:center;min-height:28px;margin-top:auto;color:var(--accent);font-size:var(--fs-small);font-weight:var(--weight-semibold)}
.callout{padding:24px 28px;background:var(--accent-08);border:1px solid var(--accent-22);border-left:3px solid var(--accent);border-radius:var(--radius);color:var(--text)}
.callout p+p{margin-top:12px}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;background:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--white-14),var(--shadow-card);color:var(--panel)}
.promo-block__copy{min-width:0}
.promo-block__brand{font-size:var(--fs-h3);font-family:var(--font-display);font-weight:var(--weight-heavy)}
.promo-block p{margin-top:8px;color:var(--panel-2)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.console{overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--hl-inset),var(--shadow-card)}
.console__chrome{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel)}
.console__dot{width:8px;height:8px;flex:none;border-radius:var(--radius-circle);background:var(--error)}
.console__dot--warn{background:var(--warn)}
.console__dot--success{background:var(--success)}
.console__address{margin-left:auto;margin-right:auto;padding:4px 28px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--muted)}
.console__body{display:grid;grid-template-columns:250px minmax(0,1fr)}
.console__sidebar{display:flex;flex-direction:column;gap:4px;padding:20px 12px;background:var(--text)}
.console__sidebar [role="tab"]{display:flex;align-items:center;gap:12px;width:100%;white-space:normal;text-align:left;min-height:52px;border-bottom:0;border-left:3px solid var(--clear);color:var(--panel-2);font-family:var(--font-body)}
.console__sidebar [role="tab"] svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.console__sidebar [role="tab"][aria-selected="true"]{background:var(--white-06);border-left-color:var(--accent);color:var(--white)}
.console__sidebar[role="tablist"]{margin:0;border:0;border-radius:0;overflow-x:visible}
.console__detail{padding:32px;min-width:0}
.console__detail p{margin-top:20px;color:var(--muted)}
.console__detail .fact-row{margin-top:24px}
.route-model{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px}
.route-model span{padding:16px 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-label);text-align:center}
.route-model span:first-child{background:var(--accent-08);border-color:var(--accent-22);color:var(--accent)}
.preview-section{padding-top:56px;padding-bottom:56px;border-bottom:1px solid var(--border)}
.preview-section>h2{margin-bottom:28px}
.preview-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.swatch{padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--fs-label);min-width:0;overflow-wrap:anywhere}
.swatch__paint{height:64px;margin-bottom:12px;border:1px solid var(--border);border-radius:var(--radius-sm)}
.paint-bg{background:var(--bg)}
.paint-top{background:var(--bg-top)}
.paint-panel{background:var(--panel)}
.paint-inset{background:var(--panel-2)}
.paint-border{background:var(--border)}
.paint-accent{background:var(--accent)}
.paint-dark{background:var(--accent-dark)}
.paint-soft{background:var(--accent-soft)}
.paint-text{background:var(--text)}
.paint-muted{background:var(--muted)}
.paint-success{background:var(--success)}
.paint-warn{background:var(--warn)}
.paint-error{background:var(--error)}
.paint-white{background:var(--white)}
.paint-glass{background:var(--panel-glass)}
.type-samples{display:grid;gap:24px}
.type-samples__display{font-family:var(--font-display);font-weight:var(--weight-heavy);font-size:var(--fs-h2)}
.preview-header .desktop-nav{display:block}
.preview-language{position:relative}
.preview-language summary{list-style:none}
.preview-footer{margin-top:56px}
@media(max-width:1180px){
  .hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
  .hero__title{font-size:var(--fs-h1-mid)}
  .trust{grid-template-columns:repeat(2,auto)}
  .wall__inner{grid-template-columns:1fr;padding-top:12px;padding-bottom:12px}
  .wall__half,.wall__half--flags{padding:12px 0;border-left:0}
  .wall__half--flags{border-top:1px dashed var(--border)}
}
@media(max-width:900px){
  .hero__grid{grid-template-columns:1fr;gap:48px}
  .device{justify-self:center}
  .console__body{grid-template-columns:210px minmax(0,1fr)}
  .swatches{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .hero{padding-top:32px;padding-bottom:40px}
  .hero__title{font-size:var(--fs-h1-mobile);margin-bottom:32px}
  .kicker{font-size:var(--fs-label);margin-bottom:20px}
  .cta-row{margin-bottom:28px}
  .hero__lead{font-size:var(--fs-medium)}
  .trust{grid-template-columns:1fr;gap:8px}
  .device{max-width:none;aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:14px}
  .stage{position:relative;order:2;width:80%;aspect-ratio:560/540}
  .seg{position:static;order:1;transform:none}
  .legend{position:static;order:3;transform:none;flex-wrap:wrap;justify-content:center;white-space:normal}
  .term{position:static;order:4;width:100%;transform:none}
  .chip{position:static;order:5}
  .city--opt{display:none}
  .city,.origin-lbl{font-size:20px;stroke-width:4px}
  .origin-lbl{transform:translateY(8px)}
  .wall__half{flex-wrap:wrap;gap:12px}
  .wall__list{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px}
  .sentence{padding:20px;font-size:var(--fs-body)}
  .sentence .btn{margin-left:0;width:100%}
  .console__body{grid-template-columns:minmax(0,1fr)}
  .console__sidebar[role="tablist"]{flex-direction:row;overflow-x:auto;padding:8px}
  .console__sidebar [role="tab"]{width:auto;white-space:nowrap;border-left:0;border-bottom:3px solid var(--clear)}
  .console__sidebar [role="tab"][aria-selected="true"]{border-bottom-color:var(--accent)}
  .console__detail{padding:24px}
  .promo-block{flex-direction:column;align-items:flex-start;padding:24px}
  .preview-header .topbar__inner{flex-wrap:wrap;height:auto;padding-top:10px}
  .preview-header .desktop-nav{order:3;flex-basis:100%}
  .preview-header .tabs,.preview-header .tabs__item{height:44px}
  .swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .term{transform:none}
  .seg{max-width:100%;gap:2px;padding-left:8px}
  .seg__label{margin-right:2px;letter-spacing:normal}
  .seg__opt{padding-inline:10px}
  .route-model{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .halo,.route-particle{animation:none;transform:none}
  .seg__opt,.term__copy{transition:none}
}