.hero{position:relative;overflow-x:clip;max-width:100%;padding-top:64px;padding-bottom:72px;background:linear-gradient(115deg,var(--accent-a05) 0%,var(--rain-a05) 100%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}
.hero__grid{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,41fr) minmax(0,16fr);column-gap:24px;align-items:end}
.copy{position:relative;z-index:3;padding-right:40px}
.tag{display:inline-flex;align-items:center;gap:10px;min-height:30px;padding:3px 12px;background:var(--panel);border:1px solid var(--border);font-size:13px;color:var(--muted);letter-spacing:.02em;max-width:100%;overflow-wrap:anywhere}
.tag__dot{width:8px;height:8px;flex-shrink:0;border-radius:var(--radius-dot);background:linear-gradient(160deg,var(--rain),var(--accent))}
.title{margin:32px 0 0;font-family:var(--font-display);font-weight:var(--weight-normal);font-size:clamp(52px,4.45vw,64px);line-height:1.12;letter-spacing:-.02em;color:var(--text)}
.title__line{display:block}
.lede{margin:32px 0 0;max-width:30em;font-size:20px;line-height:1.6;color:var(--muted)}
.lede strong{color:var(--text);font-weight:var(--weight-strong)}
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:32px 0 0;padding:0;list-style:none}
.trust li{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 12px;background:var(--panel);border:1px solid var(--border);font-size:14px;line-height:1.35;color:var(--text);white-space:nowrap;box-shadow:inset 0 1px 0 var(--white),0 1px 2px var(--accent-a10)}
.trust li.trust__wide{grid-column:span 2}
.trust svg{width:16px;height:16px;flex-shrink:0;color:var(--muted)}
.marks{display:grid;gap:16px;margin-top:32px}
.marks__row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none}
.marks__label{width:72px;flex-shrink:0;font-size:13px;color:var(--muted)}
.mark{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:1.3;color:var(--text)}
.mark svg{width:18px;height:18px;flex-shrink:0}
.flag{width:24px;height:16px;flex-shrink:0;border-radius:var(--radius-flag);overflow:hidden;box-shadow:0 0 0 1px var(--ink-a12)}
.fw{fill:var(--flag-white)}.fr{fill:var(--flag-red)}.fb{fill:var(--flag-blue)}.fk{fill:var(--flag-black)}.fg{fill:var(--flag-gold)}.fd{fill:var(--flag-de-red)}
.device{position:relative;z-index:1;margin:0}
.win{position:relative;display:flex;flex-direction:column;height:var(--win-h);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 48px 96px -32px var(--accent-a12),0 18px 40px -18px var(--accent-a12),0 1px 2px var(--accent-a10)}
.win__chrome{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:44px;padding:0 12px 0 16px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:inset 0 1px 0 var(--white)}
.win__title{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--muted)}
.win__title svg{width:14px;height:14px}
.pager{display:flex;gap:2px;margin:0;padding:0;list-style:none;font-family:var(--font-mono);font-size:13px}
.pager li{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:43px;color:var(--muted)}
.pager li[aria-current="true"]{color:var(--text);font-weight:var(--weight-strong)}
.pager li[aria-current="true"]::after{content:"";position:absolute;left:8px;right:8px;bottom:7px;height:2px;background:var(--accent)}
.win__body{position:relative;flex:1;overflow:hidden;padding:36px 40px 0 32px;box-shadow:inset 0 1px 0 var(--glass-50);background:linear-gradient(180deg,var(--glass-22) 0%,var(--clear) 26%),linear-gradient(0deg,var(--deep-a20) 0%,var(--clear) 32%),radial-gradient(60% 55% at 88% 10%,var(--glass-35),var(--clear) 70%),radial-gradient(55% 60% at 6% 94%,var(--glass-12),var(--clear) 70%),linear-gradient(140deg,var(--rain) 0%,var(--accent) 60%,var(--accent-dark) 100%)}
.win__body::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-repeat:no-repeat;background-image:linear-gradient(180deg,var(--clear),var(--glass-35) 50%,var(--clear)),linear-gradient(180deg,var(--clear),var(--glass-22) 50%,var(--clear)),linear-gradient(180deg,var(--clear),var(--glass-35) 50%,var(--clear)),linear-gradient(180deg,var(--clear),var(--glass-22) 50%,var(--clear)),linear-gradient(180deg,var(--clear),var(--glass-35) 50%,var(--clear)),linear-gradient(180deg,var(--clear),var(--glass-22) 50%,var(--clear)),linear-gradient(180deg,var(--clear),var(--glass-35) 50%,var(--clear));background-size:1px 150px,1px 96px,1px 120px,1px 84px,1px 140px,1px 104px,1px 90px;background-position:4% 12%,35% 64%,19% 92%,66% 22%,97% 58%,82% 96%,52% 4%}
.win__body::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-repeat:no-repeat;background-image:radial-gradient(circle 5px at 3% 20%,var(--glass-90) 0 1.2px,var(--glass-50) 2px,var(--glass-12) 3.6px,var(--clear) 5px),radial-gradient(circle 3px at 4.5% 52%,var(--glass-90) 0 .8px,var(--glass-50) 1.4px,var(--clear) 3px),radial-gradient(circle 4px at 2.5% 76%,var(--glass-90) 0 1px,var(--glass-50) 1.8px,var(--glass-12) 3px,var(--clear) 4px),radial-gradient(circle 4px at 36% 28%,var(--glass-90) 0 1px,var(--glass-50) 1.8px,var(--clear) 4px),radial-gradient(circle 3px at 67% 57%,var(--glass-90) 0 .8px,var(--glass-50) 1.4px,var(--clear) 3px),radial-gradient(circle 5px at 36% 57%,var(--glass-90) 0 1.2px,var(--glass-50) 2px,var(--clear) 5px),radial-gradient(circle 4px at 96% 24%,var(--glass-90) 0 1px,var(--glass-50) 1.8px,var(--clear) 4px),radial-gradient(circle 3px at 97% 46%,var(--glass-90) 0 .8px,var(--glass-50) 1.4px,var(--clear) 3px),radial-gradient(circle 5px at 95% 70%,var(--glass-90) 0 1.2px,var(--glass-50) 2px,var(--clear) 5px),radial-gradient(circle 3px at 22% 86%,var(--glass-90) 0 .8px,var(--glass-50) 1.4px,var(--clear) 3px),radial-gradient(circle 4px at 50% 86.5%,var(--glass-90) 0 1px,var(--glass-50) 1.8px,var(--clear) 4px),radial-gradient(circle 3px at 78% 85.5%,var(--glass-90) 0 .8px,var(--glass-50) 1.4px,var(--clear) 3px),radial-gradient(circle 4px at 12% 3%,var(--glass-90) 0 1px,var(--glass-50) 1.8px,var(--clear) 4px),radial-gradient(circle 3px at 46% 2.5%,var(--glass-90) 0 .8px,var(--glass-50) 1.4px,var(--clear) 3px),radial-gradient(circle 5px at 86% 3.5%,var(--glass-90) 0 1.2px,var(--glass-50) 2px,var(--clear) 5px)}
.cubes{--cube-h:104px;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:var(--cube-h);gap:34px;margin:0;padding:0;list-style:none;perspective:1200px;perspective-origin:160% -120%}
.cube{--d:40px;--front:linear-gradient(160deg,var(--glass-22) 0%,var(--glass-06) 45%,var(--deep-a35) 100%);--drops:linear-gradient(var(--clear),var(--clear));position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:12px 14px;color:var(--white);transform-style:preserve-3d;background:var(--drops),var(--front);box-shadow:inset 0 1px 0 var(--glass-90),inset 0 0 0 1px var(--glass-35),0 18px 28px -14px var(--deep-a50)}
.cube::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--d);transform-origin:50% 100%;transform:rotateX(90deg);background:linear-gradient(0deg,var(--glass-70),var(--glass-35));box-shadow:inset 0 -1px 0 var(--glass-90)}
.cube::after{content:"";position:absolute;top:0;bottom:0;left:100%;width:var(--d);transform-origin:0 50%;transform:rotateY(90deg);background:linear-gradient(90deg,var(--deep-a35),var(--deep-a20));box-shadow:inset 1px 0 0 var(--glass-50)}
.cube--wet{--drops:radial-gradient(circle 5px at 86% 24%,var(--glass-90) 0 1.2px,var(--glass-50) 2px,var(--glass-12) 3.6px,var(--clear) 5px),radial-gradient(circle 3px at 93% 46%,var(--glass-90) 0 .8px,var(--glass-50) 1.4px,var(--clear) 3px),radial-gradient(circle 3px at 76% 12%,var(--glass-90) 0 .8px,var(--glass-50) 1.4px,var(--clear) 3px)}
.cube--live{--d:64px;--front:linear-gradient(155deg,var(--deep-a65) 0%,var(--deep-a35) 100%);transform:translate(-4px,-6px);box-shadow:0 0 0 1.5px var(--accent-glow),0 0 0 5px var(--glass-12),inset 0 1px 0 var(--glass-90),0 28px 40px -12px var(--deep-a65)}
.cube--live::before{background:linear-gradient(0deg,var(--accent-glow),var(--accent-tint));box-shadow:inset 0 -1px 0 var(--white)}
.cube--live::after{background:linear-gradient(90deg,var(--deep-a65),var(--deep-a50));box-shadow:inset 1px 0 0 var(--accent-glow)}
.cube__top{display:flex;align-items:center;justify-content:space-between;gap:6px}
.cube__kicker{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;background:var(--deep-a35);font-family:var(--font-mono);font-size:11px;line-height:1.4;letter-spacing:.04em;color:var(--white);white-space:nowrap}
.cube__tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--glass-90)}
.cube__dot{width:7px;height:7px;flex-shrink:0;border-radius:var(--radius-dot);background:var(--success);box-shadow:0 0 0 2px var(--glass-70)}
.cube__name{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.3;font-weight:var(--weight-medium);text-shadow:0 1px 2px var(--deep-a35)}
.cube__name .flag{width:18px;height:12px;box-shadow:0 0 0 1px var(--glass-50)}
.cube__name--stack{display:block;font-family:var(--font-mono);font-size:13px;font-weight:var(--weight-normal);line-height:1.35}
.cube__name--stack span{display:block}
.win__bar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:16px;height:56px;background:linear-gradient(180deg,var(--glass-12),var(--glass-06));border-top:1px solid var(--glass-22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.win__status{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--white);white-space:nowrap}
.switch{display:flex;align-items:center;gap:12px;height:100%;padding:0 18px;background:var(--panel);border-left:1px solid var(--border);font-size:14px;color:var(--text)}
.switch__track{position:relative;width:40px;height:20px;flex-shrink:0;background:var(--accent);box-shadow:inset 0 1px 2px var(--deep-a50)}
.switch__track::after{content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;background:var(--white)}
.switch__state{font-family:var(--font-mono);font-size:12px;color:var(--muted)}
.mini{position:absolute;top:-52px;left:-32px;z-index:4;perspective:700px;perspective-origin:150% -90%}
.mini__cube{--d:28px;position:relative;width:164px;padding:10px 14px;color:var(--white);transform-style:preserve-3d;background:linear-gradient(150deg,var(--rain) 0%,var(--accent) 100%);box-shadow:inset 0 1px 0 var(--glass-70),inset 0 0 0 1px var(--glass-22),0 22px 36px -14px var(--accent-a24),0 6px 14px -6px var(--accent-a14)}
.mini__cube::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--d);transform-origin:50% 100%;transform:rotateX(90deg);background:linear-gradient(0deg,var(--rain-tint),var(--accent-glow));box-shadow:inset 0 -1px 0 var(--glass-90)}
.mini__cube::after{content:"";position:absolute;top:0;bottom:0;left:100%;width:var(--d);transform-origin:0 50%;transform:rotateY(90deg);background:linear-gradient(90deg,var(--accent-dark),var(--accent))}
.mini__kicker{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--glass-90)}
.mini__value{display:block;margin-top:2px;font-size:15px;line-height:1.35;font-weight:var(--weight-medium);white-space:nowrap}
.fact-chip{position:absolute;left:-40px;bottom:-24px;z-index:4;display:flex;align-items:center;gap:8px;margin:0;padding:12px 16px;background:var(--panel);border:1px solid var(--border);font-family:var(--font-mono);font-size:13px;line-height:1.3;color:var(--text);white-space:nowrap;box-shadow:inset 0 1px 0 var(--white),0 20px 36px -16px var(--accent-a24),0 2px 6px var(--accent-a10)}
.fact-chip svg{width:16px;height:16px;color:var(--muted)}
.side{position:relative;z-index:2;display:flex;flex-direction:column;height:var(--win-h)}
.side__title{margin:0;padding:10px 0 24px;font-size:16px;font-weight:var(--weight-strong);line-height:1.5;color:var(--text)}
.side__list{margin:0;padding:0;list-style:none;border-top:1px solid var(--border)}
.side__list li{border-bottom:1px solid var(--border)}
.side__link{display:block;padding:22px 0;font-size:15px;line-height:1.6;color:var(--accent);text-decoration:none}
.side__link:hover .side__text{text-decoration:underline;text-underline-offset:3px}
.side__arrow{display:block;width:20px;height:20px;margin-top:12px}
.side__more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:14px;color:var(--muted);text-decoration:none}
.side__more svg{width:16px;height:16px;color:var(--accent)}
.side__more:hover{color:var(--text)}
.matrix{padding-top:56px;padding-bottom:96px;background:var(--bg)}
.matrix__title{margin:0;font-family:var(--font-display);font-size:28px;font-weight:var(--weight-normal);line-height:1.3;letter-spacing:-.01em}
.matrix__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none}
.feat{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:208px;width:100%;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-decoration:none;text-align:left;box-shadow:0 14px 32px -20px var(--accent-a10);transition:transform .2s ease}
.feat::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--shadow-raised);opacity:0;transition:opacity .2s ease}
.feat:hover{transform:translateY(-2px)}
.feat:hover::after{opacity:1}
.feat[aria-selected="true"]::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--accent)}
.feat__name{font-size:18px;line-height:1.4}
.feat__foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:48px}
.feat__icon{width:40px;height:40px;color:var(--text)}
.feat__arrow{width:20px;height:20px;color:var(--accent)}
.feature-detail{grid-column:1/-1;padding:32px;background:var(--panel-2);border:1px solid var(--border)}
.feature-detail p{max-width:80ch;margin:0}
.tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--border);margin-bottom:24px}
.tabs [role="tab"]{position:relative;min-height:48px;padding:12px 24px;border:0;background:var(--clear);color:var(--muted)}
.tabs [role="tab"][aria-selected="true"]{background:var(--panel);color:var(--text);box-shadow:inset 0 -3px 0 var(--accent)}
[role="tabpanel"]{min-width:0}
.toc-tabs{position:sticky;top:var(--header-height);z-index:25;display:flex;gap:8px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:8px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-panel)}
.toc-tabs a{display:inline-flex;align-items:center;flex-shrink:0;min-height:40px;padding:8px 16px;white-space:nowrap;text-decoration:none;color:var(--muted);border-bottom:2px solid var(--clear)}
.toc-tabs a.is-current{color:var(--text);border-bottom-color:var(--accent);background:var(--accent-a05)}
.toc-tabs.is-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-offset)}
.faq{border-top:1px solid var(--border)}
.faq details{border-bottom:1px solid var(--border);background:var(--panel)}
.faq summary{position:relative;cursor:pointer;min-height:56px;padding:20px 56px 20px 24px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:24px;top:18px;color:var(--accent);font-size:22px}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 24px 24px;margin:0;color:var(--muted);max-width:80ch}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.plan-card{position:relative;display:flex;flex-direction:column;gap:24px;padding:32px 24px;background:var(--panel);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--white),var(--shadow-panel);border-radius:var(--radius)}
.plan-card.is-current{border-color:var(--accent);box-shadow:inset 0 3px 0 var(--accent),var(--shadow-raised)}
.plan-card h3,.plan-card p{margin:0}
.plan-price{font-family:var(--font-display);font-size:40px;line-height:1.2;font-variant-numeric:tabular-nums}
.plan-price small{font-size:16px;color:var(--muted)}
.plan-card ul{padding-left:20px;margin:0;color:var(--muted)}
.plan-card .btn{margin-top:auto;min-width:0;width:100%}
.badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;max-width:100%;font-size:12px;line-height:1.5;background:var(--panel-2);color:var(--text);overflow-wrap:anywhere;border:1px solid var(--border)}
.badge--best{align-self:flex-start;background:var(--accent-a10);color:var(--accent-dark);border-color:var(--accent-a24)}
.badge--current{border-color:var(--accent);color:var(--accent-dark)}
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);background:var(--panel)}
.data-table,.route-table{width:100%;min-width:660px;border-collapse:collapse;text-align:left;font-size:14px}
.data-table caption,.route-table caption{text-align:left;padding:16px 20px;color:var(--text);font-weight:var(--weight-strong)}
.data-table th,.data-table td,.route-table th,.route-table td{padding:16px 20px;border-bottom:1px solid var(--border);vertical-align:top;word-break:keep-all}
.table-scroll th,.route-table th{white-space:nowrap;background:var(--panel-2);color:var(--text);font-weight:var(--weight-strong)}
.data-table td:first-child,.route-table td:first-child{color:var(--text);font-weight:var(--weight-medium)}
.route-table .region-row th{background:var(--bg-top);color:var(--text)}
.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;align-items:flex-start;flex-direction:column;gap:24px;padding:24px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-panel)}
.platform-card svg{width:32px;height:32px}
.platform-card h3{margin:0;font-size:18px}
.platform-card .btn{width:100%;min-width:0;gap:8px;padding-inline:12px;font-size:14px;margin-top:auto}
.article-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-panel)}
.article-card h3{margin:0;font-size:22px}
.article-card h3 a{color:var(--text);text-decoration:none}
.article-card h3 a:hover{text-decoration:underline}
.article-card p{color:var(--muted);margin:0}
.article-meta{font-family:var(--font-mono);font-size:12px;color:var(--muted)}
.article-link{display:inline-flex;align-items:center;min-height:32px;margin-top:auto;text-decoration:none}
.callout{padding:24px;border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--panel-2);color:var(--text)}
.callout p:last-child{margin-bottom:0}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;background:var(--panel-2);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--glass-70),var(--shadow-panel)}
.promo-block h2{font-size:28px;margin:0 0 12px}
.promo-block p{margin:0;max-width:48ch}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.float-cta{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 18px 0 20px;background:var(--text);color:var(--panel);border-radius:var(--radius);font-size:15px;text-decoration:none;box-shadow:0 16px 32px -12px var(--accent-a24)}
.float-cta svg{width:18px;height:18px;color:var(--accent-glow)}
.float-cta:hover{background:var(--accent-dark)}
body:has(.float-cta)::after{content:"";display:block;height:calc(88px + env(safe-area-inset-bottom,0px));background:var(--panel)}
.preview-stack{display:grid;gap:32px}
.preview-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.swatch{border:1px solid var(--border);background:var(--panel);padding:16px;font-family:var(--font-mono);font-size:13px;overflow-wrap:anywhere}
.swatch::before{content:"";display:block;height:64px;margin-bottom:12px;border:1px solid var(--border);background:var(--swatch)}
.swatch--bg{--swatch:var(--bg)}.swatch--top{--swatch:var(--bg-top)}.swatch--bottom{--swatch:var(--bg-bottom)}.swatch--panel{--swatch:var(--panel)}.swatch--inset{--swatch:var(--panel-2)}.swatch--border{--swatch:var(--border)}.swatch--accent{--swatch:var(--accent)}.swatch--dark{--swatch:var(--accent-dark)}.swatch--rain{--swatch:var(--rain)}.swatch--text{--swatch:var(--text)}.swatch--muted{--swatch:var(--muted)}.swatch--success{--swatch:var(--success)}.swatch--warn{--swatch:var(--warn)}.swatch--error{--swatch:var(--error)}.swatch--white{--swatch:var(--white)}
.preview-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.type-display{font-family:var(--font-display);font-size:64px;font-weight:var(--weight-normal);line-height:1.12;letter-spacing:-.02em;margin:0}
.preview-note{color:var(--muted);font-size:14px}
.icon-sheet{position:absolute;width:0;height:0;overflow:hidden}
@media(max-width:1180px){
  .hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:56px}
  .copy{padding-right:24px}.side{grid-column:1/-1;height:auto}
  .side__title{padding-top:0}.side__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;border-top:0}
  .side__list li{border-top:1px solid var(--border);border-bottom:0}.side__more{margin-top:16px}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))}.trust li{white-space:normal}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .matrix__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:768px){
  .hero{padding-top:40px;padding-bottom:48px}
  .hero__grid{grid-template-columns:minmax(0,1fr);row-gap:48px}
  .copy{padding-right:0}.title{font-size:36px;margin-top:24px}.lede{font-size:18px}
  .hero .cta{margin-top:24px}.hero .btn{min-width:0;flex:1;gap:12px}
  .mini,.fact-chip{display:none}
  .device{max-width:100%}.win{height:500px}
  .win__body{padding:36px 36px 0 24px}
  .cubes{--cube-h:96px;gap:32px}
  .cube{padding:10px;--d:32px}.cube--live{--d:48px}
  .side__list{column-gap:16px}.side__link{font-size:14px}
  .promo-block{flex-direction:column;align-items:flex-start;padding:24px}
  .type-display{font-size:36px}.preview-colors{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  .hero{max-width:100%;overflow-x:clip}
  .trust{margin-top:24px}.trust li{padding:6px 8px;font-size:12px}
  .marks{margin-top:24px}.marks__row{gap:10px 14px}.marks__label{width:100%}
  .mark{font-size:12px}.mark svg{width:16px;height:16px}
  .win{height:420px}.win__chrome{padding-inline:10px}.win__title{font-size:11px}.pager li{width:24px;font-size:11px}
  .win__body{padding:30px 28px 0 16px}.cubes{--cube-h:80px;gap:28px 22px}
  .cube{--d:24px;padding:8px 6px}.cube--live{--d:38px}
  .cube__name{font-size:12px;gap:4px}.cube__name--stack{font-size:10px}
  .cube__kicker,.cube__tag{font-size:9px}.cube__tag{letter-spacing:0}
  .win__bar{gap:8px;height:48px}.win__status{font-size:11px}.switch{padding-inline:10px;gap:8px}
  .side__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.side__link{padding:16px 0;font-size:12px;overflow-wrap:anywhere}
  .feat{min-height:180px;padding:16px}.feat__name{font-size:16px}.feature-detail{padding:24px 16px}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-card{padding:16px}
  .platform-card .btn{font-size:12px;padding-inline:8px}
  .float-cta{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .preview-colors{grid-template-columns:repeat(2,minmax(0,1fr))}
}