:root{--black:#050505;--panel:#0c0c0c;--panel2:#121212;--line:#292929;--soft:#9b9b9b;--white:#f1efe9;--gold:#c69a32;--gold2:#e3bd62;--silver:#b8b8b5;--brand:#c69a32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.045;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-nav{height:82px;position:fixed;inset:0 0 auto;z-index:80;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,5,5,.55);backdrop-filter:blur(16px);transition:.4s}.site-nav.scrolled{height:68px;background:rgba(5,5,5,.9)}.brand img{width:118px;display:block}.site-nav nav{display:flex;gap:30px;margin-left:6vw}.site-nav a{color:#d8d8d5;text-decoration:none;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.site-nav nav a:hover{color:var(--gold2)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:22px}.status{font:500 10px DM Mono,monospace;color:#b7b7b4;letter-spacing:.08em}.status i,.dash-header>span i,.preview-hero span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#86d889;box-shadow:0 0 10px #86d889;margin-right:7px}.nav-cta{border:1px solid #766024;padding:12px 16px;color:var(--gold2)!important}.menu{display:none;background:none;border:0;color:#fff;font:500 10px DM Mono;letter-spacing:.12em}.portal-journey{height:700vh;position:relative}.portal-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 48%,#15130d 0,#080808 30%,#030303 72%)}#signalCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.8}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.016) 4px);pointer-events:none}.ambient{position:absolute;border-radius:50%;filter:blur(70px);opacity:.16}.ambient-a{width:36vw;height:36vw;background:#9c7424;left:32%;top:27%}.ambient-b{width:25vw;height:25vw;background:#7c7c72;left:38%;top:34%;opacity:.08}.portal-rings{position:absolute;left:50%;top:50%;width:min(64vw,760px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.62);opacity:.3;transition:filter .2s}.ring{position:absolute;inset:0;border:1px solid rgba(198,154,50,.2);border-radius:50%;box-shadow:inset 0 0 28px rgba(198,154,50,.025)}.ring-2{inset:8%;border-style:dashed;animation:spin 32s linear infinite}.ring-3{inset:18%;border-color:rgba(255,255,255,.15);animation:spinReverse 23s linear infinite}.ring-4{inset:28%;border:1px solid rgba(198,154,50,.45);box-shadow:0 0 50px rgba(198,154,50,.08)}.portal-frame{position:absolute;inset:31%;transform:rotate(45deg)}.portal-frame span{position:absolute;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 12px rgba(198,154,50,.5)}.portal-frame span:nth-child(1),.portal-frame span:nth-child(3){width:100%;height:1px}.portal-frame span:nth-child(2),.portal-frame span:nth-child(4){height:100%;width:1px}.portal-frame span:nth-child(1){top:0}.portal-frame span:nth-child(3){bottom:0}.portal-frame span:nth-child(2){left:0}.portal-frame span:nth-child(4){right:0}.portal-core{position:absolute;left:50%;top:50%;width:min(34vw,390px);transform:translate(-50%,-50%) scale(.72);z-index:6;text-align:center}.portal-core img{width:100%;display:block;filter:drop-shadow(0 0 30px rgba(198,154,50,.18))}.core-aura{position:absolute;inset:18%;border-radius:50%;background:rgba(198,154,50,.11);filter:blur(45px)}.core-label{position:absolute;left:50%;top:84%;transform:translateX(-50%);white-space:nowrap;font-family:DM Mono,monospace}.core-label small{display:block;color:#8a8a86;font-size:9px;letter-spacing:.18em}.core-label b{font-size:10px;color:var(--gold2);letter-spacing:.16em}.field-node{position:absolute;z-index:5;font-family:DM Mono,monospace;color:#c5c5c1;font-size:10px;letter-spacing:.08em;opacity:.35;transition:opacity .2s}.field-node i{display:block;width:8px;height:8px;border:1px solid var(--gold);transform:rotate(45deg);margin-bottom:8px;box-shadow:0 0 12px rgba(198,154,50,.4)}.field-node b,.field-node small{display:block}.field-node small{color:#646460;font-size:8px;margin-top:3px}.f1{left:9%;top:24%}.f2{left:15%;bottom:18%}.f3{right:13%;top:22%}.f4{right:9%;bottom:20%}.f5{left:49%;top:13%}.f6{left:52%;bottom:10%}.inside-world{position:absolute;inset:0;opacity:0;transform:scale(1.3);z-index:4}.depth-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(198,154,50,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(198,154,50,.09) 1px,transparent 1px);background-size:54px 54px;transform:perspective(700px) rotateX(68deg) translateY(48%);mask-image:linear-gradient(to bottom,transparent 5%,#000 45%,transparent 90%)}.system-rail{position:absolute;top:22%;display:grid;gap:38px;font:500 9px DM Mono;letter-spacing:.17em;color:#6d6d68}.rail-left{left:5%}.rail-right{right:5%;text-align:right}.inside-panel{position:absolute;width:210px;padding:18px;border:1px solid rgba(255,255,255,.12);background:rgba(9,9,9,.64);backdrop-filter:blur(12px)}.inside-panel:before{content:"";position:absolute;inset:-1px auto auto -1px;width:28px;height:1px;background:var(--gold)}.inside-panel small,.inside-panel em{display:block;font:400 9px DM Mono;letter-spacing:.12em;color:#8c8c87}.inside-panel strong{display:block;font-size:34px;margin:5px 0}.inside-panel em{font-style:normal;letter-spacing:0}.p1{left:15%;top:27%}.p2{right:14%;top:25%}.p3{left:20%;bottom:18%}.p4{right:19%;bottom:17%}.stream{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5;transform-origin:center}.stream-a{width:54%;left:23%;top:48%;transform:rotate(8deg)}.stream-b{width:45%;left:27%;top:56%;transform:rotate(-16deg)}.stream-c{width:38%;left:31%;top:42%;transform:rotate(28deg)}.journey-copy{position:absolute;left:6vw;top:50%;width:min(580px,46vw);transform:translateY(-42%) translateX(-20px);opacity:0;z-index:12;pointer-events:none;transition:opacity .55s,transform .55s}.journey-copy.active{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto}.journey-copy.centred{left:50%;text-align:center;transform:translate(-50%,-40%);width:min(690px,80vw)}.journey-copy.centred.active{transform:translate(-50%,-50%)}.journey-copy.right-copy{left:auto;right:6vw}.eyebrow,.kicker{font:500 10px DM Mono,monospace;letter-spacing:.17em;color:var(--gold2);text-transform:uppercase}.eyebrow span{display:inline-block;width:28px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.journey-copy h1{font-size:clamp(52px,6vw,100px);line-height:.94;letter-spacing:-.06em;margin:23px 0;font-weight:700}.journey-copy h1 em{font-style:normal;color:var(--gold2)}.journey-copy h2{font-size:clamp(40px,4.6vw,76px);line-height:1;letter-spacing:-.05em;margin:20px 0}.journey-copy>p:not(.eyebrow){font-size:16px;color:#b6b6b0;line-height:1.75;max-width:570px}.text-link{display:inline-block;margin-top:18px;color:#e5c46d;text-decoration:none;font:500 11px DM Mono;letter-spacing:.12em;border-bottom:1px solid #6f5921;padding-bottom:7px}.journey-hud{position:absolute;left:4vw;right:4vw;bottom:28px;display:grid;grid-template-columns:30px 1fr 130px;align-items:center;gap:18px;z-index:20;font:500 9px DM Mono;letter-spacing:.1em;color:#767671}.journey-hud>div{height:1px;background:#2b2b28}.journey-hud i{display:block;width:0;height:1px;background:var(--gold);box-shadow:0 0 8px rgba(198,154,50,.6)}.journey-hud small{text-align:right}.scroll-cue{position:absolute;right:4vw;top:50%;transform:rotate(90deg) translateY(-50%);transform-origin:right top;z-index:20;font:500 8px DM Mono;letter-spacing:.16em;color:#676763}.scroll-cue i{display:inline-block;width:44px;height:1px;background:#555;margin-left:10px;vertical-align:middle}.arrival,.platform-map,.control-room,.white-label,.infra,.application{padding:120px 6vw}.arrival{background:#efede7;color:#111}.arrival-mark{display:flex;align-items:center;gap:12px;font:500 9px DM Mono;letter-spacing:.16em;color:#6c634d}.arrival-mark span{width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}.arrival-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;margin-top:90px;align-items:end}.arrival h2,.section-head h2,.control-intro h2,.studio-copy h2,.application h2{font-size:clamp(40px,5vw,75px);line-height:1;letter-spacing:-.055em;margin:15px 0}.arrival-grid>p{font-size:18px;line-height:1.8;color:#54534f}.platform-map{background:#080808}.section-head{max-width:830px;margin-bottom:64px}.map-shell{border:1px solid var(--line);display:grid;grid-template-columns:250px 1fr 360px;min-height:480px}.map-tabs{display:flex;flex-direction:column;border-right:1px solid var(--line)}.map-tabs button{flex:1;background:none;border:0;border-bottom:1px solid var(--line);color:#777;text-align:left;padding:20px;display:flex;gap:16px;align-items:center;font:500 11px Manrope;cursor:pointer}.map-tabs button:last-child{border-bottom:0}.map-tabs button b{font:500 9px DM Mono;color:#555}.map-tabs button.active{color:#fff;background:#10100f}.map-tabs button.active b{color:var(--gold2)}.map-visual{position:relative;display:flex;align-items:center;justify-content:space-around;padding:40px}.map-track{position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,#333,var(--gold),#333)}.map-node{position:relative;z-index:2;width:62px;height:62px;border:1px solid #343434;background:#0a0a0a;transform:rotate(45deg);display:grid;place-items:center;transition:.35s}.map-node span{transform:rotate(-45deg);font:500 17px DM Mono;color:#777}.map-node small{position:absolute;transform:rotate(-45deg);top:73px;font:500 8px DM Mono;color:#666;letter-spacing:.14em}.map-node.active{border-color:var(--gold);box-shadow:0 0 28px rgba(198,154,50,.17);scale:1.12}.map-node.active span{color:var(--gold2)}.core-node{width:92px;height:92px}.core-node img{width:78px;transform:rotate(-45deg)}.map-shell article{padding:48px 36px;border-left:1px solid var(--line)}.map-shell article small{font:500 9px DM Mono;color:var(--gold2);letter-spacing:.14em}.map-shell article h3{font-size:31px;letter-spacing:-.03em;margin:17px 0}.map-shell article p,.map-shell li{color:#aaa;line-height:1.65}.map-shell article ul{padding-left:18px}.control-room{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;background:#0e0e0d}.control-intro{align-self:center}.control-intro>p:not(.kicker){color:#9d9d98;line-height:1.7;max-width:520px}.control-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.control-tabs button{background:#151514;border:1px solid #2b2b28;color:#898984;padding:11px 14px;cursor:pointer}.control-tabs button.active{border-color:#866b28;color:var(--gold2)}.dashboard-shell{border:1px solid #333;background:#080808;box-shadow:0 30px 90px rgba(0,0,0,.32)}.dash-header{height:58px;border-bottom:1px solid #282825;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:500 9px DM Mono;letter-spacing:.1em}.dash-header>div{display:flex;align-items:center;gap:11px}.brand-glyph{width:28px;height:28px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold2)}.dash-main{display:grid;grid-template-columns:90px 1fr;min-height:530px}.dash-sidebar{border-right:1px solid #242422;padding:20px 10px;display:grid;align-content:start;gap:8px}.dash-sidebar button{border:0;background:none;color:#666;text-align:left;padding:10px;font-size:10px}.dash-sidebar button.active{background:#141412;color:#e0c065;border-left:2px solid var(--gold)}.dash-content{padding:22px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-row article{border:1px solid #282825;background:#0e0e0d;padding:16px}.metric-row small,.metric-row span{display:block;font:400 8px DM Mono;color:#777;letter-spacing:.1em}.metric-row strong{display:block;font-size:24px;margin:8px 0}.chart-panel,.event-panel{border:1px solid #282825;background:#0b0b0a;margin-top:12px;padding:18px}.chart-title{display:flex;justify-content:space-between;align-items:start}.chart-title small,.chart-title span,.event-panel>small{font:400 8px DM Mono;color:#777;letter-spacing:.1em}.chart-title strong{display:block;margin-top:6px}.bars{height:175px;display:flex;align-items:end;gap:10px;padding-top:20px}.bars i{flex:1;background:linear-gradient(#d0aa4e,#423713);min-height:8%;transition:.45s}.event-panel p{display:flex;justify-content:space-between;border-top:1px solid #20201e;padding-top:10px;margin:10px 0 0;color:#aaa;font-size:11px}.event-panel b{font:500 8px DM Mono;color:#777}.white-label{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:#060606}.studio-copy{align-self:center}.studio-copy>p:not(.kicker){color:#999;line-height:1.7}.studio-copy label{display:block;margin-top:18px;font:500 9px DM Mono;color:#767672;letter-spacing:.1em}.studio-copy input{display:block;width:100%;margin-top:8px;background:#0e0e0e;border:1px solid #30302e;color:#fff;padding:14px;font:500 13px Manrope}.colour-wrap{display:flex;border:1px solid #30302e;margin-top:8px;align-items:center}.colour-wrap input{margin:0;border:0;width:70px;height:48px;padding:5px}.colour-wrap b{font:500 10px DM Mono;color:#aaa}.partner-preview{--brand:#c69a32;border:1px solid #333;background:#efeee9;color:#151515;min-height:580px;box-shadow:0 45px 100px rgba(0,0,0,.35)}.preview-nav{height:64px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.preview-nav>div{display:flex;align-items:center;gap:12px}.preview-nav span{width:34px;height:34px;background:var(--brand);display:grid;place-items:center;font-weight:800}.preview-nav small{font:500 8px DM Mono;color:#8e8e8a;letter-spacing:.12em}.preview-hero{padding:35px 30px 20px;position:relative}.preview-hero small{font:500 9px DM Mono;color:#777}.preview-hero h3{font-size:34px;margin:8px 0}.preview-hero span{position:absolute;right:30px;top:43px;font:500 8px DM Mono;color:#777}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 30px}.preview-metrics article{border:1px solid #d3d0c8;padding:20px}.preview-metrics small{display:block;font:500 8px DM Mono;color:#777}.preview-metrics strong{display:block;font-size:27px;margin-top:8px}.preview-graph{height:180px;margin:22px 30px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #bbb}.preview-graph i{flex:1;background:var(--brand);opacity:.85}.powered{text-align:right;padding:0 30px 24px;font:500 8px DM Mono;color:#777;letter-spacing:.1em}.infra{background:#11110f}.infra-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #343431;border-left:1px solid #343431}.infra-grid article{padding:32px;border-right:1px solid #343431;border-bottom:1px solid #343431;min-height:250px}.infra-grid b{font:500 10px DM Mono;color:var(--gold2)}.infra-grid h3{font-size:22px;margin:36px 0 14px}.infra-grid p{color:#93938e;line-height:1.7}.application{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;background:#eceae4;color:#111}.application form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.application label{font:500 9px DM Mono;color:#6c6b66;letter-spacing:.09em}.application input,.application select{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid #c9c6bd;background:#f7f6f2;color:#111}.application button{grid-column:1/-1;border:0;background:#111;color:#e6c260;padding:16px;font:500 10px DM Mono;letter-spacing:.1em;cursor:pointer}.application form p{grid-column:1/-1;margin:0;color:#69571f}footer{padding:50px 6vw;display:grid;grid-template-columns:120px 1fr 1fr auto;gap:30px;align-items:center;border-top:1px solid #262623;background:#050505}footer img{width:110px}footer b,footer small{display:block}footer small,footer p{color:#6f6f6a;font-size:11px}footer p{text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@media(max-width:1000px){.site-nav nav,.status{display:none}.menu{display:block}.site-nav.open nav{display:flex;position:absolute;top:68px;left:0;right:0;background:#090909;padding:24px 5vw;flex-direction:column;margin:0}.journey-copy{width:min(650px,80vw)}.field-node{opacity:.2}.map-shell{grid-template-columns:1fr}.map-tabs{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);overflow:auto}.map-tabs button{min-width:150px;border-bottom:0;border-right:1px solid var(--line)}.map-shell article{border-left:0;border-top:1px solid var(--line)}.control-room,.white-label,.application{grid-template-columns:1fr}.infra-grid{grid-template-columns:1fr 1fr}.arrival-grid{grid-template-columns:1fr}.inside-panel{width:170px}.p1{left:7%}.p2{right:7%}footer{grid-template-columns:100px 1fr}footer p,footer>small{display:none}}@media(max-width:640px){.site-nav{height:68px;padding:0 5vw}.brand img{width:98px}.nav-cta{display:none}.portal-journey{height:620vh}.portal-rings{width:92vw}.portal-core{width:56vw}.journey-copy,.journey-copy.right-copy{left:6vw;right:6vw;width:auto;top:48%}.journey-copy h1{font-size:48px}.journey-copy h2{font-size:42px}.journey-copy.centred{left:50%;right:auto;width:88vw}.field-node{display:none}.inside-panel{width:140px;padding:12px}.inside-panel strong{font-size:23px}.inside-panel em{display:none}.p1{left:4%;top:22%}.p2{right:4%;top:22%}.p3{left:8%;bottom:18%}.p4{right:8%;bottom:18%}.system-rail{display:none}.arrival,.platform-map,.control-room,.white-label,.infra,.application{padding:85px 6vw}.arrival-grid{margin-top:55px}.map-visual{padding:40px 18px;min-height:250px}.map-node{width:43px;height:43px}.map-node small{display:none}.core-node{width:64px;height:64px}.core-node img{width:55px}.dash-main{grid-template-columns:1fr}.dash-sidebar{display:none}.metric-row,.preview-metrics{grid-template-columns:1fr}.bars{height:130px}.partner-preview{min-height:auto}.preview-hero span{position:static;display:block;margin-top:10px}.infra-grid{grid-template-columns:1fr}.application form{grid-template-columns:1fr}.application button,.application form p{grid-column:auto}footer{padding:35px 6vw}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ring-2,.ring-3{animation:none}*{transition:none!important}}


/* Refined motion pass */
.journey-copy{transition:none!important;will-change:opacity,transform,filter}
.portal-rings,.portal-core,.inside-world,.field-node{will-change:transform,opacity,filter}
.portal-stage{will-change:filter}
.reveal-ready{opacity:0;transform:translateY(34px);filter:blur(5px);transition:opacity .95s cubic-bezier(.22,.75,.2,1),transform 1.05s cubic-bezier(.22,.75,.2,1),filter .95s ease}
.reveal-ready.revealed{opacity:1;transform:none;filter:none}
.map-shell,.dashboard-shell,.partner-preview,.infra-grid{transition:transform .65s cubic-bezier(.22,.75,.2,1),border-color .45s ease,box-shadow .65s ease}
.map-shell:hover,.dashboard-shell:hover,.partner-preview:hover{transform:translateY(-4px);border-color:#4a4432;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.map-tabs button,.control-tabs button,.application button,.nav-cta{transition:color .3s ease,border-color .3s ease,background-color .3s ease,transform .3s ease}
.map-tabs button:hover,.control-tabs button:hover,.nav-cta:hover{transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;filter:none}.map-shell:hover,.dashboard-shell:hover,.partner-preview:hover{transform:none}}


/* ===== V3 utility-operations upgrade ===== */
.skip-link{position:fixed;left:18px;top:18px;z-index:1000;transform:translateY(-180%);background:#f0d47a;color:#090909;padding:10px 14px;font:600 10px DM Mono;letter-spacing:.08em;text-decoration:none}.skip-link:focus{transform:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-left:1px solid #30302c;border-top:1px solid #30302c}.pillar-grid article{min-height:260px;padding:28px;border-right:1px solid #30302c;border-bottom:1px solid #30302c;position:relative;overflow:hidden}.pillar-grid article:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.45}.pillar-grid span,.pillar-grid small{font:500 9px DM Mono;letter-spacing:.12em}.pillar-grid span{color:var(--gold2)}.pillar-grid small{display:block;color:#777;margin-top:28px}.pillar-grid h3{font-size:23px;margin:18px 0 12px}.pillar-grid p{color:#90908a;line-height:1.65;margin:0}
.section-head.compact{max-width:850px}.section-head.compact>p:not(.kicker),.infra .section-head>p:not(.kicker){color:#8f8f89;line-height:1.7;max-width:650px}
.billing-flow{background:#080808;overflow:hidden}.billing-track{display:grid;grid-template-columns:repeat(7,1fr);margin-top:55px;border:1px solid #2f2f2b;position:relative}.billing-track:before{content:"";position:absolute;left:5%;right:5%;top:38px;height:1px;background:linear-gradient(90deg,transparent,#6e5824,#6e5824,transparent)}.billing-step{position:relative;z-index:1;min-height:118px;border:0;border-right:1px solid #2f2f2b;background:#0c0c0b;color:#777;cursor:pointer;padding:22px 10px;text-align:center}.billing-step:last-child{border-right:0}.billing-step b{display:grid;place-items:center;width:32px;height:32px;margin:0 auto 14px;border:1px solid #3b3b36;background:#0a0a09;color:#85857f;font:500 9px DM Mono;border-radius:50%}.billing-step span,.billing-step small{display:block}.billing-step span{font:600 9px DM Mono;letter-spacing:.12em}.billing-step small{font-size:10px;margin-top:6px;color:#555}.billing-step.active{background:#13110a;color:var(--gold2)}.billing-step.active b{border-color:var(--gold);box-shadow:0 0 22px rgba(198,154,50,.18);color:var(--gold2)}.billing-detail{margin-top:22px;border:1px solid #33322d;background:linear-gradient(110deg,#11100c,#0a0a09);padding:34px;display:grid;grid-template-columns:.45fr 1fr;gap:10px 48px}.billing-detail small{font:500 9px DM Mono;color:var(--gold2);letter-spacing:.12em}.billing-detail h3{font-size:30px;margin:0;grid-column:2}.billing-detail p{grid-column:2;color:#9a9a94;line-height:1.7;margin:6px 0}.billing-detail div{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}.billing-detail div span{border:1px solid #33322d;padding:8px 10px;font:500 8px DM Mono;color:#8c8c86;letter-spacing:.08em}
.governance{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;background:#eceae4;color:#111}.governance-copy>p:not(.kicker){color:#5e5d58;line-height:1.75;max-width:620px}.trust-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.trust-points span{border:1px solid #c8c4ba;padding:9px 11px;font:600 8px DM Mono;color:#5d584b;letter-spacing:.1em}.scope-stack{align-self:center;display:grid;gap:8px}.scope-level{border:1px solid #c9c5ba;background:#f6f4ee;color:#25231f;text-align:left;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.3s}.scope-level b{font-size:13px}.scope-level small{font:500 8px DM Mono;color:#77736a;letter-spacing:.1em}.scope-level.active{border-color:#9a7729;transform:translateX(-12px);box-shadow:12px 12px 0 rgba(198,154,50,.08)}.scope-stack p{margin:14px 0 0;padding:18px 20px;background:#151513;color:#c5c2ba;line-height:1.65;min-height:86px}
.studio-copy select{display:block;width:100%;margin-top:8px;background:#0e0e0e;border:1px solid #30302e;color:#fff;padding:14px;font:500 13px Manrope}.preview-workspace{display:grid;grid-template-columns:1fr 150px;gap:18px;margin:20px 30px}.preview-workspace>div{min-width:0}.preview-workspace small{font:500 8px DM Mono;color:#777;letter-spacing:.1em}.preview-workspace aside{border-left:1px solid #cbc7bd;padding-left:18px}.preview-workspace aside span{display:block;border-bottom:1px solid #d7d3ca;padding:10px 0;font-size:11px}.preview-graph{height:150px;margin:12px 0 0;display:flex;align-items:end;gap:10px;border-bottom:1px solid #bbb}.preview-graph i{flex:1;background:var(--brand);opacity:.85;transition:.35s}
.infra-layers{margin-top:55px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch}.infra-layers article{border:1px solid #343431;padding:24px;min-height:240px;background:#0d0d0c}.infra-layers>span{align-self:center;padding:0 12px;color:var(--gold2);font:500 18px DM Mono}.infra-layers b{font:500 9px DM Mono;color:var(--gold2);letter-spacing:.12em}.infra-layers h3{font-size:20px;margin:30px 0 12px}.infra-layers p{color:#92928d;line-height:1.65;font-size:13px}
.fit-section{background:#070707}.fit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #2e2e2b;border-top:1px solid #2e2e2b;margin-top:45px}.fit-grid article{padding:28px;border-right:1px solid #2e2e2b;border-bottom:1px solid #2e2e2b;min-height:180px}.fit-grid b{font:500 9px DM Mono;color:var(--gold2);letter-spacing:.1em}.fit-grid p{color:#969690;line-height:1.65;margin-top:24px}
.partner-lifecycle{background:#10100e}.lifecycle-line{display:flex;align-items:center;margin-top:48px;gap:10px}.lifecycle-line span{flex:0 0 auto;border:1px solid #393934;padding:14px 16px;font:500 9px DM Mono;letter-spacing:.08em;color:#aaa}.lifecycle-line span b{color:var(--gold2);margin-right:8px}.lifecycle-line i{height:1px;flex:1;background:linear-gradient(90deg,#4f472f,#756126)}
.application-note{color:#66635b;line-height:1.7;max-width:540px}.application input,.application select{font-size:16px}
@media(max-width:1100px){.pillar-grid,.fit-grid{grid-template-columns:1fr 1fr}.billing-track{grid-template-columns:repeat(4,1fr)}.billing-step:nth-child(4){border-right:0}.billing-track:before{display:none}.infra-layers{grid-template-columns:1fr}.infra-layers>span{transform:rotate(0);text-align:center;padding:7px}.governance{grid-template-columns:1fr}.scope-level.active{transform:none}.lifecycle-line{flex-wrap:wrap}.lifecycle-line i{min-width:24px}}
@media(max-width:640px){.pillar-grid,.fit-grid{grid-template-columns:1fr}.billing-track{grid-template-columns:1fr 1fr}.billing-step{min-height:104px}.billing-step:nth-child(even){border-right:0}.billing-detail{grid-template-columns:1fr;padding:24px}.billing-detail h3,.billing-detail p,.billing-detail div{grid-column:1}.preview-workspace{grid-template-columns:1fr;margin:18px 20px}.preview-workspace aside{border-left:0;border-top:1px solid #cbc7bd;padding:12px 0 0;display:grid;grid-template-columns:1fr 1fr}.preview-workspace aside small{grid-column:1/-1}.preview-workspace aside span{padding:8px}.lifecycle-line{display:grid;grid-template-columns:1fr}.lifecycle-line i{width:1px;height:14px;justify-self:center}.scope-level{display:block}.scope-level small{display:block;margin-top:6px}.billing-flow,.governance,.fit-section,.partner-lifecycle{padding:85px 6vw}}

/* =========================================================
   V3.1 MOBILE PORTAL CHOREOGRAPHY
   Explicitly tuned for 340px+ phones.
   Keep the copy readable while the portal remains atmospheric.
   ========================================================= */
@media (max-width:640px){
  .portal-stage{min-height:100svh}

  /* Keep the gateway visual below the copy instead of behind it. */
  .portal-rings{
    top:64%;
    width:min(86vw,420px);
    opacity:.22;
  }
  .portal-core{
    top:65%;
    width:min(44vw,176px);
  }
  .portal-core .core-label{display:none}

  /* Give the narrative its own clear zone in the upper half. */
  .journey-copy,
  .journey-copy.right-copy{
    top:39%;
    left:6vw;
    right:6vw;
    width:auto;
  }
  .journey-copy.centred{
    top:42%;
    left:50%;
    right:auto;
    width:88vw;
  }
  .journey-copy h1{
    font-size:clamp(40px,11.8vw,48px);
    line-height:.94;
  }
  .journey-copy h2{
    font-size:clamp(35px,10.5vw,42px);
    line-height:.98;
  }
  .journey-copy>p:not(.eyebrow){
    max-width:92vw;
    font-size:15px;
    line-height:1.58;
  }
  .eyebrow{
    font-size:9px;
    line-height:1.45;
    letter-spacing:.15em;
  }
  .text-link{margin-top:14px}

  /* Keep the HUD safely clear of Android/iOS browser chrome. */
  .journey-hud{
    left:4vw;
    right:4vw;
    bottom:max(20px,env(safe-area-inset-bottom));
    grid-template-columns:30px 1fr 108px;
    gap:12px;
  }

  /* The interior becomes the hero after the threshold. */
  .inside-world{z-index:5}
  .inside-panel{background:rgba(9,9,9,.82)}
}

@media (max-width:400px){
  .portal-rings{top:65%;width:88vw}
  .portal-core{top:66%;width:min(42vw,154px)}
  .journey-copy,.journey-copy.right-copy{top:38%;left:5vw;right:5vw}
  .journey-copy.centred{top:41%;width:90vw}
  .journey-copy h1{font-size:clamp(37px,11.4vw,44px)}
  .journey-copy h2{font-size:clamp(33px,10vw,39px)}
  .journey-copy>p:not(.eyebrow){font-size:14px;line-height:1.55}
}

@media (max-width:640px) and (max-height:760px){
  .journey-copy,.journey-copy.right-copy{top:37%}
  .journey-copy.centred{top:40%}
  .portal-rings{top:66%}
  .portal-core{top:67%}
  .journey-copy h1{font-size:clamp(36px,10.6vw,43px)}
  .journey-copy h2{font-size:clamp(32px,9.6vw,38px)}
  .journey-copy>p:not(.eyebrow){font-size:13.5px;line-height:1.48}
}