*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:#040504;color:#eee9df;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}
::selection{background:#c9a463;color:#080806}
:root{--gold:#c9a463;--gold2:#8f6d39;--text:#eee9df;--muted:#a09d94;--line:rgba(238,233,223,.14);--green:#8ea889;--max:1260px}

#scene-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}
#pinned-stage{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}
#pinned-stage>*{pointer-events:auto}
#scroll-spacer{height:760vh;position:relative}
.after-story{position:relative;z-index:4;min-height:100vh;padding:140px 7vw 100px;background:#060706}
.after-inner{width:min(1100px,100%);margin:auto}
.footer{position:relative;z-index:5;padding:42px 6vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;color:#69675f;font:9px "DM Mono",monospace;letter-spacing:.11em;background:#060706}
.footer p{margin:0;color:#69675f;font:9px "DM Mono",monospace}.footer .nav-logo{color:#ddd8cf}

#pinned-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 42%,rgba(201,164,99,.035),transparent 47%),linear-gradient(180deg,rgba(3,4,3,.04),rgba(3,4,3,.30))}
#pinned-stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 18%,rgba(0,0,0,.08) 60%,rgba(0,0,0,.62) 100%)}

.top-nav{position:absolute;z-index:30;left:0;right:0;top:0;height:82px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(238,233,223,.08);background:rgba(4,5,4,.26);backdrop-filter:blur(5px)}
.nav-logo{font-size:12px;line-height:1.02;letter-spacing:.13em;display:flex;flex-direction:column}.nav-logo span{color:var(--gold);font-weight:700}
.nav-links{display:flex;gap:34px}.nav-links a{font:9px "DM Mono",monospace;letter-spacing:.14em;color:#8a8880;transition:.25s}.nav-links a.active,.nav-links a:hover{color:#e8e2d6}
.nav-cta{border:1px solid rgba(201,164,99,.58);border-radius:999px;padding:11px 16px;font:9px "DM Mono";letter-spacing:.12em;color:#e8dcc7;transition:.3s}.nav-cta:hover{background:var(--gold);color:#0a0907}.nav-cta span{margin-left:9px}
.menu{display:none;border:0;background:none;padding:8px;cursor:pointer}.menu i{transition:.25s}.menu i{display:block;width:23px;height:1px;background:#ddd;margin:5px}

.hud{position:absolute;left:4.5vw;right:4.5vw;top:105px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none}
.hud-beat{font:9px "DM Mono";letter-spacing:.16em;color:var(--gold)}.hud-coords{font:8px "DM Mono";letter-spacing:.12em;color:#69675f}
.rail{position:absolute;right:4.3vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:13px;z-index:5}.rail-dot{width:5px;height:5px;border-radius:50%;border:1px solid #68665f;transition:.35s}.rail-dot.active{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 5px rgba(201,164,99,.08)}
.scene-label{position:absolute;left:4.5vw;bottom:27px;font:8px "DM Mono";letter-spacing:.13em;color:#595852}

.story-text{position:absolute;inset:0;padding:15vh 8vw 10vh;display:flex;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(24px)}
.story-text.active{visibility:visible;pointer-events:auto}
.story-text>div{width:min(760px,100%);margin-left:5%;position:relative}
.story-text:nth-of-type(even)>div{margin-left:5%;}.story-text:nth-of-type(odd)>div{margin-left:5%}
.eyebrow{font:9px "DM Mono",monospace;letter-spacing:.18em;color:var(--gold);margin-bottom:24px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(142,168,137,.08);margin-right:8px}
.headline{font-family:"Playfair Display",serif;font-size:clamp(62px,8.2vw,130px);line-height:.84;letter-spacing:-.055em;font-weight:500;margin:0;color:#eee9df}.headline em{font-style:italic;color:var(--gold)}
.sub{font-size:clamp(21px,2.4vw,34px);color:#d7d2c9;margin:31px 0 12px;font-weight:500}.body-copy{max-width:630px;font-size:14px;line-height:1.8;color:#99968e;margin:24px 0 34px}
.btn{display:inline-flex;gap:25px;align-items:center;border:0;background:var(--gold);color:#090806;padding:16px 22px;border-radius:999px;font:700 9px "DM Mono";letter-spacing:.13em;cursor:pointer;box-shadow:0 18px 50px rgba(201,164,99,.12);transition:.3s}.btn:hover{box-shadow:0 20px 70px rgba(201,164,99,.22);transform:translateY(-2px)}.arrow{font-size:14px}
.btn-large{padding:18px 25px}.micro-proof{display:flex;align-items:center;gap:13px;margin-top:35px;font:8px "DM Mono";letter-spacing:.12em;color:#6e6b63}.micro-proof i{width:3px;height:3px;border-radius:50%;background:#55534e}
.panel{padding:42px 45px;border:1px solid rgba(238,233,223,.11);background:rgba(10,12,10,.53);backdrop-filter:blur(12px);box-shadow:0 30px 100px rgba(0,0,0,.28);border-radius:18px}.wide-panel{width:min(1000px,100%);margin-left:0!important}
.variable-stream{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.variable-stream span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:#73716a;font:8px "DM Mono";letter-spacing:.12em}
.system-state{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;border-top:1px solid var(--line);margin-top:35px;padding-top:18px}.system-state span,.system-state small{font:8px "DM Mono";letter-spacing:.12em;color:#66645e}.system-state strong{font:11px "DM Mono";letter-spacing:.1em;color:var(--gold)}
.engine-stage{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:42px}.engine-step{padding:22px 18px;border-right:1px solid var(--line);min-height:130px;opacity:.35;transition:.5s}.engine-step:first-child{border-left:1px solid var(--line)}.engine-step.active{opacity:1;background:linear-gradient(180deg,rgba(201,164,99,.07),transparent)}.engine-step b{font:9px "DM Mono";color:var(--gold);display:block;margin-bottom:25px}.engine-step span{font:11px "DM Mono";letter-spacing:.11em;display:block}.engine-step small{font:8px "DM Mono";color:#66645e;display:block;margin-top:8px}
.transform-list{margin-top:42px;max-width:930px}.transform-list>div{display:grid;grid-template-columns:1fr 60px 1.5fr;align-items:center;padding:18px 0;border-top:1px solid var(--line);font:10px "DM Mono";letter-spacing:.09em}.transform-list>div:last-child{border-bottom:1px solid var(--line)}.transform-list span{color:#68665f}.transform-list b{font-weight:400;color:#4e4c47;text-align:center}.transform-list strong{font-weight:400;color:#e8e2d7}
.timeline{max-width:600px;border-top:1px solid var(--line);margin-top:35px}.timeline div{display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid var(--line);padding:17px 0}.timeline b{font:9px "DM Mono";color:var(--gold)}.timeline span{font:9px "DM Mono";letter-spacing:.14em;color:#a8a39a}
.access-copy{text-align:center!important;margin:0 auto!important;max-width:920px}.access-copy .body-copy{margin-left:auto;margin-right:auto}.footnote{font:8px "DM Mono";letter-spacing:.14em;color:#55534e;margin-top:21px}
.scroll-cue{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;color:#626058;font:8px "DM Mono";letter-spacing:.18em}.chevron{width:7px;height:7px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg);animation:cue 1.5s ease-in-out infinite}.loader-mark{font:11px "DM Mono";letter-spacing:.18em;color:#eee9df}.loader-mark span{color:var(--gold)}.loader-caption{font:7px "DM Mono";letter-spacing:.16em;color:#5e5c56;margin-top:13px}.loader-track{width:180px;height:1px;background:#242620;margin-top:22px}.loader-fill{height:100%;width:0;background:var(--gold)}
#loader{position:fixed;inset:0;background:#040504;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center}

.after-story h2{font:500 clamp(55px,7vw,95px) "Playfair Display";letter-spacing:-.05em;line-height:.9;margin:0 0 65px}.after-story h2 em{color:var(--gold);font-style:italic}.faq-list{max-width:850px;margin-left:auto}.faq-list details{border-top:1px solid var(--line);padding:24px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#ddd8cf}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--gold);font:17px "DM Mono"}details[open] summary:after{content:"×"}.faq-list p{font-size:12px;line-height:1.7;color:#89867f;max-width:700px}
.mobile-menu{display:none;position:absolute;inset:70px 0 auto 0;padding:24px 8vw;background:rgba(4,5,4,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);flex-direction:column;gap:0;z-index:20}.mobile-menu a{padding:17px 0;border-bottom:1px solid var(--line);font:10px "DM Mono",monospace;letter-spacing:.14em;color:#b8b3aa}.mobile-menu a:last-child{color:var(--gold)}.mobile-menu.open{display:flex}

@keyframes cue{0%,100%{transform:rotate(45deg) translate(0,0);opacity:.5}50%{transform:rotate(45deg) translate(4px,4px);opacity:1}}

@media(max-width:900px){
.nav-links,.nav-cta{display:none}.menu{display:block}.hud-coords{display:none}.rail{right:6vw}.story-text{padding:140px 9vw 90px}.story-text>div{margin:0!important}.headline{font-size:13.5vw}.panel{padding:30px 25px}.engine-stage{grid-template-columns:1fr 1fr}.engine-step{min-height:110px}.system-state{grid-template-columns:1fr}.footer{flex-direction:column;text-align:center}.scroll-cue{display:none}
}
@media(max-width:560px){
#scroll-spacer{height:780vh}.top-nav{height:70px}.hud{top:88px}.story-text{padding:125px 7vw 60px}.headline{font-size:15vw}.sub{font-size:20px}.body-copy{font-size:13px}.engine-stage{grid-template-columns:1fr}.engine-step{border-left:1px solid var(--line)!important}.transform-list>div{grid-template-columns:1fr 28px 1.3fr;font-size:8px}.rail{display:none}.panel{padding:25px 19px}.after-story{padding:110px 7vw}.after-story h2{font-size:15vw}
}
/* Interaction hardening */
.story-text{will-change:opacity,transform}
.btn:focus-visible,.nav-cta:focus-visible,.nav-links a:focus-visible,.menu:focus-visible,.mobile-menu a:focus-visible,summary:focus-visible{outline:1px solid var(--gold);outline-offset:5px}
@media(max-width:900px){.mobile-menu.open{display:flex}.top-nav{background:rgba(4,5,4,.48)}.story-text{overflow-y:auto}}
@media(max-width:560px){.mobile-menu{inset:70px 0 auto 0;padding:15px 7vw}.story-text{overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.chevron{animation:none}.story-text{transform:none!important}}

/* =========================================================
   ARTICLE / SEO PAGES
   ========================================================= */

.article-page {
    min-height: 100vh;
    padding: 180px 7vw 120px;
    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(201,164,99,.045),
            transparent 42%
        ),
        #060706;
    color: #ddd8cf;
}

.article-wrap {
    width: min(900px, 100%);
    margin: 0 auto;
}

.article-eyebrow {
    margin-bottom: 28px;
    color: var(--gold);
    font: 9px "DM Mono", monospace;
    letter-spacing: .18em;
}

.article-page h1 {
    max-width: 850px;
    margin: 0 0 35px;
    color: #eee9df;
    font-family: "Playfair Display", serif;
    font-size: clamp(48px, 6vw, 88px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.035em;
}

.article-intro {
    max-width: 720px;
    margin: 0 0 100px;
    color: #aaa69e;
    font: 18px "DM Sans", sans-serif;
    line-height: 1.8;
}

.article-page section {
    margin: 0 0 85px;
    padding-top: 45px;
    border-top: 1px solid var(--line);
}

.article-page h2 {
    margin: 0 0 28px;
    color: #e8e2d6;
    font-family: "Playfair Display", serif;
    font-size: clamp(30px, 3.2vw, 48px);
    font-weight: 400;
    line-height: 1.1;
}

.article-page p {
    max-width: 760px;
    margin: 0 0 22px;
    color: #8f8c84;
    font: 15px "DM Sans", sans-serif;
    line-height: 1.9;
}

.article-page ol {
    max-width: 760px;
    margin: 30px 0 0;
    padding-left: 25px;
    color: #8f8c84;
    font: 14px "DM Sans", sans-serif;
    line-height: 2;
}

.article-page li {
    padding-left: 8px;
    margin-bottom: 10px;
}

.article-faq {
    margin-bottom: 20px !important;
}

.article-faq details {
    border-top: 1px solid var(--line);
    padding: 24px 0;
}

.article-faq details:last-child {
    border-bottom: 1px solid var(--line);
}

.article-faq summary {
    color: #ddd8cf;
    font: 13px "DM Mono", monospace;
    letter-spacing: .04em;
}

.article-faq p {
    margin-top: 20px;
    margin-bottom: 0;
}


/* ARTICLE MOBILE */

@media (max-width: 900px) {

    .article-page {
        padding: 145px 9vw 90px;
    }

    .article-page h1 {
        font-size: clamp(42px, 10vw, 70px);
    }

    .article-intro {
        margin-bottom: 70px;
        font-size: 16px;
    }

    .article-page section {
        margin-bottom: 65px;
    }

}


@media (max-width: 560px) {

    .article-page {
        padding: 120px 7vw 70px;
    }

    .article-eyebrow {
        font-size: 8px;
    }

    .article-page h1 {
        font-size: 15vw;
        line-height: 1;
    }

    .article-intro {
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 55px;
    }

    .article-page section {
        padding-top: 32px;
        margin-bottom: 55px;
    }

    .article-page h2 {
        font-size: 11vw;
    }

    .article-page p {
        font-size: 14px;
        line-height: 1.8;
    }

    .article-page ol {
        font-size: 13px;
    }

}