@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--black:#090909;--ink:#10100f;--card:#151512;--gold:#e9b949;--gold2:#ffd77a;--cream:#f4efe3;--muted:#969083;--line:rgba(233,185,73,.2);--scroll:0px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}main{overflow:hidden}.wrap{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}
.nav{position:absolute;z-index:20;top:0;left:0;width:100%;height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:13px;font:600 13px/1 "Manrope";letter-spacing:.17em}.brand b{color:var(--gold);font-weight:600}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);color:var(--gold);font:800 22px/1 "Manrope";transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}.navlinks{display:flex;align-items:center;gap:38px;font-size:13px}.navlinks>a:not(.nav-discord){color:#c9c3b7}.navlinks>a:hover{color:var(--gold)}.nav-discord{border-left:1px solid rgba(255,255,255,.18);padding-left:38px;color:var(--gold);display:flex;gap:12px}.menu{display:none;background:none;border:0}
.hero{position:relative;min-height:860px;height:100vh;display:flex;align-items:center;padding:130px 7vw 80px}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(6,6,6,.86) 28%,rgba(6,6,6,.15) 66%,rgba(6,6,6,.15)),linear-gradient(0deg,rgba(5,5,5,.78),transparent 35%)}.hero-copy{position:relative;z-index:2;max-width:710px}.eyebrow,.section-number{text-transform:uppercase;letter-spacing:.23em;font:600 11px/1.4 "Manrope";color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{width:34px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font:500 clamp(62px,7.2vw,116px)/.91 "Manrope";letter-spacing:-.07em;margin:24px 0 30px}.hero h1 em,h2 em{font-style:normal;color:var(--gold)}.hero-copy>p{font-size:18px;line-height:1.7;color:#b7b0a3;max-width:625px}.hero-actions{display:flex;gap:14px;margin-top:38px}.button{min-height:56px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;gap:20px;text-transform:uppercase;letter-spacing:.14em;font:700 11px/1 "Manrope";transition:.25s}.button.gold{background:var(--gold);color:#14110b}.button.gold:hover{background:var(--gold2);transform:translateY(-2px)}.button.ghost{border:1px solid rgba(255,255,255,.24);color:#e8e1d4}.button.ghost:hover{border-color:var(--gold);color:var(--gold)}.play{font-size:9px;border:1px solid #777064;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;padding-left:2px}.micro{display:flex;gap:35px;margin-top:29px;color:#837e74;font-size:11px}.micro span:before{content:"";display:inline-block;width:4px;height:4px;background:var(--gold);margin:0 10px 2px 0}.scroll-cue{position:absolute;z-index:2;bottom:38px;right:6vw;display:flex;align-items:center;gap:18px;text-transform:uppercase;letter-spacing:.18em;font-size:9px;color:#8e887d}.scroll-cue i{height:42px;width:1px;background:var(--gold)}
.ticker{height:58px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#777166;font:600 10px "Manrope";letter-spacing:.25em}.ticker div{word-spacing:24px;animation:ticker 22s linear infinite}.ticker b{color:var(--gold)}@keyframes ticker{to{transform:translateX(-30%)}}
.overview{padding-top:150px;padding-bottom:170px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:48px}.overview h2,.section-head h2,.proof h2,.setup h2,.opensource h2,.faq h2,.cta h2{font:500 clamp(42px,5vw,72px)/1.02 "Manrope";letter-spacing:-.055em;margin:0}.lead{font-size:21px;line-height:1.65;color:#c0b8ab;max-width:600px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:62px;border-top:1px solid var(--line)}.stat-row div{padding-top:24px}.stat-row strong{display:block;font:500 34px "Manrope";color:var(--gold)}.stat-row span{font-size:11px;color:#898378;text-transform:uppercase;letter-spacing:.12em}
.features{padding-bottom:170px}.section-head{display:grid;grid-template-columns:1fr 1.5fr .8fr;align-items:end;gap:50px;margin-bottom:80px}.section-head .section-number{align-self:start}.section-head>p{color:#918b80;line-height:1.7;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-grid article{min-height:330px;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:linear-gradient(145deg,rgba(255,255,255,.018),transparent)}.feature-top{display:flex;justify-content:space-between;color:#6f6a60;font:500 11px "Manrope";letter-spacing:.15em}.feature-top i{color:var(--gold);font-style:normal}.feature-grid h3{font:600 23px "Manrope";margin:78px 0 18px}.feature-grid p{color:#8f897e;line-height:1.65;font-size:14px;max-width:310px}.feature-line{position:absolute;left:35px;right:35px;bottom:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.35s}.feature-grid article:hover{background:#12120f}.feature-grid article:hover .feature-line{transform:scaleX(1)}
.showcase{padding:145px 0;background:#11110f}.gallery{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:310px 310px;gap:16px}.gallery figure{position:relative;margin:0;overflow:hidden;background:#050505;border:1px solid rgba(233,185,73,.2)}.gallery-home{grid-row:1/3}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .5s ease;filter:saturate(.85)}.gallery figure:hover img{transform:scale(1.035);filter:saturate(1)}.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:70px 28px 25px;background:linear-gradient(transparent,rgba(0,0,0,.88));display:flex;justify-content:space-between;align-items:end}.gallery figcaption span{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font:600 9px "Manrope"}.gallery figcaption strong{font:500 15px "Manrope"}
.proof{background:#11110f;padding:140px 0}.proof-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:100px;align-items:center}.proof-copy h2{margin:38px 0 28px}.proof-copy>p{color:#9d968a;line-height:1.75;font-size:16px}.proof ul{list-style:none;padding:0;margin:40px 0 0}.proof li{display:flex;align-items:center;gap:13px;padding:12px 0;color:#c8c1b4;font-size:13px;border-bottom:1px solid rgba(255,255,255,.06)}.proof li svg{width:17px;height:17px;padding:3px;border:1px solid var(--gold);stroke:var(--gold);fill:none}.interface-card{position:relative;background:#090909;border:1px solid rgba(233,185,73,.26);padding:42px 22px 22px;box-shadow:0 25px 80px rgba(0,0,0,.55)}.interface-card img{display:block;width:100%;max-height:610px;object-fit:cover;object-position:top}.window-bar{position:absolute;top:0;left:0;right:0;height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid #25241f}.window-bar i{width:7px;height:7px;border-radius:50%;background:#625f58}.window-bar i:first-child{background:var(--gold)}.window-bar span{margin-left:auto;font:500 8px "Manrope";letter-spacing:.18em;color:#777269}.image-note{position:absolute;right:-25px;bottom:42px;background:var(--gold);color:#111;padding:14px 18px;text-transform:uppercase;letter-spacing:.15em;font:700 8px "Manrope";transform:rotate(-90deg) translateX(100%);transform-origin:right bottom}
.setup{padding-top:160px;padding-bottom:170px}.section-head.compact{grid-template-columns:1fr 2fr}.steps{border-top:1px solid var(--line);margin-top:70px}.steps>a{display:grid;grid-template-columns:90px 1fr 70px;gap:30px;align-items:center;padding:38px 20px;border-bottom:1px solid var(--line);transition:.25s}.steps>a:hover{background:#11110f;padding-left:30px}.step-num{font:500 11px "Manrope";letter-spacing:.2em;color:var(--gold)}.steps small{text-transform:uppercase;color:#756f65;font:600 8px "Manrope";letter-spacing:.2em}.steps h3{font:600 26px "Manrope";margin:9px 0}.steps p{margin:0;color:#8d877b;font-size:14px}.steps b{display:grid;place-items:center;width:52px;height:52px;border:1px solid #3b382f;color:var(--gold);font-size:22px}
.opensource{position:relative;min-height:720px;background:#e8b94d;color:#15120b;display:grid;place-items:center;text-align:center;overflow:hidden}.os-content{position:relative;z-index:2;max-width:720px;padding:100px 30px}.opensource .section-number{color:#332b18}.opensource h2{margin:30px 0 22px}.opensource h2 em{color:#fff4cf}.opensource p{max-width:570px;margin:0 auto 38px;line-height:1.7;color:#564722}.opensource .button.gold{background:#12110e;color:#f0c963}.code-mark{display:block;font:500 28px "Manrope";margin-bottom:30px}.os-orbit{position:absolute;border:1px solid rgba(20,17,10,.18);border-radius:50%}.orbit-one{width:780px;height:780px}.orbit-two{width:520px;height:520px}.os-orbit:after{content:"✦";position:absolute;top:11%;left:10%;font-size:22px;animation:spin 16s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.faq{padding-top:160px;padding-bottom:170px;display:grid;grid-template-columns:.7fr 1.3fr;gap:130px}.faq-title h2{margin-top:40px}.faq-list{border-top:1px solid var(--line)}.faq-list button{width:100%;background:none;color:inherit;border:0;border-bottom:1px solid var(--line);text-align:left;padding:0;cursor:pointer}.faq-list button>div{display:grid;grid-template-columns:45px 1fr 30px;align-items:center;padding:26px 0}.faq-list span{color:var(--gold);font:500 9px "Manrope";letter-spacing:.15em}.faq-list strong{font:500 17px "Manrope"}.faq-list i{font-style:normal;color:var(--gold);font-size:23px;text-align:right}.faq-list p{max-height:0;overflow:hidden;margin:0;padding-left:45px;color:#938d82;line-height:1.7;font-size:14px;transition:.35s}.faq-list .open p{max-height:140px;padding-bottom:26px}
.cta{min-height:680px;display:grid;place-items:center;text-align:center;position:relative;background:radial-gradient(circle at 50% 60%,#302610 0,transparent 45%)}.cta>div:not(.cta-glow){position:relative;z-index:2}.cta .eyebrow{justify-content:center}.cta h2{font-size:clamp(58px,7vw,100px);margin:25px 0 20px}.cta p{color:#969084}.cta .hero-actions{justify-content:center}.cta-glow{position:absolute;width:500px;height:500px;border:1px solid rgba(233,185,73,.12);border-radius:50%;box-shadow:0 0 100px rgba(233,185,73,.06)}
footer{border-top:1px solid var(--line);padding:55px 5vw 30px}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top>div{display:flex;gap:30px;color:#9b958a;font-size:12px}.footer-top a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:50px;margin-top:65px;padding-top:24px;border-top:1px solid rgba(255,255,255,.07);color:#5e5a52;font-size:10px;line-height:1.5}.footer-bottom p{max-width:760px;margin:0}.footer-bottom span{white-space:nowrap}
.proof li .check{width:17px;height:17px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font-size:11px;flex:0 0 auto}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.wrap{padding-left:24px;padding-right:24px}.nav{height:72px;padding:0 22px}.nav .brand>span:last-child{display:none}.menu{display:block;width:36px;height:36px;padding:10px}.menu i{display:block;height:1px;background:var(--gold);margin:5px 0}.navlinks{position:absolute;top:72px;left:0;right:0;background:#0b0b0a;flex-direction:column;align-items:flex-start;padding:30px;display:none}.navlinks.show{display:flex}.nav-discord{border-left:0;padding-left:0}.hero{min-height:760px;padding:130px 24px 70px;align-items:flex-end}.hero-art{object-position:center}.hero-shade{background:linear-gradient(0deg,#070707 10%,rgba(7,7,7,.72) 64%,rgba(7,7,7,.2))}.hero h1{font-size:58px}.hero-copy>p{font-size:15px}.micro,.scroll-cue{display:none}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.overview,.features,.setup{padding-top:100px;padding-bottom:110px}.overview-grid,.proof-grid,.faq{grid-template-columns:1fr;gap:55px}.overview-grid{margin-top:35px}.section-head,.section-head.compact{grid-template-columns:1fr;gap:26px;margin-bottom:50px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:270px}.feature-grid h3{margin-top:55px}.showcase{padding:100px 0}.gallery{grid-template-columns:1fr;grid-template-rows:360px 240px 240px}.gallery-home{grid-row:auto}.gallery figcaption{padding:60px 18px 18px}.proof{padding:100px 0}.image-note{display:none}.faq{padding-top:100px;padding-bottom:110px}.steps>a{grid-template-columns:45px 1fr 42px;gap:8px;padding:28px 0}.steps h3{font-size:19px}.steps p{font-size:12px}.steps b{width:38px;height:38px}.opensource{min-height:620px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-top>div{flex-wrap:wrap}.footer-bottom{margin-top:40px}.cta{padding:90px 24px}.cta h2{font-size:58px}}
@media(max-width:520px){.stat-row{gap:15px}.stat-row strong{font-size:26px}.stat-row span{font-size:8px}.interface-card{padding:42px 8px 8px}.hero h1{font-size:51px}.steps p{display:none}}
.stat-row{grid-template-columns:repeat(4,1fr);gap:18px}.stat-row strong{font-size:clamp(19px,1.8vw,30px)}.stat-row span{line-height:1.45}
@media(max-width:600px){.stat-row{grid-template-columns:repeat(2,1fr);row-gap:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Fully opaque black-and-gold controls */
.nav{background:#080808;border-bottom:1px solid #e9b949;box-shadow:0 12px 40px #000;backdrop-filter:none}
.navlinks>a:not(.nav-discord){color:#fff8eb;font-weight:600;text-shadow:0 2px 8px #000}
.nav-discord{border:1px solid #e9b949;background:#080808;padding:13px 17px;color:var(--gold);align-items:center;box-shadow:0 8px 22px #000}
.nav-discord:hover{background:#1b170e;border-color:var(--gold)}
.button{box-shadow:0 12px 28px rgba(0,0,0,.5)}
.button.gold{background:#e9b949;border:1px solid #e9b949;color:#080808}
.button.ghost{background:#080808;border-color:#e9b949;color:#fff9ed;backdrop-filter:none}
.button.ghost:hover{background:#19150d}
.discord-button{background:#080808!important}
.play{background:#080809;border-color:var(--gold);color:var(--gold)}
.micro{color:#c8c1b5;text-shadow:0 2px 6px #000}
.scroll-cue{color:#d2cabc;text-shadow:0 2px 6px #000}
@media(max-width:900px){.nav{background:#080808}.navlinks{align-items:stretch;background:#080808;box-shadow:0 20px 35px #000}.nav-discord{padding:15px 17px;justify-content:center}}