:root{
  --bg:#090b0d;--bg2:#0c0f12;--panel:#101418;--panel2:#151a1f;--panel3:#1a2025;
  --text:#f2efe8;--text-strong:#fbfaf6;--muted:#a6a8a6;--muted2:#7d8283;
  --line:rgba(231,220,196,.12);--line2:rgba(201,169,106,.27);--gold:#c9a96a;--gold2:#ad8b50;
  --success:#76a981;--warning:#c29b55;--danger:#b66b67;--max:1320px;--radius:18px;
  --shadow:0 30px 90px rgba(0,0,0,.30)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:
 radial-gradient(circle at 78% -10%,rgba(201,169,106,.065),transparent 34rem),
 linear-gradient(180deg,#090b0d 0%,#0a0c0e 45%,#090b0d 100%);
 color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}.wrap{width:min(calc(100% - 56px),var(--max));margin:auto}
.skip{position:fixed;left:12px;top:-60px;padding:10px 14px;background:var(--text);color:var(--bg);z-index:1000;border-radius:8px}.skip:focus{top:12px}
.site-header{position:sticky;top:0;z-index:80;background:rgba(9,11,13,.77);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,220,196,.08)}
.nav{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:760;letter-spacing:-.025em}.brand-mark{width:30px;height:30px;border:1px solid var(--line2);display:grid;place-items:center;border-radius:8px;color:var(--gold);font-size:.82rem}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy small{margin-top:5px;color:var(--muted2);font-size:.57rem;letter-spacing:.17em;font-weight:700}.navlinks{display:flex;align-items:center;gap:22px;margin-left:auto}.navlinks>a{text-decoration:none;color:#b7b8b5;font-size:.91rem}.navlinks>a:hover,.navlinks>a:focus{color:var(--text)}
.actions{display:flex;gap:10px;align-items:center}.btn{min-height:44px;padding:0 18px;border:1px solid var(--line2);border-radius:10px;background:transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:680;font-size:.92rem;cursor:pointer;font-family:inherit}.btn:hover,.btn:focus{border-color:rgba(201,169,106,.65);background:rgba(201,169,106,.06)}.btn-primary{background:var(--text-strong);border-color:var(--text-strong);color:#111315}.btn-primary:hover,.btn-primary:focus{background:#dedbd4;border-color:#dedbd4}.btn-gold{background:var(--gold);border-color:var(--gold);color:#121212}.btn-sm{min-height:38px;padding:0 14px;font-size:.84rem}.mobile-menu{display:none}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:.73rem;font-weight:780;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:30px;height:1px;background:var(--gold2)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.5rem,6.4vw,7rem);line-height:.91;letter-spacing:-.068em;margin:24px 0 28px;max-width:780px;font-weight:700}h2{font-size:clamp(2.35rem,4.4vw,4.8rem);line-height:.98;letter-spacing:-.055em;font-weight:670;margin-bottom:22px}h3{letter-spacing:-.025em}.lead{font-size:clamp(1.05rem,1.7vw,1.27rem);color:#b6b7b3;max-width:760px}.muted{color:var(--muted)}.fine{font-size:.83rem;color:var(--muted2)}
.hero{padding:88px 0 42px;min-height:780px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(540px,1.12fr);gap:70px;align-items:center}.hero-copy .actions{margin-top:32px}.status-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:50px;color:#9b9e9d;font-size:.67rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.status-row span{display:flex;align-items:center;gap:8px}.status-row i{width:5px;height:5px;border-radius:99px;background:var(--gold);box-shadow:0 0 0 4px rgba(201,169,106,.08)}
.arch{position:relative;padding:24px 24px 22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(18,21,24,.88),rgba(10,12,14,.65));box-shadow:var(--shadow);overflow:hidden}.arch:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 92%);pointer-events:none}.arch-label{font-size:.62rem;letter-spacing:.16em;color:var(--muted2);font-weight:800;text-transform:uppercase;margin:4px 0 10px}.product-row,.provider-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.node{position:relative;z-index:1;border:1px solid var(--line);background:rgba(14,17,20,.93);padding:14px 13px;border-radius:12px;min-height:70px}.node strong{display:block;font-size:.88rem}.node small{color:var(--muted2);font-size:.69rem}.node.active{border-color:rgba(201,169,106,.58);background:linear-gradient(180deg,rgba(201,169,106,.10),rgba(14,17,20,.97));box-shadow:0 0 0 1px rgba(201,169,106,.05),0 12px 45px rgba(0,0,0,.3)}button.node{color:var(--text);font:inherit;text-align:left;cursor:pointer}
.connectors{height:34px;display:flex;justify-content:space-around;position:relative}.connectors:before{content:"";position:absolute;top:0;bottom:0;left:9%;right:9%;background:linear-gradient(90deg,transparent 0%,rgba(201,169,106,.27) 15%,rgba(201,169,106,.27) 85%,transparent 100%);height:1px;top:50%}.connectors i{height:34px;width:1px;background:linear-gradient(var(--line2),rgba(201,169,106,.10));position:relative}.connectors i:after{content:"";width:5px;height:5px;background:var(--gold);border-radius:50%;position:absolute;left:-2px;top:14px;opacity:.45}
.core{border:1px solid rgba(201,169,106,.31);background:linear-gradient(180deg,rgba(23,22,20,.94),rgba(13,15,17,.98));border-radius:16px;padding:18px;position:relative;z-index:1}.core-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.core-head strong{font-size:1.12rem}.core-head span{font-size:.63rem;color:var(--gold);letter-spacing:.12em}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.module{padding:10px 8px;border:1px solid var(--line);border-radius:8px;color:#a9aaa7;font-size:.72rem;text-align:center;transition:.3s}.module.on{color:var(--text-strong);border-color:rgba(201,169,106,.42);background:rgba(201,169,106,.07)}
.ecosystem{padding:28px 0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.007)}.eco-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:44px}.eco-items{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.eco-item b{display:block;font-size:.86rem}.eco-item span{font-size:.74rem;color:var(--muted2)}.j-word{font-weight:790;letter-spacing:.16em;color:#c4c1b9}.j-tag{font-size:.7rem;color:var(--muted2);text-transform:uppercase;letter-spacing:.12em}
.section{padding:112px 0;border-bottom:1px solid var(--line)}.section-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;margin-bottom:60px}.section-intro p{max-width:650px;color:var(--muted);font-size:1.08rem}.section-intro .section-copy{padding-top:10px}.text-link{color:var(--gold);text-decoration:none;font-weight:700}.text-link:hover{text-decoration:underline}
.experience-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.experience-tab{padding:18px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit}.experience-tab small{display:block;color:var(--muted2);margin-top:3px}.experience-tab.active{border-color:rgba(201,169,106,.46);background:rgba(201,169,106,.055)}.rail{border:1px solid var(--line2);border-radius:16px;padding:22px;background:linear-gradient(180deg,rgba(18,19,19,.95),rgba(12,14,16,.9))}.rail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.rail-head small{color:var(--gold);letter-spacing:.12em}.rail-modules{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.rail-module{border:1px solid var(--line);padding:12px 6px;border-radius:8px;text-align:center;color:#777c7d;font-size:.69rem;transition:.3s}.rail-module.on{color:var(--text);border-color:rgba(201,169,106,.48);background:rgba(201,169,106,.075)}.principle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px}.principle-row article{border-top:1px solid var(--line);padding-top:20px}.principle-row p{color:var(--muted2);font-size:.88rem}
.lab-section{background:linear-gradient(180deg,rgba(201,169,106,.025),transparent 22%)}.lab-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:54px;align-items:center}.assurances{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 28px}.chip{border:1px solid var(--line);padding:6px 9px;border-radius:999px;font-size:.72rem;color:#9e9e99}.lab-preview{border:1px solid var(--line2);border-radius:18px;background:#0d1012;overflow:hidden;box-shadow:var(--shadow)}.lab-top{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);font-size:.67rem;color:var(--muted2)}.lab-body{display:grid;grid-template-columns:160px 1fr 1fr;min-height:355px}.lab-side{border-right:1px solid var(--line);padding:16px}.lab-side b{font-size:.73rem;letter-spacing:.1em}.lab-step{font-size:.71rem;color:#7d8283;padding:8px 0}.lab-step.active{color:var(--gold)}.lab-pane{padding:20px;border-right:1px solid var(--line)}.lab-pane:last-child{border-right:0}.lab-pane h4{font-size:.79rem;letter-spacing:.09em;margin:0 0 16px;color:#c7c5be}.demo-card{border:1px solid var(--line);padding:14px;border-radius:10px;margin-bottom:10px;background:rgba(255,255,255,.012)}.demo-card strong{font-size:.82rem}.demo-card small{display:block;color:var(--muted2);font-size:.68rem;margin-top:3px}.flow-line{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;color:#929591;border-left:1px solid rgba(201,169,106,.32);padding:4px 0 4px 12px;margin:7px 0}.flow-line.active{color:var(--gold)}
.product-show{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.product-shell{border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,#12161a,#0b0e10);padding:18px;box-shadow:var(--shadow)}.product-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4px 12px;font-size:.74rem;color:var(--muted2)}.portfolio{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px;padding-top:14px}.metric-card,.order-card{border:1px solid var(--line);border-radius:12px;padding:16px}.metric-card strong{font-size:1.7rem;display:block;margin:6px 0}.mini-chart{height:84px;margin-top:18px;position:relative;border-bottom:1px solid var(--line)}.mini-chart svg{width:100%;height:100%}.order-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:8px 0;font-size:.76rem}.order-row:last-child{border:0}.order-row span{color:var(--muted2)}
.connect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.connect-card{border:1px solid var(--line);padding:25px 20px;border-radius:14px;min-height:170px}.connect-card h3{font-size:1rem}.connect-card p{color:var(--muted2);font-size:.85rem}.statement{font-size:clamp(1.8rem,3.3vw,3.5rem);line-height:1.05;letter-spacing:-.045em;max-width:980px;margin:72px auto 0;text-align:center}.statement em{font-style:normal;color:var(--gold)}
.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.status-card{border:1px solid var(--line);border-radius:16px;padding:28px;background:var(--panel)}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:24px}.check{border-top:1px solid var(--line);padding:11px 0;font-size:.82rem}.check b{color:var(--text)}.check span{color:var(--success);float:right}.stack{display:flex;flex-direction:column;gap:8px}.stack div{border:1px solid var(--line);padding:13px 15px;border-radius:9px;font-size:.82rem;color:#b9b9b5}.stack i{height:14px;width:1px;background:var(--line2);align-self:center}
.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.four-card{border-top:1px solid var(--line2);padding:24px 5px 0}.four-card p{color:var(--muted2);font-size:.86rem}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.use-card{border:1px solid var(--line);border-radius:15px;padding:26px;min-height:260px;background:linear-gradient(180deg,rgba(19,22,24,.75),rgba(12,14,16,.45))}.use-card .num{font-size:.66rem;color:var(--gold);letter-spacing:.12em}.use-card h3{margin:48px 0 10px;font-size:1.25rem}.use-card p{color:var(--muted);font-size:.9rem}
.company-strip{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.company-strip p{color:var(--muted);max-width:670px}.cta{text-align:center;padding:130px 0}.cta h2{max-width:920px;margin:20px auto}.cta p{max-width:680px;margin:0 auto 28px;color:var(--muted)}.cta .actions{justify-content:center}
.footer{padding:48px 0 32px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:50px}.footer h4{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#99988f;margin:0 0 15px}.footer a{display:block;text-decoration:none;color:#898c8d;font-size:.85rem;margin:8px 0}.footer a:hover{color:var(--text)}.foot-bottom{margin-top:42px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:#808586;font-size:.72rem}.foot-bottom p{max-width:850px;margin:0}
.page-hero{padding:100px 0 72px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:1000px;font-size:clamp(3.4rem,6vw,6.4rem)}.page-hero p{max-width:770px;color:var(--muted);font-size:1.15rem}.layer-stack{display:flex;flex-direction:column;gap:12px}.layer{display:grid;grid-template-columns:.45fr 1.55fr;gap:35px;padding:28px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.01)}.layer b{color:var(--gold);font-size:.74rem;letter-spacing:.11em}.layer h3{margin-bottom:8px}.layer p{margin:0;color:var(--muted)}.cap-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cap-item{border:1px solid var(--line);border-radius:14px;padding:26px;min-height:220px}.cap-item small{color:var(--gold);font-weight:750;letter-spacing:.1em}.cap-item p{color:var(--muted);font-size:.9rem}.flow{display:flex;align-items:stretch;gap:8px;overflow:auto;padding-bottom:8px}.flow-box{min-width:150px;flex:1;border:1px solid var(--line);padding:18px;border-radius:10px}.flow-box strong{display:block}.flow-box small{color:var(--muted2)}.flow-arrow{display:grid;place-items:center;color:var(--gold)}
.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.form{border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--panel)}.field{margin-bottom:16px}.field label{display:block;font-size:.77rem;color:#b3b2ab;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#0b0e10;color:var(--text);padding:13px 14px;border-radius:9px;font:inherit}.field textarea{min-height:130px;resize:vertical}.form-note{font-size:.74rem;color:var(--muted2);margin-top:13px}.notice{display:none;margin-top:14px;padding:12px;border:1px solid var(--line2);border-radius:9px;color:#c9c4b5;font-size:.82rem}.notice.show{display:block}
.lab-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lab-choice{display:block;text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:28px;min-height:270px;background:linear-gradient(180deg,rgba(18,21,23,.85),rgba(11,13,15,.65));transition:.3s}.lab-choice:hover{border-color:var(--line2);transform:translateY(-2px)}.lab-choice small{color:var(--gold);letter-spacing:.1em}.lab-choice h3{margin:58px 0 10px;font-size:1.3rem}.lab-choice p{color:var(--muted);font-size:.9rem}.lab-app{min-height:calc(100vh - 76px);display:grid;grid-template-columns:220px 1fr 1fr}.lab-workflow{border-right:1px solid var(--line);padding:26px 22px;background:#0b0e10}.lab-workflow h2{font-size:1rem;letter-spacing:-.01em}.lab-live,.lab-inspect{padding:30px;border-right:1px solid var(--line);overflow:auto}.lab-inspect{border-right:0;background:#0a0d0f}.step-button{display:block;width:100%;text-align:left;background:none;border:0;border-left:1px solid var(--line);padding:10px 0 10px 14px;color:#7d8283;font:inherit;font-size:.78rem;cursor:pointer}.step-button.done{color:#a0a39f}.step-button.active{border-left-color:var(--gold);color:var(--gold)}.lab-tabs{display:flex;gap:8px;margin-bottom:18px}.lab-tab{border:1px solid var(--line);background:transparent;color:#888d8e;border-radius:8px;padding:8px 10px;font:inherit;font-size:.72rem;cursor:pointer}.lab-tab.active{color:var(--text);border-color:var(--line2);background:rgba(201,169,106,.06)}.sim-card{border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:14px;background:#101417}.sim-card h3{font-size:1.05rem}.sim-card p{color:var(--muted);font-size:.88rem}.sim-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.code{white-space:pre-wrap;background:#080a0c;border:1px solid var(--line);padding:15px;border-radius:10px;color:#b6b7b2;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.event{border-left:1px solid var(--line2);padding:7px 0 7px 14px;color:#7d8283;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.event.active{color:var(--gold)}.financial-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;font-size:.84rem}.financial-row span{color:var(--muted2)}.gate{border:1px solid var(--line2);padding:20px;border-radius:12px;background:rgba(201,169,106,.04);margin-top:18px}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.hero{min-height:auto}.arch{max-width:850px}.section-intro,.lab-grid,.product-show,.company-strip,.contact-grid{grid-template-columns:1fr}.rail-modules{grid-template-columns:repeat(4,1fr)}.lab-body{grid-template-columns:140px 1fr 1fr}.connect-grid,.four-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.lab-app{grid-template-columns:180px 1fr}.lab-inspect{grid-column:2}.lab-live{border-right:0}}
@media(max-width:820px){.wrap{width:min(calc(100% - 30px),var(--max))}.navlinks{display:none}.mobile-menu{display:inline-flex;margin-left:auto}.site-header .actions .btn:not(.btn-primary){display:none}.hero{padding:70px 0 35px}.hero-grid{gap:42px}h1{font-size:clamp(3.2rem,14vw,5rem)}.module-grid{grid-template-columns:repeat(2,1fr)}.eco-grid,.eco-items,.section-intro,.experience-tabs,.principle-row,.use-grid,.lab-home-grid,.status-grid,.cap-list,.layer,.footer-grid{grid-template-columns:1fr}.eco-items{gap:12px}.section{padding:82px 0}.section-intro{gap:25px}.rail-modules{grid-template-columns:repeat(2,1fr)}.lab-body{grid-template-columns:1fr}.lab-side{border-right:0;border-bottom:1px solid var(--line);display:flex;gap:10px;overflow:auto}.lab-step{white-space:nowrap}.lab-pane{border-right:0;border-bottom:1px solid var(--line)}.portfolio{grid-template-columns:1fr}.connect-grid,.four-grid{grid-template-columns:1fr}.foot-bottom{flex-direction:column}.lab-app{display:block}.lab-workflow{border-right:0;border-bottom:1px solid var(--line);display:flex;gap:6px;overflow:auto;padding:14px}.lab-workflow h2{display:none}.step-button{width:auto;white-space:nowrap;border-left:0;border-bottom:1px solid var(--line);padding:8px}.step-button.active{border-bottom-color:var(--gold)}.lab-live,.lab-inspect{padding:20px;border-right:0}.product-row,.provider-row{grid-template-columns:1fr}.connectors{display:none}.arch-label{margin-top:16px}.page-hero{padding-top:70px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v2.1 polish */
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.navlinks a[aria-current="page"]{color:var(--text)}
.navlinks a[aria-current="page"]:after{content:"";display:block;height:1px;background:var(--gold);margin-top:5px;opacity:.65}
.footer-blurb{max-width:330px;margin-top:16px}
.order-title{margin-bottom:12px}
.eyebrow.centered{justify-content:center}
.flow-cta{margin-top:24px}
.lab-title{font-size:clamp(2.6rem,4vw,4.6rem);margin-bottom:20px}
.builder-tabs{grid-template-columns:1fr}
.builder-modules{grid-template-columns:repeat(2,1fr)}
.builder-summary{margin-top:18px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted)}
.builder-summary strong{display:block;color:var(--text);margin-bottom:6px}
.btn[disabled]{opacity:.52;cursor:not-allowed;background:rgba(201,169,106,.08);border-color:var(--line)}
.mobile-menu[aria-expanded="true"]{border-color:var(--line2);background:rgba(201,169,106,.06)}
@media(max-width:820px){
  .nav{position:relative}
  .navlinks{display:none;position:absolute;top:68px;left:0;right:0;z-index:120;padding:14px;background:rgba(12,15,18,.98);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:2px}
  .navlinks.open{display:flex}
  .navlinks>a{padding:11px 8px}
  .navlinks a[aria-current="page"]:after{display:none}
  .builder-modules{grid-template-columns:repeat(2,1fr)}
}
.technical-stream-title{margin-top:20px}
.lab-progress{appearance:none;-webkit-appearance:none;width:100%;height:2px;border:0;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden;display:block;margin:0 0 18px}
.lab-progress::-webkit-progress-bar{background:rgba(255,255,255,.06)}
.lab-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--gold2),var(--gold));transition:width .35s ease}
.lab-progress::-moz-progress-bar{background:linear-gradient(90deg,var(--gold2),var(--gold))}

/* v2.2 live-preview visual QA refinements */
@media(min-width:1101px){
  .hero{padding-top:76px;min-height:740px}
  .hero-grid{grid-template-columns:minmax(0,.84fr) minmax(570px,1.16fr);gap:64px;align-items:start}
  .hero-copy{padding-top:18px}
  .hero-copy h1{font-size:clamp(3.5rem,5.9vw,6.45rem);max-width:700px;line-height:.92}
  .arch{margin-top:70px}
  .status-row{gap:13px;font-size:.61rem;letter-spacing:.095em;margin-top:43px;flex-wrap:nowrap}
  .status-row span{gap:6px;white-space:nowrap}
  .brand-copy{font-size:1.02rem}
  .brand-mark{width:32px;height:32px}
}
@media(min-width:1280px){
  .arch{padding:26px 26px 24px}
  .node{padding:15px 14px}
}


/* v2.3 production-candidate rhythm + live-preview refinements */
@media(min-width:1101px){
  .hero{padding-top:72px;min-height:720px}
  .hero-grid{grid-template-columns:minmax(0,.96fr) minmax(560px,1.04fr);gap:48px;align-items:start}
  .hero-copy{padding-top:18px}
  .hero-copy h1{font-size:clamp(3.5rem,5.6vw,6.2rem);max-width:620px;line-height:.92}
  .arch{margin-top:58px}
  .section{padding:100px 0}
  .section-intro{margin-bottom:46px}
  .connect-section .section-intro{margin-bottom:38px}
  .connect-section .statement{margin-top:54px}
  .connect-section .connect-card{min-height:150px}
  .status-section .section-intro,.reality-section .section-intro,.usecases-section .section-intro{margin-bottom:42px}
  .company-strip{gap:58px}
}
@media(min-width:1280px){
  .hero-grid{grid-template-columns:minmax(0,.94fr) minmax(585px,1.06fr);gap:52px}
  .hero-copy h1{max-width:650px}
}

/* v2.4 mobile live-QA refinements */
@media(max-width:820px){
  .lab-workflow{display:block;overflow:hidden;padding:12px 15px}
  .lab-workflow>[data-steps]{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:2px}
  .lab-workflow>[data-steps]::-webkit-scrollbar{display:none}
  .step-button{display:inline-flex;flex:0 0 auto;align-items:center;min-height:40px;padding:8px 10px;scroll-snap-align:start}
}
@media(max-width:560px){
  .hero-copy .actions{flex-direction:column;align-items:stretch}
  .hero-copy .actions .btn{width:100%}
}


/* v2.5 visual-enrichment pass: restrained institutional depth */
.df-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.hero,.visual-depth,.connect-section,.footer{position:relative;isolation:isolate;overflow:hidden}
.hero:before,.visual-depth:before,.footer:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:
 radial-gradient(ellipse at 80% 25%,rgba(201,169,106,.045),transparent 34%),
 radial-gradient(ellipse at 16% 74%,rgba(201,169,106,.024),transparent 32%),
 linear-gradient(118deg,transparent 0 16%,rgba(201,169,106,.018) 16.15%,transparent 16.35% 72%,rgba(201,169,106,.014) 72.15%,transparent 72.4%)}
.hero:after,.visual-depth:after,.footer:after{content:"";position:absolute;inset:-10%;z-index:-1;pointer-events:none;opacity:.30;background:
 repeating-linear-gradient(128deg,transparent 0 185px,rgba(201,169,106,.025) 186px,transparent 188px 310px);
 mask-image:linear-gradient(90deg,rgba(0,0,0,.7),transparent 38%,transparent 68%,rgba(0,0,0,.75))}
.arch{background:
 radial-gradient(circle at 50% 38%,rgba(201,169,106,.075),transparent 26%),
 linear-gradient(180deg,rgba(18,21,24,.9),rgba(10,12,14,.68));}
.arch>*{position:relative;z-index:2}
.arch:after{content:"";position:absolute;z-index:0;left:-12%;right:-12%;bottom:-28%;height:58%;background-image:linear-gradient(rgba(201,169,106,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(201,169,106,.08) 1px,transparent 1px);background-size:36px 28px;transform:perspective(300px) rotateX(64deg);transform-origin:50% 100%;opacity:.32;mask-image:linear-gradient(to top,#000,transparent 88%);pointer-events:none}
.node{transition:border-color .28s ease,background .28s ease,transform .28s ease,box-shadow .28s ease}.node:hover{border-color:rgba(201,169,106,.34);transform:translateY(-1px)}
.node-icon{display:block;color:#d4b56f;margin-bottom:8px;width:24px;height:24px}.provider-row .node-icon{width:21px;height:21px}.node.active .node-icon{filter:drop-shadow(0 0 7px rgba(201,169,106,.25))}
.module,.rail-module{display:flex;align-items:center;justify-content:center;gap:7px}.module-icon{width:15px;height:15px;color:#858986;transition:.28s}.module.on .module-icon,.rail-module.on .module-icon{color:var(--gold);filter:drop-shadow(0 0 5px rgba(201,169,106,.2))}
.connectors i{box-shadow:0 0 12px rgba(201,169,106,.06)}.connectors i:after{box-shadow:0 0 10px rgba(201,169,106,.35)}
.eco-item{display:grid;grid-template-columns:auto 1fr;column-gap:11px;align-items:center}.eco-item .eco-icon{grid-row:1 / 3;color:var(--gold);width:22px;height:22px}.eco-item b,.eco-item span{grid-column:2}
.experience-tabs{position:relative}.experience-tab{position:relative;min-height:96px;padding-left:58px;transition:.28s}.tab-icon{position:absolute;left:18px;top:20px;color:#858986}.experience-tab.active .tab-icon{color:var(--gold);filter:drop-shadow(0 0 6px rgba(201,169,106,.25))}.experience-tab.active{box-shadow:inset 0 -1px 0 rgba(201,169,106,.25),0 18px 40px rgba(0,0,0,.14)}
.rail{position:relative;overflow:hidden}.rail:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,106,.35),transparent)}.rail:after{content:"";position:absolute;left:18%;right:18%;top:-40px;height:80px;background:radial-gradient(ellipse,rgba(201,169,106,.09),transparent 68%);pointer-events:none}
.principle-row article{position:relative;padding-left:48px;min-height:94px}.principle-icon{position:absolute;left:4px;top:21px;color:var(--gold);width:25px;height:25px}
.lab-section{background:
 radial-gradient(circle at 75% 48%,rgba(201,169,106,.04),transparent 28%),
 linear-gradient(180deg,rgba(201,169,106,.02),transparent 26%)}
.lab-preview{position:relative;background:linear-gradient(145deg,#101416,#0b0e10 68%)}.lab-preview:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(201,169,106,.13) .7px,transparent .8px);background-size:20px 20px;opacity:.09;mask-image:linear-gradient(90deg,transparent,black 45%,black)}.lab-preview>*{position:relative;z-index:1}.lab-logo{width:14px;height:14px;color:var(--gold);vertical-align:-2px;margin-right:6px}.flow-line.active{text-shadow:0 0 14px rgba(201,169,106,.13)}
.product-shell{position:relative;overflow:hidden}.product-shell:after{content:"";position:absolute;right:-12%;top:-30%;width:55%;height:75%;background:radial-gradient(circle,rgba(201,169,106,.06),transparent 70%);pointer-events:none}.product-top{align-items:center}.product-icon{width:16px;height:16px;color:var(--gold);margin-right:2px}
.connect-section>.wrap{position:relative;z-index:1}.network-deco{position:absolute;right:-6%;bottom:0;width:min(62vw,780px);height:min(41vw,510px);background:url('/assets/network-globe.svg') center bottom/contain no-repeat;opacity:.42;pointer-events:none;z-index:-1;mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 100%)}
.connect-card{position:relative;overflow:hidden;background:linear-gradient(155deg,rgba(18,21,23,.82),rgba(10,12,14,.58));backdrop-filter:blur(3px)}.connect-card:after{content:"";position:absolute;inset:auto -20% -60% 30%;height:100%;background:radial-gradient(circle,rgba(201,169,106,.06),transparent 65%);pointer-events:none}.connect-icon{color:var(--gold);width:25px;height:25px;margin-bottom:28px}.statement{position:relative;text-shadow:0 16px 45px rgba(0,0,0,.3)}
.status-card{position:relative}.status-icon{color:var(--gold);width:22px;height:22px;float:right;margin-left:16px}.stack div{position:relative}.stack div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--gold2),transparent);opacity:.35}
.four-card{position:relative;padding-left:44px}.four-icon{position:absolute;left:4px;top:22px;color:var(--gold);width:24px;height:24px}
.use-card{position:relative;overflow:hidden;transition:.28s}.use-card:hover{border-color:rgba(201,169,106,.35);transform:translateY(-2px);background:linear-gradient(180deg,rgba(28,27,24,.77),rgba(12,14,16,.5))}.use-icon{display:block;color:var(--gold);width:30px;height:30px;margin-top:42px}.use-card h3{margin:18px 0 10px}
.site-header{box-shadow:0 10px 32px rgba(0,0,0,.12)}
.footer{background:linear-gradient(180deg,rgba(255,255,255,.006),transparent)}
@media(max-width:1100px){.network-deco{opacity:.24;width:820px;height:520px;right:-28%}}
@media(max-width:820px){.hero:after,.visual-depth:after,.footer:after{opacity:.16}.arch:after{opacity:.18}.node-icon{margin-bottom:6px}.experience-tab{padding-left:54px}.network-deco{opacity:.13;right:-75%;bottom:6%;width:760px;height:500px}.eco-item{grid-template-columns:auto 1fr}.four-card{padding-left:42px}.connect-icon{margin-bottom:18px}.use-icon{margin-top:26px}}


/* v2.5.1 bilingual + Shariah emphasis */
.lang-link{color:var(--gold)!important;border:1px solid rgba(201,169,106,.28);border-radius:999px;padding:5px 9px!important;font-size:.72rem!important;font-weight:760;letter-spacing:.08em;line-height:1;text-transform:uppercase}
.lang-link:hover,.lang-link:focus{border-color:rgba(201,169,106,.68);background:rgba(201,169,106,.07);text-decoration:none}
.shariah-feature{display:grid;grid-template-columns:auto minmax(0,1.45fr) minmax(260px,.8fr);gap:24px;align-items:center;padding:28px 30px;margin:0 0 28px;border:1px solid rgba(201,169,106,.34);border-radius:16px;background:linear-gradient(120deg,rgba(201,169,106,.07),rgba(18,20,21,.64) 48%,rgba(10,12,14,.55));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.shariah-feature-icon{width:48px;height:48px;border:1px solid rgba(201,169,106,.34);border-radius:12px;display:grid;place-items:center;color:var(--gold);background:rgba(201,169,106,.045)}
.shariah-feature-icon .df-icon{width:24px;height:24px}.shariah-kicker{display:block;margin-bottom:6px;color:var(--gold);font-size:.68rem;font-weight:760;letter-spacing:.13em;text-transform:uppercase}.shariah-feature h3{font-size:1.45rem;margin:0 0 8px}.shariah-feature p{margin:0;color:var(--muted);font-size:.93rem;max-width:760px}.shariah-points{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.shariah-points span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.72rem;background:rgba(255,255,255,.018)}
.reality-section .four-grid{grid-template-columns:repeat(3,1fr)}
.shariah-cap{border-color:rgba(201,169,106,.36)!important;background:linear-gradient(180deg,rgba(201,169,106,.055),rgba(12,14,16,.22))}
.shariah-cap h3{color:var(--text-strong)}
@media(max-width:1100px){.shariah-feature{grid-template-columns:auto 1fr}.shariah-points{grid-column:2;justify-content:flex-start}.reality-section .four-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.shariah-feature{grid-template-columns:1fr;padding:22px}.shariah-feature-icon{width:42px;height:42px}.shariah-points{grid-column:auto;justify-content:flex-start}.reality-section .four-grid{grid-template-columns:1fr}.lang-link{width:max-content}}