:root{
      --bg:#050407;
      --bg-soft:#0a0710;
      --ink:#f5f1ed;
      --muted:#aaa1ac;
      --muted-2:#716a75;
      --violet:#8f36bd;
      --violet-bright:#cf5cff;
      --violet-dark:#260b34;
      --amber:#e2a447;
      --amber-bright:#f7ba57;
      --orange:#ff7628;
      --line:rgba(221,174,94,.22);
      --line-violet:rgba(181,71,226,.23);
      --serif:Georgia,"Times New Roman",serif;
      --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      --max:1480px;
      --radius:26px;
      --shadow:0 34px 110px rgba(0,0,0,.52);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;background:var(--bg)}
    body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 82% 8%,rgba(112,33,151,.24),transparent 34rem),radial-gradient(circle at 10% 36%,rgba(255,112,31,.07),transparent 28rem),linear-gradient(180deg,#050407 0%,#09060d 48%,#030304 100%)}
    body::before{content:"";position:fixed;inset:0;z-index:120;pointer-events:none;opacity:.065;mix-blend-mode:screen;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='.76' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.76'/%3E%3C/svg%3E")}
    body::after{content:"";position:fixed;inset:0;z-index:119;pointer-events:none;box-shadow:inset 0 0 150px rgba(0,0,0,.72)}
    a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:rgba(190,72,234,.42);color:#fff}
    .container{width:min(calc(100% - 52px),var(--max));margin-inline:auto}
    .section{position:relative;scroll-margin-top:78px;overflow:hidden}
    .eyebrow{margin:0 0 14px;color:#d879f4;font-size:.68rem;font-weight:800;letter-spacing:.27em;text-transform:uppercase}
    .title{margin:0;font-family:var(--serif);font-size:clamp(3.4rem,6vw,7.2rem);font-weight:400;line-height:.9;letter-spacing:-.035em}
    .title em{font-style:normal;color:var(--amber)}
    .copy{max-width:520px;margin:18px 0 0;color:var(--muted);font-size:1rem;line-height:1.72}
    .line-star{display:flex;align-items:center;gap:14px;margin:24px 0;color:var(--amber)}
    .line-star::before,.line-star::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,currentColor);opacity:.62}
    .line-star::after{background:linear-gradient(90deg,currentColor,transparent)}
    .line-star i{width:7px;height:7px;background:currentColor;transform:rotate(45deg);box-shadow:0 0 16px currentColor}
    .btn{min-height:58px;padding:0 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid rgba(223,174,91,.36);border-radius:10px;background:linear-gradient(180deg,rgba(18,13,20,.75),rgba(7,6,8,.92));color:#fff;font-size:.67rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
    .btn:hover{transform:translateY(-2px);border-color:rgba(231,182,99,.72);box-shadow:0 13px 34px rgba(0,0,0,.28)}
    .btn.primary{border-color:rgba(255,206,119,.64);background:linear-gradient(105deg,#b9812e,#e2ad50 53%,#c88c32);color:#090707;box-shadow:0 14px 36px rgba(199,135,42,.18),0 0 34px rgba(139,48,183,.14),inset 0 1px rgba(255,255,255,.34)}
    .arrow{font-size:1.25rem;font-weight:400;line-height:1}

    .topbar{position:fixed;inset:0 0 auto;z-index:100;height:72px;border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease}
    .topbar.scrolled{background:rgba(5,4,7,.8);border-color:rgba(255,255,255,.065);backdrop-filter:blur(22px)}
    .topbar-inner{width:min(calc(100% - 52px),var(--max));height:100%;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
    .nav-mark{width:16px;height:16px;border:1px solid rgba(225,166,76,.38);transform:rotate(45deg);opacity:.78}
    .desktop-nav{display:flex;align-items:center;justify-content:center;gap:35px}
    .desktop-nav a{position:relative;color:#aaa2ad;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase}
    .desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:linear-gradient(90deg,var(--amber),var(--violet-bright));transition:right .22s ease}
    .desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a:hover::after,.desktop-nav a.active::after{right:0}
    .tools{justify-self:end;display:flex;align-items:center;gap:16px}
    .lang{display:flex;gap:6px;color:#625b66;font-size:.65rem;letter-spacing:.16em}.lang button{border:0;background:none;padding:4px;color:#655e68}.lang button.active{color:var(--amber)}
    .menu-toggle{display:none;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:rgba(255,255,255,.02)}
    .menu-toggle span,.menu-toggle::before,.menu-toggle::after{content:"";display:block;width:18px;height:1px;background:var(--amber);transition:.25s}.menu-toggle span{margin:5px 0}.menu-toggle.open::before{transform:translateY(6px) rotate(45deg)}.menu-toggle.open span{opacity:0}.menu-toggle.open::after{transform:translateY(-6px) rotate(-45deg)}
    .mobile-menu{display:none;position:fixed;inset:70px 14px auto;z-index:99;padding:16px;border:1px solid var(--line-violet);background:rgba(8,6,11,.96);backdrop-filter:blur(20px)}.mobile-menu.open{display:grid}.mobile-menu a{padding:15px 8px;border-bottom:1px solid rgba(255,255,255,.06);font-family:var(--serif);font-size:1.72rem}.mobile-menu a:last-child{border-bottom:0}

    .hero{min-height:100svh;padding:72px 0 48px;isolation:isolate}
    .hero::before{content:"";position:absolute;inset:0;z-index:-4;background:radial-gradient(circle at 71% 40%,rgba(151,49,194,.36),transparent 29rem),radial-gradient(circle at 83% 55%,rgba(255,110,27,.11),transparent 25rem),linear-gradient(90deg,#050407 0 29%,rgba(5,4,7,.78) 47%,rgba(5,4,7,.06) 76%,rgba(5,4,7,.64) 100%)}
    .hero-grid{width:min(calc(100% - 52px),var(--max));min-height:calc(100svh - 120px);margin:auto;display:grid;grid-template-columns:minmax(0,.84fr) minmax(590px,1.16fr);align-items:center;position:relative}
    .hero-copy{position:relative;z-index:5;padding:60px 0 30px}
    .hero-logo{width:min(430px,78%);height:auto;margin-bottom:31px;filter:drop-shadow(0 0 22px rgba(255,255,255,.05))}
    .hero-kicker{display:flex;align-items:center;gap:12px;margin:0 0 19px;color:#d981f5;font-size:.68rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase}.hero-kicker::before{content:"";width:38px;height:1px;background:linear-gradient(90deg,var(--violet-bright),var(--amber))}
    .hero h1{margin:0;font-family:var(--serif);font-size:clamp(4.4rem,7.4vw,8.5rem);font-weight:400;line-height:.9;letter-spacing:-.036em;text-shadow:0 20px 58px rgba(0,0,0,.64)}.hero h1 em{font-style:normal;color:var(--amber)}
    .hero-sub{margin:0;color:#ddd5df;font-size:.7rem;letter-spacing:.2em;line-height:1.8;text-transform:uppercase}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
    .hero-index{display:flex;align-items:center;gap:25px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(222,175,96,.18);color:#8c8490;font-size:.61rem;letter-spacing:.15em;text-transform:uppercase}
    .hero-index a{display:flex;align-items:center;gap:9px;transition:color .2s}.hero-index a:hover{color:#fff}.hero-index i{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px rgba(229,165,66,.55)}
    .hero-art{position:absolute;inset:-8% -8% -8% 29%;z-index:0;pointer-events:none;isolation:isolate}
    .hero-art::before{content:"";position:absolute;inset:6% 2% 4% 6%;z-index:-3;background:radial-gradient(ellipse at 56% 45%,rgba(121,31,160,.52),rgba(30,8,39,.12) 48%,transparent 72%);filter:blur(22px)}
    .hero-art::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#050407 0,rgba(5,4,7,.86) 7%,transparent 28%,transparent 82%,rgba(5,4,7,.67) 100%),linear-gradient(180deg,rgba(5,4,7,.2),transparent 21%,transparent 66%,#050407 96%)}
    .hero-image{position:absolute;inset:0;z-index:-2;background:url('assets/hero-bust-creative.jpg') center 25%/cover no-repeat;filter:saturate(1.02) contrast(1.09);transform:scale(1.11) translateY(calc(var(--hero-shift,0) * 1px));-webkit-mask-image:radial-gradient(ellipse 82% 83% at 57% 44%,#000 54%,rgba(0,0,0,.96) 68%,transparent 100%);mask-image:radial-gradient(ellipse 82% 83% at 57% 44%,#000 54%,rgba(0,0,0,.96) 68%,transparent 100%)}
    .orbit{position:absolute;left:25%;top:37%;width:62%;height:175px;border:1px solid rgba(241,158,48,.58);border-radius:50%;transform:rotate(-10deg);box-shadow:0 0 24px rgba(239,144,38,.14),inset 0 0 18px rgba(241,157,47,.06);z-index:1}.orbit::after{content:"";position:absolute;right:11%;top:7%;width:8px;height:8px;border-radius:50%;background:#ffc05a;box-shadow:0 0 16px #ff8c20}.orbit.two{left:31%;top:40%;width:50%;height:122px;border-color:rgba(190,72,233,.29);transform:rotate(13deg)}.orbit.two::after{left:13%;right:auto;top:84%;background:#d25cff;box-shadow:0 0 16px #ba43ef}
    .scroll-cue{position:absolute;left:50%;bottom:20px;z-index:8;display:grid;place-items:center;gap:7px;transform:translateX(-50%);color:#69616c;font-size:.48rem;letter-spacing:.2em;text-transform:uppercase}.scroll-cue i{width:30px;height:13px;border:1px solid #77707a;border-radius:20px;position:relative}.scroll-cue i::after{content:"";position:absolute;left:5px;top:4px;width:4px;height:4px;border-radius:50%;background:var(--amber);animation:scrollCue 1.8s ease-in-out infinite}@keyframes scrollCue{50%{transform:translateX(14px)}}
    .marquee{overflow:hidden;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055);background:rgba(6,5,8,.66)}.marquee-track{width:max-content;display:flex;animation:marquee 30s linear infinite;padding:13px 0}.marquee-track span{padding:0 34px;color:#77707a;font-size:.58rem;letter-spacing:.23em;text-transform:uppercase}.marquee-track b{color:var(--amber);font-weight:700}@keyframes marquee{to{transform:translateX(-50%)}}
