:root{color-scheme:light;--bg:#faf9fd;--text:#211a2c;--muted:#61596e;--accent:#7143bd;--line:#ded7e8}
::selection{background:#dac6fa;color:#211a2c}
.btn{background:var(--accent);color:#fff}
.btn:hover{background:#5e32a5;color:#fff}
.btn-outline{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px #a48abb}
.btn-outline:hover{background:#eee5fa;color:var(--text)}
.skip{color:#fff}
.extra{background:#eee5fa;border-top:0;border-radius:16px;padding:40px;gap:48px}
.extra h2{color:#48247c;font-size:clamp(30px,3.6vw,42px)}
.extra .btn-outline{background:var(--accent);color:#fff;box-shadow:none}
.extra .btn-outline:hover{background:#5e32a5;color:#fff}
@media(max-width:760px){.extra{padding:28px 22px;gap:28px;margin-top:44px}.extra h2{font-size:30px}.extra .btn{width:100%}}
.examples-link{display:inline-block;margin-top:20px;color:var(--accent);font-size:14px}
.examples{margin-top:72px;padding-top:44px;border-top:1px solid var(--line);scroll-margin-top:24px}
.examples h2{font-size:clamp(28px,3.6vw,40px);line-height:1.2;letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance}
.examples-lead{max-width:690px;margin:0 0 32px;color:var(--muted)}
.examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.examples figure{margin:0;min-width:0}
.examples figure a{display:block;background:#f0edf5;border-radius:12px;overflow:hidden;transition:box-shadow .18s ease}
.examples figure a:hover{box-shadow:0 6px 24px #38245020}
.examples img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.examples figcaption{margin-top:12px;font-size:15px;font-weight:600;line-height:1.45}
@media(max-width:760px){.examples{margin-top:44px;padding-top:32px}.examples-grid{grid-template-columns:1fr;gap:28px}.examples-lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){.examples figure a{transition:none}}
.browser-agent{margin-top:64px;padding-top:44px;border-top:1px solid var(--line);scroll-margin-top:24px}
.browser-agent h2{font-size:clamp(28px,3.6vw,40px);line-height:1.2;letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance}
.browser-agent-lead{max-width:690px;color:var(--muted);margin:0 0 26px}
.install-prompt{margin-top:28px;background:#f0edf5;border-radius:12px;padding:28px;max-width:820px}
.install-prompt h3{font-size:19px;margin:0 0 14px}
.install-prompt p{margin:0 0 22px;line-height:1.75;user-select:text}
.copy-prompt{font:inherit;font-size:14px;font-weight:700;min-height:44px;padding:10px 18px;color:var(--text);background:transparent;border:1px solid #a48abb;border-radius:8px;cursor:pointer}
.copy-prompt:hover{background:#e6dcf4}.copy-prompt:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.copy-status{display:block;margin-top:12px;color:var(--accent);font-size:14px;min-height:23px}
@media(max-width:760px){.browser-agent{margin-top:44px;padding-top:32px}.browser-agent>.btn{width:100%;font-size:14px;padding:14px 16px}.install-prompt{padding:22px}.copy-prompt{width:100%}}
:root{--bonus-bar-space:120px}
body{padding-bottom:var(--bonus-bar-space)}
#roadmap{scroll-margin-top:32px}
.bonus-bar{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid var(--line);padding:16px 0 calc(16px + env(safe-area-inset-bottom,0px))}
.bonus-bar-inner{max-width:1160px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:28px}
.bonus-bar-copy{font-size:16px;font-weight:700;line-height:1.4;flex:1}
.bonus-countdown{text-align:center;flex:none}
.bonus-countdown[hidden]{display:none}
.countdown-label{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
.countdown-value{display:flex;align-items:center;justify-content:center;gap:5px;color:#48247c;font-size:24px;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}
.bonus-bar .btn{white-space:nowrap;flex:none}
.exit-bonus{background:var(--bg);color:var(--text);border:0;border-radius:16px;padding:48px 40px 40px;width:460px;max-width:calc(100% - 40px);box-shadow:0 20px 70px #211a2c35}
.exit-bonus::backdrop{background:#211a2c80}
.exit-bonus h2{font-size:36px;line-height:1.15;letter-spacing:-.025em;margin:0 0 18px}
.exit-bonus p{color:var(--muted);font-size:20px;margin:0 0 28px}
.exit-bonus .btn{width:100%}
.exit-close{position:absolute;right:12px;top:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}
.exit-close svg{width:24px;height:24px}.exit-close:hover{background:#eee5fa;color:var(--text)}.exit-close:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:760px){:root{--bonus-bar-space:180px}.bonus-bar{padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.bonus-bar-inner{padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px}.bonus-bar-copy{font-size:13px}.countdown-value{font-size:21px}.countdown-label{font-size:10px}.bonus-bar .btn{grid-column:1/-1;min-height:46px;padding:11px 18px}.exit-bonus{padding:48px 26px 28px}.exit-bonus h2{font-size:30px}}