@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');:root{--bg:#090f18;--panel:#101a27;--panel2:#172536;--gold:#d9b47a;--white:#f6f3ec;--muted:#a6b0be;--line:rgba(231,220,197,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,105px);border-bottom:1px solid var(--line);gap:25px}.brand{font-size:13px;font-weight:700;letter-spacing:.22em;white-space:nowrap}.compass{font-size:29px;color:var(--gold);vertical-align:middle;margin-right:14px}.nav nav{display:flex;gap:32px;font-size:13px}.nav nav a{color:#e4e7eb}.navlink{font-size:13px;padding:14px 19px;border:1px solid rgba(217,180,122,.55);white-space:nowrap}.navlink span{color:var(--gold)}.hero{min-height:620px;max-width:1600px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:75px clamp(25px,7vw,120px) 95px;gap:40px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--gold);font-weight:700}.pulse,.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8cd7bd;box-shadow:0 0 14px #8cd7bd;margin-right:9px}.hero h1,.section-head h2,.under-stage h3,.more h2{font:400 clamp(47px,5.4vw,87px)/1.12 'Playfair Display',Georgia,serif;letter-spacing:-.035em;margin:29px 0}.hero h1 em,.section-head em,.stage-side h3 em,.under-stage em{color:var(--gold);font-weight:400}.hero-copy>p{color:var(--muted);font-size:17px;line-height:1.8;max-width:540px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:40px;flex-wrap:wrap}.hero-actions>span{color:#8f9bab;font-size:12px}.primary{border:0;background:var(--gold);color:#151923;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;font-weight:700;font-size:13px;padding:19px 23px;transition:transform .2s,background .2s}.primary:hover{background:#f0cf97;transform:translateY(-2px)}.hero-art{height:390px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:'';position:absolute;width:310px;height:310px;background:radial-gradient(circle,#d4b17a28,transparent 65%);filter:blur(25px)}.orbit{position:absolute;border:1px solid #d9b47a4d;border-radius:50%;transform:rotate(-25deg)}.orbit1{width:220px;height:220px}.orbit2{width:335px;height:335px}.orbit3{width:445px;height:445px;border-style:dashed;opacity:.4}.hero-core{position:relative;width:150px;height:150px;border:1px solid #e1c38e80;border-radius:50%;background:linear-gradient(135deg,#293748,#0a1019);display:grid;place-items:center;font:48px Georgia,serif;box-shadow:0 20px 90px #0009}.hero-core span{position:absolute;bottom:20px;font-size:18px;color:var(--gold)}.floating{position:absolute;padding:13px 18px;background:#142232;border:1px solid #d9b47a50;color:var(--gold);font-size:11px;letter-spacing:.1em;box-shadow:0 15px 35px #0008}.floating b{color:white;margin-left:10px}.one{top:45px;right:0}.two{bottom:65px;left:0}.three{bottom:30px;right:0}.workshop{padding:90px clamp(22px,7vw,120px) 110px;background:#0d1520}.section-head{max-width:1380px;margin:0 auto 35px;display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head h2{font-size:clamp(38px,4vw,64px);margin:15px 0 0}.section-head p{max-width:360px;color:var(--muted);font-size:13px;line-height:1.8}.tabs{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tab{padding:20px 14px;background:#111c29;color:#c2cbd5;border:1px solid var(--line);text-align:left;font-size:13px;font-weight:700;transition:.2s}.tab span{color:var(--gold);font-size:11px;margin-right:10px}.tab:hover{background:#1d2c3c}.tab.active{background:#2c2b27;color:#f4e2c5;border-color:var(--gold)}.stage{max-width:1380px;margin:auto;border:1px solid #d9b47a55;background:var(--panel);box-shadow:0 35px 100px #0006}.stage-top{height:50px;padding:0 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);color:#98a8b8;font-size:10px;letter-spacing:.14em}.stage-lights{display:flex;gap:6px}.stage-lights i{width:7px;height:7px;border-radius:50%;background:#657483}.stage-lights i:first-child{background:var(--gold)}.live{color:#c5dbd0}.stage-grid{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);min-height:520px}.stage-side{padding:clamp(26px,3vw,48px);border-right:1px solid var(--line)}.stage-side h3{font:400 clamp(31px,3vw,47px)/1.16 'Playfair Display',Georgia,serif;margin:20px 0}.stage-side>p{color:var(--muted);line-height:1.75;font-size:14px;min-height:90px}.metric{border-top:1px solid var(--line);padding-top:18px;margin:25px 0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.metric span{width:100%;color:#b0b9c3;font-size:12px}.metric strong{font:42px Georgia,serif;color:var(--gold)}.metric small{font-size:11px;color:#7e8e9e}.action{width:100%;margin-bottom:13px}.subtle{background:transparent;border:0;color:#bbc6d0;padding:9px 0;font-size:12px}.subtle:hover{color:var(--gold)}.feedback{margin-top:15px;color:#a2b5c2;font-size:12px;line-height:1.6;min-height:38px}.demo{padding:clamp(16px,3vw,35px);background:radial-gradient(circle at 75% 10%,#20354a,#0d1723 65%);min-width:0}.app{border:1px solid #42546a;border-radius:10px;overflow:hidden;background:#0d1722;box-shadow:0 18px 45px #0008}.appbar{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#192838;border-bottom:1px solid #34495d;gap:8px}.appbar b{font-size:12px;letter-spacing:.04em}.appbar small{color:#a6b7c5;font-size:10px}.appbody{padding:22px;min-height:370px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:19px}.stat{background:#1b2c3d;border:1px solid #31455a;padding:16px 13px}.stat small{display:block;color:#aab8c7;font-size:10px;margin-bottom:11px}.stat strong{font-size:24px;color:#e8d2ad}.feedtitle{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;margin-bottom:11px}.tag{font-size:10px;border:1px solid #4b7b71;color:#9ce0c9;padding:5px 8px}.entry{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#152333;border:1px solid #2c4054;padding:12px;margin-bottom:7px;font-size:12px;animation:appear .35s ease both}.entry small{color:#9eb0be}.entry b{font-weight:600}.empty{padding:42px 15px;text-align:center;color:#8193a3;border:1px dashed #34475a;font-size:13px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.time-step{padding:14px 9px;text-align:center;border:1px solid #34475a;background:#142232;color:#879aab;font-size:10px;transition:.35s}.time-step.on{border-color:#d9b47a;background:#473b2c;color:#f1d6a7}.time-step span{display:block;font-size:17px;margin-bottom:7px}.web-preview{background:#f4efe6;color:#24201b;border-radius:4px;overflow:hidden;min-height:350px;transition:background .3s,color .3s}.web-preview.dark{background:#101b27;color:#e6e8eb}.web-preview.color{background:#dd684e;color:#1e1716}.webnav{padding:17px 23px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;border-bottom:1px solid currentColor}.web-inner{padding:32px 30px;display:grid;grid-template-columns:1fr .7fr;gap:20px;align-items:center}.web-inner h4{font:40px/1.1 Georgia,serif;margin:13px 0}.web-inner p{font-size:12px;line-height:1.7;opacity:.75}.web-shape{height:200px;background:linear-gradient(145deg,#d6b68e,#a16c59);border-radius:150px 150px 8px 8px;box-shadow:inset -35px -20px 0 #0002}.web-preview.dark .web-shape{background:linear-gradient(145deg,#d9b47a,#435b76)}.web-preview.color .web-shape{background:linear-gradient(145deg,#f3c064,#8d3268)}.styles{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.stylebtn{border:1px solid #516477;background:#172638;color:#d4dce5;padding:10px 13px;font-size:11px}.stylebtn.selected{border-color:var(--gold);color:var(--gold)}.builder{display:grid;grid-template-columns:1fr 1fr;gap:12px}.buildcard{border:1px solid #3b5065;background:#17283a;padding:17px;min-height:115px;text-align:left;color:#dce5ef;transition:.2s}.buildcard strong{display:block;font-size:13px;margin-bottom:8px}.buildcard small{font-size:11px;color:#a9b8c7;line-height:1.6}.buildcard.active{background:#3b332b;border-color:var(--gold)}.solution{margin-top:15px;background:#0e202b;border:1px solid #3a695c;padding:20px}.solution small{display:block;color:#94b8aa;margin-bottom:8px}.solution strong{color:#f3e1bf}.under-stage{max-width:1380px;margin:0 auto;padding:40px 0 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.under-stage h3{font:36px Georgia,serif;margin:12px 0}.under-stage p{color:var(--muted);font-size:13px}.more{padding:85px clamp(22px,7vw,120px);max-width:1600px;margin:auto}.more h2{font-size:47px}.more-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.more-links a{border:1px solid var(--line);padding:25px 17px;font-size:13px;display:flex;justify-content:space-between}.more-links a:hover{border-color:var(--gold)}.more-links span{color:var(--gold)}footer{border-top:1px solid var(--line);padding:30px clamp(22px,7vw,120px);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:#a6b0bd;letter-spacing:.07em}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:260px}.orbit3{width:300px;height:300px}.orbit2{width:250px;height:250px}.orbit1{width:160px;height:160px}.hero-core{width:115px;height:115px}.floating{font-size:9px}.section-head{display:block}.stage-grid{grid-template-columns:1fr}.stage-side{border-right:0;border-bottom:1px solid var(--line)}.stage-side>p{min-height:0}.more-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.nav{height:68px;padding:0 18px}.nav nav{display:none}.brand{font-size:11px}.navlink{font-size:11px;padding:11px}.hero{padding:45px 23px 65px;min-height:0}.hero h1{font-size:48px}.hero-art{height:210px}.floating{display:none}.tabs{grid-template-columns:repeat(2,1fr)}.tab{font-size:12px;padding:15px 10px}.stage-top #stage-name{display:none}.appbody{padding:12px}.stats{gap:5px}.stat{padding:10px 7px}.stat strong{font-size:20px}.timeline{gap:3px}.time-step{padding:10px 3px;font-size:9px}.web-inner{grid-template-columns:1fr;padding:22px}.web-shape{display:none}.under-stage{align-items:start;flex-direction:column}.more-links{grid-template-columns:1fr}.more h2{font-size:38px}.builder{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}