:root{--bg:#07090d;--text:#f4f7fb;--muted:#9aa5b5;--line:rgba(255,255,255,.13);--accent:#8fffd4}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,sans-serif}
body{overflow-x:hidden}.mono{font-family:"DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
canvas{position:fixed;inset:0;pointer-events:none;z-index:0}
section,header{position:relative;z-index:1}.grain{position:fixed;inset:0;opacity:.055;pointer-events:none;z-index:9;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='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
#intro{position:fixed;inset:0;z-index:20;background:#05070a;display:flex;align-items:center;justify-content:center;text-align:center}
.intro-inner{position:relative}.intro-kicker{color:var(--accent);font-size:11px;margin-bottom:22px}.intro-logo{font-size:clamp(52px,10vw,150px);font-weight:800;letter-spacing:-.07em;margin:0}.intro-line{width:0;height:1px;background:var(--accent);margin:22px auto}.intro-sub{color:var(--muted);font-size:12px;opacity:0}
.nav{position:absolute;top:0;width:100%;padding:26px 5vw;display:flex;justify-content:space-between;align-items:center;z-index:3}.brand{font-weight:800;letter-spacing:-.04em;font-size:22px}.nav-right{font-size:10px;color:#c9d1dc}
.hero{height:100svh;min-height:700px;display:flex;align-items:flex-end;padding:9vh 5vw;background:linear-gradient(90deg,rgba(5,7,10,.8),rgba(5,7,10,.18)),url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=85") center/cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,#07090d)}.hero-content{position:relative;z-index:2;max-width:950px}.eyebrow{font-size:11px;color:var(--accent);margin-bottom:20px}.hero h1{font-size:clamp(55px,9vw,145px);line-height:.87;letter-spacing:-.075em;margin:0}.hero p{font-size:clamp(16px,1.5vw,21px);line-height:1.6;color:#c8d0da;max-width:570px;margin:30px 0}.scroll-cue{margin-top:55px;font-size:10px;display:flex;gap:14px;align-items:center}.scroll-cue i{width:50px;height:1px;background:var(--accent);display:block}
.statement{min-height:70vh;padding:16vh 10vw;display:flex;align-items:center}.statement h2{font-size:clamp(40px,7vw,100px);line-height:.98;letter-spacing:-.06em;max-width:1050px;margin:0}.statement span{color:var(--accent)}
.tour-wrap{height:750vh}.tour{height:100vh;position:sticky;top:0;overflow:hidden;background:#080b10}.tour-bg{position:absolute;inset:0;background-position:center;background-size:cover;transform:scale(1.08);filter:brightness(.58)}
.tour-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);filter:brightness(.58);opacity:0;pointer-events:none;transition:opacity .55s ease;z-index:1}.tour-video.active{opacity:1}.tour-video:after{content:""}.master-video{filter:brightness(.68) saturate(1.04);z-index:1}.master-video.active{opacity:1}.kitchen-video{filter:brightness(.66) saturate(1.05);z-index:1}.kitchen-video.active{opacity:1}.tour-ui,.nodes{z-index:3}.tour-bg{z-index:0}.tour-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.88),rgba(5,7,10,.18) 70%,rgba(5,7,10,.55)),linear-gradient(transparent 60%,#080b10)}
.tour-ui{position:absolute;inset:0;padding:9vh 5vw;display:flex;z-index:2}.tour-copy{align-self:center;max-width:540px}.tour-num{font:12px "DM Mono";color:var(--accent)}.tour-copy h2{font-size:clamp(48px,7vw,100px);letter-spacing:-.07em;line-height:.9;margin:18px 0}.tour-copy p{font-size:17px;line-height:1.7;color:#c2cad4;max-width:450px}.tour-nav{position:absolute;left:5vw;bottom:7vh;display:flex;gap:18px}.tour-nav span{font:10px "DM Mono";color:#8b96a5}.tour-nav .active{color:#fff}.progress{position:absolute;right:5vw;top:50%;transform:translateY(-50%);display:grid;gap:10px}.dot{width:3px;height:22px;background:#ffffff30}.dot.active{background:var(--accent);box-shadow:0 0 15px var(--accent)}
.nodes{position:absolute;inset:0;z-index:1;pointer-events:none}.node{position:absolute;width:9px;height:9px;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 18px var(--accent);opacity:0}.node:after{content:attr(data-label);position:absolute;top:13px;left:12px;white-space:nowrap;font:9px "DM Mono";color:var(--accent)}
.intelligence{padding:18vh 5vw;background:radial-gradient(circle at 50% 20%,#11211f 0,#07090d 40%)}.center-title{text-align:center;max-width:1000px;margin:auto}.center-title .eyebrow{margin-bottom:25px}.center-title h2{font-size:clamp(48px,8vw,120px);letter-spacing:-.075em;line-height:.88;margin:0}.network{height:520px;max-width:900px;margin:70px auto;position:relative;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#0c1417aa,#071014aa);overflow:hidden}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;border:1px solid var(--accent);display:grid;place-items:center;text-align:center;font:11px "DM Mono";box-shadow:0 0 70px #8fffd440}.network .n{position:absolute;padding:12px 16px;border:1px solid var(--line);border-radius:30px;background:#0c1118cc;font:10px "DM Mono";color:#d8e0e8}.n1{left:9%;top:18%}.n2{right:9%;top:18%}.n3{left:8%;bottom:18%}.n4{right:8%;bottom:18%}.n5{left:50%;transform:translateX(-50%);bottom:8%}.remote{min-height:100vh;padding:14vh 5vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:linear-gradient(180deg,#07090d,#0a1217)}.remote h2{font-size:clamp(50px,7vw,105px);line-height:.9;letter-spacing:-.07em;margin:0}.remote p{color:var(--muted);line-height:1.7;max-width:450px}.phone{width:min(340px,75vw);height:650px;border:9px solid #2a3440;border-radius:48px;margin:auto;padding:16px;background:#0b1118;box-shadow:0 30px 90px #000}.phone-top{text-align:center;font:10px "DM Mono";color:var(--muted);margin:12px}.app-title{font-size:25px;font-weight:700;margin:30px 5px}.status{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status div{border:1px solid var(--line);padding:18px 12px;border-radius:16px;font-size:12px}.status b{display:block;color:var(--accent);font-size:20px;margin-top:7px}.services{padding:15vh 5vw}.services-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.services h2{font-size:clamp(50px,7vw,100px);letter-spacing:-.07em;margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{min-height:300px;border:1px solid var(--line);border-radius:24px;padding:28px;background:linear-gradient(145deg,#101720,#090c11);transform-style:preserve-3d;transition:.35s}.card:hover{border-color:#8fffd488;box-shadow:0 20px 60px #000;transform:translateY(-8px) rotateX(3deg)}.card .index{font:10px "DM Mono";color:var(--accent)}.card h3{font-size:28px;letter-spacing:-.05em;margin-top:100px}.card p{color:var(--muted);font-size:14px;line-height:1.6}.cta{min-height:80vh;padding:15vh 5vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle,#153128 0,#07090d 58%)}.cta h2{font-size:clamp(55px,10vw,150px);line-height:.85;letter-spacing:-.08em;margin:0}.button{display:inline-flex;margin-top:40px;padding:17px 28px;border-radius:100px;background:var(--accent);color:#06100d;font-size:12px;font-weight:800;text-decoration:none}
footer{padding:28px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:10px}
@media(max-width:800px){.remote{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.tour-copy p{font-size:14px}.network{height:600px}.n{font-size:8px!important}.services-head{display:block}.progress{right:20px}.hero{padding-bottom:12vh}}

.terrace-video{filter:brightness(.66) saturate(1.05);z-index:1}
.terrace-video.active{opacity:1}
.theatre-video{filter:brightness(.64) saturate(1.05);z-index:1}.theatre-video.active{opacity:1}