@font-face{font-family:Atkinson;src:url('/assets/fonts/atkinson-hyperlegible-next.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--blue:#2149d4;--ink:#172440;--muted:#58657b;--paper:#faf9f5;--surface:#fff;--line:#dcdedc;--yellow:#fff2ba;--soft:#eef3ff;--focus:#ad6800;--danger:#a12828;--success:#216443;--ease:cubic-bezier(.16,1,.3,1)}
html[data-theme=dark]{color-scheme:dark;--ink:#edf2ff;--muted:#b7c3db;--paper:#111a2c;--surface:#1a263b;--line:#39455c;--soft:#253655;--yellow:#3b3522;--focus:#ffd56b;--danger:#ffb9b4;--success:#a5dfbc}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 Atkinson,'Segoe UI',sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-underline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.1;letter-spacing:-.035em}h1 em,h2 em{font-style:normal;color:var(--blue)}html[data-theme=dark] h1 em,html[data-theme=dark] h2 em{color:#a9c0ff}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}button:focus-visible,a:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}::selection{background:#d5deff;color:#172440}textarea{caret-color:var(--blue)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:#8999b8;border:3px solid var(--paper);border-radius:7px}.skip{position:fixed;top:-100px;left:20px;padding:10px 20px;background:var(--surface);z-index:20}.skip:focus{top:10px}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 56px;max-width:1536px;margin-inline:auto;min-height:99px}.site-logo{display:block;flex:none;width:205px}.site-logo img{display:block;width:100%;height:auto}.logo-dark{display:none!important}html[data-theme=dark] .logo-light{display:none!important}html[data-theme=dark] .logo-dark{display:block!important}.desktop-nav{display:flex;align-items:center;gap:29px}.desktop-nav a{text-decoration:none;font-size:16px;color:var(--muted);padding:10px 0}.desktop-nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:18px}.theme-toggle{width:44px;height:44px;display:grid;place-items:center;background:none;border:1px solid var(--line);border-radius:50%}.theme-toggle svg{width:19px;height:19px}.nav-app{display:flex;align-items:center;gap:12px;color:var(--blue);font-weight:650;text-decoration:none;font-size:16px;padding:11px 0}.nav-app>span{font-size:23px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:35px;align-items:center;padding-top:53px;padding-bottom:60px}.hero-copy{padding-bottom:10px}.hero h1{font-size:clamp(52px,5.9vw,88px);font-weight:610;line-height:1.05;letter-spacing:-.04em;margin-bottom:26px}.hero-description{font-size:20px;color:var(--muted);max-width:42ch;line-height:1.65}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:21px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 22px;min-height:55px;border:0;border-radius:8px;font-size:16px;line-height:1.45;font-weight:650;text-decoration:none;transition:background 140ms ease-out,transform 100ms ease-out}.button:hover{filter:brightness(.95)}.button:active{transform:translateY(1px)}.blue{background:var(--blue);color:#fff}.quiet-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:16px;font-weight:600;text-decoration:none;border:0;background:none;padding:0}.quiet-link:hover{text-decoration:underline}.quiet-link svg{width:20px}.hero-note{font-size:14px;margin-top:24px;color:var(--muted)}.hero-art{position:relative;min-width:0;padding-bottom:65px;padding-top:15px}.hero-art figure{width:100%;background:#edf1fa;border-radius:16px;overflow:hidden}.hero-art figure>img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover}.hero-art figcaption{display:flex;align-items:center;gap:9px;background:#e5ecfa;padding:17px 21px 30px;color:#344b73;font-size:14px}.scene-dot{width:7px;height:7px;border-radius:50%;background:#345cdb;flex:none}.call-quote{position:absolute;bottom:0;right:25px;background:var(--surface);padding:19px 24px;border-radius:12px;max-width:310px}.quote-label{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.call-quote p{font-size:21px;line-height:1.35;font-weight:570;letter-spacing:-.015em}.quote-response{display:block;font-size:13px;color:var(--muted);margin-top:10px}.principles{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:28px 0 42px;color:var(--muted);font-size:15px}.principles>span{display:flex;align-items:center;gap:12px}.principles svg{width:18px;height:18px;color:var(--blue)}
.live-section{background:#2149d4;color:#fff;padding:86px 0 90px}.live-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:85px;align-items:center}.live-intro h2{font-size:clamp(36px,3.6vw,54px);font-weight:570;line-height:1.12;margin-bottom:23px}.live-intro h2 em{color:#fff2ba!important}.live-intro>p{color:#e3eaff;font-size:18px;line-height:1.7;max-width:40ch}.live-explainer{display:flex;align-items:center;gap:18px;margin-top:42px;padding-top:25px;border-top:1px solid #ffffff40}.live-explainer img{width:39px;height:39px;flex:none}.live-explainer p{font-size:15px;color:#e3eaff;line-height:1.6}.light-link{display:inline-flex;align-items:center;gap:13px;margin-top:30px;text-decoration:none;font-size:16px;min-height:44px}.light-link:hover{text-decoration:underline}.light-link svg{width:20px}.demo-desk{background:var(--surface);color:var(--ink);border-radius:16px;padding:28px 30px}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:21px;font-weight:600;letter-spacing:-.02em;margin-bottom:22px}.demo-local{font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)}.example-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.example-switch button{background:none;border:1px solid var(--line);border-radius:7px;padding:9px 12px;min-height:44px;font-size:14px;color:var(--muted)}.example-switch button.active{border-color:var(--blue);color:var(--blue);background:var(--soft);font-weight:600}.demo-desk label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.demo-desk textarea{display:block;width:100%;resize:vertical;min-height:138px;max-height:420px;padding:15px 17px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:17px;line-height:1.65}.demo-submit{display:flex;align-items:center;gap:17px;margin-top:17px}.demo-submit .button{font-size:14px;gap:12px;min-height:48px;padding:12px 17px}.demo-submit>span{font-size:13px;color:var(--muted);max-width:110px;line-height:1.5}.demo-result{margin-top:24px;padding-top:21px;border-top:1px solid var(--line)}.demo-result h3{font-size:21px;line-height:1.25;font-weight:600;letter-spacing:-.02em}.demo-result[data-level=HIGH] h3{color:var(--danger)}.demo-result[data-level=LOW] h3{color:var(--success)}.demo-result[data-level=MEDIUM] h3{color:#815800}html[data-theme=dark] .demo-result[data-level=MEDIUM] h3{color:#f5d58b}.demo-evidence{margin-top:13px;display:grid;gap:12px}.demo-evidence strong{font-size:15px;font-weight:650}.demo-evidence blockquote{margin:5px 0 0;font-size:15px;color:var(--muted);overflow-wrap:anywhere;padding:0}.demo-result .next-step{font-size:14px;margin-top:14px;color:var(--muted)}.demo-limit{font-size:13px;color:var(--muted);margin-top:18px;line-height:1.6;max-width:65ch}
.story-section{padding-top:99px;padding-bottom:96px}.section-heading{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:90px;margin-bottom:60px}.section-heading h2,.product-copy h2,.privacy-title h2{font-size:clamp(36px,3.7vw,55px);font-weight:580;line-height:1.13}.section-heading>p{font-size:19px;color:var(--muted);max-width:40ch;line-height:1.7;padding-bottom:3px}.story-row{display:grid;grid-template-columns:1fr 1fr;gap:94px;align-items:center;margin-bottom:86px}.story-row:last-child{margin-bottom:0}.story-image{background:#eef1f7;border-radius:16px;overflow:hidden}.story-image img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.scene-caption{display:block;color:#344b73;background:#e5ecfa;font-size:14px;padding:13px 20px}.story-row.reverse .story-image{order:1}.story-row.reverse .story-copy{order:0}.story-copy h3{font-size:clamp(28px,2.8vw,41px);font-weight:580;line-height:1.17;letter-spacing:-.03em;margin-bottom:21px}.story-copy>p{font-size:18px;color:var(--muted);line-height:1.7;max-width:44ch}.story-note{display:flex;align-items:flex-start;gap:12px;margin:25px 0 21px;padding-top:21px;border-top:1px solid var(--line)}.story-note p{font-size:15px;color:var(--muted);line-height:1.65}.story-note strong{color:var(--ink);font-weight:600}.story-note>svg{width:19px;height:19px;color:var(--blue);margin-top:3px}.story-copy .quiet-link{color:var(--blue)}html[data-theme=dark] .story-copy .quiet-link,html[data-theme=dark] .nav-app,html[data-theme=dark] .story-note>svg{color:#a9c0ff}
.product-section{padding:80px 0;background:var(--soft)}.product-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:115px;align-items:center}.product-copy>p{font-size:18px;color:var(--muted);line-height:1.7;margin:24px 0 28px;max-width:38ch}.feature-ledger>div{display:flex;gap:20px;padding:27px 0;border-top:1px solid #bdcbee}.feature-ledger>div:first-child{padding-top:0;border-top:0}.feature-ledger>div:last-child{padding-bottom:0}.feature-icon{color:var(--blue);padding-top:2px}.feature-ledger h3{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin-bottom:11px}.feature-ledger p{margin:0;color:var(--muted);font-size:17px;line-height:1.75;max-width:55ch}
.privacy-section{padding-top:97px;padding-bottom:90px;display:grid;grid-template-columns:1.15fr .85fr;gap:85px}.privacy-mark{width:55px;height:55px;margin-bottom:22px}.privacy-title h2{font-size:clamp(32px,3.3vw,48px)}.privacy-details{padding-top:12px}.privacy-details>div+div{margin-top:30px}.privacy-details h3{font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.02em;margin-bottom:12px}.privacy-details p{font-size:17px;color:var(--muted);line-height:1.75}.questions{border-top:1px solid var(--line);padding-top:60px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.questions h2{font-size:36px;line-height:1.16;font-weight:580;letter-spacing:-.03em}.questions details{border-bottom:1px solid var(--line)}.questions summary{position:relative;cursor:pointer;list-style:none;padding:20px 35px 20px 0;font-size:19px;line-height:1.4;font-weight:550}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:4px;top:18px;font-size:25px;font-weight:400}.questions details[open] summary:after{content:'−'}.questions details p{font-size:16px;color:var(--muted);padding:0 25px 24px 0;line-height:1.75}
.closing{background:#2149d4;color:#fff;padding:75px 0 81px}.closing-inner{display:flex;align-items:center;justify-content:center;gap:72px}.closing-inner>img{width:140px;height:140px;flex:none}.closing h2{font-size:clamp(32px,3.4vw,50px);line-height:1.14;font-weight:570;margin-bottom:29px;letter-spacing:-.03em}.cream{background:#fff2ba;color:#172440}.closing-demo{display:inline-flex;margin-left:24px;font-size:15px;min-height:44px;align-items:center}.site-footer{padding-top:45px;padding-bottom:25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:35px}.footer-top .site-logo{width:185px}.footer-top>p,.footer-top>a:last-child{font-size:15px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;color:var(--muted);font-size:13px}
@keyframes open-scene{from{clip-path:inset(0 5% 0 0)}to{clip-path:inset(0)}}.hero-art figure{animation:open-scene 600ms var(--ease)}.demo-result.updated{animation:open-scene 180ms var(--ease)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art figure,.demo-result.updated{animation:none}.button{transition:none}.button:active{transform:none}}
@media(max-width:1180px){.wrap{width:calc(100% - 72px)}.site-header{padding-inline:36px}.desktop-nav{gap:20px}.site-logo{width:180px}.header-actions{gap:12px}.hero{gap:32px;padding-top:35px}.hero h1{font-size:65px}.hero-description{font-size:18px}.hero-actions{gap:14px}.hero-actions>.button{font-size:14px;padding-inline:16px;gap:12px}.hero-actions>.quiet-link{font-size:15px}.live-grid{gap:45px;grid-template-columns:.85fr 1.15fr}.demo-desk{padding:25px}.story-row{gap:55px}.section-heading{gap:50px}.product-grid{gap:70px}.privacy-section{gap:55px}.call-quote{right:15px}.questions{gap:55px}}
@media(max-width:940px){.desktop-nav{display:none}.hero{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:52px}.hero-description{font-size:17px}.hero-note{font-size:13px}.call-quote{padding:17px 20px;right:8px;max-width:270px}.call-quote p{font-size:19px}.hero-actions{display:grid;justify-items:start;gap:9px}.principles{font-size:13px;gap:15px}.principles>span{gap:8px}.live-section{padding:65px 0}.live-grid{grid-template-columns:1fr;gap:35px}.live-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.live-intro h2{font-size:42px}.live-intro>p{font-size:17px;padding-top:5px}.live-explainer{margin-top:10px;grid-column:1/-1;max-width:640px;padding-top:20px}.light-link{grid-column:1/-1;margin-top:10px}.demo-desk{max-width:750px;width:100%}.section-heading h2{font-size:40px}.section-heading>p{font-size:17px}.story-section{padding-block:70px}.story-row{gap:35px;margin-bottom:60px}.story-copy h3{font-size:30px}.story-copy>p{font-size:16px}.story-note p{font-size:14px}.product-section{padding:65px 0}.product-grid{gap:45px;grid-template-columns:.8fr 1.2fr}.product-copy h2{font-size:40px}.product-copy>p{font-size:16px}.feature-ledger p{font-size:16px}.privacy-section{grid-template-columns:1fr 1fr;gap:40px;padding-block:70px}.privacy-title h2{font-size:35px}.privacy-details p{font-size:16px}.questions h2{font-size:30px}.questions summary{font-size:17px}.closing-inner{gap:40px}.closing-inner>img{width:100px;height:100px}.closing h2{font-size:37px}.footer-top>p{display:none}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.site-header{padding:20px;gap:12px;min-height:82px}.site-logo{width:168px}.header-actions{gap:12px}.nav-app{font-size:14px;gap:6px}.theme-toggle{width:40px;height:40px}.theme-toggle svg{width:18px;height:18px}.hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:35px;gap:26px}.hero h1{font-size:clamp(45px,11.6vw,70px);margin-bottom:20px;letter-spacing:-.035em;line-height:1.07}.hero-description{font-size:17px;max-width:44ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-actions>.button{min-height:52px;font-size:14px;gap:13px;padding-inline:17px}.hero-actions>.quiet-link{font-size:14px}.hero-note{margin-top:17px;font-size:13px;line-height:1.5;max-width:35ch}.hero-art{padding-bottom:62px;padding-top:0}.hero-art figure{border-radius:12px}.hero-art figure>img{aspect-ratio:1.65}.hero-art figcaption{font-size:12px;padding:14px 16px 36px;gap:8px}.call-quote{right:14px;padding:15px 18px;max-width:265px;border-radius:10px}.call-quote p{font-size:18px}.quote-label,.quote-response{font-size:12px}.principles{align-items:flex-start;display:grid;gap:12px;padding:22px 0 30px;font-size:14px}.principles svg{width:17px;height:17px}.live-section{padding:43px 0 45px}.live-grid{gap:28px}.live-intro{display:block}.live-intro h2{font-size:37px;margin-bottom:18px}.live-intro>p{font-size:16px;line-height:1.7}.live-explainer{margin-top:23px;padding-top:20px;gap:15px}.live-explainer img{width:32px;height:32px}.live-explainer p{font-size:14px}.light-link{font-size:14px;margin-top:13px}.demo-desk{padding:22px 18px;border-radius:12px}.demo-header{font-size:20px;gap:8px}.demo-local{font-size:12px}.example-switch{gap:6px;margin-bottom:18px}.example-switch button{font-size:12px;min-height:44px;padding:8px 9px;flex:1}.demo-desk textarea{font-size:16px;padding:12px;min-height:150px}.demo-submit{flex-wrap:wrap;gap:10px}.demo-submit .button{width:100%;justify-content:space-between;font-size:14px}.demo-submit>span{max-width:none;font-size:12px}.demo-result h3{font-size:20px}.demo-evidence strong,.demo-evidence blockquote{font-size:14px}.demo-limit{font-size:12px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:36px;margin-bottom:19px}.section-heading>p{font-size:16px;max-width:40ch}.story-section{padding:48px 0}.story-row{grid-template-columns:1fr;gap:23px;margin-bottom:45px}.story-row.reverse .story-image{order:0}.story-row.reverse .story-copy{order:1}.story-image{border-radius:12px}.story-copy h3{font-size:30px;margin-bottom:16px}.story-copy>p{font-size:16px;max-width:50ch}.story-note{margin:20px 0 13px;padding-top:17px}.story-note p{font-size:14px}.story-copy .quiet-link{font-size:15px}.scene-caption{font-size:13px;padding:12px 17px}.product-section{padding:45px 0}.product-grid{grid-template-columns:1fr;gap:35px}.product-copy h2{font-size:36px}.product-copy>p{font-size:16px;max-width:40ch;margin-top:18px}.feature-ledger h3{font-size:21px}.feature-ledger p{font-size:16px}.feature-ledger>div{padding:22px 0;gap:15px}.privacy-section{grid-template-columns:1fr;gap:27px;padding:48px 0}.privacy-title h2{font-size:34px}.privacy-mark{width:42px;height:42px;margin-bottom:17px}.privacy-details{padding-top:0}.privacy-details h3{font-size:21px}.privacy-details p{font-size:16px}.privacy-details>div+div{margin-top:25px}.questions{grid-template-columns:1fr;gap:19px;padding-top:39px;padding-bottom:45px}.questions h2{font-size:30px}.questions summary{font-size:17px}.questions details p{font-size:15px}.closing{padding:43px 0 47px}.closing-inner{display:block}.closing-inner>img{width:58px;height:58px;margin-bottom:22px}.closing h2{font-size:34px;margin-bottom:25px}.closing .button{font-size:15px;gap:16px}.closing-demo{display:flex;margin-left:0;margin-top:13px;font-size:14px;min-height:36px}.site-footer{padding-top:30px;padding-bottom:25px}.footer-top{align-items:flex-start;gap:20px;flex-wrap:wrap;padding-bottom:25px}.footer-top .site-logo{width:165px}.footer-top>a:last-child{font-size:14px;min-height:44px;display:flex;align-items:center}.footer-bottom{display:grid;font-size:12px;gap:12px;padding-top:22px}}
@media(max-width:370px){.site-logo{width:150px}.header-actions{gap:9px}.nav-app{font-size:13px}.nav-app>span{display:none}.hero h1{font-size:43px}.hero-actions{display:grid;justify-items:start}}

/* Keep the illustration caption readable beside the scenario excerpt. */
.hero-art{padding-bottom:0}.hero-art figcaption{padding-bottom:17px}.call-quote{position:relative;right:auto;bottom:auto;margin:14px 0 0 auto;width:min(310px,100%);box-shadow:none;border:1px solid var(--line)}.nav-app>svg{width:20px;height:20px}html[data-theme=dark] .example-switch button.active{border-color:#a9c0ff;color:#c1d1ff}html[data-theme=dark] .feature-icon,html[data-theme=dark] .principles svg{color:#a9c0ff}
@media(max-width:680px){.hero-art{padding-bottom:0}.hero-art figcaption{padding-bottom:14px}.call-quote{margin-top:12px;max-width:100%;width:100%}.call-quote p br{display:none}.call-quote p{font-size:18px}.nav-app>svg{width:18px;height:18px}}
/* Distinguishable form boundaries in each theme. */
:root{--control-border:#79879d}html[data-theme=dark]{--control-border:#7183a2}.demo-desk textarea{border-color:var(--control-border)}html[data-theme=dark] textarea{caret-color:#a9c0ff}

/* The hero is one continuous scene, including the translucent navigation. */
.site-header{position:absolute;z-index:6;top:20px;left:50%;transform:translateX(-50%);width:min(1320px,calc(100% - 80px));min-height:78px;padding:16px 24px;border:1px solid #ffffffb3;border-radius:14px;background:#faf9f5b3;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}
.site-header .site-logo{width:195px}.desktop-nav{gap:30px}.desktop-nav a{font-size:15px}.header-actions{gap:18px}.theme-toggle{background:#ffffff38;border-color:#8798b54d}
.immersive-hero{position:relative;isolation:isolate;display:block;width:100%;max-width:none;margin:0;padding:0;min-height:740px;height:100svh;max-height:920px;overflow:hidden;background:#faf9f5}
.hero-background,.hero-scrim{position:absolute;inset:0;pointer-events:none}.hero-background{z-index:-4}.hero-background picture{display:block;width:100%;height:100%}.hero-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-scrim{z-index:-3;background:linear-gradient(90deg,#faf9f5 .5%,#faf9f5e8 23%,#faf9f57a 47%,#faf9f500 67%),linear-gradient(0deg,#faf9f5 0%,#faf9f500 23%)}
.ambient-static{position:absolute;inset:auto 0 0;height:40%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 30% 95%,#628cff25,transparent 57%),radial-gradient(ellipse at 68% 87%,#7cc9e52b,transparent 55%)}
.hero-ambient{position:absolute;bottom:-20px;left:0;width:100%;height:42%;max-height:390px;z-index:-1;pointer-events:none;opacity:.9}
.ambient-ready .ambient-static{opacity:.3}
.hero-foreground{height:100%;display:flex;align-items:center;padding-top:145px;padding-bottom:130px}
.immersive-hero .hero-copy{position:relative;max-width:650px;padding:0}
.immersive-hero h1{font-size:clamp(60px,6.2vw,88px);font-weight:600;line-height:1.045;letter-spacing:-.035em;margin-bottom:28px}
.immersive-hero .hero-description{font-size:25px;line-height:1.5;font-weight:450;color:#344560;max-width:34ch}
.hero-support{font-size:17px;line-height:1.7;color:#58657b;margin-top:18px;max-width:38ch}
.immersive-hero .hero-actions{margin-top:29px;gap:23px}.immersive-hero .hero-actions .button{min-height:55px;font-size:16px;padding:16px 22px;gap:22px}.immersive-hero .hero-actions .quiet-link{font-size:16px}
.immersive-hero .hero-note{font-size:14px;margin-top:24px;color:#58657b;max-width:43ch}
.hero-baseline{position:absolute;left:0;right:0;bottom:27px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}
.explore-link{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:44px;font-size:14px;color:#344560}.explore-link svg{width:18px;height:18px}
.ambient-toggle{display:flex;align-items:center;gap:8px;padding:10px 13px;min-height:44px;border:1px solid #8798b560;border-radius:8px;background:#faf9f58f;color:#344560;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ambient-toggle svg{width:17px;height:17px}
.principles{padding-top:25px;padding-bottom:29px;border-top:0}
.quiet-link svg,.button svg,.nav-app svg,.explore-link svg{transition:transform 180ms var(--ease)}
.quiet-link:hover svg,.button:hover svg,.nav-app:hover svg{transform:translateX(3px)}.explore-link:hover svg{transform:translateY(3px)}
html[data-theme=dark] .site-header{background:#111a2cb3;border-color:#8b9cbe40}
html[data-theme=dark] .immersive-hero{background:#111a2c}
html[data-theme=dark] .hero-background img{filter:brightness(.72) saturate(.8)}
html[data-theme=dark] .hero-scrim{background:linear-gradient(90deg,#111a2c 1%,#111a2cf0 26%,#111a2c88 49%,#111a2c05 73%),linear-gradient(0deg,#111a2c 0%,#111a2c00 26%)}
html[data-theme=dark] .hero-description{color:#d5dff1}html[data-theme=dark] .hero-support,html[data-theme=dark] .hero-note{color:#b7c3db}
html[data-theme=dark] .ambient-toggle{background:#111a2c94;border-color:#8b9cbe60;color:#d5dff1}
html[data-theme=dark] .explore-link{color:#d5dff1}
html[data-theme=dark] .theme-toggle{background:#25365548}
@media(min-width:1700px){.hero-foreground{max-width:1390px}.immersive-hero h1{font-size:92px}.immersive-hero .hero-copy{max-width:690px}.hero-background img{object-position:center 43%}}
@media(max-width:1180px){.site-header{width:calc(100% - 48px);padding-inline:21px}.site-header .site-logo{width:180px}.immersive-hero h1{font-size:70px}.immersive-hero .hero-copy{max-width:550px}.immersive-hero .hero-description{font-size:23px}.hero-background img{object-position:61% center}.hero-scrim{background:linear-gradient(90deg,#faf9f5f5 3%,#faf9f5e8 29%,#faf9f580 52%,#faf9f500 80%),linear-gradient(0deg,#faf9f5 0%,#faf9f500 22%)}.immersive-hero .hero-actions{gap:16px}.immersive-hero .hero-actions .button{font-size:15px;gap:15px;padding-inline:19px}.immersive-hero .hero-actions .quiet-link{font-size:15px}}
@media(max-width:940px){.immersive-hero{min-height:800px}.site-header{top:16px;min-height:74px}.hero-foreground{padding-top:140px;padding-bottom:140px}.immersive-hero h1{font-size:64px}.immersive-hero .hero-copy{max-width:490px}.hero-background img{object-position:70% center}.hero-scrim{background:linear-gradient(90deg,#faf9f5f5 0%,#faf9f5e8 30%,#faf9f596 53%,#faf9f510 85%),linear-gradient(0deg,#faf9f5 0%,#faf9f500 27%)}.hero-support{font-size:16px}.immersive-hero .hero-actions{display:flex;gap:13px}.immersive-hero .hero-note{font-size:13px}}
@media(max-width:680px){.site-header{top:12px;width:calc(100% - 24px);min-height:68px;padding:12px 14px;border-radius:12px;gap:10px}.site-header .site-logo{width:161px}.header-actions{gap:12px}.nav-app{font-size:14px}.theme-toggle{width:38px;height:38px}.immersive-hero{min-height:900px;height:100svh;max-height:1050px}.hero-foreground{display:block;padding-top:125px;padding-bottom:0;position:relative;z-index:1}.immersive-hero .hero-copy{max-width:100%}.immersive-hero h1{font-size:clamp(44px,11.8vw,68px);line-height:1.07;margin-bottom:22px;letter-spacing:-.035em}.immersive-hero .hero-description{font-size:21px;line-height:1.5;max-width:32ch}.hero-support{display:none}.immersive-hero .hero-actions{margin-top:24px;gap:13px;display:flex;flex-wrap:wrap}.immersive-hero .hero-actions .button{min-height:51px;font-size:14px;padding:14px 18px;gap:15px}.immersive-hero .hero-actions .quiet-link{font-size:14px;min-height:42px}.immersive-hero .hero-note{margin-top:15px;font-size:12px;max-width:34ch;line-height:1.6}.hero-background img{position:absolute;inset:auto 0 40px;width:100%;height:56%;object-fit:cover;object-position:83% center}.hero-scrim{background:linear-gradient(180deg,#faf9f5 0%,#faf9f5 37%,#faf9f5b3 47%,#faf9f500 62%,#faf9f500 80%,#faf9f5 100%)}.hero-ambient{height:34%;bottom:-25px;opacity:.75}.ambient-static{height:32%}.hero-baseline{bottom:16px;gap:12px}.explore-link{font-size:12px;gap:8px}.ambient-toggle{font-size:12px;gap:6px;min-height:42px;padding:9px 10px}.ambient-toggle svg{width:15px;height:15px}.principles{padding-top:22px;padding-bottom:25px;font-size:14px}html[data-theme=dark] .hero-scrim{background:linear-gradient(180deg,#111a2c 0%,#111a2c 37%,#111a2cb3 47%,#111a2c00 63%,#111a2c00 80%,#111a2c 100%)}}
@media(max-width:370px){.site-header .site-logo{width:144px}.header-actions{gap:9px}.nav-app{font-size:13px}.nav-app svg{display:none}.hero-foreground{padding-top:120px}.immersive-hero h1{font-size:42px}.immersive-hero .hero-description{font-size:19px}.immersive-hero .hero-actions{gap:9px}.hero-baseline{gap:8px}.ambient-toggle{font-size:11px;padding-inline:8px}.explore-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.quiet-link svg,.button svg,.nav-app svg,.explore-link svg{transition:none}.quiet-link:hover svg,.button:hover svg,.nav-app:hover svg,.explore-link:hover svg{transform:none}}


@media(max-width:680px){.hero-background img{bottom:20px;height:52%}}

/* Quiet ocean-like close: a wavy entrance above a solid blue ending. */
html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
.ending{position:relative;isolation:isolate;overflow:hidden;background:var(--paper);color:#fff}.ending:before{content:"";position:absolute;inset:148px 0 0;background:#2149d4;z-index:-3}.ending-wave-fallback{position:absolute;top:0;left:0;width:100%;height:160px;z-index:-2;fill:#2149d4;stroke:none}.ending-ambient{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.ending.ambient-ready:before,.ending.ambient-ready .ending-wave-fallback{visibility:hidden}.ending .closing{background:transparent;padding:175px 0 87px;min-height:535px;display:flex;align-items:center}.ending .closing-inner{gap:65px}.ending .closing h2{font-size:clamp(36px,3.9vw,58px);line-height:1.13}.ending .closing-inner>img{width:120px;height:120px}.ending-controls{display:flex;justify-content:flex-end;margin-bottom:15px}.ending .ambient-toggle{border-color:#ffffff66;background:#ffffff0d;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.ending .site-footer{padding-top:24px;padding-bottom:32px}.ending .footer-top>p,.ending .footer-top>a:last-child,.ending .footer-bottom{color:#e5ecff}.ending .footer-bottom{border-color:#ffffff38}.ending .footer-top{padding-bottom:30px}.ending .site-logo img{display:block}.hero-baseline{justify-content:flex-start}
@media(max-width:680px){.ending .closing{min-height:535px;padding:150px 0 52px}.ending .closing-inner>img{width:55px;height:55px;margin-bottom:22px}.ending .closing h2{font-size:35px;line-height:1.16}.ending-controls{margin-bottom:10px}.ending .site-footer{padding-top:20px;padding-bottom:27px}.ending .footer-top{padding-bottom:25px}.ending .footer-top>a:last-child{font-size:14px}.ending .footer-bottom{font-size:12px}.ending .ambient-toggle{font-size:12px}}

/* Light glass keeps a visible edge and one unmistakable app action. */
html:not([data-theme=dark]) .site-header{background:#faf9f58f;border-color:#17244026;-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1)}
.site-header .nav-app{background:#2149d4;color:#fff;border-radius:8px;padding:11px 16px;min-height:44px;font-size:15px;gap:12px}
.site-header .nav-app:hover{background:#1837a5}
.site-header .theme-toggle{border-color:#79879d;background:#ffffff45}
html[data-theme=dark] .site-header .theme-toggle{border-color:#7183a2;background:#25365545}

/* Painted scenes fade into the reading surface, rather than ending in cards. */
.story-row{grid-template-columns:1.07fr .93fr;gap:52px;margin-bottom:100px}
.story-image{background:transparent;border-radius:0;overflow:visible}
.story-image img{border-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 85%,transparent)}
.story-row.reverse{grid-template-columns:.93fr 1.07fr}
.story-row.reverse .story-image img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 97%,transparent)}
.scene-caption{background:transparent;color:var(--muted);padding:15px 8px 0;font-size:14px}
.story-copy{padding:8px 0}.story-copy h3{max-width:21ch}
@media(max-width:1180px){.story-row{gap:35px;margin-bottom:80px}}
@media(max-width:940px){.story-row{gap:28px;margin-bottom:65px}}
@media(max-width:680px){.site-header .site-logo{width:153px}.site-header .nav-app{font-size:13px;padding:10px 12px;gap:7px}.site-header .nav-app svg{width:17px;height:17px}.site-header .header-actions{gap:10px}.story-row,.story-row.reverse{grid-template-columns:1fr;gap:18px;margin-bottom:51px}.story-image img,.story-row.reverse .story-image img{-webkit-mask-image:linear-gradient(180deg,#000 79%,transparent);mask-image:linear-gradient(180deg,#000 79%,transparent)}.scene-caption{font-size:13px;padding:0 2px}.story-copy{padding:0}}
@media(max-width:370px){.site-header{padding-inline:12px;gap:8px}.site-header .site-logo{width:132px}.site-header .theme-toggle{width:34px;height:34px}.site-header .nav-app{font-size:12px;padding-inline:12px}.site-header .nav-app svg{display:none}.site-header .header-actions{gap:9px}}

html[data-theme=dark] .site-header .nav-app{color:#fff}

/* Edge-to-edge story art: outer edge is full bleed, inner edge fades to copy. */
.story-section{width:100%;max-width:none;margin-inline:0}.story-row,.story-row.reverse{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}.story-copy{padding:26px clamp(28px,5vw,90px)}.story-image{width:100%;min-width:0}.story-image img{width:100%;max-height:640px;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}.story-row.reverse .story-image img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%)}.scene-caption{padding:15px max(28px,calc((100vw - 1320px)/2)) 0}.story-row.reverse .scene-caption{text-align:right}
@media(max-width:940px){.story-copy{padding:20px 30px}.story-copy h3{font-size:29px}.scene-caption{padding-inline:30px}}
@media(max-width:680px){.story-row,.story-row.reverse{grid-template-columns:1fr;gap:14px}.story-copy{padding:0 20px}.story-image img,.story-row.reverse .story-image img{max-height:none;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}.scene-caption,.story-row.reverse .scene-caption{text-align:left;padding:0 20px}.story-section>.section-heading{margin-bottom:32px}.story-copy h3{font-size:30px}}

/* Scrims belong to the copy side; the rest of the artwork stays unobscured. */
.immersive-hero .hero-scrim{background:linear-gradient(90deg,#faf9f5f2 0%,#faf9f5bf 29%,#faf9f54d 48%,transparent 66%)}html[data-theme=dark] .immersive-hero .hero-scrim{background:linear-gradient(90deg,#111a2cf5 0%,#111a2cde 31%,#111a2c70 50%,transparent 72%)}.explore-link{padding:8px 11px;background:#faf9f5bf;border-radius:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html[data-theme=dark] .explore-link{background:#111a2cbf}
@media(max-width:680px){.immersive-hero .hero-scrim{background:linear-gradient(180deg,#faf9f5 0%,#faf9f5 39%,#faf9f5b8 47%,transparent 61%)}html[data-theme=dark] .immersive-hero .hero-scrim{background:linear-gradient(180deg,#111a2c 0%,#111a2c 39%,#111a2cbb 47%,transparent 61%)}}