@font-face{font-family:InterTight;src:url('/assets/fonts/inter-tight-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:InterTight;src:url('/assets/fonts/inter-tight-900.ttf') format('truetype');font-weight:800 950;font-display:swap}
:root{--paper:#e7e8df;--ink:#111410;--muted:#62665c;--acid:#d6f938;--cyan:#256568;--line:#969d8b;--display:InterTight,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px var(--display);overflow-x:hidden}button,input{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #36621a;outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.hero{position:relative;width:100%;height:71.1vw;max-height:1200px;min-height:730px;isolation:isolate;background:#e3e6dc url('/assets/droso-onboarding-desk-v2.jpg') center center/cover no-repeat}
.top{position:absolute;left:5%;right:5%;top:7.3%;z-index:5;display:flex;justify-content:space-between;align-items:center}.brand{font:900 clamp(26px,2.65vw,44px)/1 var(--display);letter-spacing:-.065em;text-decoration:none}.brand i{color:var(--acid);font-size:1.2em;font-style:normal;margin-right:.12em;vertical-align:-.01em}.hero-copy{position:absolute;left:5%;top:18.1%;width:37%;z-index:3}.eyebrow,.label,.status{font:400 12px/1.45 var(--mono);letter-spacing:.16em;text-transform:uppercase}.hero-copy .eyebrow{border-bottom:1px solid #666d5e;padding-bottom:9px;margin-bottom:33px}.hero h1{font:900 clamp(78px,8.05vw,132px)/.81 var(--display);letter-spacing:-.055em;margin:0 0 33px}.hero h1 span{display:block}.intro{font:400 clamp(24px,2.7vw,44px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.015em;max-width:510px;margin:0}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:51px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:57px;padding:16px 30px;border-radius:100px;border:1px solid #979f77;background:var(--acid);color:#0e120b;text-decoration:none;font:900 clamp(12px,1.13vw,18px)/1 var(--mono);letter-spacing:.09em;transition:background .15s,transform .15s}.button:hover{background:#e3ff66;transform:translateY(-2px)}.button.ghost{background:transparent;border-color:#3e4939}.button.ghost:hover{background:#f3f5e3}.hero-caption{position:absolute;left:5%;bottom:16.6%;width:21%;z-index:2;border-top:1px solid #7e8776;padding-top:17px;font:400 clamp(10px,.91vw,14px)/1.5 var(--mono);letter-spacing:.17em}
.stage{position:absolute;left:40.5%;top:25%;width:37%;height:43%;z-index:2;background:transparent;overflow:visible}#droso3d{width:100%;height:100%;display:block;touch-action:pan-y}.stage-hud,.model-title{display:none}.portrait-fallback{display:none;position:absolute;inset:20% 30%;width:40%;height:60%;object-fit:contain;opacity:.75}.viewer-controls{position:absolute;left:8%;bottom:0;z-index:4;font:400 10px/1.5 var(--mono);color:#59614d}.viewer-controls button{border:1px solid #8c967d;border-radius:99px;background:#eef0e3c9;color:#3b4930;padding:9px 14px;min-height:36px;font:inherit;backdrop-filter:blur(5px)}.viewer-controls p{max-width:250px;font-size:11px}.viewer-controls p:empty{display:none}.stage:not(.atlas) .viewer-controls{opacity:.62}.stage:not(.atlas):hover .viewer-controls,.viewer-controls:focus-within{opacity:1}
.stage.atlas{position:fixed;inset:5vh 5vw;width:90vw;height:90vh;z-index:100;border:1px solid #788268;box-shadow:0 0 0 10vmax #e3e6dcc9;background:#e7eadd;overflow:hidden;border-radius:4px}.stage.atlas .viewer-controls{display:none}.atlas-panel{display:none;position:absolute;z-index:4;left:5%;right:5%;bottom:5%;padding:20px;background:#edf0e4ee;border:1px solid #99a48b;max-height:46%;overflow:auto}.stage.atlas .atlas-panel{display:block}.atlas-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.atlas-title{font:900 13px/1.4 var(--mono);letter-spacing:.08em}.regions{display:flex;flex-wrap:wrap;gap:8px}.region{background:transparent;border:1px solid #91a07f;color:#24351d;border-radius:100px;padding:10px 14px;font:400 11px var(--mono);min-height:38px}.region.active{background:var(--acid);border-color:#a4b567}.region-readout{font-size:14px;line-height:1.5;margin-top:15px}.region-ids{font:400 11px/1.7 var(--mono);color:#355131;overflow-wrap:anywhere;margin-top:8px}.atlas-panel .truth{font-size:10px}.warp{display:none}
.office-file{max-width:1400px;margin:0 auto;padding:90px 5% 45px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;padding-bottom:34px;border-bottom:1px solid var(--line);margin-bottom:35px}.section-head h2{font:900 clamp(42px,4.3vw,64px)/.95 var(--display);letter-spacing:-.055em;margin:15px 0 0}.section-head p{color:#52594b;max-width:385px;line-height:1.6;font-size:15px;margin:0}.live-status{display:flex;flex-wrap:wrap;gap:25px;align-items:center;margin-bottom:15px}.status{color:#416027;letter-spacing:.05em;font-size:11px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.card{min-width:0;padding:0;background:none;border:0;border-radius:0}.label{color:#44523b;letter-spacing:.09em;font-size:11px}.brain{height:345px;width:100%;margin-top:14px;background:#dce0d2;border:1px solid #adb59f;display:block}.wire{stroke:#657259;stroke-opacity:.28}.node{fill:#87937a}.node.active{fill:#476e20;filter:drop-shadow(0 0 4px #95b64c)}.truth{color:#69725e;font:400 10px/1.6 var(--mono);margin-top:13px}.thought{font:400 clamp(24px,2.7vw,39px)/1.15 Georgia,serif;letter-spacing:-.02em;margin:20px 0 28px}.state{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{border-top:1px solid #a9b299;padding-top:11px;font:400 9px/1.35 var(--mono);color:#606a54}.metric b{display:block;margin-top:7px;color:#182012;font:900 23px/1 var(--display)}.impulse{border-top:1px solid #a9b299;padding-top:17px;margin-top:24px;color:#5e6754;font-size:13px;line-height:1.5}.impulse b{display:block;color:#2e4021;font-weight:900;font-size:18px;margin:6px 0}
.stimulus{grid-column:1/-1;border-block:1px solid var(--line);padding:48px 0;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;scroll-margin-top:30px}.stimulus h2{font:900 clamp(40px,4vw,60px)/.9 var(--display);letter-spacing:-.05em;margin:0 0 24px}.stimulus-copy{font-size:17px;line-height:1.6;color:#46543d;max-width:450px}.chat{display:flex;gap:10px}.chat input{min-width:0;flex:1;min-height:55px;background:#f2f3e9;border:1px solid #8b997b;border-radius:3px;padding:16px;color:#25351e;font-size:15px}.chat button{background:var(--acid);color:#1c2c14;border:1px solid #9eae76;border-radius:3px;padding:0 18px;font-weight:900}.note{font-size:12px;line-height:1.6;color:#5d6951;margin-top:14px}.response{display:none;border-left:3px solid #729343;padding:15px 20px;background:#dce3d0;margin-top:18px;line-height:1.6;color:#26391c}.response.visible{display:block}.response small{display:block;font:900 11px var(--mono);margin-bottom:10px;letter-spacing:.05em}.log-card{grid-column:1/-1}.log{max-height:270px;overflow:auto;margin-top:15px}.entry{font-size:15px;line-height:1.55;border-bottom:1px solid #bdc4b3;padding:15px 0;color:#46533b}.entry small{display:block;font:400 10px/1.5 var(--mono);letter-spacing:.04em;color:#627c48;margin-bottom:7px}.footer{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;margin-top:55px;padding-top:25px;border-top:1px solid var(--line);font-size:13px;color:#506242}.footer nav{display:flex;gap:25px}.footer a{text-underline-offset:4px}.footer small{font:400 10px var(--mono);letter-spacing:.1em}
@media(min-width:1688px){.hero-copy{width:36%}.hero-actions{margin-top:40px}.hero-copy .eyebrow{margin-bottom:36px}}
@media(max-width:1050px) and (min-width:701px){.hero{min-height:690px;background-size:auto 100%;background-position:44% center}.hero-copy{top:19%;width:40%}.hero h1{font-size:8.2vw}.hero-copy .eyebrow{margin-bottom:26px}.intro{font-size:2.8vw}.hero-actions{gap:12px;margin-top:34px}.button{font-size:11px;padding:14px 21px;min-height:48px}.hero-caption{bottom:10%}.stage{left:40%;top:28%;width:39%;height:42%}.grid{gap:28px}.state{gap:9px}}
@media(max-width:700px){.hero{height:auto;min-height:1030px;max-height:none;background-size:auto 730px;background-position:61% bottom;background-color:#e5e8df}.top{left:6%;top:32px}.brand{font-size:29px}.hero-copy{position:relative;left:auto;top:auto;width:auto;margin:0 6%;padding-top:117px;max-width:510px}.hero-copy .eyebrow{font-size:10px;max-width:320px;margin-bottom:23px}.hero h1{font-size:clamp(70px,15vw,100px);line-height:.83;margin-bottom:24px;letter-spacing:-.05em}.intro{font-size:27px;max-width:320px}.hero-actions{margin-top:26px;gap:12px}.button{min-height:47px;font-size:11px;padding:15px 22px}.hero-caption{display:none}.stage{left:1%;top:auto;bottom:125px;width:67%;height:290px}.viewer-controls{left:15%;bottom:10px}.viewer-controls button{font-size:10px;min-height:37px;background:#edf1e2d9}.office-file{padding:48px 6% 30px}.section-head{display:block;padding-bottom:25px;margin-bottom:27px}.section-head p{margin-top:24px}.section-head h2{font-size:44px}.grid{grid-template-columns:1fr;gap:35px}.brain{height:285px}.stimulus{grid-template-columns:1fr;gap:20px;padding:35px 0}.stimulus h2{font-size:43px}.thought{font-size:29px}.chat{flex-direction:column}.chat button{min-height:48px}.stage.atlas{inset:2vh 3vw;width:94vw;height:94vh}.atlas-panel{left:4%;right:4%;bottom:3%;padding:14px;max-height:52%}.atlas-title{font-size:10px}.region{font-size:9px;padding:8px 10px}.region-readout{font-size:12px}.footer{margin-top:38px}.footer nav{gap:18px}.state{gap:16px}.metric{font-size:9px}}
/* On small screens the same desk becomes a second, art-directed part of the hero. */
@media(max-width:700px){.hero{min-height:1000px;background-image:none}.hero::before{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:500px;background:linear-gradient(#e5e8df,transparent 110px),url('/assets/droso-onboarding-desk-v2.jpg') 90% bottom/auto 500px no-repeat}.stage{left:0;bottom:78px;width:74%;height:300px}.viewer-controls{bottom:0;left:10%}}
.metric b{overflow:hidden;min-height:1.2em}.counter-value{display:inline-block;font-variant-numeric:tabular-nums}.counter-revealing .counter-value{animation:counter-roll-in .75s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--counter-delay,0ms)}@keyframes counter-roll-in{from{transform:translateY(105%);opacity:0}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.counter-revealing .counter-value{animation:none}}