:root{--paper:#eeeee5;--ink:#233a2e;--olive:#52643a;--dark:#1b3027;--muted:#627064;--rule:#c8d0c1;--gutter:clamp(22px,4.5vw,88px);--header-h:76px;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}html{scroll-padding-top:calc(var(--header-h) + 16px)}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #90a865;outline-offset:5px}::selection{background:#becf98;color:#182a20}img,video{max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:450;letter-spacing:-.045em}h2{font-size:clamp(36px,4.1vw,72px);line-height:1.1}p{line-height:1.65}button{cursor:pointer}.skip{position:fixed;top:10px;left:15px;z-index:60;background:var(--paper);padding:12px 20px;transform:translateY(-180%)}.skip:focus{transform:none}.section{padding:90px var(--gutter)}.section-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:50px}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.13em}.small-note{font-size:11px;color:var(--muted)}.lead{font-size:clamp(19px,1.8vw,27px);line-height:1.55;letter-spacing:-.015em}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:13px;border-bottom:1px solid currentColor;padding:13px 0}.text-link:hover{color:#778b53}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:42px;padding:20px 24px;min-height:58px;font-size:14px;border:0;white-space:nowrap}.button span{font-size:22px}.button-cream{background:#e7edda;color:#243728}.button-olive{background:#52643a;color:#fff}.button:hover{filter:brightness(1.08)}
.site-header{position:fixed;inset:0 0 auto;height:var(--header-h);z-index:30;display:flex;align-items:center;padding:0 var(--gutter);gap:26px;background:#eeeee5;border-bottom:1px solid #cbd0c0}.brand{display:flex;align-items:center;gap:10px;font-weight:650;font-size:24px;letter-spacing:-.05em;flex-shrink:0}.brand-mark{position:relative;overflow:hidden;width:38px;height:38px;border-radius:50%}.brand-mark img{position:absolute;width:78px;height:auto;max-width:none;left:-20px;top:-9px}.site-menu{margin-left:auto}.site-menu summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;font-size:13px}.site-menu summary::-webkit-details-marker{display:none}.site-menu nav{position:absolute;top:var(--header-h);left:0;right:0;background:var(--paper);padding:20px var(--gutter);display:flex;flex-direction:column;border-bottom:1px solid var(--rule);max-height:calc(100svh - var(--header-h));overflow:auto}.site-menu nav a{padding:15px 0}.ui-ready .site-menu.is-desktop summary{display:none}.ui-ready .site-menu.is-desktop nav{position:static;flex-direction:row;gap:24px;padding:0;background:none;border:0;overflow:visible;font-size:12px}.site-menu a:hover{text-decoration:underline;text-underline-offset:5px}.header-start{display:flex;align-items:center;gap:25px;background:var(--olive);color:#fff;font-size:12px;padding:14px 18px;min-height:44px;white-space:nowrap}
.hero{position:relative;overflow:hidden;background:var(--dark);color:#f3f4e9;padding:calc(var(--header-h) + 70px) var(--gutter) 50px;min-height:max(800px,100svh);display:flex;flex-direction:column;justify-content:center;isolation:isolate}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.09;background-image:linear-gradient(#9caf8a 1px,transparent 1px),linear-gradient(90deg,#9caf8a 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-layout{display:grid;grid-template-columns:1fr 1.18fr;align-items:center;gap:4vw}.hero-copy{position:relative;z-index:2;min-width:0}.hero-copy>.eyebrow{font-size:14px;letter-spacing:.03em;color:#cbd8b7;display:block;margin-bottom:28px}.hero-copy h1{font-size:clamp(65px,7.25vw,132px);line-height:1.01;max-width:720px;margin-bottom:34px}.hero-copy>p{font-size:18px;line-height:1.65;max-width:600px;color:#e0e8da}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:32px}.hero-product{min-width:0;perspective:1800px;position:relative;padding:30px 0}.hero-product::before{content:"";position:absolute;inset:-35px -35px 10px 0;border:1px solid #80946a40;transform:rotate(-7deg);z-index:-1}.hero-screen{transform:rotateY(-9deg) rotateX(5deg) rotateZ(-3deg);transform-origin:50% 50%;box-shadow:0 35px 85px #0007;border:6px solid #ced7c1;border-radius:5px;overflow:hidden;background:#fff}.hero-screen img{display:block;width:100%;height:auto}.hero-product figcaption{color:#c6d4ba;font-size:10px;margin:30px 0 0 15px;letter-spacing:.025em}.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-top:70px;padding-top:28px;border-top:1px solid #8caa7652;font-size:12px;color:#cbd8bf}.hero-foot p{max-width:700px;line-height:1.6}.hero-foot a{display:flex;gap:22px;align-items:center;white-space:nowrap}.hero-foot a span{font-size:25px}
.audience-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.audience h2{max-width:600px}.roles{font-size:clamp(27px,2.8vw,43px);line-height:1.3;letter-spacing:-.03em;margin-bottom:28px}.audience .lead{font-size:19px;max-width:670px;color:#5d6b5d}.benefit{margin:75px 0 0;padding:42px 0 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.benefit p{font-size:25px;line-height:1.45;letter-spacing:-.02em}.benefit div{font-size:17px;line-height:1.7;max-width:700px;color:#526353}
.product-story{background:#dfe6d6}.story-scene{position:relative;min-height:155svh;border-top:1px solid #c4cfba}.scene-inner{position:sticky;top:var(--header-h);min-height:calc(100svh - var(--header-h));display:grid;grid-template-columns:.85fr 1.25fr;gap:5vw;align-items:center;padding-top:50px;padding-bottom:50px}.scene-copy{min-width:0;max-width:570px}.scene-copy .eyebrow{display:block;color:#657452;margin-bottom:26px}.scene-copy h2{font-size:clamp(37px,4vw,69px);margin-bottom:26px}.scene-copy p{font-size:19px;line-height:1.6;letter-spacing:-.015em}.scene-copy p+p{margin-top:23px}.scene-copy .secondary{font-size:15px;color:#596b53;line-height:1.65}.scene-copy .text-link{margin-top:23px}.scene-meter{height:2px;background:#becbb0;margin-top:32px;width:140px;overflow:hidden}.scene-meter i{display:block;height:100%;width:100%;background:#667c47;transform:scaleX(0);transform-origin:left}.source-visual{min-width:0;perspective:1800px}.source-window{position:relative;aspect-ratio:1600/682;background:#fff;overflow:hidden;border:1px solid #c6d0bd;box-shadow:0 30px 75px -25px #3a563b45;transform-origin:center}.source-window>img{display:block;width:100%;height:100%;object-fit:contain}.source-window canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}.source-window.is-decoded canvas{opacity:1}.source-visual figcaption{font-size:10px;line-height:1.6;color:#617155;margin-top:20px}.spec-window{aspect-ratio:1600/735}.spec-window img{transform-origin:76% 65%}.specification-scene{background:#e8ebdf}
.demo{background:#f5f3eb}.demo h2{max-width:1000px;margin-bottom:45px}.demo-player video{display:block;width:100%;height:auto;max-height:75svh;background:white;border:1px solid #ced6c5;box-shadow:0 25px 65px -30px #243a2645}.demo-player figcaption{font-size:11px;color:var(--muted);margin-top:16px}.demo-facts,.output-strip{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;padding-top:35px;border-top:1px solid var(--rule);margin-top:48px}.demo-facts>p:last-child{font-size:17px;line-height:1.7;max-width:730px}.output-strip{margin-top:36px}.output-strip>p{font-size:22px;line-height:1.5;max-width:500px}.output-strip h3{font-size:27px;margin-bottom:15px}.output-strip>div>p{font-size:17px;max-width:700px}
.handoff{background:#203c30;color:#eff2e6}.handoff .eyebrow{color:#c8d7af}.handoff .small-note{color:#c5d4b9}.handoff-routes{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.handoff-route{min-width:0}.route-path{display:flex;align-items:center;gap:20px;border-top:1px solid #9db98a66;padding-top:27px;font-size:14px;color:#d3e0c4}.route-path svg{height:28px;min-width:30px;flex:1}.transfer-line{fill:none;stroke:#b5cd8f;stroke-width:1.4}.transfer-dot{fill:#e9f0d9}.handoff h2{font-size:clamp(32px,3.3vw,54px);margin:28px 0}.handoff-route>p{font-size:17px;line-height:1.65;margin-top:18px;max-width:660px;color:#e0e8da}.handoff-route figure{margin:30px 0}.handoff-route img{width:100%;height:auto;display:block;border:1px solid #819c70}.handoff-route figcaption{font-size:10px;color:#c4d4b5;margin-top:13px;line-height:1.5}.handoff-route .route-boundary{font-size:15px;color:#bacfb1;border-top:1px solid #8ba97855;padding-top:22px}
.start-grid,.limits-grid,.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.start h2{max-width:600px}.start-steps{list-style:none;padding:0;margin:0}.start-steps li{display:grid;grid-template-columns:30px 1fr;gap:22px;border-top:1px solid var(--rule);padding:24px 0}.start-steps li>span{font-size:11px;color:#6e8057;padding-top:6px}.start-steps p{font-size:22px;line-height:1.5;letter-spacing:-.015em}.start-steps .key-note p{font-size:15px;color:#5a6f55}.free-note{margin-top:50px;border-top:1px solid var(--rule);padding-top:28px;font-size:19px;max-width:1100px}.questions{background:#dfe5d6;border-top:1px solid #bfcbb3}.limits-grid>div p+p{margin-top:25px;font-size:17px;max-width:750px}.limits-grid h2{max-width:520px}.contact{background:#f6f4ec}.contact h2{max-width:500px}.contact-form{position:relative}.form-fields{display:flex;flex-direction:column}.contact-form label{font-size:14px;margin-bottom:9px}.contact-form label .field-note{margin-left:10px}.contact-form input,.contact-form textarea{width:100%;background:#fffdf8;border:1px solid #9ead92;border-radius:2px;padding:15px 17px;color:var(--ink);font-size:16px;min-height:52px}.contact-form textarea{resize:vertical;min-height:145px;max-height:400px}.contact-form input{margin-bottom:25px}.contact-form [name=email]{margin-bottom:0}.contact-form #email-error{margin-bottom:24px}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid #5f7547;outline-offset:3px}.contact-form [aria-invalid=true]{border:2px solid #9e3f24}.field-note{font-size:11px;line-height:1.6;color:#617059}#message-hint{margin-top:10px}.field-error{font-size:12px;line-height:1.6;color:#92341e}.field-error:not(:empty){margin:8px 0 15px}.form-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.contact-form [type=submit]{align-self:flex-start;margin-top:28px;min-width:230px}.contact-form button:disabled{cursor:wait;opacity:.65}.form-status{font-size:17px;margin-top:24px}.form-status:empty{display:none}.contact-form[data-state=error] .form-status{color:#92341e}.contact-form[data-state=success] .form-status{font-size:26px}.form-fields[hidden],.contact-another[hidden]{display:none}.contact-another{background:none;border:0;border-bottom:1px solid currentColor;margin-top:25px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px var(--gutter);background:#e0e5d6;border-top:1px solid var(--rule)}.footer-brand{font-size:26px;font-weight:600;letter-spacing:-.05em}footer nav{display:flex;gap:25px;font-size:12px}footer a{padding:12px 0}footer>a:last-child{font-size:12px}
@media(min-width:1800px){.hero-copy>p{font-size:22px}.scene-copy p{font-size:22px}.scene-copy .secondary{font-size:18px}.handoff-route>p{font-size:20px}}
@media(max-width:1100px){.hero-layout{grid-template-columns:1fr 1fr;gap:3vw}.hero-copy h1{font-size:clamp(55px,7.2vw,85px)}.hero-copy>p{font-size:17px}.hero-actions{gap:18px}.button{padding:18px 19px;gap:24px}.hero-actions .text-link{font-size:12px;gap:13px}.scene-inner{grid-template-columns:.9fr 1.1fr;gap:4vw}.scene-copy p{font-size:17px}.scene-copy .secondary{font-size:14px}.scene-copy h2{font-size:43px}.start-grid,.limits-grid,.contact-grid,.demo-facts,.output-strip,.audience-grid,.benefit{gap:5vw}.handoff-route>p{font-size:16px}.start-steps p{font-size:20px}}
@media(max-width:760px){:root{--header-h:68px}.site-header{gap:15px}.brand{font-size:21px;gap:7px}.brand-mark{width:30px;height:30px}.brand-mark img{width:63px;left:-16px;top:-7px}.site-menu summary{font-size:12px;gap:8px}.header-start{padding:12px 13px;gap:15px;font-size:12px}.section{padding-top:60px;padding-bottom:60px}.section-top{margin-bottom:32px}.eyebrow{font-size:10px}.small-note{font-size:10px}h2{font-size:38px;line-height:1.13}.hero{min-height:0;padding-top:calc(var(--header-h) + 48px);padding-bottom:30px}.hero-layout{grid-template-columns:1fr;gap:40px}.hero-copy h1{font-size:clamp(55px,12vw,88px);max-width:580px;margin-bottom:25px}.hero-copy>.eyebrow{font-size:13px;margin-bottom:23px}.hero-copy>p{font-size:16px;line-height:1.6;max-width:580px}.hero-actions{gap:22px;margin-top:28px}.hero-actions .text-link{font-size:12px}.hero-product{padding:8px 0 0}.hero-screen{transform:rotateZ(-2deg);border-width:4px}.hero-product::before{inset:-8px -4px 27px 8px;transform:rotate(-6deg)}.hero-product figcaption{font-size:9px;margin:20px 0 0}.hero-foot{margin-top:36px;gap:22px;font-size:11px;align-items:start}.hero-foot p{max-width:430px}.hero-foot a{font-size:10px;gap:8px}.hero-foot a span{font-size:19px}.audience-grid,.benefit,.demo-facts,.output-strip,.start-grid,.limits-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.audience h2{max-width:520px}.roles{font-size:29px;margin-bottom:20px}.audience .lead{font-size:17px}.benefit{margin-top:38px;padding-top:28px}.benefit p{font-size:24px;line-height:1.45}.benefit div{font-size:16px;line-height:1.65}.story-scene{min-height:155svh}.scene-inner{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:26px;padding:28px var(--gutter);min-height:calc(100svh - var(--header-h))}.scene-copy{max-width:600px}.scene-copy h2{font-size:36px;margin-bottom:17px}.scene-copy .eyebrow{margin-bottom:15px}.scene-copy p{font-size:16px;line-height:1.55}.scene-copy p+p{margin-top:15px}.scene-copy .secondary{font-size:14px;line-height:1.55}.scene-copy .text-link{font-size:12px;gap:18px;margin-top:15px}.scene-meter{margin-top:22px;width:100px}.source-visual figcaption{font-size:9px;margin-top:12px}.source-window{box-shadow:0 18px 38px -15px #3a563b3d}.demo h2{font-size:37px;margin-bottom:30px}.demo-player figcaption{font-size:10px}.demo-facts,.output-strip{margin-top:33px;padding-top:27px}.demo-facts .lead{font-size:21px}.demo-facts>p:last-child{font-size:16px}.output-strip>p{font-size:22px}.output-strip h3{font-size:25px}.output-strip>div>p{font-size:16px}.handoff-routes{grid-template-columns:1fr;gap:48px}.handoff h2{font-size:37px;margin:24px 0}.handoff-route>p{font-size:16px}.handoff-route .route-boundary{font-size:15px}.handoff-route figure{margin:25px 0}.handoff-route figcaption{font-size:10px}.route-path{padding-top:23px;gap:18px}.start .section-top{align-items:flex-start}.start .section-top .text-link{padding:0 0 10px;font-size:11px;gap:14px}.start-steps li{gap:15px;padding:22px 0}.start-steps p{font-size:20px}.free-note{font-size:17px;margin-top:28px}.limits-grid .lead{font-size:21px}.limits-grid>div p+p{font-size:16px}.contact-form [type=submit]{width:100%}.contact-grid{gap:32px}footer{flex-wrap:wrap;gap:15px}footer nav{order:3;width:100%;flex-wrap:wrap;gap:12px 24px}}
@media(max-width:360px){.brand-mark{display:none}.site-header{gap:13px}.brand{font-size:20px}.header-start{gap:9px}.hero-copy h1{font-size:52px}.hero-copy>p{font-size:15px}.hero-actions{gap:16px}.hero-actions .button{font-size:12px;padding:16px 15px;gap:24px}.hero-actions .text-link{font-size:11px;gap:10px}.hero-foot{gap:18px}.hero-foot p{font-size:10px}.hero-foot a{gap:5px}.scene-inner{padding-top:24px;padding-bottom:24px;gap:20px}.scene-copy h2{font-size:31px}.scene-copy p{font-size:15px}.scene-copy .secondary{font-size:13px}.scene-copy .eyebrow{font-size:9px;margin-bottom:12px}.scene-meter{margin-top:18px}h2{font-size:33px}.roles{font-size:26px}.handoff h2{font-size:33px}}
@media(max-height:700px) and (min-width:761px){.scene-inner{padding-top:30px;padding-bottom:30px}.scene-copy h2{font-size:38px}.scene-copy p{font-size:16px}.scene-copy .secondary{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.story-scene{min-height:0}.scene-inner{position:static;min-height:0;padding-top:70px;padding-bottom:70px}.hero-screen{transform:none}.scene-meter i{transform:scaleX(1)}}
@media print{.site-header,.hero-actions,.contact,.hero-foot a{display:none}.hero{padding-top:40px}.scene-inner{position:static;min-height:0}.story-scene{min-height:0}.source-window canvas{display:none}.source-window>img{opacity:1}}

.start-steps .key-note{font-size:15px;color:#5a6f55;margin-top:18px;line-height:1.6}

/* Static is complete without JS. Explicit local cinematic review opts into motion. */
/* Reading sections own an opaque background; the root paper is behind WebGL. */
.audience,.start{background:var(--paper)}
.story-scene{min-height:0}.scene-inner{position:relative;top:auto}
html[data-motion="source-scroll"] .story-scene{min-height:155svh}
html[data-motion="source-scroll"] .scene-inner{position:sticky;top:var(--header-h)}

html[data-motion="source-scroll"] .scene-inner{min-height:calc(100svh - var(--header-h))}

@media(max-width:760px) and (max-height:750px){.scene-copy h2{font-size:32px;margin-bottom:14px}.scene-copy p{font-size:15px;line-height:1.5}.scene-copy .secondary{font-size:13px}.scene-copy p+p{margin-top:12px}.scene-copy .eyebrow{font-size:9px;margin-bottom:10px}.scene-copy .text-link{font-size:11px;margin-top:12px}.scene-meter{margin-top:16px}.scene-inner{gap:20px;padding-top:24px;padding-bottom:24px}}
@media(max-width:760px) and (max-height:620px){html[data-motion="source-scroll"] .scene-inner{position:relative;top:auto;min-height:0}html[data-motion="source-scroll"] .story-scene{min-height:0}}