:root{--bg:#090909;--panel:#101010;--panel2:#151310;--text:#f5f2ea;--muted:#aaa39a;--gold:#d7a94b;--gold2:#f1c86a;--line:rgba(215,169,75,.24);--soft:rgba(255,255,255,.055);--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% -10%,#272015 0,#0b0b0b 30%,#080808 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:76px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(8,8,8,.9),rgba(8,8,8,.58));backdrop-filter:blur(18px)}.nav .wrap{height:100%;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;font-weight:800}.brand img{width:28px;height:28px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.navlinks{display:flex;gap:25px;margin-left:auto;font-size:13px;color:#d8d4cb}.navlinks a:hover{color:#fff}.mode-switch{display:flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:#0d0d0d;margin-left:8px}.mode-switch a{padding:8px 13px;border-radius:999px;font-size:12px}.mode-switch .active{background:var(--gold);color:#111;font-weight:800}.business-link{border:1px solid rgba(255,255,255,.16);padding:10px 14px;border-radius:10px;font-size:12px}.hero{min-height:100svh;padding-top:76px;position:relative;display:grid;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.92) 0%,rgba(8,8,8,.62) 42%,rgba(8,8,8,.2) 70%,rgba(8,8,8,.74) 100%),url('hero-backdrop.jpg') center/cover;filter:saturate(.7) contrast(1.1);transform:scale(1.03)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,rgba(215,169,75,.15),transparent 32%)}.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.hero h1,.scene h2{margin:.18em 0;line-height:.94;letter-spacing:-.045em}.hero h1{font-size:clamp(56px,7.2vw,112px);max-width:780px}.hero h1 span,.scene h2 span{color:var(--gold2)}.hero p{max-width:620px;color:#c8c2b8;font-size:clamp(17px,1.6vw,22px);line-height:1.5}.cta-row{display:flex;gap:12px;margin-top:28px}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:12px;background:var(--gold2);color:#111;font-weight:800}.cta.alt{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.16)}.team-orbit{height:650px;position:relative}.person{position:absolute;width:145px;aspect-ratio:1;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 70px rgba(0,0,0,.5);background:#111;transform:translateY(20px);opacity:0;animation:arrive .8s ease forwards}.person img{width:100%;height:100%;object-fit:cover}.person:after{content:attr(data-name);position:absolute;left:9px;right:9px;bottom:9px;background:rgba(5,5,5,.78);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:7px 9px;font-size:12px;font-weight:800}.person.you{width:205px;left:35%;top:31%;animation-delay:.1s}.person.luna{left:6%;top:18%;animation-delay:.3s}.person.noor{left:39%;top:4%;animation-delay:.45s}.person.maya{right:2%;top:22%;animation-delay:.6s}.person.zaid{left:12%;bottom:7%;animation-delay:.75s}.person.sara{right:11%;bottom:4%;animation-delay:.9s}@keyframes arrive{to{transform:translateY(0);opacity:1}}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;left:10%;right:10%;top:11%;bottom:10%;animation:spin 30s linear infinite}.orbit.o2{left:22%;right:22%;top:23%;bottom:23%;animation-direction:reverse;animation-duration:20s}@keyframes spin{to{transform:rotate(360deg)}}.scene{min-height:100svh;padding:120px 0;position:relative;border-top:1px solid rgba(255,255,255,.055);overflow:hidden}.scene h2{font-size:clamp(48px,6vw,92px);max-width:900px}.scene .lead{font-size:clamp(17px,1.5vw,22px);line-height:1.55;color:#bbb4aa;max-width:760px}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.world{position:relative;min-height:600px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 50% 50%,rgba(215,169,75,.11),transparent 45%),linear-gradient(180deg,#11100e,#0a0a0a);overflow:hidden}.world:before{content:"";position:absolute;inset:8%;border:1px solid rgba(215,169,75,.14);border-radius:50%}.world-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#12110f;border:1px solid var(--gold);box-shadow:0 0 80px rgba(215,169,75,.15);font-weight:900}.bubble{position:absolute;padding:12px 15px;border:1px solid var(--line);border-radius:999px;background:#0d0d0d;color:#e8e1d4;font-size:13px;animation:float 5s ease-in-out infinite}.b1{left:12%;top:18%}.b2{right:10%;top:14%;animation-delay:.7s}.b3{left:6%;bottom:18%;animation-delay:1.4s}.b4{right:8%;bottom:20%;animation-delay:2.1s}.b5{left:37%;top:7%;animation-delay:2.8s}.b6{left:38%;bottom:7%;animation-delay:3.5s}@keyframes float{50%{transform:translateY(-10px)}}.mission-console{padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#15130f,#0c0c0c);box-shadow:0 30px 90px rgba(0,0,0,.35)}.ask{font-size:22px;font-weight:700;padding:18px;border-radius:14px;background:#0b0b0b;border:1px solid rgba(255,255,255,.1)}.steps{display:grid;gap:12px;margin-top:22px}.step{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.dot{width:10px;height:10px;border-radius:50%;background:var(--gold)}.learning{background:linear-gradient(180deg,#0a0a0a,#11100d)}.learning-card{position:relative;min-height:600px;border-radius:32px;overflow:hidden;border:1px solid var(--line);background:url('learning-scene.jpg') center/cover}.learning-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.9),rgba(5,5,5,.25))}.learning-ui{position:absolute;z-index:2;left:34px;bottom:34px;width:min(430px,calc(100% - 68px));padding:20px;border-radius:18px;background:rgba(10,10,10,.82);backdrop-filter:blur(14px);border:1px solid var(--line)}.creator-stage{min-height:620px;position:relative;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 60% 35%,rgba(215,169,75,.18),transparent 30%),#0d0d0d;overflow:hidden}.creator-person{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:42%;height:80%;border-radius:34px 34px 0 0;overflow:hidden}.creator-person img{width:100%;height:100%;object-fit:cover}.content-card{position:absolute;width:180px;height:120px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#1a1712,#0d0d0d);padding:15px;box-shadow:0 20px 60px rgba(0,0,0,.4);animation:float 5s ease-in-out infinite}.c1{left:8%;top:12%}.c2{right:7%;top:17%;animation-delay:1s}.c3{left:11%;bottom:12%;animation-delay:2s}.c4{right:10%;bottom:10%;animation-delay:3s}.business-scene{background:radial-gradient(circle at 50% 20%,rgba(215,169,75,.11),transparent 25%),#080808}.company-stage{position:relative;min-height:760px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(180deg,#12100d,#090909);overflow:hidden;padding:28px}.org{position:absolute;inset:28px;display:grid;grid-template-rows:auto auto 1fr;gap:28px}.org-row{display:flex;justify-content:center;gap:16px;position:relative}.org-node{min-width:130px;padding:15px 14px;border-radius:16px;background:#0d0d0d;border:1px solid var(--line);text-align:center;box-shadow:0 16px 45px rgba(0,0,0,.32);opacity:0;transform:translateY(20px);transition:.6s ease}.org-node.show{opacity:1;transform:none}.org-node strong{display:block;font-size:13px}.org-node small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.owner{border-color:var(--gold);background:linear-gradient(180deg,#211b10,#0e0d0b)}.ceo{border-color:rgba(241,200,106,.65)}.dept-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.dept{display:grid;gap:9px;align-content:start}.dept .manager{border-color:rgba(215,169,75,.4)}.staff{font-size:11px;min-width:0;padding:11px}.flow-line{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4;margin:4px 8%}.briefing{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.metric{padding:16px;border-radius:14px;border:1px solid var(--line);background:#0c0c0c}.metric strong{font-size:24px;color:var(--gold2)}.today-board{display:grid;grid-template-columns:1fr 1fr;gap:18px}.today-panel{padding:24px;border-radius:24px;border:1px solid var(--line);background:#0d0d0d}.timeline{display:grid;gap:12px}.timeline div{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.control-gate{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding:34px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(90deg,#0d0d0d,#17130d,#0d0d0d)}.gate{width:90px;height:90px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold2);font-weight:900}.footer{padding:70px 0;border-top:1px solid rgba(255,255,255,.07);color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.reveal{opacity:0;transform:translateY(30px);transition:.8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.subhero{padding:150px 0 90px}.subhero h1{font-size:clamp(52px,7vw,100px);line-height:.95;margin:0 0 20px}.subhero p{max-width:760px;color:var(--muted);font-size:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{min-height:210px;padding:24px;border-radius:22px;border:1px solid var(--line);background:#0e0e0e}.feature h3{margin:0 0 10px}.feature p{color:var(--muted);line-height:1.55}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price{padding:30px;border-radius:24px;border:1px solid var(--line);background:#0e0e0e}.price.featured{border-color:var(--gold);background:linear-gradient(180deg,#19140c,#0e0e0e)}.mobile-toggle{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:10px;padding:8px 10px}@media(max-width:900px){.navlinks{display:none}.mobile-toggle{display:block}.hero .wrap,.scene-grid,.today-board{grid-template-columns:1fr}.hero{padding-top:100px}.team-orbit{height:520px;margin-top:-30px}.person{width:105px}.person.you{width:150px}.scene{padding:90px 0}.company-stage{min-height:1080px}.dept-cols{grid-template-columns:1fr 1fr}.feature-grid,.price-grid{grid-template-columns:1fr}.briefing{grid-template-columns:1fr 1fr}.control-gate{grid-template-columns:1fr;text-align:center}.gate{margin:auto}.footer-grid{display:grid}.mode-switch{margin-left:0}.business-link{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}