@font-face{font-family:Instrument;src:url('assets/fonts/InstrumentSans.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#101416;--paper:#eeede7;--muted:#aebbb7;--line:#343e40;--mint:#afccb4;--gutter:clamp(20px,3vw,48px);color-scheme:dark;font-family:Instrument,Arial,sans-serif;background:var(--ink);color:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-150%);z-index:100;background:var(--paper);color:var(--ink);padding:14px}.skip-link:focus{transform:none}
.header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:20px var(--gutter);background:linear-gradient(#1014167a,transparent);gap:16px}
.brand{display:flex;align-items:center;gap:12px;min-height:44px}.brand-mark{font-size:31px;font-weight:650;letter-spacing:-.09em;line-height:1;background:linear-gradient(110deg,#f6f4e7 0%,#8daba6 30%,#fff 45%,#a7b6ba 65%,#f6f4e7 100%);background-size:280% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:markLight 8s linear infinite}.brand-name{font-size:12px;letter-spacing:.02em}.header-actions{display:flex;align-items:center;gap:22px;font-size:13px}.header-link{min-height:44px;display:flex;align-items:center}.menu-button{border:1px solid #eeede75c;background:#10141630;border-radius:2px;min-height:44px;padding:0 16px;display:flex;align-items:center;gap:20px}.menu-button span:last-child{font-size:21px}.menu{position:absolute;top:80px;right:var(--gutter);width:300px;padding:12px 24px 20px;background:#111719f7;border:1px solid var(--line);box-shadow:0 20px 70px #0003}.menu a{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:22px}.menu p{color:var(--muted);font-size:12px;margin:18px 0 0}.menu[hidden]{display:none}
.journey{height:300svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:540px;overflow:hidden;background:#243d46}.poster,.cloud-film,.scene-canvas,.shade{position:absolute;inset:0;width:100%;height:100%}.poster img,.cloud-film{object-fit:cover;width:100%;height:100%}.cloud-film{opacity:0;transition:opacity .4s}.cloud-film.decoded{opacity:1}.scene-canvas{z-index:2;pointer-events:none}.shade{z-index:1;background:linear-gradient(180deg,#10232b26 0%,#10141600 40%,#1014163d 78%,#101416bf 100%);pointer-events:none}.stage::after{content:'';position:absolute;inset:0;background:var(--ink);opacity:calc(var(--progress,0)*.86);pointer-events:none;z-index:1}
.hero-copy{position:absolute;z-index:3;top:clamp(115px,16vh,175px);left:var(--gutter);right:var(--gutter);max-width:850px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;line-height:1.6;margin:0 0 16px}.hero-copy h1,.hero-copy h2{font-size:clamp(50px,6.6vw,100px);font-weight:500;letter-spacing:-.055em;line-height:.98;margin:0;text-wrap:balance}.hero-copy .hero-description{max-width:390px;font-size:16px;line-height:1.5;margin:20px 0 0;color:#eeede7}.hero-copy[data-beat=apps],.hero-copy[data-beat=cleanos]{opacity:0;visibility:hidden}.hero-copy[data-beat=apps] h2,.hero-copy[data-beat=cleanos] h2{font-size:clamp(48px,6vw,88px)}.hero-copy .text-link{display:inline-flex;margin-top:20px;font-size:14px;border-bottom:1px solid;padding:6px 0}
.stage-bottom{position:absolute;z-index:5;left:var(--gutter);right:var(--gutter);bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.stage-actions{display:flex;gap:16px;align-items:center}.pause-button{background:#10141660;border:1px solid #eeede766;padding:0 13px;min-height:44px;border-radius:2px}.skip-intro{min-height:44px;display:flex;align-items:center;border-bottom:1px solid #eeede766}.chapter-label{color:#eeede7;line-height:1.5}.progress-bar{position:absolute;z-index:6;bottom:0;left:0;width:100%;height:2px;background:#eeede722}.progress-bar::after{content:'';display:block;height:100%;width:calc(var(--progress,0)*100%);background:var(--paper)}.static-caption{position:absolute;z-index:3;bottom:100px;right:var(--gutter);max-width:220px;color:var(--paper);font-size:12px;display:none}.fallback .static-caption{display:block}.fallback .scene-canvas{display:none}
.section{padding:64px var(--gutter);scroll-margin-top:80px}.wrap{max-width:1200px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section-heading h2,.contact h2{font-size:clamp(38px,5.5vw,74px);font-weight:500;line-height:1.03;letter-spacing:-.05em;margin:0}.section-heading>p{font-size:15px;line-height:1.5;color:var(--muted);max-width:310px;margin:0}.bordered{border-top:1px solid var(--line)}
.apps-list{display:grid;grid-template-columns:1fr 1fr;gap:32px}.app{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:24px;padding:24px 0;border-top:1px solid var(--line)}.app img{width:90px;height:90px;object-fit:contain;border-radius:18px}.app h3{font-size:27px;font-weight:500;margin:0 0 8px;letter-spacing:-.035em}.app p{font-size:14px;line-height:1.5;color:var(--muted);margin:8px 0}.status{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}.development{display:flex;flex-wrap:wrap;gap:12px 24px;padding-top:28px;font-size:12px;color:var(--muted)}.development span{display:flex;align-items:center;gap:8px}.development img{width:25px;height:25px;object-fit:contain;border-radius:5px}
.startup{background:#192322}.startup .wrap{display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;gap:40px}.startup h2{font-size:clamp(46px,5.5vw,76px);letter-spacing:-.055em;font-weight:500;line-height:1.02;margin:20px 0}.startup p:not(.eyebrow){font-size:16px;line-height:1.6;color:#b8c9c1;max-width:380px}.startup-brand{display:flex;align-items:center;gap:12px;font-size:19px}.startup-brand img{width:38px;height:38px;border-radius:9px}.startup figure{margin:0}.startup figure>img{border-radius:4px;width:100%;height:auto}.startup figcaption{font-size:10px;color:var(--muted);margin-top:12px;letter-spacing:.04em}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:48px;padding:12px 20px;border:1px solid var(--paper);background:var(--paper);color:var(--ink);font-size:14px}.button:hover{background:var(--mint);border-color:var(--mint)}.button.secondary{background:transparent;color:var(--paper);border-color:var(--line)}
.work-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.work-item{min-width:0}.site-preview{height:clamp(280px,33vw,430px);overflow-y:auto;overscroll-behavior:contain;background:#e6e8e6;border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#788983 #e6e8e6}.site-preview img{width:100%;height:auto}.project-caption{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:18px 0}.project-caption h3{font-size:22px;letter-spacing:-.03em;font-weight:500;margin:0 0 7px}.project-caption p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.preview-controls{display:flex;gap:6px}.preview-controls button{background:transparent;border:1px solid var(--line);width:44px;height:44px}.preview-controls button:hover{border-color:var(--paper)}
.services{background:#eeede7;color:var(--ink)}.services .section-heading>p{color:#53615d}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.service-list article{border-top:1px solid #aab3ab;padding:20px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.service-list h3{font-size:22px;letter-spacing:-.03em;font-weight:500;margin:0}.service-list p{font-size:14px;line-height:1.6;color:#53615d;margin:0}
.contact .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px}.contact-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.6;max-width:330px}.contact-copy a{display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid var(--line);font-size:14px}.preview-note{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:grid;gap:8px;font-size:12px}.field.full{grid-column:1/-1}input,textarea,select{width:100%;background:#172022;border:1px solid #4c5c5a;border-radius:0;color:var(--paper);padding:13px 12px;min-height:46px}textarea{min-height:112px;resize:vertical}fieldset{border:0;padding:0;margin:20px 0}legend{font-size:12px;margin-bottom:12px}.pickers{display:flex;gap:8px;flex-wrap:wrap}.picker{position:relative;display:flex;align-items:center;padding:10px 12px;min-height:44px;border:1px solid #4c5c5a;font-size:12px;cursor:pointer}.picker input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.picker:has(input:checked){background:var(--mint);color:var(--ink);border-color:var(--mint)}.picker:has(input:focus-visible){outline:2px solid var(--mint);outline-offset:3px}.optional{margin:20px 0}.optional summary{cursor:pointer;font-size:13px;min-height:44px;display:flex;align-items:center}.form-message{font-size:13px;line-height:1.5;min-height:20px}.waitlist{border-top:1px solid var(--line);padding-top:24px;margin-top:32px}.waitlist h3{font-size:23px;margin:0 0 12px;font-weight:500}.waitlist-row{display:flex;gap:8px}.waitlist .field{flex:1}.footer{padding:28px var(--gutter);border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer .wrap{display:flex;justify-content:space-between;gap:24px}.footer a{min-height:44px;display:inline-flex;align-items:center}
.static-mode .journey{height:100svh}.static-mode .stage{position:relative}.static-mode .progress-bar{display:none}.static-mode .brand-mark{animation:none}.paused .brand-mark{animation-play-state:paused}
@keyframes markLight{to{background-position:280% 0}}
@media(max-width:760px){.header{padding-top:16px}.header-actions{gap:12px}.header-link{display:none}.brand-name{font-size:11px}.menu{left:20px;right:20px;width:auto;top:76px}.menu a{font-size:27px;padding:16px 0}.journey{height:240svh}.stage{min-height:520px}.hero-copy{top:120px;max-width:550px}.hero-copy h1,.hero-copy h2,.hero-copy[data-beat=apps] h2,.hero-copy[data-beat=cleanos] h2{font-size:clamp(42px,11.5vw,76px)}.hero-copy .hero-description{font-size:14px;max-width:280px;margin-top:16px}.stage-bottom{bottom:18px;align-items:end}.stage-actions{gap:10px}.chapter-label{font-size:10px;max-width:100px}.pause-button{font-size:11px;padding:0 10px}.skip-intro{font-size:11px}.section{padding:32px var(--gutter)}.section-heading{align-items:start;flex-direction:column;gap:16px;margin-bottom:24px}.section-heading h2,.contact h2{font-size:46px}.section-heading>p{font-size:14px}.apps-list{grid-template-columns:1fr;gap:0}.app{padding:20px 0;grid-template-columns:72px 1fr;gap:20px}.app img{height:72px;width:72px}.app h3{font-size:24px}.development{padding-top:16px;gap:14px}.startup .wrap{grid-template-columns:1fr;gap:24px}.startup h2{font-size:48px}.startup p:not(.eyebrow){font-size:14px}.work-grid{grid-template-columns:1fr;gap:24px}.site-preview{height:350px}.project-caption{padding:14px 0 0}.service-list{grid-template-columns:1fr}.service-list article{gap:16px}.service-list h3{font-size:20px}.service-list p{font-size:13px}.contact .wrap{grid-template-columns:1fr;gap:28px}.form-grid{gap:16px}.footer .wrap{flex-direction:column;gap:8px}.waitlist-row{flex-direction:column}.static-caption{display:none!important}}
@media(max-height:600px) and (min-width:761px){.stage{min-height:100svh}.hero-copy{top:90px}.hero-copy h1,.hero-copy h2{font-size:48px}.hero-description{font-size:13px!important}.stage-bottom{bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.hero-copy::before{content:"";position:absolute;z-index:-1;inset:-48px -20px -40px -48px;background:radial-gradient(ellipse at 20% 55%,#10232b61,transparent 75%);pointer-events:none}.hero-copy .hero-description{text-shadow:0 1px 14px #101416aa}

/* Reference fidelity study: split type, scenic travel, orbit, sectional mechanism. */
:root{--ink:#181818;--paper:#efeee4;--line:#ffffff23}
.header{padding:14px 28px;background:transparent;align-items:flex-start}.brand{gap:10px}.brand-mark{font-size:30px;font-weight:450;letter-spacing:.06em}.brand-name{font-size:11px;align-self:center}.header-actions{gap:12px}.menu-button{min-height:30px;padding:0 10px;font-size:11px;border-color:#efeee4;background:#18181820}.menu-button span:last-child{font-size:15px}.header-link{min-height:30px;font-size:11px;text-transform:uppercase}.menu{top:58px}
.stage{background:#181818}.hero-copy{max-width:none;top:0;left:0;right:0;bottom:0}.hero-copy::before{display:none}.shade{background:linear-gradient(#18181810,#18181800 55%,#18181845)}.stage::after{opacity:var(--darkness,0)}
.landscape{position:absolute;inset:-4%;background:url('assets/motion/reference/landscape-web.webp') center/cover;z-index:1;opacity:var(--landscape,0);transform:scale(var(--landscape-scale,1)) translateY(var(--landscape-y,0px));pointer-events:none}
.scene-grid{position:absolute;inset:0;z-index:4;pointer-events:none;background-image:linear-gradient(90deg,transparent 9.5%,#eee4 9.6%,transparent 9.7%,transparent 21.6%,#eee3 21.7%,transparent 21.8%,transparent 77.6%,#eee3 77.7%,transparent 77.8%),linear-gradient(transparent 32.8%,#eee2 33%,transparent 33.2%,transparent 66%,#eee2 66.2%,transparent 66.4%);opacity:.26}
.split-headline h1{position:absolute;inset:0;font-size:clamp(42px,4.6vw,82px);letter-spacing:-.052em;line-height:.94;font-weight:560}.split-headline h1 span:first-child{position:absolute;left:23%;top:35%}.split-headline h1 span:last-child{position:absolute;left:45.5%;top:57%}.split-headline .hero-description{position:absolute;bottom:16%;left:45.5%;font-size:14px;line-height:1.3;max-width:430px;text-shadow:0 1px 8px #0008}
.drone-copy{text-align:center}.drone-copy .eyebrow{position:absolute;top:18%;left:0;width:100%}.drone-copy h2{position:absolute;top:25%;left:0;right:0;font-size:clamp(38px,4.5vw,70px)}.drone-copy .hero-description{position:absolute;bottom:17%;left:calc(50% - 200px);width:400px;text-align:left;font-size:17px;font-weight:500;line-height:1.25}
.orbit-copy{text-align:center}.orbit-copy h2{position:absolute;top:27%;left:0;right:0;font-size:clamp(180px,34vw,500px)!important;font-weight:550;letter-spacing:-.045em;line-height:1;color:#efeee4}.orbit-copy .eyebrow{position:absolute;top:19%;left:0;right:0}.orbit-copy .hero-description{position:absolute;bottom:18%;left:0;right:0;margin:auto;max-width:none;font-size:15px}.orbit-copy .text-link{position:absolute;bottom:10%;left:calc(50% - 75px)}
.process-heading{position:absolute;top:17%;left:12%;right:12%;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start}.process-heading>span:first-child{font-size:31px;letter-spacing:-.055em}.process-heading p{font-size:28px;line-height:.9;letter-spacing:-.055em;margin:0}.process-heading>span:last-child{font-size:10px;line-height:1.3}.mechanism-copy h2{position:absolute;left:3%;right:3%;bottom:9%;font-size:clamp(64px,11vw,170px)!important;letter-spacing:-.065em}.mechanism-copy .hero-description{position:absolute;bottom:30%;left:12%;max-width:160px;font-size:12px;line-height:1.25}.mechanism-copy .text-link{position:absolute;right:9%;bottom:31%;font-size:12px}
.stage-bottom{bottom:18px;left:28px;right:28px;font-size:10px}.pause-button,.skip-intro{min-height:30px;font-size:10px}.chapter-label{font-size:9px}.progress-bar{height:2px}
.services{background:#181818;color:var(--paper)}.services .section-heading>p,.service-list p{color:#b6b6af}.service-list article{border-color:var(--line)}
.static-mode .landscape{display:none}.static-mode .scene-grid{opacity:.12}.static-mode .split-headline .hero-description{bottom:19%}
@media(max-width:760px){.header{padding:16px 20px}.brand-mark{font-size:26px}.menu{position:fixed;top:68px;left:0;right:0;bottom:0;width:100%;padding:24px;background:#181818;border:0;box-shadow:none}.menu a{font-size:42px;padding:18px 0;letter-spacing:-.04em}.menu p{margin-top:30px}.split-headline h1{font-size:clamp(32px,9vw,56px)}.split-headline h1 span:first-child{left:9%;top:31%}.split-headline h1 span:last-child{left:22%;top:49%}.split-headline .hero-description{left:22%;right:20px;bottom:24%;font-size:12px;max-width:260px}.drone-copy h2{top:27%;font-size:36px!important}.drone-copy .eyebrow{top:21%;font-size:9px}.drone-copy .hero-description{left:20%;bottom:20%;width:64%;font-size:13px}.orbit-copy h2{top:36%;font-size:39vw!important}.orbit-copy .eyebrow{top:25%;font-size:9px}.orbit-copy .hero-description{bottom:26%;font-size:12px}.orbit-copy .text-link{bottom:17%;font-size:12px}.process-heading{left:8%;right:8%;top:20%;grid-template-columns:.65fr 1.5fr 1fr}.process-heading p{font-size:23px}.process-heading>span:last-child{font-size:8px}.mechanism-copy h2{font-size:14vw!important;bottom:18%;left:8%}.mechanism-copy .hero-description{bottom:32%;left:8%;max-width:130px;font-size:10px}.mechanism-copy .text-link{bottom:32%;right:8%;max-width:90px;font-size:10px}.stage-bottom{left:20px;right:20px;bottom:18px}.chapter-label{font-size:8px}.stage-actions{gap:9px}.landscape{background-position:38% center}.scene-grid{opacity:.18}}
@media(max-height:600px) and (min-width:761px){.split-headline h1{font-size:4.5vw}.split-headline h1 span:first-child{top:30%}.split-headline h1 span:last-child{top:49%}.split-headline .hero-description{font-size:11px!important;bottom:20%}.drone-copy h2{top:22%;font-size:36px!important}.drone-copy .eyebrow{top:15%}.drone-copy .hero-description{bottom:19%;font-size:12px!important}.process-heading{top:17%}.orbit-copy h2{top:23%;font-size:25vw!important}.orbit-copy .eyebrow{top:16%}.orbit-copy .hero-description{bottom:17%;font-size:12px!important}}
.gallery-select{display:flex;justify-content:center;gap:12px;margin:0 0 24px}.gallery-select button{background:transparent;border:1px solid var(--line);padding:12px 18px;min-height:44px;font-size:12px}.gallery-select button[aria-pressed=true]{border-color:var(--paper);background:#efeee410}.work-grid{display:block;max-width:920px;margin:auto}.work-item[hidden]{display:none}.site-preview{height:520px}.project-caption h3{font-size:29px}.closing-scene{position:relative;overflow:hidden;min-height:400px;background:url('assets/motion/reference/landscape-web.webp') center 70%/cover;display:grid;place-items:center;text-align:center;padding:48px 20px}.closing-scene::before{content:'';position:absolute;inset:0;background:#10141626}.closing-scene>div{position:relative}.closing-scene h2{font-size:clamp(44px,6vw,80px);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0 0 28px}.closing-scene .button{font-size:11px;text-transform:uppercase;background:#181818;color:var(--paper);border:0}.footer .wrap{align-items:center}.footer{background:#181818}
@media(max-width:760px){.gallery-select{justify-content:start;gap:8px;flex-wrap:wrap}.gallery-select button{font-size:10px;padding:10px}.site-preview{height:400px}.closing-scene{min-height:300px;background-position:38% center}.closing-scene h2{font-size:43px}.closing-scene .button{min-height:44px}}
.scene-canvas{z-index:4}.orbit-copy h2{top:28%;font-size:clamp(180px,30vw,450px)!important}.scene-grid{z-index:5}.stage-bottom{z-index:6}
@media(max-width:760px){.orbit-copy h2{top:35%;font-size:39vw!important}}
.work-item:not([hidden]){animation:galleryReveal .45s ease-out both}@keyframes galleryReveal{from{opacity:.3;filter:blur(4px)}to{opacity:1;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.work-item:not([hidden]){animation:none}}
.cloud-film{opacity:1;transition:none}
.landscape{background-image:none}.landscape-active .landscape{background-image:url('assets/motion/reference/landscape-web.webp')}.closing-scene{background-image:none;background-color:#31434b}.closing-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
/* Launch preview: live app identities, followed by a reversible layered world. */
:root{--orange:#ff5b18}
.launch-stage{background:#141414;isolation:isolate;overflow:hidden}
.launch-stage::after{display:none}.launch-journey{height:250svh}
.app-flow{position:absolute;inset:0;transform-origin:center;will-change:transform,opacity;background:#141414;overflow:hidden}
.flow-grid{position:absolute;inset:15% 3% 0;background-image:radial-gradient(#6664 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,#000,transparent 20%,transparent 80%,#000)}
.flow-type{position:absolute;inset:8% 0 15%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;pointer-events:none;white-space:nowrap}
.flow-type h1,.outline-name{font-size:clamp(90px,18.7vw,290px);font-weight:650;letter-spacing:-.075em;line-height:.91;margin:0;padding-right:.08em}
.flow-type h1{color:var(--orange)}.outline-name{color:transparent;-webkit-text-stroke:1px #ff5b183d;opacity:.8}
.flow-paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.flow-paths path{fill:none;stroke:#ff5b18;stroke-width:1.4;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;opacity:.7}
.flow-tile{position:absolute;top:0;left:0;width:clamp(72px,8.6vw,126px);aspect-ratio:1;display:grid;place-items:center;border-radius:20%;background:linear-gradient(140deg,#c9c1b5bb,#5e5951ee);border:1px solid #e8ddd2b5;box-shadow:inset 0 1px 10px #fff3,0 12px 24px #0003;will-change:transform;z-index:3}
.flow-tile img{width:64%;height:64%;object-fit:contain;border-radius:18%;filter:drop-shadow(0 3px 2px #0002)}
.flow-intro{position:absolute;bottom:9%;left:20%;right:20%;text-align:center;z-index:4}.flow-intro p:first-child{font-size:18px;color:var(--paper);margin:0 0 10px}.flow-intro p:nth-child(2){font-size:14px;color:#b8b4ad;line-height:1.45;margin:0 0 16px}.flow-cta{background:var(--orange);color:#151515;border:0;border-radius:40px;font-size:13px;padding:12px 22px;min-height:44px}
.cloud-world{position:absolute;inset:0;opacity:0;visibility:hidden;background:#a6bec1;overflow:hidden;pointer-events:none}
.world-sky,.world-mountain{position:absolute;width:100%;height:100%;object-fit:cover}.world-sky{inset:0}.world-mountain{inset:0;transform:translateY(var(--mountain-y,14%)) scale(var(--world-scale,1.1));object-position:center;will-change:transform}
.cloud-layer{position:absolute;width:105%;height:120%;object-fit:contain;max-width:none;will-change:transform}.cloud-a{left:-22%;top:-22%;transform:translate(calc(var(--cloud-x,0%)*-1),var(--cloud-y,42%)) scale(1.1)}.cloud-b{right:-32%;top:-12%;transform:translate(var(--cloud-x,0%),var(--cloud-y,42%)) scale(1.2)}
.world-shade{position:absolute;inset:0;background:linear-gradient(180deg,#12181933,transparent 35%,#10212666)}
.world-copy{position:absolute;z-index:3;left:8%;right:8%;top:39%;color:#fffde2;opacity:0;visibility:hidden}.world-copy h2{font-size:clamp(46px,7vw,110px);letter-spacing:-.055em;line-height:.96;font-weight:550;margin:0 0 20px}.world-copy>p:not(.eyebrow){font-size:18px;line-height:1.4;margin:0 0 20px}.world-copy .text-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.stage-bottom{z-index:8}.header{z-index:30}.header .brand-mark{background:none;color:var(--paper);font-weight:600;letter-spacing:-.08em}.header .menu-button{background:var(--paper);color:#171717;border-color:var(--paper)}
.tools-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.tools-heading .eyebrow{margin:0}.tools-window{overflow:hidden;margin-top:26px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.tools-track{display:flex;width:max-content;animation:toolFlow 45s linear infinite}.tools-group{display:flex;align-items:center;gap:52px;padding-right:52px}.tools-group a{display:flex;align-items:center;gap:12px;white-space:nowrap;text-decoration:none;min-height:48px;font-size:18px;color:#dbdad3}.tools-group img{object-fit:contain}.tools-window:hover .tools-track,.tools-window:focus-within .tools-track,.tools-paused{animation-play-state:paused}.tools-caption{font-size:13px;color:var(--muted);margin:18px 0 0}@keyframes toolFlow{to{transform:translateX(-50%)}}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.price-card{position:relative;display:flex;flex-direction:column;border:1px solid #ffffff21;border-radius:12px;background:#1c1c1a;padding:28px;overflow:hidden}.price-card:before{content:'';position:absolute;top:-85px;left:15%;width:70%;height:180px;border:1px solid #ff5b1815;transform:rotate(45deg);pointer-events:none}.price-card .eyebrow{font-size:11px;margin-bottom:25px}.price-card h3{color:var(--orange);font-size:clamp(36px,3.8vw,56px);letter-spacing:-.065em;line-height:1;margin:0 0 20px}.price-card h3 small{display:block;font-size:12px;letter-spacing:0;color:#b5b3ab;margin-bottom:8px}.price-card>p:not(.eyebrow){font-size:15px;color:var(--paper);margin:0}.price-card ul{list-style:none;padding:20px 0 0;margin:24px 0;border-top:1px solid #ffffff21;flex:1}.price-card li{font-size:14px;line-height:1.5;position:relative;padding-left:18px;margin-bottom:12px;color:#bab9b1}.price-card li:before{content:'✓';position:absolute;left:0;color:var(--orange)}.price-card .button{font-size:13px;justify-content:center;min-height:48px}.pricing-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.pricing-notes p{font-size:12px;line-height:1.6;color:#aaa99f;margin:0}.package-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--orange);margin-bottom:20px;font-size:13px}.package-context[hidden]{display:none}.package-context button{background:transparent;border:0;color:var(--paper);min-height:44px;cursor:pointer;font-size:12px}
@media(max-width:760px){.launch-journey{height:220svh}.flow-type{inset:15% -18% 26%;gap:12px}.flow-type h1,.outline-name{font-size:24vw;letter-spacing:-.075em}.flow-tile{width:68px}.flow-intro{left:8%;right:8%;bottom:12%}.flow-intro p:first-child{font-size:15px}.flow-intro p:nth-child(2){font-size:12px}.cloud-layer{height:110%;width:180%}.cloud-a{left:-90%;top:-4%}.cloud-b{right:-100%;top:4%}.world-copy{left:7%;right:7%;top:40%}.world-copy h2{font-size:12vw}.world-copy>p:not(.eyebrow){font-size:15px}.pricing-grid,.pricing-notes{grid-template-columns:1fr}.price-card{padding:24px}.price-card h3{font-size:52px}.pricing-notes{gap:14px}.tools-group{gap:32px;padding-right:32px}.tools-group a{font-size:15px}.tools-heading{gap:12px}.tools-heading .pause-button{font-size:11px}.package-context{align-items:flex-start}.launch-stage{min-height:520px}}
@media(prefers-reduced-motion:reduce){.tools-track{animation:none;width:100%}.tools-group{flex-wrap:wrap;gap:20px}.tools-group[aria-hidden=true]{display:none}.tools-window{mask-image:none}.flow-tile{will-change:auto}.launch-journey{height:100svh}.launch-stage{position:relative}}

.flow-paths{height:78%}.header-on-content{background:#181818f5;box-shadow:0 1px #ffffff12}.section{scroll-margin-top:75px}.flow-intro{background:radial-gradient(ellipse,#141414e8,transparent 75%)}
.world-mountain{height:82%;top:auto;bottom:-3%;object-fit:cover;object-position:center;transform-origin:50% 100%}.world-sky{object-position:center}.world-copy{top:37%}.world-shade{background:linear-gradient(180deg,#12181920,transparent 30%,#10212660)}
@media(max-width:760px){.world-mountain{width:180%;left:-40%;height:65%;object-fit:fill;bottom:0}.world-copy{top:33%}}
/* Shared launch language throughout the page. */
:root{--muted:#bab6ad;--mint:#ff8e57;--line:#ffffff25}.section-heading .eyebrow,.contact-copy .eyebrow{color:var(--orange)}.section-heading h2,.contact h2{font-weight:550;letter-spacing:-.06em}.app{background:linear-gradient(125deg,#24211d,#171717);border:1px solid #ffffff20;border-radius:12px;padding:28px;min-height:165px}.app h3{font-size:32px}.app img{filter:drop-shadow(0 8px 14px #0004)}.status{color:#ff9c6c}.development{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.startup{position:relative;background:radial-gradient(ellipse at 90% 15%,#ff5b1812,transparent 70%),#1c1b19;border-block:1px solid var(--line)}.startup h2{font-weight:550;letter-spacing:-.06em}.startup p:not(.eyebrow){color:var(--muted)}.startup .button,.contact .button[type=submit]{background:var(--orange);color:#161616;border-color:var(--orange)}.startup figure{border:1px solid #ffffff26;border-radius:10px;padding:12px;background:#141414;box-shadow:0 16px 50px #0003}.startup figure>img{border-radius:5px}.startup .eyebrow{color:#ff9c6c}.service-list h3{color:#ff9c6c}.service-list article{padding:24px 0}.services{border-block:1px solid var(--line);background:#1c1b19}.services .section-heading>p,.service-list p{color:var(--muted)}input,textarea,select{background:#1d1c1a;border-color:#4c4942;border-radius:4px}.picker{border-color:#4c4942;border-radius:5px}.picker:has(input:checked){background:#ff9c6c;border-color:#ff9c6c;color:#161616}.menu{background:#181818fa}.site-preview{border:1px solid #ffffff23;border-radius:8px}.gallery-select button[aria-pressed=true]{border-color:var(--orange);color:#ff9c6c}.tools-section{border-block:1px solid var(--line);background:#161616}.closing-scene h2{font-weight:550}
.launch-loader{position:fixed;inset:0;z-index:1000;background:#141414;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;transition:opacity .28s ease;pointer-events:all}.launch-loader[hidden]{display:none}.launch-loader.leaving{opacity:0;pointer-events:none}.loader-mark{font-size:clamp(70px,12vw,140px);letter-spacing:-.09em;line-height:1;color:var(--orange);font-weight:600}.launch-loader p{font-size:16px;margin:0}.loader-track{width:160px;height:1px;background:#ffffff26;margin-top:18px}.loader-track span{display:block;height:100%;width:0;background:var(--orange);transition:width .2s}.launch-loader>span:last-child{font-size:11px;color:var(--muted)}
.robot-journey{height:175svh;position:relative;background:#151515}.robot-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;background:radial-gradient(ellipse at 60% 25%,#2c2a2633,transparent 65%),#151515;isolation:isolate}.robot-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}.robot-visual{position:absolute;height:100%;width:76%;right:-5%;bottom:-13%;transform:scale(var(--robot-scale,1));transform-origin:50% 80%;will-change:transform}.robot-visual img{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center bottom}.robot-shell{opacity:var(--shell-opacity,1)}.robot-inside{clip-path:circle(var(--robot-reveal,0%) at 50% 30%);will-change:clip-path}.robot-copy{position:absolute;top:23%;left:max(7%,calc((100% - 1200px)/2));max-width:410px;z-index:3}.robot-copy .eyebrow{color:#ff9c6c}.robot-copy h2{font-size:clamp(60px,8vw,120px);line-height:.93;letter-spacing:-.055em;font-weight:550;margin:0 0 24px}.robot-copy>p:last-child{font-size:15px;line-height:1.55;max-width:270px;color:var(--muted)}.robot-foot{position:absolute;bottom:26px;left:7%;right:7%;display:flex;align-items:end;justify-content:space-between;gap:20px;font-size:11px;z-index:4}.robot-foot .text-link{min-height:44px;display:inline-flex;align-items:center;font-size:13px}
@media(max-width:760px){.app{padding:22px;min-height:132px;grid-template-columns:68px 1fr}.apps-list{gap:14px}.app h3{font-size:28px}.startup .wrap{gap:28px}.startup figure{padding:8px}.service-list article{grid-template-columns:1fr;gap:10px;padding:20px 0}.section-heading h2,.contact h2{font-size:clamp(34px,10vw,56px)}.startup h2{font-size:clamp(42px,12vw,62px)}.form-grid{grid-template-columns:1fr}.robot-journey{height:155svh}.robot-stage{min-height:560px}.robot-visual{width:145%;height:72%;right:-22.5%;bottom:-6%}.robot-copy{left:7%;top:15%;max-width:90%}.robot-copy h2{font-size:clamp(48px,15vw,70px)}.robot-copy>p:last-child{font-size:13px;max-width:260px}.robot-foot{bottom:18px}.robot-foot .text-link{font-size:11px;max-width:170px}.robot-foot>span{font-size:9px}}
@media(max-height:600px) and (min-width:761px){.launch-stage{min-height:100svh}.flow-type{inset:12% 0 30%}.flow-type h1,.outline-name{font-size:min(18vw,30svh)}.flow-intro{bottom:12%}.flow-intro p:first-child{font-size:14px}.flow-intro p:nth-child(2){font-size:11px}.flow-intro .button{padding:8px 16px;min-height:40px}.robot-stage{min-height:100svh}.robot-copy{top:20%}.robot-copy h2{font-size:13svh}.robot-copy>p:last-child{font-size:12px}.robot-visual{bottom:-20%}}
@media(prefers-reduced-motion:reduce){.robot-journey{height:auto}.robot-stage{position:relative;height:80svh;min-height:560px}.robot-inside{clip-path:none;opacity:.65}.robot-shell{opacity:.35}.launch-loader{display:none}}
.startup-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:16px;font-size:11px;color:#ff9c6c}.contact-copy h2{color:var(--paper)}
@media(max-width:420px){.startup-workflow{grid-template-columns:repeat(2,1fr)}}
.flow-paths{height:var(--flow-height,78%)}.pause-button,.menu-button{min-height:44px}.pause-button{padding-inline:14px}.stage-bottom{bottom:20px}
@media(max-width:760px){.pause-button{font-size:11px;padding-inline:10px}.menu-button{min-width:88px}.stage-actions{gap:8px}.stage-bottom{left:20px;right:20px;bottom:16px}.chapter-label{max-width:75px}.flow-intro{bottom:13%}}
.cleanos-showcase .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.cleanos-intro h2{font-size:clamp(46px,5.5vw,80px);line-height:.97;letter-spacing:-.06em}.cleanos-intro>p:not(.eyebrow){font-size:15px;line-height:1.6;max-width:380px;margin-bottom:24px}.cleanos-film-frame{position:relative;overflow:hidden;margin:0;background:#141414;border:1px solid var(--line);border-radius:8px;padding:0!important}.cleanos-film-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#1f2221}.film-controls{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:12px;border-top:1px solid var(--line)}.film-controls>span{font-size:10px;letter-spacing:.06em;color:#dfdcd1}.cleanos-film-frame figcaption{padding:0 16px 14px;margin:0;font-size:11px;letter-spacing:0;line-height:1.4}.cleanos-watch{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;color:var(--paper);border:0;border-bottom:1px solid var(--line);min-height:56px;padding:12px 0;font-size:14px;gap:20px}.cleanos-watch:disabled{opacity:.7}.cleanos-workflow,.cleanos-deck{grid-column:1/-1}.cleanos-workflow{border-top:1px solid var(--line);padding-top:24px}.cleanos-workflow>div{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:20px}.cleanos-workflow span{display:flex;align-items:center;gap:10px;font-size:15px}.cleanos-workflow small{color:#ff9c6c;font-size:11px}.cleanos-deck{display:grid;grid-template-columns:.65fr 1.35fr;gap:32px;align-items:center;border-top:1px solid var(--line);padding-top:32px}.cleanos-deck h3{font-size:clamp(30px,3.6vw,52px);line-height:1.03;letter-spacing:-.05em;margin:0 0 16px;font-weight:500}.cleanos-deck p:not(.eyebrow){font-size:14px;line-height:1.5;color:var(--muted)}.cleanos-deck figure{box-shadow:none;border:1px solid var(--line);padding:8px;background:#141414}.cleanos-slide-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.cleanos-slide-controls button{background:transparent;color:var(--paper);border:1px solid var(--line);padding:10px 12px;min-height:44px;font-size:12px}.cleanos-slide-controls button[aria-pressed=true]{color:#ff9c6c;border-color:#ff9c6c}.cleanos-source-note{font-size:11px!important;max-width:310px;margin-top:18px!important}.cleanos-showcase .button{font-size:14px}
@media(max-width:900px){.cleanos-showcase .wrap{grid-template-columns:1fr;gap:28px}.cleanos-deck{grid-template-columns:1fr}.cleanos-intro h2 br:nth-child(2){display:none}.cleanos-workflow>div{grid-template-columns:repeat(2,1fr);gap:18px}.cleanos-deck h3{font-size:38px}.cleanos-intro h2{font-size:clamp(42px,10vw,72px)}}
@media(max-width:420px){.film-controls{padding:10px}.film-controls>span{font-size:9px}.film-controls .pause-button{font-size:10px}.cleanos-workflow span{font-size:13px}.cleanos-intro h2{font-size:12.5vw}}
.tools-hidden{animation-play-state:paused}

.static-mode .robot-journey{height:auto}.static-mode .robot-stage{position:relative}.static-mode .robot-inside{clip-path:none;opacity:.65}.static-mode .robot-shell{opacity:.35}

.static-mode .launch-journey{height:auto}.static-mode .launch-stage{height:auto;overflow:visible}.static-mode .app-flow{position:relative;height:100svh;min-height:560px}.static-mode .world-copy{position:relative;inset:auto;padding:32px;max-width:1200px;margin:auto;color:var(--paper)}.static-mode .stage-bottom{display:none}
