/* Greenberg AI Labs · multiplayer build preview · local-only, zero dependencies */
.reveal,.reveal.in{opacity:1;transform:none;transition:none}
html{scroll-padding-top:90px}
body::before{opacity:.02;z-index:2}
.cursor,.orbs{display:none!important}
.hero{min-height:900px;height:100svh;max-height:1200px;isolation:isolate;background:radial-gradient(ellipse at 80% 43%,#123d8540,transparent 47%),#06080D}
.hero::after{z-index:0;pointer-events:none;background:linear-gradient(90deg,#06080d00 45%,#06080d00),linear-gradient(0deg,#06080D,transparent 25%)}
.hero-inner{z-index:3;max-width:1320px;padding:9.5rem 2.5rem 7rem;pointer-events:none}
.hero-inner a{pointer-events:auto}
.hero-logo{margin-bottom:2.8rem;gap:.6rem}
.hero-logo img{height:102px;max-width:128px}
.hero-wordmark{font-size:.7rem;letter-spacing:.32em}
.hero h1{font-size:clamp(3rem,5.2vw,76px);line-height:1.08;letter-spacing:-.045em;max-width:640px}
.hero h1 em{background:none;color:inherit;animation:none}
.hero-type{display:inline-block;max-width:100%;vertical-align:top;padding-bottom:.06em}
.hero h1 em .hero-type{background:linear-gradient(110deg,#f2f5fa,#a8b9d3 60%,#639fff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .lede{max-width:43ch;font-size:1.05rem;margin:1.7rem 0 2rem}
.hero .cta-row{gap:.8rem}
.hero-art{position:absolute;z-index:1;right:-1%;top:7%;width:56%;height:85%;perspective:1100px;transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0);pointer-events:none}
.sculpture-wrap{position:absolute;inset:0;display:grid;place-items:center;transform:rotateY(-12deg) rotateX(8deg) rotateZ(-7deg);transform-style:preserve-3d}
.sculpture{position:relative;display:block;font:700 clamp(400px,48vw,720px)/.95 "Space Grotesk",sans-serif;letter-spacing:-.09em;padding-right:.08em;padding-bottom:.15em;color:#2f80ff;background:linear-gradient(140deg,#f6faff 2%,#b9d6ff 12%,#3788ff 25%,#1e63de 44%,#87baff 47%,#2f80ff 51%,#0e3a99 75%,#20417c 89%,#c7e1ff 99%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #a4caff88;filter:drop-shadow(20px 35px 35px #0008);text-shadow:none}
.sculpture::before{content:"G";position:absolute;inset:0;z-index:-1;-webkit-text-fill-color:#122b5a;-webkit-text-stroke:1px #3261ad;text-shadow:1px 1px #2f64b4,2px 2px #255dac,3px 3px #265dab,4px 4px #1e4b91,5px 5px #2455a0,6px 6px #214785,7px 7px #204782,8px 8px #1c407d,9px 9px #1b3a6b,10px 10px #183364,11px 11px #142e5e,12px 12px #142e5e,13px 13px #142a56,14px 14px #12264e,15px 15px #11264e,16px 16px #102348,18px 18px #0e2042,20px 20px #0e1c38;transform:translateZ(-1px)}
.sculpture-caption{position:absolute;bottom:13%;left:16%;right:0;text-align:center;font:500 12px "Space Grotesk",sans-serif;letter-spacing:.65em;color:#8cb9ff;opacity:.75}
.art-orbit{position:absolute;border:1px solid #91b9ff21;width:80%;aspect-ratio:1;border-radius:50%;left:14%;top:6%;transform:rotateX(25deg) rotateY(-24deg)}
.orbit-b{inset:17% auto auto 24%;width:59%;border-color:#5c93e934}
.float-object{position:absolute;transform-style:preserve-3d;will-change:transform}
.chrome-pill{width:202px;height:78px;left:4%;top:14%;border-radius:60px;transform:rotate(28deg);background:linear-gradient(178deg,#060b15 1%,#f2f5fa 6%,#c0cedd 17%,#fafcff 26%,#8497b3 41%,#283b59 49%,#080f1d 56%,#4d6183 76%,#c2d7ef 91%,#f4faff 96%,#48628d 99%);box-shadow:inset 1px 2px 2px #fff,1px 8px 0 #101c31,0 22px 40px #0009}
.chrome-pill i{position:absolute;inset:7px;border-radius:inherit;border-top:1px solid #f3f8ff99;border-bottom:1px solid #2f80ff66}
.glass-ring{right:8%;bottom:17%;width:205px;height:205px;border:26px solid #89b9ff38;border-radius:50%;background:transparent;box-shadow:inset 3px 4px 5px #f0f8ffaa,inset -9px -7px 12px #2f80ff22,2px 2px 0 1px #b8d8ffa8,-3px -2px 1px #2f80ff,8px 14px 0 #12396b90,15px 35px 45px #000b;transform:rotateX(35deg) rotateY(-27deg) rotateZ(-18deg)}
.glass-ring::before{content:"";position:absolute;inset:-19px;border:1px solid #f2f5fa88;border-radius:50%}
.glass-ring i{position:absolute;inset:-27px;border-radius:50%;background:conic-gradient(from -20deg,#f7fcff55,transparent 18%,#2f80ff88 34%,transparent 45%,#f5fbff77 62%,transparent 78%);mask-image:radial-gradient(circle,transparent 53%,#000 55%,#000 68%,transparent 69%)}
.blue-capsule{width:150px;height:60px;left:13%;bottom:17%;border-radius:50px;transform:rotate(-28deg);background:linear-gradient(175deg,#ddecff,#6eaeff 10%,#2f80ff 33%,#0758c9 52%,#092453 72%,#5098ff 96%);border:1px solid #8fbdff;box-shadow:inset 0 2px 2px #ffffffcc,0 8px 0 #0a2c65,0 25px 45px #000b}
.art-floor{position:absolute;left:10%;right:2%;bottom:8%;height:12%;border-radius:50%;background:#2f80ff14;filter:blur(30px);transform:rotate(-8deg)}
.swarm-enhanced .chrome-pill{animation:float-chrome 8s ease-in-out infinite}
.swarm-enhanced .glass-ring{animation:float-ring 10s ease-in-out infinite}
.swarm-enhanced .blue-capsule{animation:float-capsule 9s ease-in-out infinite}
@keyframes float-chrome{50%{transform:translate3d(10px,-20px,20px) rotate(20deg) rotateY(12deg)}}
@keyframes float-ring{50%{transform:translate3d(-12px,17px,30px) rotateX(28deg) rotateY(-14deg) rotateZ(-8deg)}}
@keyframes float-capsule{50%{transform:translate3d(-9px,-15px,18px) rotate(-38deg)}}
.scroll-hint{left:50%;font-size:9px;bottom:1.4rem}
.section{position:relative;overflow-x:clip}
.glass{border-color:#b5cbef26;background:linear-gradient(145deg,#d8e7ff0e,#121722b5 55%,#2f80ff06);box-shadow:inset 0 1px #ffffff0a,0 18px 65px #0003}
.card{transition:border-color .3s,box-shadow .3s,transform .22s ease-out}
.card::before{background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),#2f80ff30,transparent 65%)}
.card h3{line-height:1.2;font-size:1.5rem}
.card .num{margin-bottom:1.1rem}
.stone{overflow:hidden;background:radial-gradient(ellipse at 30% 20%,#659eff24,transparent 60%),linear-gradient(130deg,#121722,#06080D);box-shadow:inset 0 0 80px #0005}
.stone::before{content:"G";position:absolute;inset:0;display:grid;place-items:center;font:600 clamp(180px,25vw,390px) "Space Grotesk",sans-serif;color:#233f6c;-webkit-text-stroke:1px #7faeff44;transform:rotate(-14deg);text-shadow:1px 1px #2f80ff,3px 3px #162e53,6px 6px #102039}
.swarm-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:55}
.build-status{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);width:440px;max-width:calc(100% - 24px);z-index:65;display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #d1e0ff30;border-radius:999px;background:#0b101dec;backdrop-filter:blur(20px);box-shadow:0 12px 45px #0009;color:#e2eafa;font:10px ui-monospace,monospace;opacity:0;visibility:hidden;transition:opacity .25s,transform .35s,visibility .35s;white-space:nowrap}
.build-status.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.agent-dots{display:flex;padding-right:5px;flex:none}
.agent-dots i{width:13px;height:18px;border-radius:50%;margin-right:-5px;border:1px solid #09101e;background:var(--dot)}
.agent-total{font-size:10px;font-weight:600;flex:none}
.layer-count{color:#b1bed3;font-size:9px;min-width:86px;text-align:center}
.build-progress{flex:1;min-width:30px;height:3px;background:#f2f5fa21;border-radius:3px;overflow:hidden}
.build-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#37cddd,#b488ff,#ff70be);transform-origin:left;transform:scaleX(0)}
.build-state{font-size:9px;display:flex;align-items:center;gap:5px;color:#aebbd1;min-width:48px}
.build-state::before{content:"";width:5px;height:5px;background:#72a9ff;border-radius:50%;box-shadow:0 0 7px #72a9ff}
.build-status.complete .build-state::before{background:#73e2a7;box-shadow:0 0 7px #73e2a7}
.skip-build{border:0;border-left:1px solid #ffffff26;padding:3px 0 3px 9px;background:none;color:#d5e4ff;font:10px ui-monospace,monospace;cursor:pointer}
.skip-build:hover{color:#fff}.skip-build:focus-visible{outline-offset:5px}
.swarm-hidden *,.swarm-hidden *::before,.swarm-hidden *::after{animation-play-state:paused!important}
@media(max-width:1100px){.hero h1{font-size:clamp(3rem,5.5vw,65px)}.hero-inner{padding-left:4vw;padding-right:4vw}.hero-art{right:-8%;width:62%}.hero .lede{max-width:38ch}.chrome-pill{width:166px;height:64px}.glass-ring{width:170px;height:170px;border-width:22px}}
@media(max-width:700px){.nav{padding:12px 16px}.nav .logo{gap:7px}.nav .wordmark{font-size:.56rem;letter-spacing:.09em}.nav .logo-mark{height:32px}.nav>.btn{font-size:.7rem;padding:10px 12px}.hero{height:auto;min-height:920px;max-height:none;display:block}.hero-inner{padding:8rem 20px 3.5rem}.hero-logo{margin-bottom:1.6rem}.hero-logo img{height:72px;max-width:92px}.hero-wordmark{font-size:.62rem;letter-spacing:.25em}.hero h1{font-size:clamp(2.7rem,10.5vw,4.2rem);max-width:100%;line-height:1.08}.hero .lede{font-size:.94rem;max-width:100%;margin:1.3rem 0 1.6rem}.hero .cta-row{gap:10px}.hero .btn{font-size:.8rem;padding:13px 18px}.hero-art{width:100%;height:410px;right:-6%;top:510px}.sculpture{font-size:380px;line-height:.95}.sculpture-wrap{transform:rotateY(-13deg) rotateX(10deg) rotateZ(-8deg)}.sculpture-caption{font-size:9px;bottom:8%;left:12%;letter-spacing:.5em}.chrome-pill{width:124px;height:48px;left:10%;top:5%}.glass-ring{width:108px;height:108px;border-width:14px;right:10%;bottom:20%}.glass-ring::before{inset:-9px}.blue-capsule{width:97px;height:39px;left:11%;bottom:15%}.art-orbit{top:0}.orbit-b{top:12%}.scroll-hint{display:none}.build-status{bottom:14px;width:365px;gap:8px;padding:10px 12px}.layer-count{min-width:76px;font-size:8px}.build-state{font-size:8px;min-width:40px}.agent-total{font-size:9px}.agent-dots i{width:11px;height:15px}.skip-build{font-size:9px}.card h3{font-size:1.5rem}.contact .panel{padding:1.4rem}.contact h2{font-size:2.2rem}}
@media(max-width:350px){.hero{min-height:980px}.hero h1{font-size:2.7rem}.hero-art{top:580px}.build-status{gap:6px}.agent-dots{display:none}.hero .btn{font-size:.75rem;padding:12px 13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.swarm-canvas,.build-status{display:none!important}.hero-art{transform:none!important}.reveal{opacity:1;transform:none}}

/* Separate depth and face layers keep the chrome gradient unobscured. */
.sculpture-wrap{isolation:isolate}
.sculpture,.sculpture-depth{position:absolute;inset:0;display:grid;place-items:center;font:700 clamp(400px,48vw,720px)/.95 "Space Grotesk",sans-serif;letter-spacing:-.09em;padding-right:.08em;padding-bottom:.15em}
.sculpture{z-index:2;transform:translateZ(2px);filter:none;background:linear-gradient(150deg,#f2f8ff 8%,#a5ceff 18%,#2f80ff 31%,#145ed8 48%,#88bdff 49%,#347ff0 52%,#1658c8 74%,#0b2b6a 91%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sculpture::before{content:none}
.sculpture-depth{z-index:1;color:#142e5e;-webkit-text-stroke:1px #4475ba;transform:translate3d(13px,13px,0);text-shadow:1px 1px #295da4,2px 2px #24539b,3px 3px #204889,4px 4px #1e4381,5px 5px #1b3c75,6px 6px #18366a,7px 7px #163263,8px 8px #142c58,9px 9px #12284f,10px 10px #11254a,12px 12px #102144;filter:drop-shadow(18px 28px 24px #0009)}
.sculpture-caption{z-index:3}
@media(max-width:700px){.sculpture,.sculpture-depth{font-size:380px}}
/* CSS also resolves in-flight targets immediately, even before a background
   tab is allowed to deliver its media-query change callback. */
@media(prefers-reduced-motion:reduce){.hero-logo,.sculpture-wrap,.float-object,.hero-type,.hero .lede,.hero .btn,.section .eyebrow,.build-type,#services .muted,.card,.steps li,.stone,#about p:not(.eyebrow){opacity:1!important;clip-path:none!important}}

/* V3 · official mark / calm orchestration / layered scroll scene */
main,.foot{position:relative;z-index:1}
.depth-space{position:fixed;inset:-30%;z-index:0;pointer-events:none;background-image:linear-gradient(#789ed408 1px,transparent 1px),linear-gradient(90deg,#789ed408 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse,#000,transparent 75%);will-change:translate}
.depth-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 40%,#2f80ff0e,transparent 55%);will-change:translate}
.hero{background:radial-gradient(ellipse at 78% 48%,#17396840,transparent 46%),#06080D}
.hero-inner{padding-top:8rem;padding-bottom:6rem}
.hero-kicker{font-size:.68rem;letter-spacing:.32em;color:#b2bfd2;margin-bottom:2rem}
.hero-grid{position:absolute;inset:-15%;z-index:0;pointer-events:none;background-image:linear-gradient(#81b5ff0c 1px,transparent 1px),linear-gradient(90deg,#81b5ff0c 1px,transparent 1px);background-size:68px 68px;mask-image:radial-gradient(ellipse at 70% 50%,#000,transparent 65%);will-change:translate}
.hero-art{right:1%;top:11%;width:53%;height:78%;transform:none;will-change:translate}
.logo-parallax{position:absolute;inset:0;display:grid;place-items:center;will-change:translate}
.logo-assembly{width:80%;max-width:535px;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;will-change:transform}
.official-centerpiece{display:block;width:100%;height:auto;filter:drop-shadow(0 0 27px #2f80ff3b) drop-shadow(0 22px 22px #0007)}
.hud-outer,.hud-inner{position:absolute;width:91%;aspect-ratio:1;left:4.5%;top:50%;margin-top:-45.5%;border:1px solid #87b6fa28;border-radius:50%;will-change:translate}
.hud-inner{width:74%;left:13%;margin-top:-37%;border-color:#86baff18}
.hud-ticks{position:absolute;inset:-8px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#b2d4ff70 0deg .3deg,transparent .3deg 5deg);mask-image:radial-gradient(circle,transparent 68%,#000 68.3%,#000 69.3%,transparent 69.6%)}
.hud-arc{position:absolute;inset:-2px;border:2px solid transparent;border-top-color:#acd3ff8c;border-left-color:#2f80ff44;border-radius:50%;transform:rotate(-35deg)}
.arc-two{inset:20px;border-width:1px;border-top-color:#f2f5fa55;border-left-color:transparent;border-right-color:#6ba4fa66;transform:rotate(155deg)}
.hud-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 90deg,transparent 0deg 300deg,#2f80ff0c 330deg,#87b9ff26 359deg,transparent 360deg);mask-image:radial-gradient(circle,transparent 27%,#000 28%,#000 70%,transparent 71%)}
.hud-readout{position:absolute;font:8px ui-monospace,monospace;letter-spacing:.21em;color:#8aa7cf;left:10%;right:10%;text-align:center;opacity:.7}
.hud-readout-top{top:4%}.hud-readout-bottom{bottom:3%}
.swarm-enhanced .arc-one{animation:hud-orbit 36s linear infinite}.swarm-enhanced .arc-two{animation:hud-orbit 48s linear infinite reverse}.swarm-enhanced .hud-sweep{animation:hud-orbit 14s linear infinite}
@keyframes hud-orbit{to{transform:rotate(325deg)}}
.hero-art .chrome-pill{width:135px;height:52px;left:3%;top:13%;opacity:.85}
.hero-art .glass-ring{width:125px;height:125px;border-width:16px;right:0;bottom:10%;opacity:.8}
.hero-art .glass-ring::before{inset:-10px}
.stone::before{content:none}
.stone{background:radial-gradient(ellipse at center,#2f80ff18,transparent 68%),url('../assets/logo-mark-metallic.png') center/68% auto no-repeat,linear-gradient(140deg,#121722,#06080d)}
.task-log{position:fixed;left:24px;bottom:92px;width:420px;z-index:64;pointer-events:none;padding:12px 15px;border:1px solid #8db7ec30;border-left:2px solid #2f80ff88;border-radius:8px;background:#090f1be8;backdrop-filter:blur(18px);opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s;box-shadow:0 12px 35px #0004}
.task-log.visible{opacity:1;transform:none}
.task-log-title{display:flex;justify-content:space-between;gap:12px;font:9px ui-monospace,monospace;letter-spacing:.12em;color:#b4cff4;border-bottom:1px solid #84b7ff20;padding-bottom:7px;margin-bottom:7px}
.task-log-title span:last-child{font-size:8px;color:#7891b2;letter-spacing:.04em}
.task-log-lines{font:10px/1.9 ui-monospace,monospace;color:#9fb5d1;height:76px;overflow:hidden;white-space:nowrap}
.task-log-lines p:last-child{color:#e5f0ff}
.task-log time{color:#4f719b;margin-right:6px}
.build-status{width:440px;border-color:#91b6e23b}
.build-progress i{background:linear-gradient(90deg,#2f80ff,#d2e7ff)}
.agent-dots i{background:var(--dot);opacity:.85}
@media(max-width:1100px){.hero-art{right:-4%;width:58%}.hero .lede{max-width:38ch}}
@media(max-width:700px){.hero{min-height:940px}.hero-inner{padding-top:8rem;padding-bottom:3rem}.hero-kicker{margin-bottom:1.6rem;font-size:.61rem;letter-spacing:.24em}.hero-art{width:100%;height:410px;right:0;top:475px}.logo-assembly{width:80%;max-width:360px}.hud-outer{width:94%;left:3%;margin-top:-47%}.hud-inner{width:74%;left:13%;margin-top:-37%}.hud-readout{font-size:6px}.hud-readout-top{top:3%}.hud-readout-bottom{bottom:2%}.hero-art .chrome-pill{width:90px;height:35px;left:2%;top:15%}.hero-art .glass-ring{width:82px;height:82px;border-width:10px;right:2%;bottom:11%}.hero-art .glass-ring::before{inset:-6px}.task-log{left:12px;bottom:67px;width:calc(100% - 24px);padding:8px 11px}.task-log-title{font-size:8px;padding-bottom:4px;margin-bottom:4px}.task-log-lines{font-size:8px;line-height:1.8;height:29px}.task-log-lines p:not(:nth-last-child(-n+2)){display:none}.build-status{width:365px}.hero .lede{max-width:100%}}
@media(max-width:350px){.hero-art{top:570px}.hero{min-height:1010px}}
@media(prefers-reduced-motion:reduce){.task-log{display:none!important}.hero-art,.hero-inner,.logo-parallax,.hud-outer,.hud-inner,.hero-grid,.depth-space,.depth-glow,.section .head,.card,.steps,.stone,.about>div,.contact .panel{translate:none!important}.logo-assembly{transform:none!important}.hero-kicker,.logo-assembly{opacity:1!important;clip-path:none!important}}
/* Opaque-enough HUD glass avoids repeated blur readbacks during canvas builds. */
.task-log,.build-status{backdrop-filter:none;-webkit-backdrop-filter:none}
.section .head,.card,.steps,.stone,.about>div,.contact .panel{will-change:translate}