/*
 * LensAid website: Quiet Glass web layer (docs/product/redesign/design/WEBSITE-DESIGN.md).
 * Values are copied from the artboards in design/mockups/redesign-2026-11/Web-*.dc.html. The artboards
 * use inline styles; the site's Content-Security-Policy forbids them, so each artboard style became one
 * class below (".q…" names are artboard styles without a shared role). Tokens follow §2; the page
 * follows the visitor's Light or Dark appearance.
 */
:root{
 color-scheme:light dark;
 --page:#FFFFFF;--band:#F5F5F7;--card:#FFFFFF;
 --card-edge:0 0 0 1px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.05);
 --button-edge:inset 0 0 0 1px rgba(0, 0, 0, 0.16), 0 1px 1px rgba(0, 0, 0, 0.04);
 --ring:inset 0 0 0 2px #4453D6, 0 1px 2px rgba(0, 0, 0, 0.05);
 --label:#1D1D1F;--secondary:#636369;--accent:#4453D6;--accent-text:#4453D6;--accent-strong:#3A48C4;--accent-hover:#3A48C4;
 --graphic:#4453D6;--tint:rgba(68, 83, 214, 0.08);--chip:rgba(0, 0, 0, 0.06);--track:#E5E5EA;
 --positive:#125E35;--warning:#8F4C00;--critical:#A8251A;--hairline:#E5E5EA;--hairline-strong:rgba(0, 0, 0, 0.18);--placeholder:#8E8E93;
 --tint-edge:rgba(68, 83, 214, 0.20);--field-edge:inset 0 0 0 1px rgba(0, 0, 0, 0.20);--positive-tint:rgba(26, 127, 75, 0.10);
 --frame-edge:rgba(0, 0, 0, 0.08);--wall:#C9CED8;--focus:rgba(68, 83, 214, 0.85);
 /* App palette, for product frames (DESIGN-SYSTEM.md) */
 --a-ground:#F5F5F7;--a-bar:#ECECEF;--a-separator:#E5E5EA;--a-surface:#FFFFFF;
 --a-elevation:0 0 0 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.05);
 --a-label:#1D1D1F;--a-secondary:#636369;--a-accent:#4453D6;--a-accent-strong:#3A48C4;--a-tint:rgba(68, 83, 214, 0.08);
 --a-positive:#125E35;--a-warning:#8F4C00;--a-control:#FFFFFF;--a-control-edge:inset 0 0 0 1px rgba(0, 0, 0, 0.14), 0 1px 1px rgba(0, 0, 0, 0.04);
 /* Components (Chip, ScoreBlock, CompetencyRow, Stepper, PackCard) */
 --chip-neutral-fg:#3C3C41;--chip-neutral-bg:rgba(0, 0, 0, 0.06);--chip-accent-fg:#3A48C4;--chip-accent-bg:rgba(68, 83, 214, 0.10);
 --chip-warning-fg:#8F4C00;--chip-warning-bg:rgba(232, 140, 0, 0.14);
 --pack-card:#FFFFFF;--pack-tint:rgba(68, 83, 214, 0.10);--pack-control:#FFFFFF;--pack-control-edge:inset 0 0 0 1px rgba(0, 0, 0, 0.14), 0 1px 1px rgba(0, 0, 0, 0.04);
 --step-fill:#4453D6;--step-pending:#8E8E93;
 --scroll-thumb:rgba(0, 0, 0, 0.22);--scroll-thumb-hover:rgba(0, 0, 0, 0.36);
 /* Frame (§4): desktop values; the phone frame is below */
 --gutter:clamp(16px, 4vw, 40px);--section-pad:clamp(64px, 8vw, 112px);--hero-pad:clamp(40px, 6vw, 88px);
 --h1:clamp(40px, 5vw, 68px);--h2:clamp(30px, 3.2vw, 44px);--lead:19px;--price:40px;
}
@media (prefers-color-scheme: dark){:root{
 --page:#1B1B1E;--band:#232326;--card:#2A2A2E;
 --card-edge:inset 0 0 0 1px rgba(255, 255, 255, 0.08);--button-edge:inset 0 0 0 1px rgba(255, 255, 255, 0.16);--ring:inset 0 0 0 2px #7C88F2;
 --label:#F2F2F5;--secondary:#A3A3AB;--accent:#5562E6;--accent-text:#9AA6FF;--accent-strong:#9AA6FF;--accent-hover:#B4BCFF;
 --graphic:#7C88F2;--tint:rgba(120, 135, 255, 0.16);--chip:rgba(255, 255, 255, 0.08);--track:#3A3A3F;
 --positive:#4CC38A;--warning:#F5B04B;--critical:#FF8A80;--hairline:#3A3A3F;--hairline-strong:rgba(255, 255, 255, 0.22);--placeholder:#6E6E74;
 --tint-edge:rgba(120, 135, 255, 0.28);--field-edge:inset 0 0 0 1px rgba(255, 255, 255, 0.16);--positive-tint:rgba(76, 195, 138, 0.14);
 --frame-edge:rgba(255, 255, 255, 0.10);--wall:#2A2D35;--focus:rgba(154, 166, 255, 0.9);
 --a-ground:#1B1B1E;--a-bar:#232326;--a-separator:#3A3A3F;--a-surface:#26262A;--a-elevation:inset 0 0 0 1px rgba(255, 255, 255, 0.07);
 --a-label:#F2F2F5;--a-secondary:#A3A3AB;--a-accent:#5562E6;--a-accent-strong:#9AA6FF;--a-tint:rgba(120, 135, 255, 0.16);
 --a-positive:#4CC38A;--a-warning:#F5B04B;--a-control:#3A3A3F;--a-control-edge:inset 0 0 0 1px rgba(255, 255, 255, 0.10);
 --chip-neutral-fg:#D7D7DC;--chip-neutral-bg:rgba(255, 255, 255, 0.10);--chip-accent-fg:#9AA6FF;--chip-accent-bg:rgba(120, 135, 255, 0.18);
 --chip-warning-fg:#F5B04B;--chip-warning-bg:rgba(245, 176, 75, 0.14);
 --pack-card:#26262A;--pack-tint:rgba(120, 135, 255, 0.18);--pack-control:#3A3A3F;--pack-control-edge:inset 0 0 0 1px rgba(255, 255, 255, 0.10);
 --step-fill:#7C88F2;--step-pending:#7A7A82;
 --scroll-thumb:rgba(255, 255, 255, 0.22);--scroll-thumb-hover:rgba(255, 255, 255, 0.36);
}}
@media (max-width: 640px){:root{--gutter:20px;--section-pad:56px;--hero-pad:40px;--h1:40px;--h2:30px;--lead:17px;--price:34px}}

/* Base. :where() keeps these below every component class, as the artboards' inline styles were. */
html{-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}
body{margin:0;background:var(--page);color:var(--label);font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Text', Inter, system-ui, sans-serif;font-size:16px;line-height:1.6}
:where(a){color:var(--accent-text)}
:where(a):hover{color:var(--accent-hover)}
:where(button){font:inherit}
:where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}
summary{list-style:none}summary::-webkit-details-marker{display:none}
details[open] .faq-chev{transform:rotate(90deg)}
@media (prefers-reduced-motion: reduce){.faq-chev{transition:none !important}}
[hidden]{display:none !important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-48px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--accent);color:#FFFFFF;font-weight:600;text-decoration:none}
.skip:focus{top:12px;color:#FFFFFF}
/* Thin, quiet scrollbars wherever the page controls one (the Quiet Glass scroller, on the web). */
::-webkit-scrollbar{width:8px;height:8px;background:transparent}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:8px;background:var(--scroll-thumb);background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:padding-box}
::-webkit-scrollbar-corner{background:transparent}

/* ---- Artboard styles (generated once from the artboards; edit as normal CSS) ---- */
.page{min-height:100vh;background:var(--page);color:var(--label);font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Text', Inter, system-ui, sans-serif;font-size:16px;line-height:1.6}
.page-frame{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;background:var(--page);box-shadow:none}
.site-header{background:var(--page);border-bottom:1px solid var(--hairline)}
.site-header-in{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:10px var(--gutter);min-height:64px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px}
.wordmark{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--label);text-decoration:none}
.wordmark-name{font-size:17px;font-weight:700;letter-spacing:-0.01em}
.t12-sec{font-size:12px;color:var(--secondary)}
.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px}
.nav-link{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--label);font-size:15px;font-weight:500;text-decoration:none}
.nav-cta{display:inline-flex;align-items:center;min-height:44px;margin-left:8px;color:#FFFFFF;text-decoration:none}
.nav-cta-pill{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:9px;background:var(--accent);font-size:14px;font-weight:600}
.band-page{background:var(--page)}
.hero-in{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:var(--hero-pad) var(--gutter);display:flex;flex-wrap:wrap;align-items:center;gap:48px 56px}
.hero-copy{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.eyebrow{margin:0;font-size:12px;font-weight:600;letter-spacing:0.08em;color:var(--accent-text)}
.display{margin:0;font-size:var(--h1);font-weight:700;line-height:1.04;letter-spacing:-0.035em;text-wrap:balance}
.hero-lead{margin:0;max-width:560px;font-size:var(--lead);line-height:1.55;color:var(--secondary)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px}
.btn-primary{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:10px;background:var(--accent);color:#FFFFFF;font-size:16px;font-weight:600;text-decoration:none}
.btn-secondary{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 20px;border-radius:10px;background:var(--card);box-shadow:var(--button-edge);color:var(--label);font-size:16px;font-weight:600;text-decoration:none}
.t14-sec{margin:0;font-size:14px;color:var(--secondary)}
.o3-tag{display:inline-flex;align-items:center;margin-left:6px;padding:0 6px;border-radius:6px;border:1px dashed var(--placeholder);font-size:12px;font-weight:600;color:var(--secondary);vertical-align:1px}
.qn{flex:1 1 500px;min-width:0;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#111113;color:#F2F2F5;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.25), 0 24px 64px rgba(0, 0, 0, 0.22);font-size:13px;line-height:1.4}
.qo{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;gap:10px;min-height:36px;padding:0 12px;border-bottom:1px solid rgba(255, 255, 255, 0.06)}
.qp{display:flex;gap:7px}
.qq{width:11px;height:11px;border-radius:50%;background:#FF5F57}
.qr{width:11px;height:11px;border-radius:50%;background:#FEBC2E}
.qs{width:11px;height:11px;border-radius:50%;background:#28C840}
.qt{font-weight:600;white-space:nowrap}
.qu{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px 0}
.qv{display:flex;flex-wrap:wrap;gap:4px;font-size:11px;font-weight:600}
.qw{padding:3px 8px;color:#A3A3AB}
.qx{padding:3px 8px;border-radius:10px;background:rgba(124, 136, 242, 0.24)}
.qy{font-size:11px;font-weight:700;letter-spacing:0.06em;color:#A3A3AB}
.qz{margin-left:6px;font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-size:13px;letter-spacing:0;color:#F2F2F5;font-variant-numeric:tabular-nums}
.q10{position:relative;display:flex;padding:12px 14px;min-height:300px}
.q11{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px 64px;border-radius:18px;background:#1F1F23}
.q12{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:#2F3150;box-shadow:0 0 0 4px #1F1F23, 0 0 0 7px #7C88F2;font-size:30px;font-weight:600}
.q13{display:flex;flex-direction:column;align-items:center}
.fw600{font-weight:600}
.q15{font-size:12px;color:#A3A3AB}
.q16{max-width:420px;padding:8px 12px;border-radius:10px;background:rgba(0, 0, 0, 0.55);text-align:center;font-size:13px;line-height:1.45}
.q17{position:absolute;right:26px;bottom:24px;width:136px;height:86px;display:grid;place-items:center;border-radius:12px;background:#2C2C30;color:#A3A3AB;font-size:11px;text-align:center;box-shadow:0 0 0 1px rgba(255, 255, 255, 0.08)}
.q18{display:flex;justify-content:center;gap:10px;padding:0 14px 14px}
.q19{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:18px;background:rgba(44, 44, 48, 0.86);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.08)}
.q1a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#3A3A3F}
.q1b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(124, 136, 242, 0.3)}
.q1c{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:18px;background:#C9302C;font-weight:600}
.band-alt{background:var(--band)}
.q1e{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:40px var(--gutter);display:grid;grid-template-columns:repeat(auto-fit, minmax(min(280px, 100%), 1fr));gap:28px 40px}
.col6{display:flex;flex-direction:column;gap:6px}
.q1g{margin:0;font-size:17px;font-weight:600;line-height:1.35}
.q1h{margin:0;font-size:15px;color:var(--secondary)}
.q1i{color:var(--label);font-weight:500}
.sect-col40{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:var(--section-pad) var(--gutter);display:flex;flex-direction:column;gap:40px}
.q1k{margin:0;max-width:720px;font-size:var(--h2);font-weight:700;line-height:1.1;letter-spacing:-0.025em}
.q1l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr));gap:32px 40px}
.q1m{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:2px solid var(--hairline)}
.q1n{font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-size:15px;font-weight:700;color:var(--accent-text);font-variant-numeric:tabular-nums}
.q1o{margin:0;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-0.01em}
.t-sec{margin:0;color:var(--secondary)}
.sect-row{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:var(--section-pad) var(--gutter);display:flex;flex-wrap:wrap;align-items:center;gap:40px 64px}
.q1r{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:16px}
.h2b{margin:0;font-size:var(--h2);font-weight:700;line-height:1.1;letter-spacing:-0.025em;text-wrap:balance}
.lead{margin:0;font-size:var(--lead);line-height:1.55;color:var(--secondary)}
.q1u{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:8px}
.q1v{flex:1 1 420px;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:18px;background:var(--card);box-shadow:var(--card-edge);font-size:14px}
.q1w{display:flex;align-items:center;gap:14px}
.q1x{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--tint);color:var(--accent-strong);font-size:18px;font-weight:700}
.col{display:flex;flex-direction:column}
.q1z{font-size:17px;font-weight:600}
.t13-sec{font-size:13px;color:var(--secondary)}
.col8{display:flex;flex-direction:column;gap:8px}
.label12{font-size:12px;font-weight:600;color:var(--secondary)}
.q23{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.q24{display:flex;gap:10px}
.q25{flex:none;width:6px;height:6px;margin-top:9px;border-radius:50%;background:var(--graphic)}
.q26{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:6px;font-size:12px;font-weight:600}
.q27{padding:3px 10px;border-radius:11px;background:var(--tint);color:var(--accent-strong)}
.q28{padding:3px 10px;border-radius:11px;background:var(--chip)}
.q29{display:flex;flex-wrap:wrap;align-items:center;gap:40px 64px}
.q2a{flex:1 1 440px;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:18px;background:var(--card);box-shadow:var(--card-edge);font-size:14px}
.q2b{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
.q2c{padding:2px 9px;border-radius:11px;box-shadow:inset 0 0 0 1px var(--hairline-strong);font-size:12px;font-weight:600;color:var(--secondary)}
.q2d{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding-bottom:16px;border-bottom:1px solid var(--hairline)}
.q2e{display:flex;align-items:baseline;gap:8px;font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-variant-numeric:tabular-nums}
.q2f{font-size:44px;font-weight:600;line-height:1}
.q2g{font-size:13px;font-weight:600;color:var(--positive)}
.q2h{flex:1 1 200px;display:flex;flex-direction:column;gap:2px}
.q2i{font-weight:600;color:var(--accent-text)}
.q2j{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:4px}
.q2k{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--hairline)}
.q2l{display:flex;align-items:center;gap:12px}
.q2m{flex:1;min-width:0}
.q2n{display:flex;gap:3px}
.q2o{width:30px;text-align:right;font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-variant-numeric:tabular-nums;color:var(--secondary)}
.q2p{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:10px;color:var(--label)}
.link-more{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--accent-text);font-weight:600;text-decoration:none}
.q2r{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(320px, 100%), 1fr));gap:16px}
.q2s{margin:0;display:grid;place-items:center;min-height:128px;padding:20px;border-radius:14px;border:1.5px dashed var(--placeholder);color:var(--secondary);font-size:14px;font-weight:600;text-align:center}
.q2t{display:block;font-weight:400;font-size:13px}
.q2u{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:16px}
.q2v{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:12px;font-size:14px}
.q2w{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:16px;background:var(--card);box-shadow:var(--card-edge)}
.q2x{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--tint);color:var(--accent-text)}
.q2y{flex:1;min-width:0;display:flex;flex-direction:column}
.q2z{flex:none;padding:2px 9px;border-radius:11px;background:var(--chip);font-size:12px;font-weight:600}
.q30{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:16px 20px;border-radius:16px;background:var(--card);box-shadow:var(--card-edge)}
.q31{font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}
.q32{font-weight:600;color:var(--positive)}
.q33{flex:1 1 100%;font-size:13px;color:var(--secondary)}
.sect-col32{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:var(--section-pad) var(--gutter);display:flex;flex-direction:column;gap:32px}
.q35{display:flex;flex-direction:column;gap:16px;max-width:720px}
.q36{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr));gap:16px}
.card{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:18px;background:var(--card);box-shadow:var(--card-edge)}
.q38{margin:0;font-size:18px;font-weight:600}
.q39{flex:1 1 420px;min-width:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(150px, 100%), 1fr));gap:12px}
.q3a{display:flex;flex-direction:column-reverse;gap:4px;padding:16px;border-radius:14px;background:var(--card);box-shadow:var(--card-edge)}
.q3b{margin:0;font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-size:26px;font-weight:600;line-height:1.15;font-variant-numeric:tabular-nums}
.q3c{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr));gap:24px 40px}
.q3d{display:flex;gap:14px}
.q3e{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--tint);color:var(--accent-text)}
.m0{margin:0}
.q3g{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:var(--section-pad) var(--gutter);display:flex;flex-wrap:wrap;align-items:center;gap:32px 64px}
.q3h{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:14px}
.q3i{margin:0;font-size:30px;font-weight:700;line-height:1.15;letter-spacing:-0.02em}
.q3j{margin:0;display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--secondary)}
.q3k{flex:none;margin-top:3px}
.q3l{flex:1 1 380px;min-width:0;list-style:none;margin:0;padding:0;border-radius:18px;background:var(--card);box-shadow:var(--card-edge);overflow:hidden;font-size:15px}
.q3m{display:flex;justify-content:space-between;gap:12px;padding:16px 20px}
.q3n{color:var(--secondary)}
.q3o{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid var(--hairline)}
.q3p{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:16px}
.q3q{flex:1 1 520px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(240px, 100%), 1fr));gap:16px}
.faq-in{box-sizing:border-box;max-width:880px;margin:0 auto;padding:var(--section-pad) var(--gutter);display:flex;flex-direction:column;gap:24px}
.h2{margin:0;font-size:var(--h2);font-weight:700;line-height:1.1;letter-spacing:-0.025em}
.rule-top{border-top:1px solid var(--hairline)}
.faq-item{border-bottom:1px solid var(--hairline)}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:8px 0;font-size:17px;font-weight:600;cursor:pointer}
.faq-icon{flex:none;transition:transform 200ms ease}
.faq-a{margin:0;padding:0 32px 20px 0;color:var(--secondary)}
.band-stage{background:#111113;color:#F2F2F5}
.final-in{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:var(--section-pad) var(--gutter);display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.h2-final{margin:0;max-width:760px;font-size:var(--h2);font-weight:700;line-height:1.1;letter-spacing:-0.025em;text-wrap:balance}
.btn-stage{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:10px;background:#5562E6;color:#FFFFFF;font-size:16px;font-weight:600;text-decoration:none}
.q42{margin:0;font-size:14px;color:#A3A3AB}
.q43{display:inline-flex;align-items:center;margin-left:6px;padding:0 6px;border-radius:6px;border:1px dashed #6E6E74;font-size:12px;font-weight:600;color:#A3A3AB;vertical-align:1px}
.site-footer{background:var(--band);border-top:1px solid var(--hairline);color:var(--label)}
.site-footer-in{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:40px var(--gutter) 48px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px 48px}
.footer-brand{flex:1 1 260px;display:flex;flex-direction:column;gap:10px}
.fine{margin:0;font-size:13px;color:var(--secondary)}
.footer-nav{flex:2 1 420px;display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:20px 32px}
.footer-heading{margin:0 0 6px;font-size:13px;font-weight:600}
.footer-link{display:inline-flex;align-items:center;min-height:44px;color:var(--secondary);font-size:14px;text-decoration:none}
.nav-link-current{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--label);font-size:15px;font-weight:500;text-decoration:none;box-shadow:inset 0 -2px 0 var(--accent-text)}
.q4c{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding-top:8px}
.t14-sec2{font-size:14px;color:var(--secondary)}
.q4e{flex:1 1 460px;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:18px;background:#111113;color:#F2F2F5;box-shadow:0 24px 64px rgba(0, 0, 0, 0.22);font-size:14px}
.q4f{display:flex;flex-direction:column;gap:2px}
.q4g{font-size:20px;font-weight:600;letter-spacing:-0.01em}
.q4h{color:#A3A3AB}
.q4i{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;background:#1F1F23}
.q4j{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#2F3150;box-shadow:0 0 0 2px #7C88F2;font-size:16px;font-weight:600}
.q4k{font-size:13px;color:#A3A3AB}
.q4l{font-size:12px;font-weight:600;color:#A3A3AB}
.q4m{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:6px;line-height:1.45}
.q4n{margin:0;font-size:13px;color:#A3A3AB}
.q4o{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(240px, 100%), 1fr));gap:12px}
.q4p{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:16px;background:var(--card);box-shadow:var(--card-edge)}
.q4q{font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-size:14px;font-weight:700;color:var(--accent-text);font-variant-numeric:tabular-nums}
.q4r{margin:0;font-size:17px;font-weight:600}
.q4s{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(340px, 100%), 1fr));gap:32px 48px}
.col12{display:flex;flex-direction:column;gap:12px}
.q4u{margin:0;font-size:20px;font-weight:600}
.q4v{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.q4w{padding:6px 14px;border-radius:16px;background:var(--band);font-size:15px}
.q4x{padding:6px 14px;border-radius:16px;background:var(--tint);color:var(--accent-strong);font-size:15px;font-weight:600}
.q4y{margin:0;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:8px}
.q4z{display:flex;flex-direction:column-reverse;gap:2px;padding:14px 12px;border-radius:14px;background:var(--band)}
.q50{margin:0;font-size:13px;color:var(--secondary);font-variant-numeric:tabular-nums}
.q51{font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-size:22px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}
.q52{margin:0;display:flex;flex-direction:column;gap:10px}
.q53{display:inline;font-weight:600}
.q54{display:inline;margin:0;color:var(--secondary)}
.proof-slot-sm{padding:12px 14px;border-radius:12px;border:1.5px dashed var(--placeholder);color:var(--secondary);font-size:14px}
.q56{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:var(--section-pad) var(--gutter);display:flex;flex-wrap:wrap;align-items:flex-start;gap:40px 64px}
.q57{flex:1 1 460px;min-width:0;list-style:none;margin:0;padding:0;border-radius:18px;background:var(--card);box-shadow:var(--card-edge);overflow:hidden}
.q58{font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-weight:700;color:var(--accent-text);font-variant-numeric:tabular-nums}
.q59{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:var(--section-pad) var(--gutter);display:flex;flex-direction:column;gap:28px}
.q5a{margin:0;max-width:720px;font-size:var(--h2);font-weight:700;line-height:1.1;letter-spacing:-0.025em;text-wrap:balance}
.q5b{margin:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr));gap:16px}
.q5c{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:16px;background:var(--band)}
.q5d{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.q5e{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:10px;background:rgba(255, 255, 255, 0.10);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.18);color:#F2F2F5;font-size:16px;font-weight:600;text-decoration:none}
.q5f{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:var(--section-pad) var(--gutter) 40px;display:flex;flex-direction:column;gap:16px}
.q5g{margin:0;font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent-text)}
.q5h{margin:0;max-width:820px;font-size:var(--h1);font-weight:700;line-height:1.06;letter-spacing:-0.035em;text-wrap:balance}
.q5i{margin:0;max-width:720px;font-size:var(--lead);line-height:1.55;color:var(--secondary)}
.q5j{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding-top:8px}
.q5k{display:inline-flex;align-items:center;min-height:48px;color:#FFFFFF;text-decoration:none}
.q5l{display:inline-flex;align-items:center;height:48px;padding:0 22px;border-radius:10px;background:var(--accent);font-size:16px;font-weight:600}
.q5m{display:inline-flex;align-items:center;gap:4px;min-height:48px;color:var(--accent-text);font-size:16px;font-weight:600;text-decoration:none}
.q5n{font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-variant-numeric:tabular-nums}
.q5o{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:40px var(--gutter) var(--section-pad)}
.q5p{margin:0;border-radius:12px;overflow:hidden;background:var(--a-ground);box-shadow:0 0 0 1px var(--frame-edge), 0 24px 64px rgba(0, 0, 0, 0.18)}
.q5q{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:var(--a-bar);border-bottom:1px solid var(--a-separator)}
.q5r{width:12px;height:12px;border-radius:50%;background:#FF5F57}
.q5s{width:12px;height:12px;border-radius:50%;background:#FEBC2E}
.q5t{width:12px;height:12px;border-radius:50%;background:#28C840}
.q5u{flex:1;text-align:center;margin-right:60px;font-size:13px;font-weight:600;color:var(--a-label)}
.q5v{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:20px clamp(14px, 2.4vw, 28px) 28px;color:var(--a-label);font-size:13px;line-height:1.4}
.q5w{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}
.q5x{font-size:15px;font-weight:700}
.q5y{font-size:12px;color:var(--a-secondary)}
.q5z{display:flex;flex-wrap:wrap;gap:6px}
.q60{display:flex;flex-wrap:wrap;gap:20px 32px;padding:20px 22px;border-radius:14px;background:var(--a-surface);box-shadow:var(--a-elevation)}
.q61{flex:1 1 300px;min-width:0}
.q62{flex:1.3 1 320px;min-width:0;display:flex;flex-direction:column;gap:6px}
.q63{margin:0;font-size:13px;font-weight:600}
.q64{display:flex;flex-wrap:wrap;gap:16px}
.q65{flex:1.2 1 380px;min-width:0;display:flex;flex-direction:column;gap:8px}
.q66{margin:0;padding:0 4px;font-size:15px;font-weight:700}
.q67{list-style:none;margin:0;padding:0;border-radius:14px;background:var(--a-surface);box-shadow:var(--a-elevation);overflow:hidden}
.q68{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--a-tint);color:var(--a-accent-strong);font-size:12px;font-weight:700;font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif}
.q69{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.q6a{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:8px}
.q6b{list-style:none;margin:0;padding:14px 16px;display:flex;flex-direction:column;gap:8px;border-radius:14px;background:var(--a-surface);box-shadow:var(--a-elevation)}
.q6c{flex:none;margin-top:1px}
.q6d{display:flex;flex-direction:column;padding:4px 18px;border-radius:14px;background:var(--a-surface);box-shadow:var(--a-elevation)}
.q6e{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:14px;background:var(--a-surface);box-shadow:var(--a-elevation)}
.q6f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}
.q6g{margin:0;color:var(--a-secondary)}
.q6h{font-weight:600;color:var(--a-label)}
.q6i{padding:10px 12px;border-radius:10px;background:var(--a-tint)}
.q6j{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--a-accent-strong)}
.q6k{align-self:flex-start;display:inline-flex;align-items:center;min-height:40px;padding:0;border:0;background:transparent;color:var(--a-label);cursor:pointer}
.q6l{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:7px;background:var(--a-control);box-shadow:var(--a-control-edge);font-weight:500}
.q6m{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(170px, 100%), 1fr));gap:12px}
.q6n{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:var(--a-surface);box-shadow:var(--a-elevation)}
.q6o{font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
.q6p{font-size:11px;color:var(--a-secondary)}
.q6q{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:16px 20px;border-radius:14px;background:var(--a-surface);box-shadow:var(--a-elevation)}
.q6r{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:4px}
.q6s{margin:0;font-size:15px;font-weight:700}
.q6t{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 16px 0 13px;border-radius:8px;background:var(--a-accent);color:#FFFFFF;font-weight:600}
.q6u{padding:10px 16px;border-top:1px solid var(--a-separator);background:var(--a-bar);font-size:12px;color:var(--a-secondary)}
.q6v{display:flex;flex-direction:column;gap:12px;max-width:720px}
.q6w{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(280px, 100%), 1fr));gap:24px}
.q6x{font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-size:20px;font-weight:700;color:var(--accent-text)}
.q6y{margin:0;font-size:20px;font-weight:600;letter-spacing:-0.01em}
.proof-slot{display:flex;align-items:center;justify-content:center;min-height:120px;border-radius:14px;border:1.5px dashed var(--placeholder);color:var(--secondary);font-size:14px}
.q70{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:var(--section-pad) var(--gutter);display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.q71{margin:0;max-width:640px;font-size:var(--lead);color:var(--secondary)}
.doc-hero-in{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:var(--hero-pad) var(--gutter) 32px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.display-narrow{margin:0;max-width:820px;font-size:var(--h1);font-weight:700;line-height:1.04;letter-spacing:-0.035em;text-wrap:balance}
.doc-lead{margin:0;max-width:640px;font-size:var(--lead);line-height:1.55;color:var(--secondary)}
.q75{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 14px;border-radius:12px;background:var(--band);font-size:15px}
.q76{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0;color:var(--accent-text);font-weight:600;text-decoration:none}
.q77{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:16px var(--gutter) var(--section-pad);display:flex;flex-direction:column;gap:20px}
.q78{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.notice-tint{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;background:var(--tint);box-shadow:inset 0 0 0 1px var(--tint-edge)}
.notice-icon{flex:none;margin-top:2px}
.q7b{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;padding:20px 24px;border-radius:18px;background:var(--band)}
.q7c{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:8px}
.q7d{width:100%;height:32px;margin:0;accent-color:var(--accent);cursor:pointer}
.q7e{display:flex;justify-content:space-between;font-size:12px;color:var(--secondary);font-variant-numeric:tabular-nums}
.q7f{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:4px}
.q7g{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-variant-numeric:tabular-nums}
.q7h{font-size:26px;font-weight:600}
.q7i{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(240px, 100%), 1fr));gap:12px 32px}
.q7j{display:flex;gap:12px}
.q7k{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--tint);color:var(--accent-strong);font-size:13px;font-weight:700}
.order-card{box-sizing:border-box;width:100%;max-width:720px;display:flex;flex-direction:column;gap:20px;padding:28px;border-radius:18px;background:var(--card);box-shadow:var(--card-edge)}
.q7m{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:14px 16px;border-radius:12px;background:var(--band)}
.q7n{font-size:14px;color:var(--secondary);font-variant-numeric:tabular-nums}
.q7o{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:transparent;color:var(--accent-text);font-weight:600;cursor:pointer}
.stack14{display:flex;flex-direction:column;gap:14px}
.field{height:48px;box-sizing:border-box;padding:0 14px;border:0;border-radius:10px;background:var(--page);box-shadow:var(--field-edge);color:var(--label);font:inherit}
.check-row{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--secondary)}
.checkbox{flex:none;width:18px;height:18px;margin:3px 0 0;accent-color:var(--accent)}
.q7t{color:var(--accent-text)}
.q7u{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;border-radius:14px;border:1.5px dashed var(--placeholder);text-align:center}
.q7v{font-size:15px;font-weight:700;letter-spacing:0.04em}
.q7w{margin:0;max-width:460px;color:var(--secondary)}
.q7x{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.btn-secondary-b{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:0;border-radius:10px;background:var(--card);box-shadow:var(--button-edge);color:var(--label);font-size:16px;font-weight:600;cursor:pointer}
.btn-primary-b{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:0;border-radius:10px;background:var(--accent);color:#FFFFFF;font-size:16px;font-weight:600;cursor:pointer}
.q80{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--positive-tint);color:var(--positive)}
.q81{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.code-box{flex:1 1 240px;display:flex;align-items:center;min-height:52px;padding:0 16px;border-radius:10px;background:var(--band);font-family:ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace;font-size:20px;letter-spacing:0.08em}
.btn-copy{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:0;border-radius:10px;background:var(--card);box-shadow:var(--button-edge);color:var(--label);font-size:16px;font-weight:600;cursor:pointer}
.q84{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.btn-primary-link{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:10px;background:var(--accent);color:#FFFFFF;font-size:16px;font-weight:600;text-decoration:none}
.q86{display:inline-flex;align-items:center;min-height:44px;color:var(--accent-text);font-weight:600;text-decoration:none}
.sect-col24{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:var(--section-pad) var(--gutter);display:flex;flex-direction:column;gap:24px}
.q88{display:flex;flex-wrap:wrap;border-radius:18px;background:var(--card);box-shadow:var(--card-edge);overflow:hidden}
.q89{flex:1 1 360px;min-width:0;border-collapse:collapse;font-variant-numeric:tabular-nums}
.q8a{padding:18px 24px 8px;text-align:left;font-weight:600}
.q8b{font-weight:400;color:var(--secondary)}
.q8c{padding:12px 24px;text-align:left;font-weight:400}
.q8d{padding:12px 24px;text-align:right;font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-weight:600}
.q8e{flex:1 1 360px;min-width:0;border-collapse:collapse;font-variant-numeric:tabular-nums;box-shadow:inset 1px 0 0 var(--hairline)}
.q8f{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:20px 24px;border-radius:18px;background:var(--card);box-shadow:var(--card-edge)}
.q8g{flex:1 1 420px;margin:0;color:var(--secondary)}
.q8h{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--accent-text);font-weight:600;text-decoration:none}
.q8i{margin:0;max-width:860px;font-size:14px;color:var(--secondary)}
.q8j{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;align-items:center;padding:0 0 32px;border-radius:18px;background:var(--wall);overflow:hidden}
.q8k{width:min(460px, 92%);display:flex;flex-direction:column;border-radius:0 0 22px 22px;background:#000000;color:#F2F2F5;font-size:13px;line-height:1.45;box-shadow:0 10px 30px rgba(0, 0, 0, 0.3)}
.q8l{display:grid;grid-template-columns:minmax(0, 1fr) 140px minmax(0, 1fr);align-items:center;min-height:38px;padding:0 14px}
.q8m{display:flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap}
.q8n{justify-self:end;padding:2px 10px;border-radius:11px;background:rgba(255, 255, 255, 0.12);font-size:11px;font-weight:600}
.q8o{display:flex;flex-direction:column;gap:10px;padding:6px 18px 16px}
.q8p{display:flex;gap:4px;font-size:11px;font-weight:600}
.q8q{padding:3px 8px;border-radius:6px;background:rgba(255, 255, 255, 0.18)}
.q8r{font-size:14px}
.q8s{padding-top:8px;border-top:1px solid rgba(255, 255, 255, 0.10);font-size:11px;color:#A3A3AB}
.q8t{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:var(--section-pad) var(--gutter)}
.q8u{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;padding:clamp(24px, 4vw, 40px);border-radius:20px;background:var(--card);box-shadow:var(--card-edge)}
.q8v{display:flex;flex-direction:column;gap:12px;max-width:760px}
.q8w{margin:0;font-weight:600}
.q8x{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(260px, 100%), 1fr));gap:12px}
.q8y{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:14px;background:var(--band)}
.q8z{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr));gap:32px 40px}
.q90{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:var(--section-pad) var(--gutter);display:flex;flex-wrap:wrap;gap:32px 64px}
.q91{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:14px}
.q92{flex:1 1 420px;min-width:0;margin:0;display:flex;flex-direction:column;border-radius:18px;background:var(--card);box-shadow:var(--card-edge);overflow:hidden}
.q93{display:grid;grid-template-columns:minmax(120px, 0.6fr) minmax(0, 1fr);gap:16px;padding:16px 20px}
.q94{display:grid;grid-template-columns:minmax(120px, 0.6fr) minmax(0, 1fr);gap:16px;padding:16px 20px;border-top:1px solid var(--hairline)}
.q95{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px}
.q96{display:inline-flex;align-items:center;gap:6px;min-height:48px;color:#9AA6FF;font-size:16px;font-weight:600;text-decoration:none}
.svg-fill-accent{fill:var(--accent)}
.svg-stroke-secondary{stroke:var(--secondary)}
.svg-stroke-a-positive{stroke:var(--a-positive)}
.svg-stroke-accent-text{stroke:var(--accent-text)}

/* ---- Repeated artboard rows whose styles depended on the row ---- */
.pip{width:18px;height:6px;border-radius:3px;background:var(--track)}
.pip.on{background:var(--graphic)}
.dv-status{margin:0;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600}
.c-positive{color:var(--positive)}.c-warning{color:var(--warning)}.c-a-warning{color:var(--a-warning)}
.anatomy-row{display:grid;grid-template-columns:28px minmax(0, 1fr);gap:12px;padding:14px 20px;border-top:1px solid var(--hairline)}
.anatomy-row:first-child{border-top:0}
.fix-row{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-top:1px solid var(--a-separator)}
.fix-row:first-child{border-top:0}
.delivery-status{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600}
.btn-buy{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:0;border-radius:10px;background:var(--card);box-shadow:var(--button-edge);color:var(--label);font-size:16px;font-weight:600;cursor:pointer}
.btn-continue{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border:0;border-radius:10px;background:var(--accent);color:#FFFFFF;font-size:16px;font-weight:600;cursor:pointer}
.btn-buy:disabled,.btn-continue:disabled,.q7d:disabled{opacity:.4;cursor:default}
.btn-primary-b:disabled,.btn-secondary-b:disabled,.btn-copy:disabled{opacity:.4;cursor:default}

/* ---- PackCard, web variant (PackCard.dc.html) ---- */
.pack{height:100%;color:var(--label);font-size:13px;line-height:1.4}
.pack-card{box-sizing:border-box;height:100%;display:flex;flex-direction:column;gap:10px;min-height:280px;padding:24px;border-radius:18px;background:var(--pack-card);box-shadow:var(--card-edge)}
.pack-card.suggested{box-shadow:var(--ring)}
.pack-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}
.pack-title{margin:0;font-size:18px;font-weight:600}
.pack-chip{padding:2px 10px;border-radius:11px;background:var(--pack-tint);color:var(--accent-strong);font-size:12px;font-weight:600}
.pack-price{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-variant-numeric:tabular-nums}
.pack-amount{font-size:var(--price);font-weight:600;line-height:1.1;letter-spacing:-0.02em}
.pack-vat{font-size:15px;color:var(--secondary)}
.pack-credits{margin:0;font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-weight:600;font-variant-numeric:tabular-nums}
.pack-outcome{margin:0;flex:1;font-size:15px;color:var(--secondary)}
.pack-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:0;border-radius:10px;background:var(--accent);box-shadow:none;color:#FFFFFF;font:inherit;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer}
.pack-action:hover{color:#FFFFFF}
.pack-action:disabled{opacity:.5;cursor:default}

/* ---- Chip (Chip.dc.html) ---- */
.chip{display:inline-flex;align-items:center;gap:6px;height:22px;box-sizing:border-box;padding:0 10px 0 9px;border-radius:11px;font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Text', Inter, system-ui, sans-serif;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.chip-neutral{background:var(--chip-neutral-bg);color:var(--chip-neutral-fg)}
.chip-accent{background:var(--chip-accent-bg);color:var(--chip-accent-fg)}

/* ---- ScoreBlock (ScoreBlock.dc.html) ---- */
.score{display:flex;flex-direction:column;gap:8px;color:var(--a-label);font-size:13px;line-height:1.35}
.score-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 24px}
.score-col{display:flex;flex-direction:column;gap:2px}
.score-label{margin:0;font-size:12px;font-weight:500;color:var(--a-secondary)}
.score-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.score-value{margin:0;display:flex;align-items:baseline;gap:4px;font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-variant-numeric:tabular-nums}
.score-number{font-size:44px;font-weight:600;line-height:1;letter-spacing:-0.02em}
.score-max{font-size:15px;font-weight:500;color:var(--a-secondary)}
.score-delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--a-secondary)}
.score-call{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-bottom:3px}
.score-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;border-radius:12px;background:var(--chip-warning-bg);color:var(--chip-warning-fg);font-size:13px;font-weight:600}
.score-note{margin:0;font-size:12px;color:var(--a-secondary)}

/* ---- CompetencyRow (CompetencyRow.dc.html) ---- */
.comp{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:10px 0;color:var(--a-label);font-size:13px;line-height:1.35}
.comp-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px}
.comp-label{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.comp-meter{display:flex;align-items:center;gap:10px}
.comp-pips{display:flex;gap:4px}
.comp-pips span{display:block;width:18px;height:6px;border-radius:3px;background:var(--track)}
.comp-pips span.on{background:var(--graphic)}
.comp-score{min-width:28px;text-align:right;font-size:12px;color:var(--a-secondary);font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-variant-numeric:tabular-nums}
.comp-evidence{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:12px;color:var(--a-secondary)}
.comp-time{font-weight:600;font-variant-numeric:tabular-nums}

/* ---- Stepper, bar variant (Stepper.dc.html) ---- */
.stepper{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 10px;color:var(--label);font-size:13px;line-height:1.35}
.step{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;color:var(--secondary)}
.step:last-child{flex:0 0 auto}
.step.reached{color:var(--label)}
.step-name{white-space:nowrap}
.step-line{flex:1 1 24px;min-width:16px;height:2px;border-radius:1px;background:var(--track)}
.step.done .step-line{background:var(--step-fill)}
.step-icon{flex:none;display:none}
.step.done .step-done,.step.active .step-active,.step.todo .step-todo{display:block}
.step-fill{fill:var(--step-fill)}.step-stroke{stroke:var(--step-fill)}.step-track{stroke:var(--track)}.step-pending{stroke:var(--step-pending)}

/* ---- {O3} tag: free-first-mock lines that need the production starter grant (D49) ---- */
.o3-tag-stage{display:inline-flex;align-items:center;margin-left:6px;padding:0 6px;border-radius:6px;border:1px dashed #6E6E74;font-size:12px;font-weight:600;color:#A3A3AB;vertical-align:1px}

/* ---- Pages that are not in the prototype: legal, help, blog, beta, order (same layer) ---- */
.doc{box-sizing:border-box;max-width:820px;margin:0 auto;padding:8px var(--gutter) var(--section-pad);display:flex;flex-direction:column;gap:16px}
.doc h2{margin:24px 0 0;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-0.015em}
.doc h3{margin:8px 0 0;font-size:18px;font-weight:600}
.doc p,.doc ul,.doc ol{margin:0}
.doc ul,.doc ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}
.doc .card{gap:8px}
.doc-meta{margin:0;font-size:14px;color:var(--secondary)}
.doc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.panel{box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:18px;background:var(--card);box-shadow:var(--card-edge)}
.panel-title{margin:0;font-size:20px;font-weight:600;letter-spacing:-0.01em}
.field-label{font-weight:600}
.field-row{display:flex;flex-wrap:wrap;gap:10px}
.field-row .field{flex:1 1 240px;min-width:0}
select.field{appearance:auto;padding-right:10px}
fieldset.fieldset{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:8px}
fieldset.fieldset legend{padding:0 0 4px;font-weight:600}
.status-line{margin:0;color:var(--secondary)}
.status-line:empty{display:none}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.check-mark{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--positive-tint);color:var(--positive);font-weight:700}
.list-plain{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.blog-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(320px, 100%), 1fr));gap:16px}
.blog-list .card h2{margin:0;font-size:20px;line-height:1.3}
.blog-list .card h2 a{color:var(--label);text-decoration:none}
.table-wrap{overflow-x:auto;border-radius:14px;box-shadow:var(--card-edge)}
.table-wrap table{width:100%;border-collapse:collapse;font-size:15px}
.table-wrap caption{padding:14px 16px 6px;text-align:left;font-weight:600}
.table-wrap th,.table-wrap td{padding:10px 16px;border-top:1px solid var(--hairline);text-align:left;vertical-align:top}
.crumbs{font-size:14px;color:var(--secondary)}
.crumbs a{color:var(--secondary)}
.order-progress{display:flex;align-items:flex-start;gap:12px}
.spinner{flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;border:2.5px solid var(--track);border-top-color:var(--graphic);animation:spin 900ms linear infinite}
.order-progress[data-state="ready"] .spinner,.order-progress[data-state="error"] .spinner,.order-progress[data-state="email"] .spinner{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.spinner{animation-duration:3s}}

/* ---- Privacy choices (consent banner) ---- */
.privacy-banner{position:fixed;z-index:80;right:16px;bottom:16px;left:16px;box-sizing:border-box;max-width:440px;max-height:calc(100vh - 32px);overflow:auto;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:18px;background:var(--card);box-shadow:var(--card-edge), 0 12px 40px rgba(0, 0, 0, 0.18);font-size:14px}
.privacy-banner h2{margin:0;font-size:17px;font-weight:600;line-height:1.35}
.privacy-banner p{margin:0;color:var(--secondary)}
.privacy-banner details{display:flex;flex-direction:column;gap:10px}
.privacy-banner summary{display:inline-flex;align-items:center;min-height:44px;color:var(--accent-text);font-weight:600;cursor:pointer}
.privacy-option{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--hairline)}
.privacy-option span{display:flex;flex-direction:column;gap:2px}
.privacy-option small{font-size:13px;color:var(--secondary)}
.privacy-actions{display:flex;flex-wrap:wrap;gap:8px}
.privacy-actions .btn-secondary-b{flex:1 1 160px;justify-content:center}
@media (min-width: 641px){.privacy-banner{left:auto}}

/* ---- Section heading blocks (WEBSITE-DESIGN §7, D-129): eyebrow, H2 and lead never run wider than 720 px ---- */
.eyebrow,.h2,.h2b,.lead{max-width:720px}

/* ---- Pricing order flow and beta places ---- */
.sect-stack{display:flex;flex-direction:column;gap:20px}
.promo{display:flex;flex-direction:column;gap:8px;margin-top:-8px}
.promo-toggle{display:inline-flex;align-items:center;min-height:44px;color:var(--accent-text);font-size:14px;font-weight:500;cursor:pointer}
.promo[open] .promo-toggle{color:var(--secondary)}
.seat-board{display:flex;flex-direction:column;gap:14px;flex:1 1 380px;min-width:0}
.seat-count{margin:0;display:flex;align-items:baseline;gap:8px;font-family:ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, Inter, sans-serif;font-variant-numeric:tabular-nums}
.seat-count strong{font-size:44px;font-weight:600;line-height:1}
.seat-count span{color:var(--secondary)}
.seat-grid{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:8px}
.seat{display:grid;place-items:center;height:36px;border-radius:9px;background:var(--tint);color:var(--accent-strong);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.seat.taken{background:var(--chip);color:var(--secondary)}
.seat-dot{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--tint);vertical-align:-1px}
.seat-dot.taken{background:var(--chip)}