:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243b30;background:#fff}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #1677ff;outline-offset:3px}
.film-viewport{position:relative;overflow:hidden;width:100%;height:100vh;background:#eef3ef;border-bottom:1px solid #dfe7e1}
.film-canvas{position:absolute;left:0;top:0;width:1100px;height:630px;transform-origin:0 0;will-change:transform;background:#eef3ef}
.scene-label{position:absolute;left:38px;right:38px;top:20px;display:flex;justify-content:space-between;color:#75877a;font:10px/1.4 ui-monospace,monospace;letter-spacing:.07em}
.browser-scene{position:absolute;left:25px;top:50px;width:1050px;height:550px;border:1px solid #d0dbd3;border-radius:13px;overflow:hidden;background:white;box-shadow:0 16px 45px #2749311a}
.browser-chrome{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #e0e7e2;background:#f7f9f7;font-size:11px;color:#7b8c7f}
.dots{display:flex;gap:6px}.dots i{width:8px;height:8px;background:#c8d3cb;border-radius:50%}.address{min-width:300px;text-align:center;background:white;border:1px solid #e2e9e3;padding:3px 10px;border-radius:5px;font:11px/1.5 ui-monospace,monospace}
.rough-page{position:absolute;inset:40px 0 0;overflow:hidden;background:#f0eaff;color:#393152}
.app-nav{display:flex;align-items:center;justify-content:space-between;margin:0 46px;height:65px;border-bottom:1px solid #ddd5e8;font-size:13px}
.app-wordmark{font-family:Georgia,serif;font-size:23px;letter-spacing:-1px}.app-copy{position:absolute;left:54px;top:106px;width:440px}.app-eyebrow{font:10px/1.6 ui-monospace,monospace;letter-spacing:.11em;color:#857596}
.app-copy h1{transform-origin:left center;margin:15px 0 16px;font-size:55px;font-weight:550;line-height:1.03;letter-spacing:-2.8px}.app-copy h1 em{font-family:Georgia,serif;font-weight:400}
.app-copy p{font-size:15px;line-height:1.8;color:#857693;margin:0}.app-trust{display:block;font-size:10px;margin-top:90px;color:#8c809b}
.project-preview{position:absolute;top:131px;left:570px;width:385px;padding:25px;background:#ffffffdd;border:1px solid #e4dbec;border-radius:16px;box-shadow:0 14px 36px #5846710e}
.project-eyebrow{font:9px ui-monospace,monospace;letter-spacing:.1em;color:#8d8397}.project-preview h2{font-size:23px;font-weight:550;letter-spacing:-.7px;margin:12px 0 23px}.project-row{display:flex;align-items:center;gap:10px;border-top:1px solid #efebf2;padding:17px 0}.project-row>div{flex:1}.project-row strong{display:block;font-size:12px;font-weight:550}.project-row small{display:block;font-size:10px;color:#96899e;margin-top:5px}.project-emoji{display:grid;place-items:center;width:31px;height:34px;background:#f2ecf6;border-radius:7px;font-size:20px;color:#967baa}.project-pill{font-size:8px;padding:4px 6px;border-radius:5px;background:#f2eef5;color:#937d9d}.project-bottom{display:flex;justify-content:space-between;border-top:1px solid #efebf2;padding-top:17px;color:#a397ad;font-size:10px}
.app-cta{position:absolute;left:790px;top:396px;width:185px;height:45px;background:#f66c54;color:#fff;border:0;border-radius:3px;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 4px 9px #bd4c4422}
.target-outline{display:none;position:absolute;border:2px solid var(--target-color,#1677ff);pointer-events:none;border-radius:4px}.target-outline>span{position:absolute;bottom:100%;left:-2px;background:var(--target-color,#1677ff);padding:3px 6px;color:#fff;font:10px ui-monospace,monospace;border-radius:3px 3px 0 0}.target-outline>i{position:absolute;width:6px;height:6px;background:white;border:1px solid var(--target-color,#1677ff)}.target-outline>i:nth-child(2){top:-4px;left:-4px}.target-outline>i:nth-child(3){top:-4px;right:-4px}.target-outline>i:nth-child(4){bottom:-4px;left:-4px}.target-outline>i:nth-child(5){bottom:-4px;right:-4px}
.destination-guide{display:none;position:absolute;left:50px;top:349px;width:197px;height:56px;border:1.5px dashed #1677ff;border-radius:6px;color:#1677ff;font:12px ui-monospace,monospace;place-items:center;background:#1677ff0a}
.source-result{position:absolute;left:54px;bottom:20px;display:flex;gap:10px;align-items:center;font-size:11px;color:#477358;opacity:0}.source-result>span:first-child{display:grid;place-items:center;width:22px;height:22px;background:#e2f1e7;border-radius:50%;color:#18794e}.source-result>span:nth-child(2){color:#adbdaf}
.overlay-host{position:absolute;inset:40px 0 0;z-index:5;pointer-events:none}
.terminal-scene{position:absolute;left:175px;top:85px;width:750px;height:457px;border:1px solid #c9d8cd;border-radius:14px;background:#fff;box-shadow:0 24px 90px #23483230;overflow:hidden;transform-origin:center center}
.terminal-chrome{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#f6f9f6;border-bottom:1px solid #e3eae4;font:11px ui-monospace,monospace;color:#819487}.terminal-body{padding:29px 32px;font:14px/1.8 ui-monospace,monospace}.terminal-agent{display:flex;align-items:start;gap:13px}.terminal-agent>span{color:#bf795d;font-size:34px;line-height:1.2}.terminal-agent strong{font-size:15px;color:#354d3d}.terminal-agent p{margin:4px 0 16px;color:#718576;font-size:13px}.terminal-output p{margin:3px 0;color:#6a7e70}.terminal-output p>span{color:#258956;margin-right:8px}.terminal-url{margin:13px 0 22px;color:#8a9a90;font-size:12px}.terminal-url span{color:#497e60}.terminal-message{display:flex;align-items:baseline;color:#253e2e;min-height:61px;font-size:17px;line-height:1.7;padding:12px 0 8px;border-top:1px solid #edf1ed}.terminal-prompt{color:#84a68f;margin-right:13px}.terminal-command{min-height:35px;color:#157857;font-size:19px}.typing-caret{display:inline-block;width:8px;height:18px;background:#589474;vertical-align:middle;margin-left:2px}.terminal-response{font-size:12px;margin:10px 0 0;color:#478860;opacity:0}
.film-cursor{position:absolute;z-index:30;left:0;top:0;pointer-events:none;filter:drop-shadow(0 2px 2px #0003)}.film-cursor svg{width:24px;height:30px;fill:#fff;stroke:#182b26;stroke-width:1.5}.film-cursor>span{position:absolute;left:22px;top:26px;background:#202e26;color:white;font-size:11px;border:1px solid white;padding:3px 8px;border-radius:6px;white-space:nowrap}.click-ring{position:absolute;z-index:29;width:35px;height:35px;border:2px solid #1677ff;border-radius:50%;opacity:0;pointer-events:none;transform-origin:center}
.brand-flash{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;pointer-events:none;will-change:opacity}.brand-lockup{display:flex;align-items:center}.brand-lockup img{display:block;width:410px;height:auto}.brand-flash p{margin:18px 0 0;font-size:15px;color:#688372;letter-spacing:.01em}
.film-controls{position:absolute;top:12px;right:12px;z-index:20;display:flex;gap:5px}.film-controls button{width:38px;height:38px;display:grid;place-items:center;padding:9px;background:#ffffffeb;border:1px solid #dce7df;border-radius:50%;color:#37664c;box-shadow:0 2px 8px #21442f08}.film-controls button:hover{background:#eaf4ed}.film-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.play-control svg{fill:currentColor}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:700px){.brand-lockup img{width:min(330px,82vw)}.brand-flash p{font-size:12px;margin-top:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}