.hero{isolation:isolate;min-height:calc(100svh - var(--bar));background:var(--black);align-items:center;padding:clamp(56px,9vw,120px) 0 clamp(48px,7vw,96px);display:flex;position:relative}.hero-bg{z-index:-1;position:absolute;inset:0;overflow:hidden}.hero-art{opacity:.6;background:url(/brand/dune-ridge.jpg) 70%/cover no-repeat;animation:40s ease-in-out infinite alternate drift;position:absolute;inset:0}.hero-art:after{content:"";background:radial-gradient(ellipse 70% 80% at 20% 50%, #000000eb, #00000080 60%, #00000026), linear-gradient(180deg, #00000080, transparent 30%, transparent 70%, var(--bg));position:absolute;inset:0}@keyframes drift{to{transform:scale(1.06)translate(-1.5%)}}.hero-copy{gap:28px;max-width:860px;display:grid}.hero-copy .lead{color:#ffffffc7;font-size:clamp(17px,1.6vw,20px)}.hero-stats{border-top:var(--line);grid-template-columns:repeat(4,auto);justify-content:start;gap:clamp(20px,4vw,56px);padding-top:28px;display:grid}@media (max-width:720px){.hero{min-height:0}.hero-stats{grid-template-columns:repeat(2,auto)}}.story{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"steps stage";gap:clamp(32px,6vw,96px);display:grid}.story-steps{grid-area:steps}.story-step{opacity:.3;min-height:72vh;transition:opacity .5s var(--ease);align-content:center;gap:14px;padding:24px 0;display:grid}.story-step[data-active=true]{opacity:1}.story-index{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dune);font-size:12px}.story-step h3{letter-spacing:-.035em;font-size:clamp(26px,3vw,40px);line-height:1.05}.story-step p{max-width:40ch;color:var(--text-2);font-size:16px}.story-stage{top:calc(var(--bar) + 7vh);grid-area:stage;align-self:start;position:sticky}@media (max-width:960px){.story{grid-template-columns:1fr;grid-template-areas:"stage""steps";gap:0}.story-stage{top:var(--bar);z-index:3;background:var(--bg);padding:12px 0}.story-stage .flow{width:min(100%,49.28vh);margin:0 auto}.story-step{align-content:end;min-height:70vh;padding-bottom:8vh}}.flow{--t:.9s;aspect-ratio:1.12;border:var(--line);background:var(--surface);border-radius:14px;position:relative;overflow:hidden;container-type:inline-size}.flow-grid{background:linear-gradient(#c7c0990d 1px,#0000 1px) 0 0/5cqw 5cqw,linear-gradient(90deg,#c7c0990d 1px,#0000 1px) 0 0/5cqw 5cqw;position:absolute;inset:0}.flow>:not(.flow-grid){transition:opacity .6s var(--ease), top var(--t) var(--ease), left var(--t) var(--ease), transform var(--t) var(--ease)}.inputs,.out-line,.reel,.beam,.projector,.dims,.board{opacity:0}.obj{--x:50;--y:50;--s:1.15;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:38%;height:32%;transform:translate(-50%, -50%) scale(var(--s));position:absolute}.wall{border:1.5px solid var(--dune);opacity:0;transition:opacity .5s var(--ease), transform .8s var(--ease);background:#c7c0991a;position:absolute}.wall.top{height:17%;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dune);white-space:nowrap;border-radius:10px 10px 0 0;place-items:center;font-size:2cqw;display:grid;inset:0 0 auto;transform:translateY(-160%)}.wall.bottom{border-radius:0 0 10px 10px;height:7%;inset:auto 0 0;transform:translateY(260%)}.wall.left,.wall.right{border-top:0;border-bottom:0;width:6%;top:17%;bottom:7%}.wall.left{left:0;transform:translate(-260%)}.wall.right{right:0;transform:translate(260%)}.port{background:var(--dune);width:1.6cqw;height:1.6cqw;box-shadow:0 0 1.5cqw var(--dune);border-radius:50%;position:absolute}.port.in{top:50%;left:-.8cqw;transform:translateY(-50%)}.port.out{bottom:-.8cqw;left:50%;transform:translate(-50%)}.model{color:var(--dune);transition:transform var(--t) var(--ease);align-content:center;place-items:center;gap:4%;display:grid;position:absolute;inset:22% 10% 11%}.model-cube{filter:drop-shadow(0 0 2cqw #c7c09959);width:9cqw;height:9cqw}.model-name{font-family:var(--font-mono);color:var(--text);font-size:2.3cqw;transition:opacity .4s}.flow[data-phase="-1"] .model{transform:translateY(-6%)}.flow:not([data-phase="-1"]) .wall{opacity:1;transform:none}.flow[data-phase="0"] .wall.top{transition-delay:.15s}.flow[data-phase="0"] .wall.left,.flow[data-phase="0"] .wall.right{transition-delay:.3s}.flow[data-phase="0"] .wall.bottom{transition-delay:.45s}.flow[data-phase="1"] .obj{--y:36;--s:1}.inputs{width:28%;height:8cqw;position:absolute;top:36%;left:3%;transform:translateY(-50%)}.key{border:1px solid var(--line-strong);background:var(--bg-raised);width:6cqw;height:6cqw;font-family:var(--font-mono);color:var(--text);opacity:0;border-bottom-width:3px;border-radius:1.2cqw;place-items:center;font-size:2.6cqw;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%)}.flow[data-phase="1"] .key{animation:7.5s linear infinite feed;animation-delay:calc(var(--i) * 1.5s)}@keyframes feed{0%{opacity:0;left:0}3%{opacity:1}11%{opacity:1;left:82%}13%,to{opacity:0;left:88%}}.out-line{border-left:1.5px dashed #c7c09999;height:16%;position:absolute;top:52%;left:50%}.out-line:after{content:"";background:var(--dune);width:1.5cqw;height:1.5cqw;box-shadow:0 0 1.5cqw var(--dune);opacity:0;border-radius:50%;position:absolute;top:0;left:-.75cqw}.flow[data-phase="1"] .out-line:after{animation:1.5s ease-in .75s infinite drop}@keyframes drop{0%{opacity:1;top:0}40%{opacity:1;top:100%}41%,to{opacity:0;top:100%}}.flow[data-phase="1"] :is(.inputs,.out-line,.reel){opacity:1}.reel{grid-template-columns:repeat(5,1fr);gap:1.5%;height:12%;display:grid;position:absolute;top:70%;left:8%;right:8%}.reel-frame{grid-template-rows:1fr auto;gap:1cqw;height:100%;margin:0;display:grid;position:relative}.frame-img{filter:saturate(.7);background:url(/brand/dune-ridge.jpg) 50%/340%;border-radius:.8cqw;transition:box-shadow .3s;display:block}.reel-frame figcaption{border:1px solid var(--line-strong);font-family:var(--font-mono);color:var(--text-2);border-radius:.8cqw;justify-self:center;padding:.2cqw 1.2cqw;font-size:2cqw;transition:opacity .4s}.flow[data-phase="1"] .reel-frame{animation:7.5s infinite lit;animation-delay:calc(var(--i) * 1.5s + .95s);opacity:.15}@keyframes lit{0%{opacity:.15;transform:translateY(-25%)}4%,96%{opacity:1;transform:none}to{opacity:.15}}.flow[data-phase="2"] .obj{--x:15;--y:13;--s:.45}.flow[data-phase="2"] .reel{opacity:1;top:46%}.flow[data-phase="2"] .reel-frame{grid-template-rows:1fr 0;gap:0}.flow[data-phase="2"] .reel-frame figcaption{opacity:0;overflow:hidden}.flow[data-phase="2"] .reel-frame .frame-img{animation:4.4s infinite scanned;animation-delay:calc(var(--i) * .44s)}@keyframes scanned{0%,to{box-shadow:0 0 #0000}10%{box-shadow:0 0 0 .3cqw var(--dune), 0 0 3cqw #c7c09980}30%{box-shadow:0 0 #0000}}.scanline{background:var(--dune);opacity:0;width:.4cqw;position:absolute;top:-12%;bottom:-12%;left:0;box-shadow:0 0 2cqw .4cqw #c7c099b3}.flow[data-phase="2"] .scanline{opacity:1;animation:2.2s ease-in-out .9s infinite alternate both scan}@keyframes scan{0%{left:0}to{left:calc(100% - .4cqw)}}.beam{width:100%;height:100%;position:absolute;inset:0}.beam line{stroke:var(--dune);stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1s .3s var(--ease)}.beam-fill{fill:#c7c0990d}.projector{background:var(--dune);border-radius:1cqw;width:28%;height:5.5%;position:absolute;top:8.5%;left:36%;box-shadow:0 0 4cqw #c7c09999}.flow[data-phase="2"] :is(.beam,.projector,.dims){opacity:1}.flow[data-phase="2"] .beam line{stroke-dashoffset:0}.dims{gap:1.6cqw;display:grid;position:absolute;top:66%;left:10%;right:10%}.dim{color:var(--text-2);grid-template-columns:22% 1fr 10%;align-items:center;gap:3%;font-size:2.3cqw;display:grid}.dim .num{text-align:right;color:var(--text)}.dim-bar{background:#ffffff14;border-radius:999px;height:.9cqw;overflow:hidden}.dim-bar>span{border-radius:inherit;background:var(--dune);transform-origin:0;height:100%;transition:transform .8s var(--ease);transition-delay:calc(var(--i) * .15s + .9s);display:block;transform:scaleX(0)}.flow[data-phase="2"] .dim-bar>span{transform:none}.flow[data-phase="3"] .obj{--x:18.6;--y:44.8;--s:.49}.flow[data-phase="3"] .wall{opacity:0}.flow[data-phase="3"] .wall.top{transform:translateY(-60%)}.flow[data-phase="3"] .wall.bottom{transform:translateY(60%)}.flow[data-phase="3"] .wall.left{transform:translate(-60%)}.flow[data-phase="3"] .wall.right{transform:translate(60%)}.flow[data-phase="3"] .model-name{opacity:0}.flow[data-phase="3"] .board{opacity:1}.board{position:absolute;inset:0}.board-row{left:8%;right:8%;top:calc(28% + var(--i) * 12%);border:var(--line);background:var(--bg-raised);opacity:0;height:9%;transition:opacity .5s var(--ease), transform .5s var(--ease), border-color .5s, background .5s;transition-delay:calc(var(--i) * 80ms + .3s);border-radius:1.4cqw;grid-template-columns:4.6cqw 5.6cqw 1fr auto;align-items:center;gap:2cqw;padding:0 2.6cqw 0 1.6cqw;font-size:2.6cqw;display:grid;position:absolute;transform:translateY(20%)}.board-row .rank{width:4.6cqw;height:4.6cqw;font-size:2.2cqw}.board-cube{width:4.4cqw;height:4.4cqw;color:var(--text-3);justify-self:center}.board-slot{width:4.4cqw;height:4.4cqw}.flow[data-phase="3"] .board-row{opacity:1;transform:none}.flow[data-phase="3"] .board-row.yours{border-color:var(--dune);background:#c7c09917;transition-delay:.9s}.board-row.yours .board-name{color:var(--dune-light)}.agentic{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(36px,6vw,96px);display:grid}.composer{border:var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.composer-bar{border-bottom:var(--line);align-items:center;gap:8px;padding:12px 16px;display:flex}.composer-bar i{background:#ffffff24;border-radius:50%;width:10px;height:10px}.composer-bar span{font-family:var(--font-mono);color:var(--text-3);margin-left:10px;font-size:11.5px}.composer-agents{flex-wrap:wrap;gap:6px;padding:12px 16px 0;display:flex}.composer-agents button{border:1px solid var(--line-strong);color:var(--text-2);font:12px var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;padding:5px 10px}.composer-agents button[aria-pressed=true]{border-color:var(--dune);color:var(--text)}.composer-body{min-height:290px;font-family:var(--font-mono);color:var(--text-2);white-space:pre-wrap;padding:18px 18px 22px;font-size:12.5px;line-height:1.7}.composer-body .cursor{vertical-align:-2px;background:var(--dune);width:7px;height:15px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.composer-foot{border-top:var(--line);color:var(--text-3);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:flex}.composer-foot kbd{color:var(--text);background:#ffffff1a;border-radius:4px;padding:2px 7px}@media (max-width:960px){.agentic{grid-template-columns:1fr}}.boards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;display:grid}.board-card{gap:14px;height:100%;display:grid}.board-card .go{color:var(--dune);font-size:14px}.closing{text-align:center;background:var(--black);position:relative}.closing:before{content:"";opacity:.3;background:url(/brand/salt-flat.jpg) 50% 70%/cover no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 40% 70%,#0000);mask-image:linear-gradient(#0000,#000 40% 70%,#0000)}.closing>.container{justify-items:center;gap:24px;display:grid;position:relative}