.hero { position:relative;overflow-x:clip;max-width:100%;isolation:isolate;padding-top:48px;padding-bottom:44px;background:linear-gradient(180deg,var(--bg-hero-top),var(--bg-hero-bottom)) }
.hero::before,.grid-decor { content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,var(--clear) 1px),linear-gradient(90deg,var(--grid-line) 1px,var(--clear) 1px);background-size:32px 32px;background-position:center top;-webkit-mask-image:linear-gradient(180deg,var(--clear),var(--text) 10%,var(--text) 86%,var(--clear));mask-image:linear-gradient(180deg,var(--clear),var(--text) 10%,var(--text) 86%,var(--clear)) }
.hero__top { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;align-items:start }
.hero__copy { grid-column:1 / 3;position:relative;z-index:2 }
.hero__aside { grid-column:3 / 5;position:relative;z-index:2;display:flex;flex-direction:column;gap:20px;padding-top:2px }
.hero-title { margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-hero);line-height:1.08;letter-spacing:-.03em }
.hero-title__brand { display:inline-flex;align-items:center;gap:8px;height:28px;margin-bottom:20px;padding:0 12px 0 8px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--panel);font-family:var(--font-mono);font-size:var(--text-detail);font-weight:var(--weight-semibold);letter-spacing:.02em;line-height:1;color:var(--text);box-shadow:inset 0 1px 0 var(--hl),0 2px 0 var(--edge-panel) }
.hero-title__brand svg { width:16px;height:16px }
.pill-blk-a { fill:var(--text) }
.pill-blk-b { fill:var(--edge-panel-2-deep) }
.hero-title__line { display:block }
.hero-title__line--accent { color:var(--accent) }
.lede { font-size:var(--text-lede);line-height:1.65;color:var(--muted);max-width:33em }
.lede strong { color:var(--text);font-weight:var(--weight-semibold) }
.facts { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none }
.fact { display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--panel);font-family:var(--font-mono);font-size:var(--text-detail);color:var(--text);box-shadow:inset 0 1px 0 var(--hl) }
.fact svg { width:15px;height:15px;color:var(--muted) }
.strip { display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;column-gap:12px }
.strip__label { font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.04em;color:var(--muted) }
.strip__list { display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none }
.strip__list li { display:flex;align-items:center;gap:7px;font-size:var(--text-table);line-height:22px;color:var(--text);white-space:nowrap }
.plat-ico { width:18px;height:18px;color:var(--text) }
.flag { position:relative;display:inline-flex;flex:none;width:22px;height:16px;border-radius:var(--r-flag);overflow:hidden }
.flag svg { display:block;width:100%;height:100% }
.flag::after { content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--flag-edge);pointer-events:none }
.flag--round { width:30px;height:30px;border-radius:var(--r-circle) }
.flag--sm { width:20px;height:20px;border-radius:var(--r-circle) }
.f-red { fill:var(--flag-red) }
.f-white { fill:var(--flag-white) }
.f-blue { fill:var(--flag-blue) }
.f-black { fill:var(--flag-black) }
.f-gold { fill:var(--flag-gold) }
.f-green { fill:var(--flag-green) }
.bento-zone { position:relative;margin-top:48px;isolation:isolate }
.bento-zone::before,.peach-decor { content:"";position:absolute;inset:-22% -6% 34% 46%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,var(--glow-peach),var(--clear)) }
.bento { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,86px);gap:16px;margin:0;padding:0 0 var(--edge);list-style:none }
.blk { --edge-c:var(--edge-panel);--edge-d:var(--edge-panel-deep);position:relative;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);box-shadow:inset 0 1px 0 var(--hl),0 var(--edge) 0 var(--edge-c),0 18px 38px var(--shadow-coral);transition:transform var(--time-fast) ease }
.blk::after { content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 var(--edge) 0 var(--edge-d);opacity:0;pointer-events:none;transition:opacity var(--time-fast) ease }
.blk:hover { transform:translateY(-2px) }
.blk:hover::after { opacity:1 }
.blk--recess { --edge-c:var(--edge-panel-2);--edge-d:var(--edge-panel-2-deep);background:var(--panel-2);border-color:var(--edge-panel-2) }
.blk--tint { --edge-c:var(--edge-tint);--edge-d:var(--edge-tint-deep);background:var(--tint);border-color:var(--edge-tint) }
.b-win { grid-column:2 / 4;grid-row:1 / 4 }
.b-gpt { grid-column:1;grid-row:1 }
.b-nf { grid-column:1;grid-row:2 }
.b-anime { grid-column:1;grid-row:3 }
.b-cn { grid-column:1;grid-row:4 }
.b-sign { grid-column:2;grid-row:4 }
.b-refund { grid-column:3;grid-row:4 }
.b-cov { grid-column:4;grid-row:1 }
.b-dev { grid-column:4;grid-row:2 }
.b-plan { grid-column:4;grid-row:3 }
.b-pack { grid-column:4;grid-row:4 }
.rule { display:flex;align-items:center;gap:12px;padding:0 14px 0 16px }
.rule__body { flex:1;min-width:0 }
.rule__main { display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px;font-size:var(--text-button);font-weight:var(--weight-bold);line-height:1.35 }
.route { font-weight:var(--weight-semibold) }
.arrow { font-family:var(--font-mono);font-weight:var(--weight-medium);color:var(--text) }
.rule__sub { margin-top:3px;font-size:var(--text-xs);line-height:1.4;color:var(--muted) }
.grip { display:flex;color:var(--muted);opacity:.55 }
.grip svg { width:14px;height:14px }
.direct { display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:var(--r-circle);border:1px solid var(--border);background:var(--panel-2);color:var(--text) }
.direct svg { width:16px;height:16px }
.direct--sm { width:20px;height:20px }
.direct--sm svg { width:12px;height:12px }
.cursor { position:absolute;right:-6px;bottom:-14px;z-index:4;width:22px;height:22px;pointer-events:none;filter:drop-shadow(0 4px 6px var(--shadow-ink)) }
.cursor path { fill:var(--white);stroke:var(--text);stroke-width:1.5;stroke-linejoin:round }
.win { display:flex;flex-direction:column }
.win__bar { display:flex;align-items:center;gap:14px;height:36px;flex-shrink:0;padding:0 14px;border-bottom:1px solid var(--border);border-radius:var(--r-window) var(--r-window) 0 0;background:linear-gradient(180deg,var(--white),var(--panel)) }
.win__dots { display:flex;gap:6px }
.win__dots span { width:10px;height:10px;border-radius:var(--r-circle);background:var(--border);flex-shrink:0 }
.win__title { font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);white-space:nowrap }
.win__body { flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:14px 18px 18px }
.win__head { display:flex;align-items:center;justify-content:space-between;gap:12px }
.seg { display:inline-flex;padding:3px;border-radius:var(--r-md);background:var(--panel-2);box-shadow:inset 0 1px 2px var(--shadow-ink) }
.seg__opt { display:flex;align-items:center;height:28px;padding:0 14px;border-radius:var(--r-sm);font-size:var(--text-sm);color:var(--muted);white-space:nowrap }
.seg__opt.is-on { background:var(--panel);color:var(--text);font-weight:var(--weight-bold);box-shadow:inset 0 1px 0 var(--hl),0 2px 0 var(--edge-panel),0 4px 10px var(--shadow-coral) }
.status { display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 12px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--panel);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text);box-shadow:inset 0 1px 0 var(--hl) }
.status svg { width:14px;height:14px }
.win__group { display:flex;flex-direction:column;gap:8px }
.win__label { display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.04em;color:var(--muted) }
.win__rules { display:grid;gap:4px;margin:0;padding:4px;list-style:none;border-radius:var(--r-md);background:var(--panel-2);box-shadow:inset 0 1px 2px var(--shadow-ink) }
.win__rules li { display:grid;grid-template-columns:20px 84px 14px minmax(0,1fr) 30px;align-items:center;column-gap:10px;min-height:40px;padding:0 12px;border-radius:var(--r-sm);background:var(--panel);font-size:var(--text-table);box-shadow:inset 0 1px 0 var(--hl),0 1px 0 var(--edge-panel) }
.win__rules b { font-weight:var(--weight-bold) }
.toggle { position:relative;width:30px;height:18px;border-radius:var(--r-pill);background:var(--text) }
.toggle::after { content:"";position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:var(--r-circle);background:var(--white);box-shadow:0 1px 2px var(--shadow-ink) }
.float-chip { position:absolute;top:-17px;right:30px;z-index:3;display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 13px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--white);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text);transform:rotate(4deg);box-shadow:inset 0 1px 0 var(--hl),0 3px 0 var(--edge-panel),0 14px 28px var(--shadow-coral-strong) }
.float-chip svg { width:14px;height:14px }
.float-chip__dot { color:var(--muted) }
.cell { display:flex;align-items:center;gap:12px;padding:12px 16px }
.cell--stack { flex-direction:column;align-items:flex-start;justify-content:space-between }
.ico { display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel);color:var(--text);box-shadow:inset 0 1px 0 var(--hl),0 2px 0 var(--edge-panel) }
.ico svg { width:18px;height:18px }
.cell__text { min-width:0 }
.cell__k { display:flex;align-items:center;gap:6px;font-size:var(--text-xs);line-height:1.4;color:var(--muted) }
.cell__k svg { width:14px;height:14px }
.cell__v { font-size:var(--text-base);font-weight:var(--weight-bold);line-height:1.35;white-space:nowrap }
.num { font-family:var(--font-mono);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums }
.num--lg { font-size:var(--text-stat) }
.num--md { font-size:var(--text-number) }
.cov { display:flex;align-items:baseline;gap:6px;white-space:nowrap }
.cov__unit { font-size:var(--text-sm);color:var(--muted) }
.cov__sep { font-family:var(--font-mono);color:var(--muted);padding:0 2px }
.val-row { display:flex;align-items:baseline;gap:6px;font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap }
.wall { padding-top:28px;padding-bottom:56px }
.wall__cap { margin-bottom:20px;font-size:var(--text-nav);color:var(--muted) }
.wall__band { border-top:1px solid var(--border);border-bottom:1px solid var(--border) }
.wall__rows { display:grid;gap:28px;padding:36px 0 }
.wall__row { display:flex;justify-content:space-around;align-items:center;margin:0;padding:0;list-style:none;color:var(--muted) }
.wall__row li { display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-card);letter-spacing:-.01em;opacity:.85 }
.wall__row svg { width:24px;height:24px }
.wall__row--pay { justify-content:center;gap:120px }

.tab-control { display:flex;align-items:center;gap:6px;max-width:100%;overflow-x:auto;padding:5px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel-2);margin-bottom:24px }
.tab-control [role="tab"] { flex-shrink:0;min-height:40px;padding:8px 20px;border:1px solid var(--clear);border-radius:var(--r-sm);background:var(--clear);font-size:var(--text-nav);white-space:nowrap }
.tab-control [role="tab"][aria-selected="true"] { background:var(--panel);border-color:var(--border);font-weight:var(--weight-bold);box-shadow:inset 0 1px 0 var(--hl),0 2px 0 var(--edge-panel) }
.tab-panel { min-width:0 }
.toc-tabs { position:sticky;top:var(--header-height);z-index:30;display:flex;gap:8px;align-items:center;min-height:var(--toc-height);overflow-x:auto;max-width:100%;padding:8px 0;background:var(--bg);border-bottom:1px solid var(--border);scrollbar-width:thin }
.toc-tabs a { display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--text-nav);white-space:nowrap;background:var(--panel);color:var(--muted) }
.toc-tabs a.is-current { background:var(--panel-2);color:var(--text);border-color:var(--text);box-shadow:inset 0 1px 0 var(--hl) }
.toc-tabs.toc-static { position:static }
body:has(.toc-tabs) section[id] { scroll-margin-top:var(--anchor-space) }
.faq-item { border-bottom:1px solid var(--border);background:var(--panel) }
.faq-item:first-child { border-radius:var(--r-lg) var(--r-lg) 0 0 }
.faq-item:last-child { border-radius:0 0 var(--r-lg) var(--r-lg) }
.faq-item summary { position:relative;cursor:pointer;list-style:none;min-height:60px;padding:18px 52px 18px 20px;font-weight:var(--weight-semibold) }
.faq-item summary::-webkit-details-marker { display:none }
.faq-item summary::after { content:"+";position:absolute;right:20px;top:17px;font-family:var(--font-mono);font-size:var(--text-card) }
.faq-item[open] summary::after { content:"−" }
.faq-item__answer { padding:0 20px 24px;color:var(--muted);max-width:65em }
.faq-item__answer p + p { margin-top:12px }
.plan-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch }
.plan-card { position:relative;display:flex;flex-direction:column;gap:20px;padding:28px 24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 var(--hl),0 var(--card-edge) 0 var(--edge-panel),0 18px 38px var(--shadow-coral) }
.plan-card.is-current { border-color:var(--text);box-shadow:inset 0 1px 0 var(--hl),0 var(--card-edge) 0 var(--edge-panel-deep),0 18px 38px var(--shadow-coral) }
.plan-card__badge { position:absolute;right:16px;top:-15px }
.plan-card__period { color:var(--muted);font-family:var(--font-mono);font-size:var(--text-sm) }
.plan-card__price { display:flex;align-items:baseline;gap:8px;flex-wrap:wrap }
.plan-card__price strong { font-family:var(--font-mono);font-size:var(--text-h2);line-height:1.2 }
.plan-card__price span { color:var(--muted);font-size:var(--text-nav) }
.plan-card__features { display:grid;gap:10px;padding:0;margin:0;list-style:none }
.plan-card__features li::before { content:"✓";margin-right:10px;color:var(--muted) }
.plan-card .btn { margin-top:auto;align-self:flex-start }
.badge,.tag { display:inline-flex;align-items:center;gap:6px;min-height:26px;max-width:100%;padding:3px 10px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--panel-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text);overflow-wrap:anywhere }
.tag { white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.badge--success { color:var(--success) }
.badge--warn { color:var(--warn) }
.badge--error { color:var(--error) }
.table-scroll { overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);overscroll-behavior-inline:contain }
.data-table { width:100%;min-width:680px;font-size:var(--text-nav) }
.data-table caption { text-align:left;padding:16px 20px;font-weight:var(--weight-bold);color:var(--text) }
.data-table th,.data-table td { padding:15px 20px;border-bottom:1px solid var(--border);word-break:keep-all;color:var(--text) }
.table-scroll th,.data-table th { background:var(--panel-2);font-weight:var(--weight-bold);white-space:nowrap;color:var(--text) }
.data-table tbody th { background:var(--panel) }
.data-table tr:last-child td { border-bottom:0 }
.data-table .region-row th { background:var(--panel-2);font-family:var(--font-mono) }
.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:18px;padding:24px 18px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 var(--hl),0 var(--card-edge) 0 var(--edge-panel) }
.platform-card > svg { width:30px;height:30px }
.platform-card h3 { font-size:var(--text-brand) }
.platform-card p { font-size:var(--text-sm);color:var(--muted) }
.platform-card .btn { margin-top:auto;padding-inline:12px;font-size:var(--text-sm) }
.article-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px }
.article-card { display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 var(--hl),0 var(--card-edge) 0 var(--edge-panel) }
.article-card__meta { display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--muted) }
.article-card h3 { line-height:1.5 }
.article-card p { color:var(--muted);font-size:var(--text-nav) }
.article-card__link { margin-top:auto;display:inline-flex;min-height:28px;align-items:center;font-weight:var(--weight-semibold) }
.callout { margin:24px 0;padding:20px 24px;border-left:4px solid var(--edge-panel-2-deep);border-radius:var(--r-md);background:var(--panel-2);color:var(--text) }
.callout p + p { margin-top:12px }
.promo-block { display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel-2);box-shadow:inset 0 1px 0 var(--hl),0 var(--card-edge) 0 var(--edge-panel-2),0 18px 38px var(--shadow-coral) }
.promo-block__copy { display:grid;gap:8px }
.promo-block__brand { font-weight:var(--weight-display);font-size:var(--text-number) }
.promo-block p { color:var(--muted) }
.promo-block .btn { flex-shrink:0;white-space:nowrap }
.feature-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px }
.feature-card { display:flex;flex-direction:column;gap:20px;padding:24px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);box-shadow:inset 0 1px 0 var(--hl),0 var(--card-edge) 0 var(--edge-panel);transition:transform var(--time-fast),box-shadow var(--time-fast) }
.feature-card:hover { transform:translateY(-2px);box-shadow:inset 0 1px 0 var(--hl),0 var(--card-edge) 0 var(--edge-panel-deep) }
.feature-card--wide { grid-column:span 2 }
.feature-card > svg { width:24px;height:24px;color:var(--muted) }
.feature-card p { color:var(--muted);font-size:var(--text-nav) }
.feature-card ul { padding:0;margin:0;list-style:none;font-size:var(--text-nav) }
.feature-card li { margin-top:8px }
.feature-card li::before { content:"✓";margin-right:8px;color:var(--muted) }
.feature-sketch { margin-top:auto;min-height:100px;border-radius:var(--r-md);background:var(--panel-2);display:grid;place-items:center;overflow:hidden;color:var(--edge-panel-2-deep) }
.feature-sketch svg { width:100%;height:100px;fill:none;stroke:currentColor;stroke-width:1.5 }
.blog-masthead { text-align:center;padding-top:64px;padding-bottom:48px }
.blog-masthead h1 { font-size:clamp(36px,4vw,56px);max-width:18em;margin-inline:auto }
.blog-masthead p { margin:20px auto 0;max-width:48em;color:var(--muted) }
.blog-masthead::after { content:"";display:block;width:4em;height:2px;background:var(--border);margin:24px auto 0 }
.blog-masthead__kicker { font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;margin-bottom:16px }
.preview-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px }
.swatch { overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel) }
.swatch__paint { display:block;height:56px }
.swatch code { display:block;background:var(--clear);padding:12px;font-size:var(--text-xs) }
.sw-bg { background:var(--bg) }
.sw-top { background:var(--bg-hero-top) }
.sw-bottom { background:var(--bg-hero-bottom) }
.sw-panel { background:var(--panel) }
.sw-panel2 { background:var(--panel-2) }
.sw-tint { background:var(--tint) }
.sw-border { background:var(--border) }
.sw-accent { background:var(--accent) }
.sw-dark { background:var(--accent-dark) }
.sw-peach { background:var(--peach) }
.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-white { background:var(--white) }
.sw-edge { background:var(--edge-panel) }
.sw-edge-deep { background:var(--edge-panel-deep) }
.sw-edge2 { background:var(--edge-panel-2) }
.sw-edge2-deep { background:var(--edge-panel-2-deep) }
.sw-edge-tint { background:var(--edge-tint) }
.sw-edge-tint-deep { background:var(--edge-tint-deep) }
.sw-highlight { background:var(--hl) }
.sw-highlight-soft { background:var(--hl-soft) }
.sw-shadow { background:var(--shadow-coral) }
.sw-shadow-strong { background:var(--shadow-coral-strong) }
.sw-ink { background:var(--shadow-ink) }
.sw-grid { background:var(--grid-line) }
.sw-glow { background:var(--glow-peach) }
.sw-nav { background:var(--nav-bg) }
.sw-veil { background:var(--veil) }
.sw-red { background:var(--flag-red) }
.sw-blue { background:var(--flag-blue) }
.sw-black { background:var(--flag-black) }
.sw-gold { background:var(--flag-gold) }
.sw-green { background:var(--flag-green) }
.sw-flag-edge { background:var(--flag-edge) }
.sw-clear { background:var(--clear) }
.preview-type { display:grid;gap:20px }
.preview-display { font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-hero);line-height:1.1;letter-spacing:-.02em }
.preview-states { display:flex;align-items:center;flex-wrap:wrap;gap:20px }
.preview-focus { outline:2px solid var(--text);outline-offset:3px }
.symbol-bank { position:absolute;width:0;height:0;overflow:hidden;pointer-events:none }

@media (max-width:1024px) {
  .hero__top { grid-template-columns:minmax(0,1fr);row-gap:28px }
  .hero__copy,.hero__aside { grid-column:auto }
  .hero-title { font-size:var(--text-hero-tablet) }
  .bento { grid-template-rows:repeat(4,minmax(86px,auto)) }
  .grip { display:none }
  .feature-grid,.platform-grid,.preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
}
@media (max-width:768px) {
  .hero-title { font-size:var(--text-hero-mobile) }
  .bento { grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(84px,auto) }
  .bento > .blk { grid-column:auto;grid-row:auto }
  .bento > .b-win { grid-column:1 / -1 }
  .float-chip { position:static;align-self:flex-start;margin:0 18px 18px;transform:none }
  .cursor { display:none }
  .bento-zone::before,.peach-decor { inset:-6% 0 55% 30% }
  .wall__row { flex-wrap:wrap;gap:20px 36px;justify-content:center }
  .wall__row--pay { gap:20px 48px }
  .plan-grid,.article-grid { grid-template-columns:minmax(0,1fr) }
  .promo-block { flex-direction:column;align-items:flex-start;padding:24px }
  .preview-display { font-size:var(--text-hero-mobile) }
}
@media (max-width:640px) {
  .hero { padding-top:32px;padding-bottom:32px }
  .hero-title { font-size:var(--text-hero-mobile);line-height:1.12 }
  .facts { grid-template-columns:minmax(0,1fr) }
  .strip { grid-template-columns:minmax(0,1fr);row-gap:8px }
  .win__head { flex-wrap:wrap }
  .cell__v,.cov,.val-row { white-space:normal }
  .cov { flex-wrap:wrap }
  .float-chip { transform:none;max-width:calc(100% - 36px);flex-wrap:wrap }
  .feature-grid,.platform-grid { grid-template-columns:minmax(0,1fr) }
  .feature-card--wide { grid-column:auto }
  .blog-masthead h1 { font-size:var(--text-h2) }
}
@media (max-width:480px) {
  .bento { grid-template-columns:minmax(0,1fr) }
  .win__rules li { grid-template-columns:20px 64px 12px minmax(0,1fr) 26px;column-gap:6px;padding:6px;font-size:var(--text-xs) }
  .win__rules .toggle { width:26px }
  .win__body { padding-inline:12px }
  .seg__opt { padding-inline:10px }
  .preview-grid { grid-template-columns:minmax(0,1fr) }
}
@media (prefers-reduced-motion:reduce) {
  .feature-card:hover { transform:none }
}