:root,:host{--ai-surface:#fffdf7;--ai-surface-subtle:#f1ece3;--ai-surface-selected:#fff1eb;--ai-text-primary:#172638;--ai-text-secondary:#52606e;--ai-boundary:#c9c1b5;--ai-boundary-strong:#6f7d8b;--ai-focus:#b84220;--ai-focus-contrast:#fffdf7;--ai-interactive:#172638;--ai-interactive-hover:#253a50;--ai-interactive-text:#fff;--ai-secondary-surface:#fffdf7;--ai-secondary-hover:#f1ece3;--ai-disabled-surface:#e1ddd5;--ai-disabled-text:#59636e;--ai-badge-surface:#dff3eb;--ai-badge-text:#14553f;--ai-success:#155b45;--ai-danger:#8b2f24;--ai-mark-surface:#f6c67b;--ai-mark-text:#3f2b0e;--ai-navy:#101d2b;--ai-ink:var(--ai-text-primary);--ai-paper:var(--ai-surface);--ai-warm:var(--ai-surface-subtle);--ai-accent:#b9472f;--ai-accent-text:#fff;--ai-mint:#2b7a60;--ai-border:var(--ai-boundary);--ai-muted:var(--ai-text-secondary);--ai-radius:18px;--ai-shadow:0 18px 55px #101d2b47, 0 2px 8px #101d2b2e;color:var(--ai-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}:host([data-ai-theme=dark]){--ai-surface:#152537;--ai-surface-subtle:#203246;--ai-surface-selected:#3d2b27;--ai-text-primary:#f4f7fa;--ai-text-secondary:#c5d0dc;--ai-boundary:#56697d;--ai-boundary-strong:#8fa0b2;--ai-focus:#ffb49d;--ai-focus-contrast:#152537;--ai-interactive:#f4f7fa;--ai-interactive-hover:#fff;--ai-interactive-text:#152537;--ai-secondary-surface:#22384d;--ai-secondary-hover:#2d4760;--ai-disabled-surface:#344453;--ai-disabled-text:#bfc9d3;--ai-badge-surface:#174c3b;--ai-badge-text:#dff9ed;--ai-success:#a6f0d0;--ai-danger:#ffb4a2;--ai-mark-surface:#8a5b16;--ai-mark-text:#fff3d7;--ai-navy:#f4f7fa;--ai-accent:#ff987b;--ai-accent-text:#152537;--ai-mint:#72d6b0;--ai-shadow:0 20px 60px #00000085, 0 2px 10px #0000006b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}button,select,input{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--ai-focus);outline-offset:2px;box-shadow:0 0 0 5px var(--ai-focus-contrast)}.ai-button{border:1px solid var(--ai-boundary-strong);background:var(--ai-interactive);min-height:44px;color:var(--ai-interactive-text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-weight:750;display:inline-flex}.ai-button:hover{background:var(--ai-interactive-hover);transform:translateY(-1px)}.ai-button:disabled{border-color:var(--ai-boundary);background:var(--ai-disabled-surface);color:var(--ai-disabled-text);opacity:1;cursor:not-allowed;transform:none}.ai-button.secondary{background:var(--ai-secondary-surface);color:var(--ai-text-primary)}.ai-button.secondary:hover{background:var(--ai-secondary-hover)}.ai-button.ghost{color:var(--ai-text-primary);background:0 0;border-color:#0000}.ai-button.ghost:hover{background:var(--ai-surface-subtle)}.ai-icon-button{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.ai-icon-button:hover{background:var(--ai-warm)}.ai-icon-button svg{width:20px}.ai-card{background:var(--ai-paper);color:var(--ai-text-primary);border:1px solid var(--ai-border);border-radius:var(--ai-radius);padding:1.25rem;box-shadow:0 6px 22px #101d2b0f}.ai-badge{background:var(--ai-badge-surface);color:var(--ai-badge-text);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.25rem .6rem;font-size:.72rem;font-weight:800;display:inline-flex}.ai-progress{background:var(--ai-surface-subtle);border-radius:99px;height:8px;overflow:hidden}.ai-progress span{border-radius:inherit;background:var(--ai-accent);height:100%;transition:width .2s;display:block}.ai-toggle{cursor:pointer;align-items:center;gap:.65rem;display:flex}.ai-toggle input{opacity:0;position:absolute}.ai-toggle span{background:var(--ai-disabled-text);border-radius:99px;width:42px;height:24px;position:relative}.ai-toggle span:after{content:"";background:var(--ai-surface);border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.ai-toggle input:checked+span{background:var(--ai-mint)}.ai-toggle input:checked+span:after{transform:translate(18px)}.ai-stat{gap:.35rem;display:grid}.ai-stat>span,.ai-stat small{color:var(--ai-muted)}.ai-stat strong{font-size:1.75rem}.ai-empty{text-align:center;color:var(--ai-muted);place-items:center;gap:.45rem;padding:2rem;display:grid}.ai-weekly{gap:.75rem;display:grid}.ai-weekly>div{justify-content:space-between;display:flex}.ai-weekly span{color:var(--ai-muted)}.ai-map{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.ai-map>div{min-height:50px}.ai-map span{text-transform:capitalize;font-weight:700;display:block}.ai-map small{color:var(--ai-muted)}.ai-player{width:min(420px,100vw - 24px);box-shadow:var(--ai-shadow);gap:1rem;display:grid}.ai-player header{justify-content:space-between;gap:1rem;display:flex}.ai-player h2{margin:.55rem 0 0;font-size:1.35rem}.ai-player p{margin:0;line-height:1.55}.ai-play{background:var(--ai-accent);width:112px;height:112px;color:var(--ai-accent-text);cursor:pointer;border:0;border-radius:50%;align-content:center;place-items:center;gap:.25rem;margin:.25rem auto;font-weight:800;display:grid;box-shadow:0 10px 24px #e96c4c42}.ai-play svg{width:30px;height:30px}.ai-rate{justify-content:center;gap:.35rem;display:flex}.ai-rate button{border:1px solid var(--ai-boundary-strong);background:var(--ai-secondary-surface);color:var(--ai-text-primary);cursor:pointer;border-radius:99px;padding:.35rem .65rem}.ai-rate button:hover{background:var(--ai-secondary-hover)}.ai-rate button[aria-pressed=true]{background:var(--ai-interactive);color:var(--ai-interactive-text)}.ai-error{color:var(--ai-danger)}.ai-player>.ai-button{width:100%}.ai-question{font-size:1.05rem;font-weight:750}.ai-choices{gap:.55rem;display:grid}.ai-choices button{text-align:left;border:1px solid var(--ai-boundary-strong);background:var(--ai-secondary-surface);color:var(--ai-text-primary);cursor:pointer;border-radius:12px;align-items:center;gap:.7rem;padding:.75rem;display:flex}.ai-choices button:hover,.ai-choices button.selected{border-color:var(--ai-accent);background:var(--ai-surface-selected)}.ai-choices button span{background:var(--ai-warm);border-radius:50%;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.ai-feedback{gap:1rem;display:grid}.ai-feedback>.correct,.ai-feedback>.incorrect{align-items:center;gap:.5rem;font-weight:800;display:flex}.ai-feedback>.correct{color:var(--ai-success)}.ai-feedback>.incorrect{color:var(--ai-danger)}.ai-transcript{background:var(--ai-warm);color:var(--ai-text-primary);border-radius:12px;padding:1rem}.ai-transcript mark{background:var(--ai-mark-surface);color:var(--ai-mark-text);padding:.05rem .15rem}.ai-feedback dl{margin:0}.ai-feedback dt{color:var(--ai-muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.ai-feedback dd{margin:.2rem 0 0;font-weight:750}.ai-shadow{border:1px dashed var(--ai-boundary-strong);border-radius:12px;grid-template-columns:auto 1fr;gap:.35rem .6rem;padding:1rem;display:grid}.ai-shadow svg{width:20px}.ai-shadow strong,.ai-shadow div{grid-column:1/-1}.ai-shadow button,.ai-feedback-actions button{border:1px solid var(--ai-boundary-strong);background:var(--ai-secondary-surface);color:var(--ai-text-primary);cursor:pointer;border-radius:99px;margin-right:.3rem;padding:.35rem .65rem}.ai-shadow button:hover,.ai-feedback-actions button:hover{background:var(--ai-secondary-hover)}.ai-feedback-actions{flex-wrap:wrap;gap:.5rem;display:flex}.ai-actions{gap:.5rem;display:grid}.ai-modal-backdrop{z-index:100;background:#101d2b8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.ai-modal{background:var(--ai-paper);border-radius:var(--ai-radius);width:min(480px,100%);box-shadow:var(--ai-shadow);padding:1.2rem}.ai-modal header{justify-content:space-between;align-items:center;display:flex}.ai-field{gap:.4rem;display:grid}.ai-field>span{font-weight:700}.ai-field select,.ai-field input{border:1px solid var(--ai-boundary-strong);background:var(--ai-secondary-surface);width:100%;min-height:42px;color:var(--ai-text-primary);border-radius:10px;padding:.5rem}.ai-tooltip{position:relative}.ai-tooltip:hover:after{content:attr(data-tip);background:var(--ai-interactive);color:var(--ai-interactive-text);white-space:nowrap;border-radius:6px;padding:.35rem .5rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.ai-ready-notice{border:2px solid var(--ai-boundary-strong);background:var(--ai-surface-subtle);color:var(--ai-text-primary);border-radius:14px;gap:.75rem;padding:.85rem;display:grid;box-shadow:0 4px 14px #101d2b1f}.ai-ready-notice>div:first-child{gap:.45rem;display:grid}.ai-ready-notice p{color:var(--ai-text-secondary);margin:0}.ai-ready-actions{flex-wrap:wrap;gap:.5rem;display:flex}.ai-ready-actions .ai-button{min-height:40px;padding:.55rem .8rem}@media (prefers-contrast:more){.ai-card,.ai-ready-notice,.ai-button,.ai-choices button,.ai-field select,.ai-field input{border-width:2px}}@media (forced-colors:active){.ai-card,.ai-ready-notice,.ai-button,.ai-badge,.ai-choices button,.ai-shadow,.ai-field select,.ai-field input{forced-color-adjust:auto}}@media (max-width:520px){.ai-player{border-radius:14px;padding:1rem}.ai-map{grid-template-columns:1fr}.ai-feedback-actions,.ai-ready-actions{display:grid}.ai-play{width:96px;height:96px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
html{scroll-behavior:smooth}body{color:#172638;background:#fffdf7;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50;background:#fffdf7ed;border-bottom:1px solid #e1dbd1;align-items:center;gap:2rem;height:70px;padding:0 max(1rem,50vw - 600px);display:flex;position:sticky;top:0}.site-brand{color:#172638;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:900;text-decoration:none;display:flex}.site-brand-mark{flex:none;width:35px;height:35px}.site-nav nav{gap:1.6rem;margin-left:auto;display:flex}.site-nav nav a,.nav-cta{color:#37485a;font-size:.9rem;font-weight:650;text-decoration:none}.nav-cta{border:1px solid #172638;border-radius:99px;padding:.65rem .9rem}.home-hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(2rem,5vw,5rem);max-width:1400px;min-height:760px;margin:auto;padding:clamp(3rem,8vw,8rem) max(1rem,50vw - 600px);display:grid;overflow:hidden}.hero-copy h1,.page-hero h1{letter-spacing:-.065em;margin:.7rem 0 1.5rem;font-size:clamp(3.2rem,7vw,6.4rem);line-height:.9}.hero-copy h1 em{color:#e96c4c;font-family:Georgia,serif;font-weight:400}.kicker{text-transform:uppercase;letter-spacing:.13em;color:#a6412a;font-weight:900;font-size:.72rem!important}.lead{max-width:650px;font-size:1.17rem;line-height:1.65}.ja{font-weight:750}.hero-actions{align-items:center;gap:1.25rem;margin:2rem 0;display:flex}.primary-link{color:#fff;background:#172638;border-radius:99px;align-items:center;gap:.6rem;padding:.85rem 1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.primary-link svg,.text-link svg{width:18px}.text-link{color:#172638;text-underline-offset:4px;align-items:center;gap:.4rem;font-weight:750;display:inline-flex}.text-link.light{color:#fff}.trust{color:#66717f;flex-wrap:wrap;gap:1rem;font-size:.82rem;display:flex}.trust span{align-items:center;gap:.35rem;display:flex}.trust svg{width:16px}.demo-shell{background:#ede9e0;border:1px solid #d5cfc5;border-radius:28px;min-height:620px;padding:1.2rem;position:relative;box-shadow:0 30px 90px #101d2b24}.demo-shell.compact{transform:rotate(1deg)}.fake-ai{background:#fff;border:1px solid #ddd;border-radius:18px;height:100%;min-height:570px;overflow:hidden}.fake-ai header{border-bottom:1px solid #eee;align-items:center;gap:.6rem;height:56px;padding:0 1rem;display:flex}.fake-ai header svg{width:20px}.fake-ai header span{background:#aaa;border-radius:50%;width:8px;height:8px;margin-left:auto}.fake-ai header span.generating{background:#e96c4c;box-shadow:0 0 0 5px #fde6df}.fake-ai header span.ready{background:#40a47d}.fake-thread{gap:1.25rem;padding:1.25rem;display:grid}.fake-prompt{background:#f5f0e7;border-radius:14px;gap:.7rem;margin-left:15%;padding:1rem;display:flex}.fake-prompt svg{flex:none;width:18px}.fake-prompt p{margin:0}.fake-response,.demo-start{align-items:center;gap:.6rem;padding:1rem;display:flex}.fake-response.ready{color:#1d654e}.spin{animation:1s linear infinite spin}.demo-start{place-items:start;display:grid}.demo-overlay{z-index:2;position:absolute;bottom:-2rem;right:-2rem}.demo-recovered{color:#66717f;border-top:1px solid #eee;margin:0 1.25rem;padding:1rem 0}.link-button{color:#fff;background:#172638;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 1rem;font-weight:800;text-decoration:none;display:inline-flex}.lecture-builder{gap:2rem;display:grid}.lecture-heading{justify-content:space-between;align-items:start;gap:2rem;display:flex}.lecture-heading h1{letter-spacing:-.055em;margin:.4rem 0;font-size:clamp(2.8rem,7vw,5.8rem);line-height:.96}.lecture-heading>div:first-child>p:last-child{font-size:1.2rem}.language-switch{border:1px solid #d5cfc5;border-radius:999px;padding:.25rem;display:flex}.language-switch button{cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:38px;padding:0 .8rem}.language-switch button[aria-pressed=true]{color:#fff;background:#172638}.lecture-form-card{padding:clamp(1rem,4vw,2rem)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-grid label{gap:.4rem;font-weight:750;display:grid}.form-grid label>span{justify-content:space-between;gap:1rem;display:flex}.form-grid small{color:#66717f;font-weight:500}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{box-sizing:border-box;color:#172638;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cfc8bc;border-radius:10px;padding:.7rem .8rem}.form-grid textarea{resize:vertical;line-height:1.5}.form-grid .check{align-items:center;font-weight:600;display:flex}.form-grid .check input{width:20px;min-height:20px}.privacy-disclosure{background:#f1faf6;border:1px solid #cdded7;border-radius:12px;margin:1rem 0;padding:1rem}.privacy-disclosure summary{cursor:pointer;align-items:center;gap:.5rem;font-weight:800;display:flex}.privacy-disclosure svg{width:20px}.form-actions{flex-wrap:wrap;gap:.7rem;display:flex}.form-error{color:#8b2f2f;font-weight:700}.lecture-results,.sample-pack{gap:1rem;display:grid}.result-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.result-card{gap:.8rem;display:grid}.result-card h3,.result-card p,.result-card ol{margin:0}.result-card p{line-height:1.65}.judge-page{gap:5rem;display:grid}.judge-page .demo-shell{margin-top:1rem}.judge-notes{gap:.8rem;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:760px){.site-nav nav{display:none}.lecture-heading{flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.demo-overlay{bottom:-1rem;left:.6rem;right:.6rem}.demo-overlay .ai-player{width:auto}}.statement{color:#fffdf7;text-align:center;background:#101d2b;padding:clamp(5rem,12vw,10rem) max(1rem,50vw - 500px)}.statement p{color:#9cabb8}.statement h2,.feature-band h2,.privacy-callout h2,.closing h2{letter-spacing:-.055em;margin:1rem 0;font-size:clamp(2.8rem,6vw,5.6rem);line-height:.95}.steps{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1200px;margin:auto;padding:7rem 1rem;display:grid}.steps article{border-top:1px solid #cfc8bc;padding:2rem .5rem;position:relative}.steps article>span{color:#9b9184;position:absolute;top:2rem;right:.5rem}.steps svg{color:#e96c4c}.steps p{color:#66717f;line-height:1.6}.feature-band{color:#fff;background:#e96c4c;grid-template-columns:1.1fr .9fr;align-items:center;gap:5rem;padding:clamp(4rem,10vw,9rem) max(1rem,50vw - 550px);display:grid}.feature-band .kicker{color:#441e14}.feature-band p{line-height:1.6}.recovered{color:#172638;background:#fffdf7;border-radius:24px;padding:2rem;box-shadow:0 20px 60px #4d1e112e}.recovered small{color:#66717f}.recovered strong{letter-spacing:-.06em;margin:1rem 0;font-size:clamp(3rem,6vw,5rem);display:block}.recovered>div{background:#e7e0d5;border-radius:99px;height:10px}.recovered>div span{border-radius:inherit;background:#71c7a4;height:100%;display:block}.privacy-callout{grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;max-width:1100px;margin:auto;padding:8rem 1rem;display:grid}.privacy-callout>svg{color:#e96c4c;width:54px;height:54px}.privacy-callout h2{font-size:clamp(2.5rem,5vw,4.5rem)}.privacy-callout p{max-width:700px;line-height:1.65}.closing{text-align:center;background:#f5f0e7;place-items:center;gap:1.5rem;padding:8rem 1rem;display:grid}.closing>svg{color:#e96c4c;width:44px;height:44px}.closing small{color:#66717f}.site-footer{color:#fffdf7;background:#101d2b;grid-template-columns:1fr auto;gap:2rem;padding:4rem max(1rem,50vw - 600px);display:grid}.site-footer .site-brand{color:#fff}.site-footer p,.site-footer small{color:#9cabb8}.site-footer>div:nth-child(2){gap:.7rem;display:grid}.site-footer>div:nth-child(2) a{color:#fff;text-decoration:none}.site-footer>small{border-top:1px solid #304253;grid-column:1/-1;padding-top:1.5rem}.content-page{max-width:1100px;margin:auto;padding:6rem 1rem 8rem}.page-hero{max-width:1000px;margin-bottom:5rem}.page-hero h1{font-size:clamp(3.2rem,7vw,6rem)}.page-hero>p:last-child{max-width:700px;font-size:1.2rem;line-height:1.65}.timeline{gap:0;display:grid}.timeline article{border-left:1px solid #d7d0c5;grid-template-columns:60px 1fr;gap:1.5rem;margin-left:30px;padding:0 0 4rem 2rem;display:grid}.timeline article>svg{color:#e96c4c;background:#fffdf7;margin-left:-63px}.timeline span{color:#a6412a;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:900}.timeline h2{margin:.35rem 0;font-size:2rem}.timeline p{color:#66717f;line-height:1.6}.principles,.install-steps{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.principles article,.install-steps article{border:1px solid #d9d3c8;border-radius:18px;padding:1.4rem}.principles svg,.install-steps svg{color:#e96c4c}.prose{max-width:850px}.prose h2{margin-top:3rem;font-size:1.8rem}.prose p{color:#445362;line-height:1.75}.faq-list{gap:.8rem;display:grid}.faq-list details{border:1px solid #d9d3c8;border-radius:14px;padding:1.2rem}.faq-list summary{cursor:pointer;font-size:1.1rem;font-weight:800}.faq-list p{color:#66717f;line-height:1.6}.demo-page{max-width:1200px}.demo-page .demo-shell{min-height:700px}.install-steps{grid-template-columns:repeat(2,1fr)}.install-steps article{position:relative}.install-steps article>span{color:#ddd5c9;font-size:3rem;position:absolute;right:1rem}.install-steps p{color:#66717f;line-height:1.6}.install-download-card{background:#fff9ef;border:1px solid #d7c3ae;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;margin-top:2rem;padding:clamp(1.25rem,3vw,2rem);display:grid;box-shadow:0 18px 45px #563a211a}.install-download-card h2{margin:.35rem 0 .5rem;font-size:clamp(1.45rem,3vw,2rem)}.install-download-card p{color:#66717f;max-width:620px;margin:0;line-height:1.6}.install-download-label{color:#a6412a;letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:900}.install-download-actions{text-align:center;flex-direction:column;align-items:stretch;gap:.8rem;min-width:min(100%,350px);display:flex}.install-download-actions .primary-link{justify-content:center;align-items:center;gap:.6rem;padding:1rem 1.2rem;display:inline-flex}.install-download-actions .primary-link svg,.install-release-link svg{flex:none;width:1.1rem;height:1.1rem}.install-release-link{color:#7c3726;text-underline-offset:3px;justify-content:center;align-items:center;gap:.35rem;font-size:.9rem;font-weight:800;display:inline-flex}.install-browser-address{border:1px solid #d9d3c8;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.25rem;display:grid}.install-browser-address h2,.install-browser-address p{margin:0}.install-browser-address h2{margin:.25rem 0}.install-browser-address>div>p:last-child{color:#66717f;line-height:1.5}.install-browser-values{gap:.65rem;display:grid}.copyable-value{background:#fff;border:1px solid #cfc7bb;border-radius:12px;align-items:center;gap:.5rem;min-width:0;padding:.45rem;display:flex}.copyable-value code{color:#293845;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:0 .55rem;font-size:.95rem;overflow:hidden}.copyable-value button{color:#713522;cursor:pointer;font:inherit;background:#f0e7db;border:0;border-radius:9px;align-items:center;gap:.4rem;padding:.65rem .8rem;font-size:.85rem;font-weight:900;display:inline-flex}.copyable-value button:hover{background:#e7d8c7}.copyable-value button:focus-visible{outline-offset:2px;outline:3px solid #e96c4c59}.copyable-value button svg{width:1rem;height:1rem}.install-troubleshooting{background:#fff7df;border:1px solid #e7c98f;border-radius:16px;gap:1rem;margin-top:2rem;padding:1.25rem;display:flex}.install-troubleshooting>svg{color:#9f641d;flex:none;width:1.4rem;height:1.4rem}.install-troubleshooting p{color:#5f5548;margin:.4rem 0 0;line-height:1.6}.notice{background:#f5f0e7;border-left:5px solid #e96c4c;align-items:flex-start;gap:.9rem;margin-top:2rem;padding:1.25rem;display:flex}.notice>svg{color:#a6412a;flex:none;width:1.25rem;height:1.25rem}.notice p{margin:.35rem 0 0;line-height:1.6}.install-developer-note{margin-top:1rem;display:block}.notice code{background:#fff;border-radius:4px;padding:.15rem .35rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.site-nav nav{display:none}.home-hero,.feature-band{grid-template-columns:1fr}.home-hero{padding-top:4rem}.demo-shell.compact{margin:2rem 0;transform:none}.demo-overlay{right:0}.steps,.principles,.privacy-callout,.site-footer{grid-template-columns:1fr}}@media (max-width:560px){.nav-cta{font-size:.75rem}.home-hero{padding-left:1rem;padding-right:1rem}.hero-copy h1{font-size:3.2rem}.hero-actions{flex-direction:column;align-items:stretch}.demo-shell{min-height:670px;padding:.5rem}.demo-overlay{bottom:-1rem;left:-.3rem;right:auto}.steps{padding-top:4rem;padding-bottom:4rem}.install-steps,.install-download-card,.install-browser-address{grid-template-columns:1fr}.install-download-actions{min-width:0}.site-footer{padding-bottom:6rem}}@media (max-width:520px){.content-page{padding-top:4rem}.page-hero{margin-bottom:3rem}.copyable-value{flex-direction:column;align-items:stretch}.copyable-value code{text-align:center;padding:.55rem}.copyable-value button{justify-content:center}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}
