@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#0c0e10;--surface:#131619;--line:#2c3236;--text:#f2f4ee;--secondary:#a3aaa6;--muted:#6c7671;--accent:#d1fa7c;--font-sans:Inter,system-ui,sans-serif;--font-mono:'IBM Plex Mono',monospace;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}p,h1,h2,h3,pre{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.container{width:calc(100% - 160px);max-width:1280px;margin-inline:auto}.mono,.section-label,.signature,.diagram-label,.code-sample,.flow-label,.flow,.step-number,.step-sample,.audience,.prompt,.footer-notes{font-family:var(--font-mono)}.mono{font-size:11px}.muted{color:var(--muted)}.surface{background:var(--surface)}.section{padding-block:96px;scroll-margin-top:24px}.section-label{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:11px;letter-spacing:1.3px;line-height:14px}.section-label:before{content:'';width:6px;height:6px;background:var(--accent);flex:none}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1px;line-height:30px}.brand-icon{position:relative;width:31px;height:28px;flex:none}.brand-icon img{position:absolute;left:-1.5909px;top:-.25105px;display:block}.cta{border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:var(--bg);padding:0 22px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:24px;white-space:nowrap;font-size:14px;font-weight:600}.cta span{font-size:20px;font-weight:400}.cta:hover{background:#e0ff9e}.hero-message{padding:66px 0 40px}.hero-introduction{display:grid;grid-template-columns:780fr 436fr;gap:64px;align-items:end;margin-top:24px}h1{font-size:clamp(48px,6.12vw,88px);font-weight:400;line-height:1.03;letter-spacing:-.059em}h2{font-size:52px;font-weight:500;line-height:1.1;letter-spacing:-2.2px}.hero-support{padding-bottom:5px}.hero-support>p{color:var(--secondary);font-size:18px;line-height:1.55}.signature{display:flex;gap:10px;align-items:center;font-size:11px;margin-top:24px}.signature b{font:400 16px var(--font-sans);color:var(--accent)}.introduction .player-shell{height:550px;aspect-ratio:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.video-loading{background:var(--surface);color:var(--secondary)}.loading-spinner{border-color:var(--line);border-top-color:var(--accent)}#video-message,#message{color:var(--accent);font-size:14px;line-height:1.5}#video-message:not(:empty),#message:not(:empty){margin-block:16px}#message:empty{display:none}.hero-actions{padding:28px 0 56px;display:flex;justify-content:space-between;align-items:center;gap:24px}.hero-actions>div{display:flex;align-items:center;gap:20px}.hero-actions a{font-size:14px;color:var(--secondary)}.story-section{padding-block:88px}.story-grid{display:grid;grid-template-columns:470fr 720fr;gap:90px;align-items:center;margin-top:48px}.story-copy p{font-size:17px;line-height:1.6;color:var(--secondary);margin-top:24px}.system-diagram{border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:28px;display:flex;flex-direction:column;gap:24px;min-width:0}.diagram-label{display:flex;justify-content:space-between;font-size:11px;color:var(--secondary);gap:12px}.diagram-label .muted{font-size:10px}.code-sample{padding:20px;border-radius:6px;background:var(--surface);font-size:13px;color:#c2cec8}.code-sample>span{font-size:10px;color:var(--muted)}pre,code{font-family:var(--font-mono)}.code-sample pre{line-height:1.9;margin-top:8px;overflow:auto}.flow-label{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--accent)}.flow-label:before,.flow-label:after{content:'';height:1px;flex:1;background:var(--line)}.flow{display:flex;align-items:center;gap:12px;font-size:11px}.flow span{flex:1;min-height:52px;display:grid;place-items:center;text-align:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:6px}.flow span:last-child{background:#283522;border-color:var(--accent);color:var(--accent)}.flow b{font:400 16px var(--font-sans);color:var(--muted)}.system-diagram>p{font-size:14px;line-height:1.5;color:var(--secondary)}.workflow-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-block:48px}.workflow-heading>p{width:320px;color:var(--secondary);font-size:17px;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.step-number{display:flex;align-items:center;gap:16px;color:var(--accent);font-size:12px}.step-number:after{content:'';height:1px;background:var(--line);flex:1}.step-sample{height:128px;margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.step-sample>span{font-size:10px;color:var(--muted);letter-spacing:1px}.step-sample pre{font-size:13px;line-height:1.6;color:#c2cec8;margin-top:14px;white-space:pre-wrap;overflow-wrap:anywhere}.steps h3{font-size:26px;font-weight:500;letter-spacing:-.6px;margin-bottom:12px}.steps article>p{font-size:17px;line-height:1.6;color:var(--secondary)}.split{display:grid;grid-template-columns:400fr 776fr;gap:104px;align-items:start}.section-intro h2{margin-top:28px}.section-intro>p:not(.section-label){margin-top:28px;color:var(--secondary);font-size:17px;line-height:1.6}.section-intro>.mono{display:block;margin-top:28px}.use-cases article{display:flex;gap:28px;border-top:1px solid var(--line);padding:26px 0 12px;margin-bottom:24px}.use-cases article:last-child{margin-bottom:0}.use-cases img{flex:none;align-self:flex-start}.audience{font-size:10px;letter-spacing:1.2px;color:var(--accent);margin-bottom:13px}.use-cases h3{font-size:28px;font-weight:500;letter-spacing:-.8px;margin-bottom:13px}.use-cases article p:not(.audience):not(.prompt){font-size:17px;line-height:1.6;color:var(--secondary)}.use-cases .prompt{font-size:12px;line-height:1.6;color:var(--muted);margin-top:13px}.questions details{border-top:1px solid var(--line);padding:24px 0 28px}.questions summary{font-size:19px;font-weight:500;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';color:var(--accent);font:18px var(--font-mono)}.questions details[open] summary:after{content:'−'}.questions p{font-size:16px;line-height:1.6;color:var(--secondary);margin-top:15px}.conversion{background:var(--accent);color:var(--bg);padding:56px;border-radius:12px;display:flex;align-items:end;gap:80px;justify-content:space-between}.conversion .mono{letter-spacing:1.2px}.conversion h2{font-size:62px;line-height:1.05;letter-spacing:-3px;font-weight:400;margin-block:24px}.conversion p:last-child{font-size:17px;line-height:1.5}.cta.inverse{background:var(--bg);color:var(--accent);height:54px;font-size:15px;padding-inline:24px;gap:28px}.cta.inverse:hover{background:#283522}footer{padding-block:64px 32px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:40px;border-bottom:1px solid var(--line)}.footer-top p{font-size:14px;color:var(--secondary);margin-top:12px}.text-login{border:0;padding:0;background:none;color:inherit;font:inherit}.text-login:hover{color:var(--accent)}.footer-notes{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);margin-top:40px}.footer-notes>div{display:flex;gap:24px}.footer-notes>span:last-child{letter-spacing:1px}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:var(--accent);color:var(--bg);padding:12px}.skip-link:focus{top:10px}
@media(max-width:1200px){.container{width:calc(100% - 80px)}.hero-introduction{gap:32px;grid-template-columns:1.6fr 1fr}h1{font-size:clamp(42px,6vw,66px)}h2{font-size:42px}.story-grid,.split{gap:40px;grid-template-columns:1fr 1.4fr}.steps{gap:20px}.step-sample{height:auto;min-height:144px}.conversion{padding:40px;gap:30px}.conversion h2{font-size:50px}.footer-top nav{gap:18px}.introduction .player-shell{height:auto;aspect-ratio:16/9}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.brand{font-size:23px}.cta{padding-inline:16px;gap:16px}.hero-message{padding:40px 0 28px}.hero-introduction{grid-template-columns:1fr;gap:24px}h1{font-size:clamp(34px,7.2vw,50px);letter-spacing:-.055em}.hero-support>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;padding-bottom:40px}.hero-actions>div{flex-wrap:wrap;gap:18px}.hero-actions>.mono{font-size:9px}.section-label{font-size:9px;letter-spacing:1px}.section,.story-section{padding-block:56px}.story-grid,.split{grid-template-columns:1fr;gap:36px}.story-grid{margin-top:32px}h2{font-size:36px;letter-spacing:-1.5px}.story-copy p,.steps article>p,.section-intro>p:not(.section-label),.use-cases article p:not(.audience):not(.prompt){font-size:16px}.system-diagram{padding:18px;gap:20px}.diagram-label{font-size:9px}.diagram-label .muted{font-size:8px}.code-sample{padding:14px}.code-sample pre{font-size:10px}.flow{gap:6px;font-size:9px}.flow span{padding:4px}.flow-label{font-size:9px}.workflow-heading{flex-direction:column;align-items:start;margin-block:32px;gap:20px}.workflow-heading>p{width:auto;font-size:16px}.steps{grid-template-columns:1fr;gap:36px}.step-sample{min-height:128px}.use-cases article{gap:18px}.use-cases h3{font-size:24px}.questions summary{font-size:18px}.conversion{padding:28px;flex-direction:column;align-items:start;gap:28px}.conversion h2{font-size:38px;letter-spacing:-1.8px}.conversion .mono{font-size:9px;line-height:1.7}.conversion p:last-child{font-size:16px}.footer-top{align-items:start;flex-direction:column}.footer-top nav{flex-wrap:wrap;gap:20px}.footer-notes{flex-wrap:wrap;line-height:1.6}.footer-notes>span:last-child{width:100%;font-size:9px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
/* Theme preference belongs to the landing page; embedded videos keep their own controls. */
:root{color-scheme:dark;--action:#d1fa7c;--on-action:#0c0e10;--code:#c2cec8;--flow-active:#283522}
:root[data-theme=light]{color-scheme:light;--bg:#f7f8f2;--surface:#edf0e7;--line:#ced5c5;--text:#1e2920;--secondary:#4c5d50;--muted:#617264;--accent:#456418;--code:#344a3b;--flow-active:#e1edc9}
.cta{background:var(--action);border-color:var(--action);color:var(--on-action)}.conversion{background:var(--action);color:var(--on-action)}.cta.inverse{background:var(--on-action);color:var(--action)}.code-sample,.step-sample pre{color:var(--code)}.flow span:last-child{background:var(--flow-active)}[data-theme=light] .brand-icon{background:#0c0e10;border-radius:4px;box-shadow:0 0 0 4px #0c0e10}[data-theme=light] .use-cases img{background:#0c0e10;border-radius:3px;box-shadow:0 0 0 5px #0c0e10}
@media(max-width:900px){}
@media(max-width:700px){}