.hero{position:relative;overflow-x:clip;max-width:100%;padding-top:56px;padding-bottom:56px;background:linear-gradient(180deg,var(--ambient-top),var(--ambient-bottom))}
.hero-grid{display:grid;grid-template-columns:36fr 46fr 18fr;column-gap:40px;align-items:start}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;min-height:var(--win-h)}
.badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:28px;max-width:100%;padding:3px 12px 3px 10px;background:var(--panel);border:1px solid var(--border);font-size:var(--text-label);color:var(--muted);overflow-wrap:anywhere}
.badge::before{content:"";width:8px;height:8px;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--violet))}
.badge .num{font-size:var(--text-sm);color:var(--text)}
.hero-title{margin-top:28px;width:fit-content;max-width:100%;padding-bottom:4px;font-family:var(--font-display);font-weight:var(--weight-regular);font-size:var(--h1);line-height:1.1;letter-spacing:var(--tracking-title);color:var(--accent);background:linear-gradient(100deg,var(--accent),var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--transparent)}
.h1-brand,.h1-line{display:block}
.hero-copy .cta-row{flex-wrap:nowrap}
.lede{margin-top:32px;font-size:var(--body);line-height:1.65;color:var(--muted)}
.lede strong{font-weight:var(--weight-strong);color:var(--text)}
.copy-foot{margin-top:auto;padding-top:28px}
.facts{display:grid;grid-template-columns:.92fr .92fr 1.16fr;gap:1px;background:var(--border);border:1px solid var(--border)}
.fact{padding:9px 12px 10px;background:var(--panel);min-width:0}
.fact-k{display:block;font-size:var(--text-sm);line-height:1.4;color:var(--muted)}
.fact-v{display:block;margin-top:2px;font-size:var(--text-label);line-height:1.5;color:var(--text)}
.fact-v .num{font-size:var(--text-sm)}
.meta-row{display:flex;align-items:center;gap:16px;margin-top:24px}
.meta-row+.meta-row{margin-top:14px}
.meta-k{flex:none;width:56px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);color:var(--muted)}
.meta-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0}
.plat,.flag{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-label);line-height:1.2;color:var(--text)}
.plat svg{width:16px;height:16px;flex:none}
.flag svg{width:21px;height:14px;flex:none;overflow:hidden}
.flag svg.sq{width:14px;height:14px}
.stage-col{position:relative;z-index:1}
.motion-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.cube-window{position:relative;height:var(--win-h);background:radial-gradient(58% 46% at 8% 6%,var(--violet-glow),var(--transparent) 72%),linear-gradient(180deg,var(--win-top),var(--win-bottom));box-shadow:var(--shadow-window),inset 0 0 0 1px var(--win-inner-edge)}
.win-canvas{position:absolute;inset:0;overflow:hidden;display:grid;place-items:center}
.core{position:absolute;z-index:1;border-radius:var(--radius-round);background:radial-gradient(circle,var(--core-c),var(--core-b) 26%,var(--core-a) 46%,var(--core-fade) 70%);animation:core-drift-a 14s ease-in-out infinite;will-change:transform,opacity}
.core-a{left:calc(50% - 160px);top:calc(50% - 46px);width:230px;height:230px}
.core-b{left:calc(50% - 6px);top:calc(50% - 150px);width:180px;height:180px;background:radial-gradient(circle,var(--core-c),var(--core-b) 30%,var(--core-fade) 70%);animation-name:core-drift-b;animation-delay:-5s}
@keyframes core-drift-a{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.78}50%{transform:translate3d(26px,-18px,0) scale(1.14);opacity:1}}
@keyframes core-drift-b{0%,100%{transform:translate3d(0,0,0) scale(1.06);opacity:.92}50%{transform:translate3d(-30px,24px,0) scale(.9);opacity:.64}}
.ground{position:absolute;z-index:1;left:50%;top:calc(50% + 18px + var(--s)*.66);width:calc(var(--s)*1.55);height:92px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,var(--ground),var(--ground-fade))}
.cube-stage{position:relative;z-index:2;width:var(--s);height:var(--s)}
.cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(-32deg)}
.face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5px;padding:2px;backface-visibility:hidden}
.face-front{transform:translateZ(calc(var(--s)/2))}
.face-right{transform:rotateY(90deg) translateZ(calc(var(--s)/2))}
.face-top{transform:rotateX(90deg) translateZ(calc(var(--s)/2))}
.face-front::before,.face-right::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--glass-hilite);box-shadow:0 0 10px 1px var(--glass-glow)}
.face-right::after{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--glass-line)}
.tile{position:relative;min-width:0;background:linear-gradient(160deg,var(--glass-front-a),var(--glass-front-b));box-shadow:inset 0 0 0 1px var(--glass-line),inset 0 1px 0 var(--glass-hilite);-webkit-backdrop-filter:blur(6px) saturate(1.25);backdrop-filter:blur(6px) saturate(1.25)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--glass-sheen),var(--transparent) 44%);pointer-events:none}
.face-top .tile{background:linear-gradient(135deg,var(--glass-top-a),var(--glass-top-b))}
.face-right .tile{background:linear-gradient(200deg,var(--glass-right-a),var(--glass-right-b))}
.tile>*{position:relative;z-index:1}
.cell{display:flex;flex-direction:column;justify-content:space-between;padding:9px 9px 8px;color:var(--on-glass)}
.cell-flag{display:block;width:21px;height:14px;overflow:hidden}
.cell-flag.sq{width:14px;height:14px}
.cell-city{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.3;text-shadow:0 1px 2px var(--glass-text-shadow)}
.cell-type{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:var(--text-xs);line-height:1.3;color:var(--on-glass-soft)}
.cell-type svg{width:14px;height:9px;fill:none;stroke:currentColor;stroke-width:1.4}
.cell-ico{display:block;width:14px;height:14px;fill:none;stroke:var(--on-glass);stroke-width:1.4}
.cell-num{display:block;font-family:var(--font-mono);font-size:22px;font-weight:var(--weight-medium);line-height:1;letter-spacing:var(--tracking-title);text-shadow:0 1px 2px var(--glass-text-shadow)}
.cell-num.cjk{font-size:18px}
.cell-unit{display:block;margin-top:5px;font-size:var(--text-xs);line-height:1.2;color:var(--on-glass-soft)}
.cell-core{align-items:center;justify-content:center;gap:7px;background:linear-gradient(160deg,var(--glass-center-a),var(--glass-center-b));box-shadow:inset 0 0 0 1px var(--glass-hilite),inset 0 0 22px var(--glass-glow)}
.cell-core svg{width:40px;height:40px;fill:none;stroke:var(--on-glass);stroke-width:1.4}
.cell-core span{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-shadow:0 1px 2px var(--glass-text-shadow)}
.win-legend{position:absolute;z-index:3;left:20px;top:20px;padding:10px 14px 11px;background:var(--panel);box-shadow:var(--shadow-float)}
.win-pay{position:absolute;z-index:3;right:28px;top:-22px;padding:9px 14px 10px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-float)}
.tag-k{display:block;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.4;letter-spacing:var(--tracking-label);color:var(--muted)}
.tag-v{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:var(--text-label);line-height:1.4;color:var(--text)}
.tag-v span{display:inline-flex;align-items:center;gap:6px}
.tag-v svg{width:16px;height:10px;fill:none;stroke:currentColor;stroke-width:1.4}
.tag-v .num{font-family:var(--font-mono);font-size:var(--text-sm)}
.win-caption{position:absolute;z-index:3;left:20px;bottom:16px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--on-glass-soft)}
.motion-btn{position:absolute;z-index:3;right:0;bottom:0;display:grid;place-items:center;width:48px;height:48px;background:var(--ink-veil);color:var(--on-glass);cursor:pointer;transition:background-color var(--duration)}
.motion-btn:hover{background:var(--text)}
.motion-btn svg{width:18px;height:18px;fill:currentColor}
.motion-btn .i-play{display:none}
.motion-state{position:absolute;z-index:3;right:56px;bottom:10px;display:none;align-items:center;height:28px;padding:0 10px;background:var(--ink-veil);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--on-glass)}
.motion-toggle:checked~.cube-window .core{animation-play-state:paused}
.motion-toggle:checked~.cube-window .i-pause{display:none}
.motion-toggle:checked~.cube-window .i-play{display:block}
.motion-toggle:checked~.cube-window .motion-state{display:inline-flex}
.motion-toggle:focus-visible~.cube-window .motion-btn{outline:2px solid var(--on-glass);outline-offset:-5px}
.guides{position:relative;display:flex;flex-direction:column;min-height:var(--win-h)}
.guides-title{padding-bottom:12px;font-size:var(--text-base);font-weight:var(--weight-strong);line-height:1.4}
.guide-pages{flex:1}
.guide-page{display:block}
.guide{border-bottom:1px solid var(--border)}
.guide-link{display:block;padding:20px 0}
.guide-meta{display:block;font-size:var(--text-sm);line-height:1.4;color:var(--muted)}
.guide-meta time{font-family:var(--font-mono);font-size:var(--text-xs)}
.guide-title{display:block;margin-top:8px;font-size:var(--text-card);line-height:1.55;color:var(--accent)}
.guide-link:hover .guide-title{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}
.guide-arrow{display:block;margin-top:14px;width:20px;height:20px;color:var(--accent);transition:transform var(--duration)}
.guide-link:hover .guide-arrow{transform:translateX(4px)}
.guide-pager{display:flex;gap:4px;padding-top:16px}
.guide-pager button,.guide-pager a{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:0;font-family:var(--font-mono);font-size:var(--text-nav);color:var(--muted);background:var(--transparent);border:0}
.guide-pager [aria-current="page"]{color:var(--text)}
.guide-pager [aria-current="page"]::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:3px;background:var(--accent)}
.recs{padding-top:24px;padding-bottom:72px}
.recs-title{margin-bottom:20px;font-size:var(--text-lg);font-weight:var(--weight-strong);line-height:1.4}
.rec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.rec-card{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;min-height:176px;padding:20px 20px 52px;background:var(--panel);border:1px solid var(--border);transition:box-shadow var(--duration)}
.rec-card::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--accent);opacity:0;transition:opacity var(--duration)}
.rec-card:hover{box-shadow:var(--shadow-card-hover)}
.rec-card:hover::before{opacity:1}
.rec-thumb{display:grid;place-items:center;width:64px;height:64px;overflow:hidden;background:radial-gradient(70% 60% at 18% 14%,var(--violet-glow),var(--transparent) 72%),linear-gradient(180deg,var(--win-top),var(--win-bottom));color:var(--on-glass)}
.rec-thumb svg{width:28px;height:28px}
.rec-kicker{display:block;font-size:var(--text-label);line-height:1.4;color:var(--muted)}
.rec-text{display:block;margin-top:6px;font-size:var(--text-card);line-height:1.55}
.rec-arrow{position:absolute;right:20px;bottom:18px;width:20px;height:20px;color:var(--accent);transition:transform var(--duration)}
.rec-card:hover .rec-arrow{transform:translateX(4px)}
[role="tablist"]{display:flex;gap:0;max-width:100%;overflow-x:auto;border-bottom:1px solid var(--border)}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:48px;padding:12px 24px;border:0;border-bottom:2px solid var(--transparent);background:var(--panel);color:var(--muted);font-size:var(--text-base)}
[role="tab"][aria-selected="true"]{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-tint)}
[role="tab"]:hover{color:var(--text);background:var(--panel-2)}
[role="tabpanel"]{padding:24px;background:var(--panel-2)}
.feature-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.feature-row>[role="tablist"]{display:contents}
.feature-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:200px;width:100%;padding:24px;text-align:left;background:var(--panel);border:1px solid var(--border);font-size:var(--text-lg);font-weight:var(--weight-regular);white-space:normal;transition:box-shadow var(--duration)}
.feature-card[role="tab"]{border:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:flex-start}
.feature-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--accent);opacity:0}
.feature-card:hover,.feature-card[aria-selected="true"]{box-shadow:var(--shadow-card-hover);background:var(--panel)}
.feature-card:hover::before,.feature-card[aria-selected="true"]::before{opacity:1}
.feature-icon{width:44px;height:44px;margin-top:40px;color:var(--text)}
.feature-arrow{position:absolute;right:24px;bottom:24px;color:var(--accent);font-size:var(--text-xl)}
.feature-detail{grid-column:1/-1;display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:32px;padding:28px;background:var(--panel-2)}
.feature-fact{font-family:var(--font-mono);font-size:var(--text-nav);color:var(--accent)}
.toc-tabs{position:sticky;top:var(--header-h);z-index:25;display:flex;gap:4px;overflow-x:auto;max-width:100%;padding:8px;background:var(--panel);border:1px solid var(--border);box-shadow:0 8px 24px var(--accent-tint);overscroll-behavior-inline:contain}
.toc-tabs a{display:inline-flex;align-items:center;min-height:40px;flex-shrink:0;padding:8px 16px;font-size:var(--text-nav);white-space:nowrap;border-bottom:2px solid var(--transparent)}
.toc-tabs a.is-current{border-bottom-color:var(--accent);color:var(--accent);background:var(--accent-tint)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-offset)}
.faq-item{border-bottom:1px solid var(--border);background:var(--panel)}
.faq-item summary{position:relative;padding:22px 56px 22px 24px;cursor:pointer;list-style:none;font-size:var(--body)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:24px;top:20px;font-family:var(--font-mono);font-size:var(--text-xl);color:var(--accent)}
.faq-item[open] summary::after{content:"−"}
.faq-item[open] summary{background:var(--panel-2)}
.faq-answer{padding:20px 24px 28px;color:var(--muted)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.plan-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:32px 24px;background:var(--panel);border:1px solid var(--border)}
.plan-card.is-current{border-color:var(--accent);box-shadow:inset 0 3px 0 var(--accent),var(--shadow-card-hover)}
.plan-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;background:var(--accent);color:var(--on-accent);font-size:var(--text-sm)}
.plan-title{font-size:var(--text-xl)}
.plan-price{font-family:var(--font-mono);font-size:var(--h2);line-height:1.2}
.plan-price small{font-family:var(--font-body);font-size:var(--text-nav);color:var(--muted)}
.plan-facts{list-style:none;margin:0;padding:0;display:grid;gap:12px;color:var(--muted);font-size:var(--text-nav)}
.plan-card .btn{margin-top:auto;width:100%;min-width:0}
.table-scroll{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;border:1px solid var(--border)}
.data-table,.route-table{width:100%;min-width:680px;background:var(--panel);font-size:var(--text-nav)}
.data-table caption,.route-table caption{text-align:left;padding:16px 20px;font-weight:var(--weight-medium);color:var(--text);background:var(--panel-2)}
.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,.data-table th,.route-table th{white-space:nowrap;background:var(--panel-2);color:var(--text);font-weight:var(--weight-medium)}
.data-table td:first-child,.route-table td:first-child{color:var(--text);font-weight:var(--weight-medium)}
.route-group th{background:var(--accent-tint);color:var(--accent-dark)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.platform-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;background:var(--panel);border:1px solid var(--border)}
.platform-icon{width:32px;height:32px;fill:currentColor}
.platform-name{font-size:var(--text-lg)}
.platform-card .btn{min-width:0;width:100%;margin-top:auto;font-size:var(--text-label);padding-inline:12px;gap:8px}
.article-card{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--border);background:var(--panel);transition:box-shadow var(--duration)}
.article-card:hover{box-shadow:var(--shadow-card-hover)}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:var(--text-sm);color:var(--muted)}
.article-card h3{font-size:var(--text-lg);line-height:1.5}
.article-card h3 a{color:var(--accent)}
.article-card p{font-size:var(--text-card);color:var(--muted)}
.article-card .text-link{margin-top:auto}
.tag,.chip{display:inline-flex;align-items:center;min-height:24px;max-width:100%;padding:3px 8px;background:var(--panel-2);color:var(--muted);font-size:var(--text-sm);overflow-wrap:anywhere}
.callout{margin-block:24px;padding:24px;border-left:3px solid var(--accent);background:var(--accent-tint);font-size:var(--body)}
.callout p+p{margin-top:12px}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;background:linear-gradient(110deg,var(--accent-tint),var(--ambient-bottom));border:1px solid var(--border)}
.promo-copy{min-width:0}
.promo-copy strong{display:block;font-size:var(--text-xl);font-weight:var(--weight-medium)}
.promo-copy p{margin-top:10px;color:var(--muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.cta-band{display:grid;grid-template-columns:240px minmax(0,1fr) auto;align-items:center;gap:40px;padding:32px;background:var(--accent-tint)}
.cta-art{display:grid;place-items:center;min-height:180px;background:linear-gradient(140deg,var(--win-top),var(--win-bottom));overflow:hidden}
.cta-art svg{width:100px;height:100px;color:var(--on-glass)}
.cta-band p{margin-top:16px;color:var(--muted)}
.float-cta{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:40;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 16px 12px 20px;background:var(--accent);color:var(--on-accent);font-size:var(--text-card);box-shadow:var(--shadow-float);transition:background-color var(--duration);white-space:nowrap}
.float-cta svg{width:18px;height:18px}
.float-cta:hover{background:var(--accent-dark)}
body:has(.float-cta)::after{content:"";display:block;height:calc(88px + env(safe-area-inset-bottom,0px))}
.preview-section{padding-top:56px;padding-bottom:56px;border-top:1px solid var(--border)}
.preview-section>h2{margin-bottom:32px}
.preview-stack{display:grid;gap:24px}
.preview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.swatch{border:1px solid var(--border);padding:12px;background:var(--panel);min-width:0}
.swatch code{display:block;margin-top:12px;font-size:var(--text-sm)}
.swatch-color{height:64px;border:1px solid var(--border)}
.sw-bg{background:var(--bg)}.sw-panel{background:var(--panel)}.sw-panel2{background:var(--panel-2)}.sw-border{background:var(--border)}
.sw-accent{background:var(--accent)}.sw-dark{background:var(--accent-dark)}.sw-violet{background:var(--violet)}.sw-tint{background:var(--accent-tint)}
.sw-text{background:var(--text)}.sw-muted{background:var(--muted)}.sw-success{background:var(--success)}.sw-warn{background:var(--warn)}.sw-error{background:var(--error)}
.sw-ambient{background:linear-gradient(var(--ambient-top),var(--ambient-bottom))}
.sw-window{background:linear-gradient(var(--win-top),var(--win-bottom))}
.sw-glass{background:linear-gradient(135deg,var(--glass-top-a),var(--glass-right-b)),var(--win-bottom)}
.sw-core{background:radial-gradient(circle,var(--core-c),var(--core-b),var(--core-a))}
.sw-flag{background:linear-gradient(90deg,var(--flag-red) 33%,var(--flag-white) 33%,var(--flag-white) 66%,var(--flag-navy) 66%)}
.type-display{font-family:var(--font-display);font-size:var(--h2);font-weight:var(--weight-regular)}
.type-body{font-size:var(--body)}
.type-mono{font-family:var(--font-mono);font-size:var(--text-nav)}
@media(max-width:1240px){
  :root{--s:280px;--win-h:560px}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);row-gap:56px}
  .guides{grid-column:1/-1;min-height:0}
  .guide-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}
  .rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-copy .cta-row{flex-wrap:wrap}
  .hero-copy .btn{min-width:180px}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  :root{--win-h:360px}
  .hero{padding-top:32px;padding-bottom:40px}
  .hero-grid{grid-template-columns:minmax(0,1fr);row-gap:32px}
  .hero-copy{min-height:0}
  .copy-foot{padding-top:32px}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .meta-row{align-items:flex-start}
  .cube-stage{transform:scale(.7)}
  .ground{top:calc(50% + 6px + var(--s)*.46);width:calc(var(--s)*1.1);height:64px}
  .core-a{left:calc(50% - 110px);top:calc(50% - 30px);width:160px;height:160px}
  .core-b{left:calc(50% - 4px);top:calc(50% - 104px);width:126px;height:126px}
  .cell-city{font-size:var(--text-label)}
  .cell-type{font-size:var(--text-sm)}
  .win-legend,.win-pay,.win-caption{display:none}
  .guides{grid-column:auto}
  .guide-page{display:block}
  .rec-grid{grid-template-columns:minmax(0,1fr)}
  .feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-detail{grid-template-columns:minmax(0,1fr);gap:16px}
  .feature-card{min-height:180px;padding:20px;font-size:var(--body)}
  .feature-row>[role="tablist"]>.feature-card:nth-child(1){grid-column:1;grid-row:1}
  .feature-row>[role="tablist"]>.feature-card:nth-child(2){grid-column:2;grid-row:1}
  .feature-row>[role="tablist"]>.feature-card:nth-child(3){grid-column:1;grid-row:3}
  .feature-row>.feature-card{grid-column:2;grid-row:3}
  .feature-row>.feature-detail{grid-row:2}
  .feature-row>.feature-detail[data-mobile-row="2"]{grid-row:4}
  .pricing-grid{grid-template-columns:minmax(0,1fr)}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta-band{grid-template-columns:minmax(0,1fr);gap:24px}
  .cta-art{min-height:140px}
  .promo-block{align-items:flex-start;flex-direction:column}
  .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .float-cta{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .hero-copy .cta-row{flex-direction:column}
  .hero-copy .btn{min-width:0}
  .platform-card{padding:20px}
  .platform-card .btn{white-space:normal}
  .cta-band,.promo-block{padding:24px}
}
@media(prefers-reduced-motion:reduce){
  .core{animation:none}
  .motion-btn .i-pause{display:none}
  .motion-btn .i-play{display:block}
  .motion-state{display:inline-flex}
}