:root{--bg:#040a0f;--panel:#08131a;--panel2:#0a1720;--line:rgba(125,224,229,.14);--cyan:#39e1dc;--cyan2:#84fff5;--orange:#ff9147;--text:#f1f7f7;--muted:#91a3a8;--display:ui-rounded,"Arial Rounded MT Bold","Avenir Next",system-ui,sans-serif;--body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(800px 500px at 77% 18%,rgba(18,103,117,.12),transparent 65%),radial-gradient(600px 500px at 20% 80%,rgba(0,201,197,.06),transparent 70%)}a{color:inherit;text-decoration:none}.topbar{height:76px;position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,78px);border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(1,7,11,.7),transparent);backdrop-filter:blur(8px)}.brand{font-weight:900;letter-spacing:.16em;font-size:14px;display:flex;gap:12px;align-items:center}.brand-mark{width:28px;height:28px;border:1px solid var(--cyan);border-radius:9px;display:grid;place-items:center;box-shadow:0 0 20px rgba(57,225,220,.18);transform:rotate(45deg)}.brand-mark:before,.brand-mark:after,.brand-mark i:before,.brand-mark i:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--cyan)}.brand-mark:before{transform:translate(-6px,-6px)}.brand-mark:after{transform:translate(6px,6px)}.brand-mark i:before{transform:translate(3px,-9px)}.brand-mark i:after{transform:translate(-9px,3px)}.topbar nav{display:flex;align-items:center;gap:30px;color:#b5c3c6;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topbar nav a:hover{color:var(--cyan2)}.nav-launch{border:1px solid rgba(57,225,220,.4);padding:11px 15px;border-radius:8px;color:var(--cyan)!important;background:rgba(15,101,105,.12)}.hero{height:min(850px,88vh);min-height:650px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;padding:90px clamp(24px,8vw,135px) 45px;overflow:hidden}.hero-art{position:absolute;inset:0;background-image:url('/assets/workbench-hero.png');background-size:cover;background-position:center;z-index:-3}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,8,12,.05) 0%,rgba(2,8,12,.02) 40%,rgba(2,8,12,.4) 62%,rgba(2,8,12,.9) 100%),linear-gradient(0deg,#040a0f 0%,transparent 22%,rgba(2,8,12,.1) 100%)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(79,210,216,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(79,210,216,.028) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent 25%,black)}.hero-copy{width:min(610px,45vw);padding-top:25px}.eyebrow{display:flex;align-items:center;gap:11px;color:#8ed6d3;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px}.eyebrow span{height:7px;width:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(57,225,220,.09),0 0 18px var(--cyan)}h1{font-family:var(--display);font-size:clamp(52px,6.4vw,96px);line-height:.93;letter-spacing:-.055em;margin:0 0 26px;max-width:780px}h1 em{font-style:normal;color:var(--cyan2);text-shadow:0 0 35px rgba(45,226,221,.18)}.hero-copy>p{max-width:580px;color:#a4b5ba;font-size:clamp(16px,1.3vw,20px);line-height:1.65;margin:0 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{height:52px;border-radius:9px;padding:0 20px;display:inline-flex;align-items:center;gap:11px;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:900;transition:.2s ease}.button b{margin-left:7px;font-size:16px}.button.primary{color:#021012;background:linear-gradient(135deg,var(--cyan2),#23bbb9);box-shadow:0 10px 30px rgba(24,194,190,.16)}.button.primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(24,194,190,.25)}.button.secondary{border:1px solid rgba(255,255,255,.16);background:rgba(5,14,19,.52);backdrop-filter:blur(10px)}.button.secondary:hover{border-color:rgba(57,225,220,.6);color:var(--cyan2)}.screen-icon{width:18px;height:13px;border:2px solid currentColor;border-radius:3px;position:relative}.screen-icon:after{content:"";position:absolute;width:8px;bottom:-5px;left:3px;border-bottom:2px solid currentColor}.scroll-cue{position:absolute;bottom:35px;right:clamp(24px,5vw,80px);writing-mode:vertical-rl;color:#62757b;font-size:8px;letter-spacing:.25em;font-weight:800;display:flex;align-items:center;gap:10px}.scroll-cue span{height:42px;width:1px;background:linear-gradient(var(--cyan),transparent)}.status-strip{position:relative;z-index:3;margin:-1px auto 0;max-width:1540px;min-height:106px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.5fr repeat(4,1fr) auto;align-items:stretch;background:rgba(4,12,17,.82);backdrop-filter:blur(20px)}.status-strip>div,.status-time{display:flex;align-items:center;padding:20px 28px;border-right:1px solid var(--line)}.status-heading{gap:14px}.status-strip small{display:block;color:#60757a;font-size:9px;letter-spacing:.17em;font-weight:800;margin-bottom:7px}.status-strip strong{font-size:12px;letter-spacing:.035em}.status-item{flex-direction:column;align-items:flex-start!important;justify-content:center}.status-item strong{display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.dot.cyan{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.dot.orange{background:var(--orange);box-shadow:0 0 9px var(--orange)}.pulse{width:14px;height:14px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 18px rgba(57,225,220,.5);position:relative}.pulse:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--cyan);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.3;transform:scale(.55)}}.status-time{border:0;color:#64787e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.07em;white-space:nowrap}.workspace{max-width:1540px;margin:auto;padding:105px clamp(22px,5vw,78px) 120px}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px;gap:40px}.kicker{display:block;color:var(--cyan);letter-spacing:.2em;font-size:9px;font-weight:900;margin-bottom:14px}h2{font-family:var(--display);font-size:clamp(35px,4vw,58px);line-height:1;margin:0;letter-spacing:-.045em}.section-intro p{color:#71858a;line-height:1.6;max-width:420px;font-size:13px;margin:0}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{position:relative;min-height:425px;padding:22px;border:1px solid rgba(128,211,215,.13);border-radius:14px;background:linear-gradient(145deg,rgba(14,29,37,.82),rgba(5,13,18,.92));overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(400px 220px at 60% 35%,rgba(34,187,185,.08),transparent 60%);pointer-events:none}.feature-card:hover{transform:translateY(-5px);border-color:rgba(57,225,220,.36);box-shadow:0 18px 50px rgba(0,0,0,.25)}.feature-card.featured{border-color:rgba(57,225,220,.24)}.card-top,.card-foot{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.card-number{font-family:ui-monospace,monospace;color:#3c545a;font-size:11px}.availability{font-size:8px;letter-spacing:.17em;font-weight:900;color:#688086}.availability i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;background:#4c686e}.availability.live{color:var(--cyan)}.availability.live i{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.availability.ready i{background:#668b8d}.icon-tile{height:142px;margin:22px -2px 20px;display:grid;place-items:center;position:relative}.icon-tile:before{content:"";position:absolute;width:125px;height:125px;border-radius:50%;background:radial-gradient(circle,rgba(36,211,206,.12),transparent 70%)}.icon-tile span{position:relative;width:83px;height:63px;border:2px solid rgba(118,238,235,.72);border-radius:9px;background:linear-gradient(145deg,rgba(35,112,117,.19),rgba(4,13,18,.25));box-shadow:inset 0 0 25px rgba(42,231,223,.08),0 0 30px rgba(42,231,223,.06)}.icon-tile.desktop span:before{content:"";position:absolute;inset:8px;border:1px solid rgba(118,238,235,.25);background:linear-gradient(135deg,rgba(42,231,223,.16),transparent);border-radius:3px}.icon-tile.desktop span:after{content:"";position:absolute;width:36px;height:7px;bottom:-12px;left:22px;border-bottom:2px solid rgba(118,238,235,.6)}.icon-tile.previews span{transform:translate(-5px,-4px)}.icon-tile.previews span:before{content:"";position:absolute;inset:10px -11px -10px 13px;border:2px solid rgba(255,145,71,.65);border-radius:7px;z-index:-1}.icon-tile.previews span:after{content:"</>";position:absolute;inset:0;display:grid;place-items:center;color:var(--cyan);font-family:ui-monospace,monospace;font-weight:bold}.icon-tile.jobs span{border-radius:50%;width:75px;height:75px;border-style:dashed;animation:spin 18s linear infinite}.icon-tile.jobs span:before{content:"⚙";position:absolute;inset:0;display:grid;place-items:center;color:var(--cyan);font-size:35px;animation:spin 18s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.icon-tile.files span{height:70px;width:72px;border-radius:6px 10px 8px 8px;border-color:rgba(255,145,71,.65)}.icon-tile.files span:before{content:"";position:absolute;width:31px;height:10px;left:-2px;top:-10px;border:2px solid rgba(255,145,71,.65);border-bottom:0;border-radius:5px 7px 0 0}.icon-tile.files span:after{content:"···";position:absolute;inset:0;display:grid;place-items:center;color:var(--cyan);font-size:28px;letter-spacing:4px}.card-copy{position:relative;z-index:1}.card-copy h3{font-family:var(--display);font-size:22px;margin:0 0 11px;letter-spacing:-.02em}.card-copy p{color:#71858a;font-size:12px;line-height:1.65;margin:0}.card-foot{margin-top:auto;padding-top:22px;border-top:1px solid rgba(128,211,215,.1);color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:8px;font-weight:900}.card-foot b{font-size:15px}.card-foot.muted{color:#586d72}footer{max-width:1540px;margin:auto;border-top:1px solid var(--line);padding:28px clamp(22px,5vw,78px) 38px;display:flex;justify-content:space-between;color:#40565c;letter-spacing:.15em;font-size:8px;font-weight:800}footer i{color:var(--orange);font-style:normal;margin:0 8px}footer b{color:var(--cyan)}@media(max-width:1100px){.hero{justify-content:flex-end}.hero-art{background-position:36% center}.hero-copy{width:50vw}.status-strip{grid-template-columns:repeat(3,1fr)}.status-strip>div:nth-of-type(4),.status-time{border-right:0}.status-heading{grid-column:span 1}.status-strip>div,.status-time{border-bottom:1px solid var(--line)}.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{height:64px;padding:0 18px}.topbar nav>a:not(.nav-launch){display:none}.nav-launch{padding:9px 11px}.hero{height:auto;min-height:760px;padding:405px 22px 65px;align-items:flex-end;justify-content:flex-start}.hero-art{background-position:28% top;background-size:auto 480px;background-repeat:no-repeat}.hero-vignette{background:linear-gradient(0deg,#040a0f 37%,rgba(4,10,15,.48) 66%,rgba(4,10,15,.08) 100%),linear-gradient(90deg,transparent 20%,rgba(4,10,15,.6))}.hero-copy{width:100%;padding:0}.eyebrow{margin-bottom:15px}h1{font-size:50px;margin-bottom:18px}.hero-copy>p{font-size:15px;line-height:1.55;margin-bottom:25px}.button{height:48px;padding:0 15px}.scroll-cue{display:none}.status-strip{grid-template-columns:repeat(2,1fr);margin:0 14px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.status-heading{grid-column:span 2}.status-strip>div,.status-time{padding:16px}.status-time{justify-content:center}.workspace{padding:75px 18px 80px}.section-intro{display:block}.section-intro p{margin-top:18px}.card-grid{grid-template-columns:1fr}.feature-card{min-height:390px}.icon-tile{height:125px}footer{margin:0 18px;padding:25px 0 34px;gap:18px;line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulse:after,.icon-tile.jobs span,.icon-tile.jobs span:before{animation:none}.feature-card,.button{transition:none}}