
:root{
  --ink:#223343; --slate:#37424E; --body-c:#46566A; --mute:#68788A; --faint:#8B99A7;
  --bg:#FFFFFF; --bg2:#F5F7F9; --bg3:#EDF1F4; --line:#E4E9EE; --line2:#D3DCE3;
  --green:#007C29; --green-d:#00611F; --green-t:#E9F4ED; --green-hi:#17A94E;
  --gold:#FCAB10; --gold-t:#FFF4DD; --gold-ink:#7A5406;
  --navy:#223343; --navy-d:#1B2A38;
  --disp:'Sora',-apple-system,'Segoe UI',sans-serif;
  --body:'Inter',-apple-system,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --max:1160px; --r:12px; --rb:10px;
  --sh:0 1px 2px rgba(34,51,67,.05),0 14px 34px rgba(34,51,67,.07);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--body-c);font-family:var(--body);font-size:15.5px;line-height:1.72;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--green);color:#fff}
a{color:var(--green);text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}

/* NAV */
header{position:fixed;top:0;left:0;right:0;z-index:80;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;max-width:var(--max);margin:0 auto;padding:0 28px}
.blogo img{height:46px;width:auto}
nav.links{display:flex;gap:26px;align-items:center}
nav.links a{font-family:var(--body);font-weight:600;font-size:13.5px;letter-spacing:.01em;color:var(--mute);padding:7px 2px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
nav.links a:hover{color:var(--ink)}
nav.links a.on{color:var(--green-d);border-color:var(--green)}
.cta-mini{background:var(--green);color:#fff !important;padding:11px 20px;border-radius:var(--rb);border-bottom:none !important;font-weight:600;transition:background .2s,transform .2s}
.cta-mini:hover{background:var(--green-d);transform:translateY(-1px)}
.burger{display:none;background:none;border:0;cursor:pointer;padding:10px}
.burger span{display:block;width:23px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;transition:.25s}
.mnav{display:none}
@media(max-width:1020px){
  nav.links{display:none}
  .burger{display:block}
  .mnav{display:block;position:fixed;top:74px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);transform:translateY(-140%);transition:transform .3s ease;z-index:75;max-height:calc(100vh - 74px);overflow:auto;box-shadow:0 20px 40px rgba(34,51,67,.08)}
  .mnav a{display:block;padding:16px 28px;font-weight:600;font-size:15px;color:var(--ink);border-top:1px solid var(--line)}
  .mnav a.on{color:var(--green-d)}
  .mnav.open{transform:translateY(0)}
}

/* ROUTER */
.page{display:none}
.page.active{display:block;animation:pg .4s ease}
@keyframes pg{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
main{padding-top:74px}

/* SHARED */
.eyebrow{font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:11px}
.eyebrow i{display:inline-block;width:9px;height:9px;background:var(--green)}
h1.hx,h2.hx{font-family:var(--disp);font-weight:600;letter-spacing:-.022em;line-height:1.06;color:var(--ink)}
h2.hx{font-size:clamp(27px,3.8vw,40px);margin:16px 0 14px}
.lede{font-size:clamp(15.5px,1.9vw,17.5px);color:var(--mute);max-width:660px;line-height:1.75}
section{padding:96px 0}
.tight{padding:64px 0}
.bgalt{background:var(--bg2)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;transition:box-shadow .25s,transform .25s,border-color .25s}
.card:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:var(--line2)}
.card h3{font-family:var(--disp);font-weight:600;letter-spacing:-.012em;font-size:17.5px;color:var(--ink);margin-bottom:9px}
.card p{font-size:13.5px;color:var(--mute)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:980px){.grid4{grid-template-columns:1fr 1fr}}
@media(max-width:740px){.grid2,.grid3,.grid4{grid-template-columns:1fr}}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--body);font-weight:600;font-size:14.5px;padding:15px 28px;border-radius:var(--rb);border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,color .2s}
.btn.solid{background:var(--green);color:#fff}
.btn.solid:hover{background:var(--green-d);transform:translateY(-2px)}
.btn.ghost{border-color:var(--line2);color:var(--ink);background:#fff}
.btn.ghost:hover{border-color:var(--green);color:var(--green-d);transform:translateY(-2px)}
.ar{transition:transform .2s}
.btn:hover .ar{transform:translateX(3px)}
.fnote{font-size:11px;color:var(--faint);line-height:1.65;max-width:860px}
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.page.active{animation:none}*{scroll-behavior:auto !important}}

/* HERO */
.hero{position:relative;min-height:calc(92vh - 74px);display:flex;align-items:center;overflow:hidden;background:linear-gradient(180deg,#FFFFFF 0%,#F7FAF8 100%)}
#lattice{position:absolute;inset:0;width:100%;height:100%}
.hero .veil{position:absolute;inset:0;background:radial-gradient(1100px 640px at 32% 44%,rgba(255,255,255,0) 0%,rgba(255,255,255,.62) 55%,rgba(255,255,255,.95) 100%)}
.hero .inner{position:relative;z-index:2;padding:96px 0 84px;max-width:820px}
.badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:600;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);background:var(--gold-t);border:1px solid #F3D9A0;padding:9px 16px;border-radius:99px;margin-bottom:28px}
.badge b{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);animation:blip 1.9s ease-in-out infinite}
@keyframes blip{0%,100%{opacity:1}55%{opacity:.3}}
.hero h1{font-family:var(--disp);font-weight:600;letter-spacing:-.03em;line-height:1.02;color:var(--ink);font-size:clamp(42px,6.6vw,78px)}
.hero h1 .l2{color:var(--green)}
.hero .sub{margin:24px 0 36px;font-size:clamp(15.5px,2vw,18.5px);color:var(--mute);max-width:600px;line-height:1.7}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap}
.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:2;color:var(--faint);font-family:var(--mono);font-size:9.5px;letter-spacing:.28em;display:flex;flex-direction:column;align-items:center;gap:8px}
.scroll-cue .bar{width:2px;height:30px;background:linear-gradient(var(--green),transparent);animation:cue 1.8s ease-in-out infinite;border-radius:2px}
@keyframes cue{0%{transform:scaleY(.3);transform-origin:top}50%{transform:scaleY(1)}100%{transform:scaleY(.3)}}

/* STATS */
.stats{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:46px 28px;border-left:1px solid var(--line)}
.stat:first-child{border-left:none}
.stat .up{font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--green);font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.stat .up::before{content:"";width:8px;height:8px;background:var(--gold)}
.stat .num{font-family:var(--disp);font-weight:600;letter-spacing:-.03em;font-size:clamp(36px,4.4vw,52px);color:var(--ink);line-height:1}
.stat .num em{font-style:normal;font-size:.5em;color:var(--green)}
.stat .lab{font-size:12.5px;color:var(--mute);margin-top:10px;line-height:1.55}
@media(max-width:860px){.stat-grid{grid-template-columns:1fr 1fr}.stat{border-left:none;border-top:1px solid var(--line)}.stat:nth-child(-n+2){border-top:none}}
@media(max-width:480px){.stat-grid{grid-template-columns:1fr}.stat{border-top:1px solid var(--line)}.stat:first-child{border-top:none}}

/* PLATFORM */
.plat2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
@media(max-width:860px){.plat2{grid-template-columns:1fr}}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:36px 32px;transition:box-shadow .25s,transform .25s}
.pcard:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.pcard .k{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--green);font-weight:600;margin-bottom:14px;text-transform:uppercase}
.pcard h3{font-family:var(--disp);font-weight:600;letter-spacing:-.015em;font-size:21px;color:var(--ink);margin-bottom:10px}
.pcard p{font-size:14px;color:var(--mute)}
.pcard .theme{font-family:var(--disp);font-weight:600;font-size:13px;color:var(--green-d);margin-bottom:6px}
.connline{display:flex;align-items:center;gap:14px;justify-content:center;margin-top:22px;color:var(--faint);font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase}
.connline::before,.connline::after{content:"";height:1px;flex:1;max-width:180px;background:var(--line2)}
.lockup{background:var(--navy);padding:14px 18px;display:inline-block;margin-bottom:16px;border-radius:10px}
.lockup img{height:40px;width:auto}
.lockup.lt{background:#fff;border:1px solid var(--line)}

/* NAVY STATEMENT BAND (the one dark beat) */
.statement{position:relative;background:var(--navy);color:#fff;overflow:hidden;padding:110px 0}
.statement .grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
@media(max-width:880px){.statement .grid{grid-template-columns:1fr}}
.statement h2{font-family:var(--disp);font-weight:600;letter-spacing:-.022em;font-size:clamp(28px,4.6vw,48px);line-height:1.08}
.statement .b{color:var(--green-hi)}
.statement p{color:#B9C6D4;font-size:16px;margin:18px 0 30px;max-width:560px}
.statement .mark{justify-self:center;width:min(100%,420px);filter:drop-shadow(0 16px 40px rgba(0,0,0,.35))}
.hexbg{position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg width='56' height='97' viewBox='0 0 56 97' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 0L56 16.17v32.33L28 64.67 0 48.5V16.17L28 0zm0 64.67L56 80.83V97H0V80.83l28-16.16z' fill='none' stroke='%2317A94E' stroke-width='1'/%3E%3C/svg%3E");background-size:56px 97px}
.btn.onnavy{background:var(--green);color:#fff}
.btn.onnavy:hover{background:var(--green-hi)}
.btn.ghostnavy{border:1px solid #3E5470;color:#fff;background:transparent;border-radius:var(--rb)}
.btn.ghostnavy:hover{border-color:var(--green-hi);color:var(--green-hi)}

/* STEP RAIL */
.rail{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
@media(max-width:820px){.rail{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.rail{grid-template-columns:1fr}}
.rail .st{padding:26px 24px;border-left:1px solid var(--line)}
.rail .st:first-child{border-left:none}
@media(max-width:820px){.rail .st{border-left:none;border-top:1px solid var(--line)}.rail .st:nth-child(-n+2){border-top:none}}
@media(max-width:520px){.rail .st{border-top:1px solid var(--line)}.rail .st:first-child{border-top:none}}
.rail .n{font-family:var(--mono);font-weight:600;font-size:11px;color:var(--green);letter-spacing:.16em;margin-bottom:10px}
.rail h4{font-family:var(--disp);font-weight:600;font-size:15.5px;color:var(--ink);margin-bottom:7px}
.rail p{font-size:12.5px;color:var(--mute)}

/* ROADMAP STRIP */
.roadstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:780px){.roadstrip{grid-template-columns:1fr}}
.rs{border:1px solid var(--line);border-radius:var(--r);padding:24px 24px;background:#fff}
.rs .tag{display:inline-block;font-family:var(--mono);font-weight:600;font-size:10px;letter-spacing:.2em;padding:6px 12px;border-radius:99px;margin-bottom:12px;text-transform:uppercase}
.rs .t-now{color:var(--green-d);background:var(--green-t)}
.rs .t-late{color:var(--gold-ink);background:var(--gold-t)}
.rs h4{font-family:var(--disp);font-weight:600;font-size:16px;color:var(--ink);margin-bottom:6px}
.rs p{font-size:12.5px;color:var(--mute)}

/* SUBSTRATE CHIPS */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.chips span{font-weight:600;font-size:12.5px;color:var(--slate);background:#fff;border:1px solid var(--line2);padding:10px 16px;border-radius:99px}

/* SUBTRACT TILES */
.subs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:780px){.subs{grid-template-columns:1fr}}
.sub{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px 28px}
.sub .big{font-family:var(--disp);font-weight:600;letter-spacing:-.03em;font-size:clamp(34px,3.6vw,44px);color:var(--ink);line-height:1}
.sub .big em{font-style:normal;font-size:.5em;color:var(--green)}
.sub h4{font-family:var(--disp);font-weight:600;font-size:15px;color:var(--ink);margin:12px 0 6px}
.sub p{font-size:13px;color:var(--mute)}

/* TICKER */
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2);overflow:hidden;padding:16px 0}
.ticker .track{display:flex;width:max-content;animation:tk 42s linear infinite}
.ticker span{font-family:var(--mono);font-size:11px;letter-spacing:.2em;font-weight:600;color:var(--mute);white-space:nowrap;padding:0 26px;position:relative;text-transform:uppercase}
.ticker span::after{content:"";position:absolute;right:-5px;top:6px;width:7px;height:7px;background:var(--green);opacity:.5}
@keyframes tk{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker .track{animation:none;flex-wrap:wrap;width:auto}}

/* ECOSYSTEM */
.eco{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;align-items:center}
.eco span{font-weight:600;font-size:12px;color:var(--slate);background:#fff;border:1px solid var(--line2);padding:10px 16px;border-radius:8px}
.eco b{color:var(--gold);font-weight:700}

/* DIFFERENTIATORS */
.diffs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);margin-top:34px}
@media(max-width:900px){.diffs{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.diffs{grid-template-columns:1fr}}
.diff{padding:26px 22px 6px 0}
.diff h4{font-family:var(--disp);font-weight:600;font-size:15px;color:var(--ink);margin-bottom:7px;display:flex;gap:10px;align-items:baseline}
.diff h4::before{content:"";width:9px;height:9px;background:var(--green);flex:none;transform:translateY(-1px)}
.diff p{font-size:12.5px;color:var(--mute)}

/* MARGIN 2-SIDED */
.margin2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:820px){.margin2{grid-template-columns:1fr}}
.mside{padding:32px 30px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.mside .tag{font-family:var(--disp);font-weight:600;font-size:13px;letter-spacing:.02em;margin-bottom:14px;text-transform:uppercase}
.mside.input .tag{color:var(--green-d)}
.mside.sale .tag{color:var(--gold-ink)}
.mside.input{border-top:3px solid var(--green)}
.mside.sale{border-top:3px solid var(--gold)}
.mside ul{list-style:none;margin-top:6px}
.mside li{font-size:13.5px;color:var(--mute);padding:9px 0 9px 22px;position:relative;border-top:1px solid var(--line)}
.mside li::before{content:"";position:absolute;left:2px;top:15px;width:8px;height:8px}
.mside.input li::before{background:var(--green)}
.mside.sale li::before{background:var(--gold)}
.manchor{text-align:center;margin-top:22px;font-size:13.5px;color:var(--mute)}
.manchor b{font-family:var(--disp);font-weight:600;color:var(--green-d)}

/* TIERS */
.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:900px){.tiers{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tiers{grid-template-columns:1fr}}
.tier{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 22px}
.tier .tn{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--faint);font-weight:600;margin-bottom:10px}
.tier h4{font-family:var(--disp);font-weight:600;font-size:16px;color:var(--ink);margin-bottom:7px}
.tier p{font-size:12.5px;color:var(--mute)}
.tier.hot{border-color:var(--green);box-shadow:0 0 0 1px var(--green),var(--sh)}
.tier.hot .tn{color:var(--green)}

/* CALC */
.calc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:40px 36px;box-shadow:var(--sh)}
.calc .row{margin-bottom:28px}
.calc label{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;font-weight:600;color:var(--mute);margin-bottom:12px;text-transform:uppercase}
.calc label b{color:var(--green-d)}
input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:5px;border-radius:99px;background:var(--bg3);outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--green);cursor:pointer;border:4px solid #fff;box-shadow:0 0 0 1px var(--line2),0 2px 6px rgba(34,51,67,.2)}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--green);cursor:pointer;border:4px solid #fff}
.calc .out{border-top:1px solid var(--line);padding-top:26px;display:flex;flex-wrap:wrap;gap:30px;align-items:center}
.calc .chipnavy{background:var(--navy);border-radius:14px;padding:24px 30px}
.calc .big{font-family:var(--disp);font-weight:600;letter-spacing:-.02em;font-size:clamp(36px,4.4vw,52px);color:var(--gold);line-height:1}
.calc .big small{font-size:.28em;color:#B9C6D4;font-family:var(--mono);font-weight:600;letter-spacing:.14em;display:block;margin-top:8px}
.calc .eq{font-size:13.5px;color:var(--mute);max-width:300px}

/* FAQ */
.faq{border:1px solid var(--line);border-radius:var(--r);background:#fff;overflow:hidden}
.faq details{border-top:1px solid var(--line)}
.faq details:first-child{border-top:none}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:21px 26px;font-family:var(--disp);font-weight:600;font-size:15px;color:var(--ink);transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--bg2)}
.faq .pm{color:var(--green);font-size:20px;flex:none;transition:transform .25s}
.faq details[open] .pm{transform:rotate(45deg)}
.faq .a{padding:0 26px 22px;color:var(--mute);font-size:13.5px;max-width:780px}

/* FORM */
.formcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:38px 34px;box-shadow:var(--sh)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
@media(max-width:640px){.frow{grid-template-columns:1fr}}
.fld label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.18em;font-weight:600;color:var(--mute);margin-bottom:8px;text-transform:uppercase}
.fld input,.fld select,.fld textarea{width:100%;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;color:var(--ink);font-family:var(--body);font-size:14.5px;padding:13px 14px;outline:none;transition:border-color .2s,background .2s}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--green);background:#fff}
.fld textarea{resize:vertical;min-height:104px}
.formnote{margin-top:18px;font-size:12.5px;color:var(--gold-ink);font-weight:600}

/* BAND */
.band{background:var(--navy);border-radius:18px;padding:56px 46px;text-align:center;position:relative;overflow:hidden}
.band h2{font-family:var(--disp);font-weight:600;letter-spacing:-.02em;font-size:clamp(24px,3.6vw,36px);color:#fff;margin-bottom:14px}
.band p{color:#B9C6D4;max-width:580px;margin:0 auto 28px}
@media(max-width:640px){.band{padding:42px 24px}}

/* BLOG */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:980px){.bgrid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.bgrid{grid-template-columns:1fr}}
.bcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;display:flex;flex-direction:column;gap:10px;transition:transform .22s,box-shadow .22s;cursor:pointer}
.bcard:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.bcard .bc{font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;font-weight:600;text-transform:uppercase}
.bcard h3{font-family:var(--disp);font-weight:600;letter-spacing:-.012em;font-size:16px;color:var(--ink);line-height:1.25}
.bcard p{font-size:13px;color:var(--mute);flex:1}
.bcard .rm{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;font-weight:600;color:var(--green);text-transform:uppercase}
.bfilter{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 32px}
.bfilter button{font-family:var(--mono);font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;background:#fff;border:1px solid var(--line2);color:var(--mute);padding:9px 16px;border-radius:99px;cursor:pointer;transition:all .2s}
.bfilter button.on{background:var(--green);border-color:var(--green);color:#fff}
.article{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:54px 56px;box-shadow:var(--sh)}
@media(max-width:680px){.article{padding:36px 24px}}
.article .bc{font-family:var(--mono);font-size:10px;letter-spacing:.24em;font-weight:600;text-transform:uppercase;margin-bottom:14px}
.article h1{font-family:var(--disp);font-weight:600;letter-spacing:-.022em;font-size:clamp(25px,3.6vw,36px);color:var(--ink);line-height:1.12;margin-bottom:10px}
.article .meta{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;font-weight:600;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.article p{font-size:15px;line-height:1.85;color:var(--body-c);margin:0 0 18px}
.article h2{font-family:var(--disp);font-weight:600;letter-spacing:-.015em;font-size:20px;color:var(--ink);margin:30px 0 12px}
.article .foot{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:var(--faint);line-height:1.65}
.anav{max-width:760px;margin:22px auto 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.anav a{font-family:var(--disp);font-weight:600;font-size:13px;color:var(--green-d)}
.acta{max-width:760px;margin:22px auto 0}

/* LEGAL */
.legalpg{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:52px 56px}
@media(max-width:680px){.legalpg{padding:34px 24px}}
.legalpg h1{font-family:var(--disp);font-weight:600;letter-spacing:-.02em;font-size:clamp(23px,3.4vw,32px);color:var(--ink);margin-bottom:8px}
.legalpg .eff{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;font-weight:600;margin-bottom:26px}
.legalpg h2{font-family:var(--disp);font-weight:600;font-size:16px;color:var(--ink);margin:26px 0 10px}
.legalpg p,.legalpg li{font-size:13.5px;line-height:1.8;color:var(--body-c);margin-bottom:12px}
.legalpg ul{margin:0 0 12px 20px}
.draftbar{max-width:820px;margin:0 auto 18px;background:var(--gold-t);border:1px solid #F3D9A0;color:var(--gold-ink);font-family:var(--mono);font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:12px 18px;text-align:center;border-radius:10px}

/* CO-OP */
.coop{border:1px solid var(--line);background:#fff;border-radius:16px;padding:44px 40px;box-shadow:var(--sh)}
@media(max-width:640px){.coop{padding:32px 24px}}
.coop .tag27{display:inline-block;font-family:var(--mono);font-weight:600;font-size:10px;letter-spacing:.2em;color:var(--gold-ink);background:var(--gold-t);border:1px solid #F3D9A0;padding:7px 14px;border-radius:99px;margin-bottom:16px;text-transform:uppercase}
.coop h3{font-family:var(--disp);font-weight:600;letter-spacing:-.015em;font-size:24px;color:var(--ink);margin-bottom:12px}
.coop p{color:var(--mute);font-size:14.5px;max-width:720px}
.coop .pts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
@media(max-width:780px){.coop .pts{grid-template-columns:1fr}}
.coop .pt{border:1px solid var(--line);border-radius:var(--r);padding:20px 18px;font-size:12.5px;color:var(--mute);background:var(--bg2)}
.coop .pt b{display:block;color:var(--green-d);font-family:var(--disp);font-weight:600;font-size:13.5px;margin-bottom:6px}

/* FOOTER */
footer{border-top:1px solid var(--line);background:var(--bg2);padding:60px 0 36px}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:38px;margin-bottom:38px}
@media(max-width:860px){.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.fgrid{grid-template-columns:1fr}}
.fh{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--green-d);margin-bottom:14px;text-transform:uppercase;font-weight:600}
footer a.fl{display:block;color:var(--mute);font-size:13.5px;padding:5px 0;transition:color .2s}
footer a.fl:hover{color:var(--green-d)}
.flogo img{height:58px;width:auto;margin-bottom:14px}
.ftag{font-family:var(--disp);font-weight:600;color:var(--green-d);font-size:14.5px;margin:6px 0 10px}
.legal{border-top:1px solid var(--line);padding-top:22px;font-size:11px;color:var(--faint);line-height:1.75}
.legal a{color:var(--mute)}

/* ---- v4: hero scale + dispersion ---- */
.hero h1{font-weight:700;font-size:clamp(46px,7.4vw,92px);letter-spacing:-.035em}
.hero .inner{max-width:900px}
.credchips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.credchips a{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-weight:600;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);background:#fff;border:1px solid var(--line2);padding:9px 14px;border-radius:99px;transition:border-color .2s,color .2s}
.credchips a:hover{border-color:var(--green);color:var(--green-d)}
.credchips a::before{content:"";width:7px;height:7px;background:var(--gold)}

/* ---- micro-grid lab texture ---- */
.microgrid{background-image:linear-gradient(rgba(34,51,67,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,51,67,.045) 1px,transparent 1px);background-size:36px 36px;background-position:center}
.mg-tick{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;color:var(--faint);text-transform:uppercase}

/* ---- DwC display band ---- */
.dwc{position:relative;background:linear-gradient(180deg,#F2F7F3,#E9F4ED);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:96px 0;overflow:hidden;text-align:center}
.dwc .mark{font-family:var(--disp);font-weight:700;letter-spacing:-.035em;line-height:1.02;color:var(--ink);font-size:clamp(34px,6.4vw,80px)}
.dwc .mark .g{color:var(--green)}
.dwc .mark sup{font-size:.28em;color:var(--green);font-weight:600;vertical-align:super}
.dwc p{max-width:640px;margin:20px auto 0;color:var(--mute);font-size:clamp(14.5px,1.8vw,17px)}
.dwc .latbg{position:absolute;inset:0;opacity:.5;pointer-events:none}

/* ---- Evidence ---- */
.evgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:980px){.evgrid{grid-template-columns:1fr 1fr}}
@media(max-width:660px){.evgrid{grid-template-columns:1fr}}
.evcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column}
.evcard:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.evcard .ph{aspect-ratio:4/3;background:var(--bg3);position:relative;overflow:hidden}
.evcard .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.evcard:hover .ph img{transform:scale(1.04)}
.evcard .ph .lt{position:absolute;top:12px;left:12px;font-family:var(--mono);font-weight:600;font-size:9px;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.92);color:var(--slate);border:1px solid var(--line)}
.evcard .ph .lt.liq{color:var(--green-d)}
.evcard .bd{padding:18px 20px 20px;display:flex;flex-direction:column;gap:7px;flex:1}
.evcard h3{font-family:var(--disp);font-weight:600;font-size:16px;color:var(--ink);letter-spacing:-.012em}
.evcard .mt{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;font-weight:600}
.evcard p{font-size:12.5px;color:var(--mute);flex:1}
.evcard .rm{font-family:var(--mono);font-size:10px;letter-spacing:.16em;font-weight:600;color:var(--green);text-transform:uppercase}
.evcard.locked .ph{background:linear-gradient(150deg,var(--navy),#2C3F52);display:flex;align-items:center;justify-content:center}
.evcard.locked .ph .lock{width:44px;height:56px;position:relative}
.evcard.locked .ph .lock::before{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:var(--gold);border-radius:6px}
.evcard.locked .ph .lock::after{content:"";position:absolute;left:8px;right:8px;top:0;height:30px;border:5px solid var(--gold);border-bottom:none;border-radius:14px 14px 0 0}
.evfilter{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 32px}
.evfilter button{font-family:var(--mono);font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;background:#fff;border:1px solid var(--line2);color:var(--mute);padding:9px 16px;border-radius:99px;cursor:pointer;transition:all .2s}
.evfilter button.on{background:var(--green);border-color:var(--green);color:#fff}
/* evidence detail */
.evdet{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--sh)}
.evdet .hero-ph{position:relative}
.evdet .hero-ph img{width:100%;display:block}
.evdet .bd{padding:38px 44px}
@media(max-width:680px){.evdet .bd{padding:26px 22px}}
.evdet h1{font-family:var(--disp);font-weight:600;letter-spacing:-.02em;font-size:clamp(23px,3.4vw,32px);color:var(--ink);margin-bottom:8px}
.evdet .meta{display:flex;flex-wrap:wrap;gap:18px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;font-weight:600;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.evdet p{font-size:14.5px;line-height:1.8;color:var(--body-c)}
.evdet .ph2{margin-top:22px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.evnav{max-width:860px;margin:20px auto 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.evnav a{font-family:var(--disp);font-weight:600;font-size:13px;color:var(--green-d)}

/* ---- before/after comparator ---- */
.ba{position:relative;user-select:none;touch-action:none;overflow:hidden;border-radius:0}
.ba img{width:100%;display:block;pointer-events:none}
.ba .top{position:absolute;inset:0;overflow:hidden}
.ba .top img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
.ba .bar{position:absolute;top:0;bottom:0;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(34,51,67,.25);cursor:ew-resize}
.ba .knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--green);border:3px solid #fff;box-shadow:0 4px 12px rgba(34,51,67,.35);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;letter-spacing:-1px}
.ba .tag{position:absolute;top:12px;font-family:var(--mono);font-weight:600;font-size:9px;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.92);color:var(--slate)}
.ba .tag.b{left:12px}.ba .tag.a{right:12px}

/* ---- home evidence strip ---- */
.evstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.evstrip{grid-template-columns:1fr}}

/* ---- carbon rebuild ---- */
.co2eq{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px 34px;box-shadow:var(--sh)}
@media(max-width:760px){.co2eq{grid-template-columns:1fr;text-align:center}}
.co2eq .blk{text-align:center}
.co2eq .n{font-family:var(--disp);font-weight:700;letter-spacing:-.03em;font-size:clamp(34px,4.4vw,52px);color:var(--ink);line-height:1}
.co2eq .n em{font-style:normal;color:var(--green);font-size:.5em}
.co2eq .l{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--mute);text-transform:uppercase;font-weight:600;margin-top:8px}
.co2eq .eqs{font-family:var(--disp);font-weight:700;font-size:30px;color:var(--gold);text-align:center}
.cooptl{display:flex;gap:0;margin-top:26px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media(max-width:760px){.cooptl{flex-direction:column}}
.cooptl .tstep{flex:1;padding:20px 22px;border-left:1px solid var(--line);background:#fff}
.cooptl .tstep:first-child{border-left:none}
@media(max-width:760px){.cooptl .tstep{border-left:none;border-top:1px solid var(--line)}.cooptl .tstep:first-child{border-top:none}}
.cooptl .ty{font-family:var(--mono);font-weight:600;font-size:10px;letter-spacing:.2em;color:var(--gold-ink);margin-bottom:6px}
.cooptl h5{font-family:var(--disp);font-weight:600;font-size:14px;color:var(--ink);margin-bottom:4px}
.cooptl p{font-size:12px;color:var(--mute)}

/* ---- sticky mobile CTA ---- */
.stickycta{display:none}
@media(max-width:760px){
  .stickycta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:10px;transform:translateY(110%);transition:transform .3s ease}
  .stickycta.show{transform:none}
  .stickycta a{flex:1;text-align:center;justify-content:center}
  body{padding-bottom:0}
}

/* ---- v5: hero grid + proof panel + padding fix ---- */
.hero .wrap.inner{padding:88px 28px 76px;max-width:var(--max);display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center}
@media(max-width:920px){.hero .wrap.inner{grid-template-columns:1fr;gap:28px}}
.hero h1{font-weight:700;font-size:clamp(34px,4.9vw,62px);letter-spacing:-.03em;line-height:1.04}
.hero .thesis{font-family:var(--disp);font-weight:600;font-size:clamp(15px,1.8vw,19px);color:var(--green-d);letter-spacing:-.01em;margin:16px 0 10px}
.hero .sub{margin:0 0 30px;font-size:clamp(15px,1.9vw,17.5px)}
.proofpanel{background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:16px;padding:26px 26px 22px;box-shadow:var(--sh)}
.proofpanel .pt{font-family:var(--mono);font-weight:600;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--green-d);margin-bottom:14px;display:flex;align-items:center;gap:9px}
.proofpanel .pt::before{content:"";width:8px;height:8px;background:var(--gold)}
.proofpanel ul{list-style:none}
.proofpanel li{display:flex;gap:11px;align-items:baseline;padding:9px 0;border-top:1px solid var(--line);font-size:14px;color:var(--slate)}
.proofpanel li:first-child{border-top:none}
.proofpanel li b{font-family:var(--disp);font-weight:700;color:var(--ink);font-size:16px;white-space:nowrap}
.proofpanel li::before{content:"";width:7px;height:7px;background:var(--green);flex:none;transform:translateY(-2px)}
.proofpanel .pn{margin-top:12px;font-size:10.5px;color:#79899A;line-height:1.55}
@media(max-width:640px){
  .hero{min-height:auto}
  .hero .wrap.inner{padding:64px 24px 56px}
  .hero h1{font-size:clamp(32px,10.5vw,44px);line-height:1.03}
  .hero .sub{font-size:15.5px;line-height:1.65}
  .scroll-cue{display:none}
}

/* ---- integration path schematic ---- */
.paths{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:860px){.paths{grid-template-columns:1fr}}
.path{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 26px}
.path .ph{font-family:var(--mono);font-weight:600;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px}
.path.liq .ph{color:var(--green-d)}
.path.dry .ph{color:var(--gold-ink)}
.path h3{font-family:var(--disp);font-weight:600;font-size:18px;color:var(--ink);margin-bottom:16px;letter-spacing:-.012em}
.path .steps2{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.path .s{font-family:var(--mono);font-weight:600;font-size:10.5px;letter-spacing:.06em;color:var(--slate);background:var(--bg2);border:1px solid var(--line2);padding:9px 12px;border-radius:8px}
.path .a{color:var(--gold);font-weight:700}
.path p{margin-top:14px;font-size:13px;color:#5B6B7D}

/* ---- home licensing strip ---- */
.licstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:860px){.licstrip{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.licstrip{grid-template-columns:1fr}}
.lic{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 16px}
.lic .k{font-family:var(--mono);font-weight:600;font-size:9px;letter-spacing:.18em;color:var(--faint);margin-bottom:5px}
.lic h5{font-family:var(--disp);font-weight:600;font-size:13.5px;color:var(--ink)}

/* ---- tier cards, structured ---- */
.tier{padding:24px 22px}
.tier .who{font-size:12.5px;color:#5B6B7D;margin-bottom:12px;min-height:34px}
.tier .lbl{font-family:var(--mono);font-weight:600;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--green-d);margin:12px 0 5px}
.tier ul{list-style:none}
.tier li{font-size:12px;color:#5B6B7D;padding:3px 0 3px 15px;position:relative}
.tier li::before{content:"";position:absolute;left:1px;top:9px;width:6px;height:6px;background:var(--green)}
.tier .lbl.c{color:var(--gold-ink)}
.tier .lbl.c ~ ul li::before{background:var(--gold)}

/* ---- qualification intake ---- */
.frow3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}
@media(max-width:760px){.frow3{grid-template-columns:1fr}}
.fld .req{color:var(--green-d)}
.fld input.err,.fld select.err,.fld textarea.err{border-color:#C2452D;background:#FFF7F5}
.ferr{display:none;margin-top:14px;font-size:12.5px;color:#A63A24;font-weight:600}
.ferr.show{display:block}
.confirm{display:none;background:var(--green-t);border:1px solid #BFE1CB;border-radius:14px;padding:30px 30px}
.confirm.show{display:block}
.confirm h3{font-family:var(--disp);font-weight:600;font-size:19px;color:var(--green-d);margin-bottom:8px}
.confirm p{font-size:14px;color:var(--slate)}

/* ---- evidence library reframe ---- */
.bcard .tl{font-family:var(--mono);font-size:9px;letter-spacing:.18em;font-weight:600;text-transform:uppercase;color:var(--gold-ink)}
.bfilter .fh2{width:100%;font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;color:var(--faint);text-transform:uppercase;font-weight:600;margin:2px 0 2px}
.xlink{display:inline-flex;gap:8px;align-items:center;font-family:var(--mono);font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--green-d);border:1px solid var(--line2);background:#fff;padding:9px 14px;border-radius:99px;margin-top:14px}
.xlink:hover{border-color:var(--green)}

/* ---- readability: darken and bump small text ---- */
.card p{font-size:13.5px;color:#5B6B7D}
.evcard p{font-size:13px;color:#5B6B7D}
.rail p,.rs p,.tier p{font-size:13px;color:#5B6B7D}
.fnote{color:#79899A;font-size:11.5px}
.stat .lab{color:#5B6B7D;font-size:13px}
.diff p,.coop .pt{color:#5B6B7D}
.mside li{color:#54657A}
.faq .a{color:#54657A}

/* ---- mobile nav CTA ---- */
.mnav .mcta{display:block;margin:14px 20px 18px;text-align:center;background:var(--green);color:#fff !important;border-radius:10px;padding:14px;font-family:var(--body);font-weight:600;border-top:none !important}


/* ===== V6: graphite band system + motion polish ===== */
:root{--gph0:#0E1318;--gph1:#131A21;--gph2:#18222C}
body .hero{background:linear-gradient(180deg,var(--gph0) 0%,var(--gph1) 58%,var(--gph2) 100%)}
body .hero .veil{background:radial-gradient(1100px 640px at 30% 42%,rgba(14,19,24,0) 0%,rgba(14,19,24,.45) 55%,rgba(14,19,24,.88) 100%)}
body .hero h1{color:#F4F7FA}
body .hero .sub{color:#9FB0C0}
body .hero .thesis{color:var(--green-hi)}
body .hero .badge{color:#241B06;background:linear-gradient(135deg,#8A5F0E 0%,#C98F1A 20%,#FCAB10 42%,#FFDD82 50%,#FCAB10 58%,#B97F12 100%);border-color:rgba(255,228,156,.7);box-shadow:0 2px 12px rgba(252,171,16,.42),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.18)}
body .hero .badge b{background:#241B06;box-shadow:0 0 0 2px rgba(255,255,255,.28)}
body .hero .btn.ghost{background:transparent;border-color:#33465C;color:#E7EEF5}
body .hero .btn.ghost:hover{border-color:var(--green-hi);color:var(--green-hi)}
body .hero .proofpanel{background:linear-gradient(165deg,rgba(19,26,33,.9),rgba(13,18,23,.84));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 18px 50px rgba(0,0,0,.45);position:relative}
body .hero .proofpanel::before{content:"";position:absolute;left:-1px;top:-1px;width:14px;height:14px;border-left:2px solid var(--green-hi);border-top:2px solid var(--green-hi);pointer-events:none}
body .hero .proofpanel::after{content:"";position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;border-right:2px solid var(--green-hi);border-bottom:2px solid var(--green-hi);pointer-events:none}
body .hero .proofpanel .pt{color:var(--green-hi)}
body .hero .proofpanel li{color:#C4D0DC;border-top-color:rgba(255,255,255,.09)}
body .hero .proofpanel li b{color:#FFF}
body .hero .proofpanel .pn{color:#93A4B6}
body .hero .scroll-cue{color:#8093A6}
body .stats{background:linear-gradient(180deg,var(--gph2) 0%,var(--gph1) 100%);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid var(--line)}
body .stats .stat .num{color:#F4F7FA}
body .stats .stat .up{color:var(--green-hi)}
body .stats .stat .lab{color:#93A5B5}
body .stats .fnote{color:#8A9BAE}
body .statement{background:linear-gradient(160deg,var(--gph0) 0%,#1B2A38 100%)}
body .band{background:linear-gradient(150deg,var(--gph1) 0%,#1B2A38 100%)}
body .band::before{content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='56' height='97' viewBox='0 0 56 97' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 0L56 16.17v32.33L28 64.67 0 48.5V16.17L28 0zm0 64.67L56 80.83V97H0V80.83l28-16.16z' fill='none' stroke='%2317A94E' stroke-width='1'/%3E%3C/svg%3E");background-size:56px 97px}
body .band>*{position:relative}
body .card{position:relative;overflow:hidden}
body .card::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--green) 0%,var(--green-hi) 45%,var(--gph1) 100%);transform:scaleX(0);transform-origin:left;transition:transform .28s ease;pointer-events:none}
body .card:hover::before{transform:scaleX(1)}
body .evcard{position:relative}
body .evcard::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--green) 0%,var(--green-hi) 45%,var(--gph1) 100%);transform:scaleX(0);transform-origin:left;transition:transform .28s ease;pointer-events:none;z-index:2}
body .evcard:hover::after{transform:scaleX(1)}
body .btn.solid:hover{box-shadow:0 10px 26px rgba(0,124,41,.34)}
body .btn.onnavy:hover{box-shadow:0 10px 26px rgba(23,169,78,.30)}
#pg-markets .grid4 .card h3{transition:color .2s}
#pg-markets .grid4 .card:hover h3{color:var(--green-d)}
#pg-markets .grid4 .card:hover{border-color:var(--green)}
/* ===== V7: gunmetal plate, flow spine, evidence scroller, scale chips, conversion, carbon dark hero ===== */
body .hero .proofpanel{background:linear-gradient(160deg,#2A333C 0%,#1A222A 40%,#12181E 100%);background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 1px,rgba(255,255,255,0) 1px 5px),linear-gradient(160deg,#2A333C 0%,#1A222A 40%,#12181E 100%);border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 18px 50px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.55);position:relative}
body .hero .proofpanel .pt{border-bottom:1px solid rgba(252,171,16,.4);padding-bottom:10px;margin-bottom:12px}
body .evstrip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 4px 16px;cursor:grab;scrollbar-width:thin;scrollbar-color:var(--green) var(--bg3)}
body .evstrip:active{cursor:grabbing}
body .evstrip::-webkit-scrollbar{height:8px}
body .evstrip::-webkit-scrollbar-thumb{background:var(--green);border-radius:8px}
body .evstrip::-webkit-scrollbar-track{background:var(--bg3);border-radius:8px}
body .evstrip .evcard{flex:0 0 300px;scroll-snap-align:start}
body .evstrip .evmore{display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(150deg,var(--gph1),#1B2A38);border:1px solid rgba(255,255,255,.12);text-decoration:none;min-height:280px;border-radius:var(--r)}
body .evstrip .evmore h3{color:#fff;font-family:var(--disp);font-weight:600;font-size:17px}
.flowwrap{display:grid;justify-items:center}
.fcore{position:relative;text-align:center;background:linear-gradient(160deg,#2A333C,#12181E);background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.04) 0 1px,transparent 1px 5px),linear-gradient(160deg,#2A333C,#12181E);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:24px 30px 22px;color:#fff;box-shadow:0 14px 36px rgba(18,24,30,.35),inset 0 1px 0 rgba(255,255,255,.14);max-width:520px}
.fcore .ft{font-family:var(--disp);font-weight:600;font-size:18px;letter-spacing:-.012em;margin-top:10px}
.fcore .fs{font-size:13px;color:#B9C6D4;margin-top:8px;line-height:1.6}
.fcore::after{content:"";position:absolute;left:50%;bottom:-30px;width:2px;height:30px;background:linear-gradient(var(--green-hi),rgba(23,169,78,.15))}
.fbranches{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:26px;width:100%;margin-top:30px;padding-top:26px}
.fbranches::before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:linear-gradient(90deg,rgba(23,169,78,.12),var(--green-hi),rgba(23,169,78,.12))}
.frail{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px}
.frail::before{content:"";position:absolute;top:-26px;left:50%;transform:translateX(-1px);width:2px;height:26px;background:rgba(23,169,78,.4)}
.frail .fh{font-family:var(--mono);font-weight:600;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);line-height:1.7;margin-bottom:14px}
.frail .fh b{display:block;font-size:11.5px;letter-spacing:.14em;margin-top:2px}
.frail.liq .fh b{color:var(--green-d)}
.frail.dry .fh b{color:var(--gold-ink)}
.frail .fstep{position:relative;padding:9px 0 9px 24px;font-size:13.5px;color:var(--slate);border-left:2px solid var(--green-t)}
.frail.dry .fstep{border-left-color:var(--gold-t)}
.frail .fstep::before{content:"";position:absolute;left:-5px;top:14px;width:8px;height:8px;border-radius:50%;background:var(--green)}
.frail.dry .fstep::before{background:var(--gold)}
.frail .fend{margin-top:14px;font-family:var(--mono);font-weight:600;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;text-align:center}
@media(max-width:860px){.fbranches{grid-template-columns:1fr}}
.scalechip{font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line2);padding:10px 14px;border-radius:8px;background:#fff;display:inline-flex;align-items:center;gap:8px}
.scalechip::before{content:"";width:7px;height:7px;background:var(--green)}
.mix3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:860px){.mix3{grid-template-columns:1fr}}
.mixstep{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 24px;border-top:3px solid var(--green)}
.mixstep .mn{font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.2em;color:var(--green-d)}
.mixstep svg{display:block;margin:14px 0 10px}
.mixstep h3{font-family:var(--disp);font-weight:600;font-size:17px;color:var(--ink);letter-spacing:-.012em;margin-bottom:8px}
.mixstep p{font-size:13.5px;color:#5B6B7D;line-height:1.6}
.truckviz{width:100%;max-width:560px;height:auto;display:block}
.ratiolab{margin-top:14px;text-align:center;font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.ratiolab b{color:var(--gold-ink);border-bottom:2px solid var(--gold)}
.ratiosub{margin-top:6px;text-align:center;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
#cdwc{background:linear-gradient(160deg,#0E1318 0%,#111A22 55%,#0E2417 100%);border-top-color:rgba(255,255,255,.06);border-bottom-color:rgba(255,255,255,.06)}
#cdwc::before{content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='56' height='97' viewBox='0 0 56 97' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 0L56 16.17v32.33L28 64.67 0 48.5V16.17L28 0zm0 64.67L56 80.83V97H0V80.83l28-16.16z' fill='none' stroke='%2317A94E' stroke-width='1'/%3E%3C/svg%3E");background-size:56px 97px}
#cdwc .wrap{position:relative;z-index:1}
#cdwc .mark{color:#F4F7FA}
#cdwc .mark .g{color:var(--green-hi)}
#cdwc .mark sup{color:var(--green-hi)}
#cdwc p{color:#9FB0C0}
#cdwc .eyebrow{color:var(--green-hi)}
#cdwc .co2wm{position:absolute;right:-2%;top:50%;transform:translateY(-52%);font-family:var(--disp);font-weight:800;font-size:clamp(150px,24vw,320px);line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(23,169,78,.15);pointer-events:none;user-select:none;z-index:0}
#cdwc .co2wm span{font-size:.55em;vertical-align:-.08em}
#cdwc .co2wm i{position:absolute;left:-6%;right:-6%;top:55%;height:3px;background:linear-gradient(90deg,transparent,var(--green-hi),transparent);transform:rotate(-9deg);opacity:.5}
body .cdark{background:linear-gradient(180deg,#0E2417 0%,#101820 100%);border-bottom:1px solid rgba(255,255,255,.05)}
body .cdark .co2eq{background:linear-gradient(160deg,#2A333C 0%,#161D24 60%,#12181E 100%);background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.04) 0 1px,transparent 1px 5px),linear-gradient(160deg,#2A333C,#12181E);border-color:rgba(255,255,255,.14);box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12)}
body .cdark .co2eq .n{color:#F4F7FA;font-size:clamp(44px,6.5vw,80px)}
body .cdark .co2eq .n em{font-style:normal;font-size:.42em;color:#93A5B5}
body .cdark .co2eq .l{color:#9FB0C0}
body .cdark .co2eq .eqs{color:var(--gold);font-size:clamp(34px,4.6vw,56px);text-shadow:0 0 26px rgba(252,171,16,.45)}
body .cdark .fnote{color:#8A9BAE}
/* ===== V8: blog frames, market identities, nav state, mobile spine ===== */
.bhero,.ahero{position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(150deg,var(--bc,#007C29) 0%,#12181E 78%)}
.bhero{height:118px;margin-bottom:14px}
.ahero{height:clamp(160px,26vw,280px);margin:18px 0 24px}
.bhero::before,.ahero::before{content:"";position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg width='56' height='97' viewBox='0 0 56 97' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 0L56 16.17v32.33L28 64.67 0 48.5V16.17L28 0zm0 64.67L56 80.83V97H0V80.83l28-16.16z' fill='none' stroke='%23FFFFFF' stroke-width='1'/%3E%3C/svg%3E");background-size:56px 97px}
.bhero::after,.ahero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46px;background:linear-gradient(rgba(14,19,24,0),rgba(14,19,24,.6));z-index:1}
.bhero img,.ahero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bhero span,.ahero span{position:absolute;left:14px;bottom:11px;z-index:2;font-family:var(--mono);font-weight:600;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.88)}
.ahero span{left:18px;bottom:14px;font-size:10.5px}
.bhero b{position:absolute;right:12px;top:6px;z-index:2;font-family:var(--disp);font-weight:800;font-size:44px;line-height:1;color:rgba(255,255,255,.14)}
.mkt{--mkc:var(--green);border-top:3px solid var(--mkc)}
.mkt::after{content:"";position:absolute;top:14px;right:14px;width:44px;height:44px;opacity:.14;background-size:contain;background-repeat:no-repeat;pointer-events:none;transition:opacity .25s}
.mkt:hover::after{opacity:.3}
.mkt-rm{--mkc:#007C29}.mkt-pc{--mkc:#FCAB10}.mkt-st{--mkc:#17A94E}.mkt-aac{--mkc:#68788A}.mkt-mo{--mkc:#7A5406}.mkt-bag{--mkc:#223343}.mkt-rep{--mkc:#00611F}.mkt-inf{--mkc:#37424E}
.mkt-rm::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23223343' stroke-width='2'%3E%3Ccircle cx='10' cy='14' r='5'/%3E%3Ccircle cx='24' cy='9' r='4'/%3E%3Ccircle cx='34' cy='20' r='6'/%3E%3Ccircle cx='14' cy='30' r='6'/%3E%3Ccircle cx='30' cy='35' r='4'/%3E%3C/svg%3E")}
.mkt-pc::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23223343' stroke-width='2'%3E%3Crect x='4' y='6' width='16' height='32' rx='2'/%3E%3Crect x='24' y='6' width='16' height='14' rx='2'/%3E%3Crect x='24' y='24' width='16' height='14' rx='2'/%3E%3C/svg%3E")}
.mkt-st::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23223343' stroke-width='2'%3E%3Cpath d='M4 34L34 4M12 40L40 12M2 22L22 2'/%3E%3C/svg%3E")}
.mkt-aac::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23223343' stroke-width='2'%3E%3Ccircle cx='8' cy='9' r='3'/%3E%3Ccircle cx='20' cy='9' r='3'/%3E%3Ccircle cx='32' cy='9' r='3'/%3E%3Ccircle cx='14' cy='19' r='3'/%3E%3Ccircle cx='26' cy='19' r='3'/%3E%3Ccircle cx='38' cy='19' r='3'/%3E%3Ccircle cx='8' cy='29' r='3'/%3E%3Ccircle cx='20' cy='29' r='3'/%3E%3Ccircle cx='32' cy='29' r='3'/%3E%3Ccircle cx='14' cy='39' r='3'/%3E%3Ccircle cx='26' cy='39' r='3'/%3E%3C/svg%3E")}
.mkt-mo::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23223343' stroke-width='2'%3E%3Crect x='2' y='6' width='18' height='9'/%3E%3Crect x='22' y='6' width='18' height='9'/%3E%3Crect x='12' y='17' width='18' height='9'/%3E%3Crect x='2' y='28' width='18' height='9'/%3E%3Crect x='22' y='28' width='18' height='9'/%3E%3C/svg%3E")}
.mkt-bag::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23223343' stroke-width='2'%3E%3Crect x='10' y='12' width='24' height='26' rx='4'/%3E%3Cpath d='M14 12V7h16v5M10 19h24'/%3E%3C/svg%3E")}
.mkt-rep::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23223343' stroke-width='2'%3E%3Cpath d='M6 6l8 10-6 8 10 12'/%3E%3Crect x='26' y='24' width='12' height='12'/%3E%3C/svg%3E")}
.mkt-inf::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23223343' stroke-width='2'%3E%3Cpath d='M4 30q18-20 36 0'/%3E%3Cpath d='M8 37h6M20 37h6M32 37h6'/%3E%3C/svg%3E")}
header [data-nav].on{color:var(--green-d);position:relative}
header [data-nav].on::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--green)}
.mnav a.on{color:var(--green-d)}
@media(max-width:860px){.fbranches{padding-top:0;margin-top:26px}.fbranches::before{display:none}}
@media(prefers-reduced-motion:reduce){body .card::before,body .evcard::after{transition:none}}

@media(max-width:860px){#pg-ecgs section:first-child .wrap{grid-template-columns:1fr !important}}
@media(max-width:860px){#pg-nhance section:first-child .wrap{grid-template-columns:1fr !important}}
/* ========================================================================== 
   ADMIX v9.2.2 — WORDPRESS SOURCE-FIDELITY COMPATIBILITY
   The stylesheet above is an exact extraction from the supplied
   Admix_Innovations_Site_v8.html. These rules only bridge WordPress wrappers
   and later package-only components back to that source visual contract.
   ========================================================================== */

/* WordPress router/shell safety. The source is a hash-routed single HTML file;
   WordPress serves individual pages, so source router hiding must never hide a WP page. */
body.page{display:block!important}
.entry-content .page,.wp-block-post-content .page,.admix-visual-section-output>.page{display:block!important}
/* The source single-file used the bare <header> element only for its site nav.
   WordPress also uses <header> for archive/default entry headings, so neutralize
   the source fixed-nav rule everywhere except the actual theme shell. */
header:not(.admix-classic-header){position:static;top:auto;left:auto;right:auto;z-index:auto;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0}
/* WordPress widget wrappers are <section> elements; source section rhythm belongs
   to page sections, not footer widget containers. */
.admix-classic-footer section.widget{padding:0}
main.site-main{padding-top:var(--admix-header-height,74px)}

/* V10.2 package mastheads did not exist in the supplied baseline. Keep their
   content editable but render them like the original source section by default. */
.pgmast{border-bottom:0;background-image:none;background-color:transparent}
.pgmast .eyebrow{color:var(--green)}
.pgmast .hx,.pgmast h1{color:var(--ink)}
.pgmast .lede{color:var(--mute)}
.pgmast .btn.ghost{background:#fff;border-color:var(--line2);color:var(--ink)}
.pgmast .xlink{color:var(--green-d)}
.pm-ev{background-color:var(--bg2);background-image:linear-gradient(rgba(34,51,67,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,51,67,.045) 1px,transparent 1px);background-size:36px 36px}
.pm-lib,.pm-con{background-color:var(--bg2)}
.pm-lic,.pm-mkt{background-color:#fff}

/* V12/V13 Platform embellishments are retained as data in Gutenberg but do not
   replace the supplied source presentation. Source order is Liquid then Dry. */
.platline::after{display:none}
.plat2 .pline-liq{order:1}
.plat2 .pline-dry{order:2}
.pline-dry,.pline-liq{border-top:1px solid var(--line);background:#fff}
.pline-dry h3::after,.pline-liq h3::after{display:none}
.pcard .ltag,.pcard .pfacts{display:none}

/* V13 application icon enlargement added padding absent from the source. */
.mkt h3{padding-right:0}

/* V13 reduced the source Carbon watermark by opacity. */
#cdwc .co2wm{opacity:1}

/* V8 structural wrappers: match the original rail/timeline divider geometry,
   not the generic editable-item border on every side. */
.rail .admix-v8-item.st{border-top:0;border-right:0;border-bottom:0;border-radius:0}
.rail .admix-v8-item.st:first-child{border-left:0}
.cooptl .admix-v8-item.tstep{border-top:0;border-right:0;border-bottom:0;border-radius:0}
.cooptl .admix-v8-item.tstep:first-child{border-left:0}

/* Original inline source intent that is normalized during V8 structural conversion. */
section.admix-v8-section[data-admix-section="Performance Metrics"]{padding-top:0}

/* When the original single source section was split into two WordPress blocks,
   remove the artificial 96px + 96px visual break while retaining editability. */
.admix-section-evidence-1 .pm-ev{padding-bottom:0}
.admix-section-evidence-2>section{padding-top:32px}
.admix-section-blog-1 .pm-lib{padding-bottom:0}
.admix-section-blog-2>section{padding-top:32px}
.admix-section-contact-1 .pm-con{padding-bottom:0}
.admix-section-contact-2>section{padding-top:40px}
.admix-section-markets-1 .pm-mkt{padding-bottom:0}
.admix-section-markets-2>section.tight,
section.admix-v8-section[data-admix-section="Application Market Cards"]{padding-top:32px;padding-bottom:96px}

/* Preserve source visual spacing inside structural Gutenberg components instead
   of inheriting theme.json's generic 24px block gap. Source classes define their
   own margins/gaps. Native blocks outside Admix components keep normal WP spacing. */
.admix-v8-section .wp-block-group,
.admix-v8-licensing-tiers .wp-block-group,
.admix-v8-differentiators .wp-block-group,
.admix-v8-faq .wp-block-group,
.admix-v8-integration-paths .wp-block-group,
.admix-v8-item .wp-block-group{--wp--style--block-gap:0px}
.admix-v8-section .wp-block-buttons{gap:14px}

/* Legacy plant-band CSS remains compatibility-only; its later-only source section is suppressed publicly. */
.plantband{background-image:none;background-color:#0E1318}

/* Blog/article cards intentionally fall back to the source V8 gradient/category
   frame when no real WordPress Featured Image has been assigned. */
.bhero,.ahero{background:linear-gradient(150deg,var(--bc,#007C29) 0%,#12181E 78%)}

@media(max-width:820px){
  .rail .admix-v8-item.st{border-left:0;border-top:1px solid var(--line)}
  .rail .admix-v8-item.st:nth-child(-n+2){border-top:0}
}
@media(max-width:520px){
  .rail .admix-v8-item.st{border-top:1px solid var(--line)}
  .rail .admix-v8-item.st:first-child{border-top:0}
}
@media(max-width:760px){
  .cooptl .admix-v8-item.tstep{border-left:0;border-top:1px solid var(--line)}
  .cooptl .admix-v8-item.tstep:first-child{border-top:0}
}

/* Source responsive rules originally depended on single-file router page IDs.
   WordPress removes those IDs, so bind the same behavior to section wrappers. */
@media(max-width:860px){
  .admix-section-ecgs-1 section:first-child .wrap,
  .admix-section-nhance-1 section:first-child .wrap{grid-template-columns:1fr!important}
}
.admix-section-markets-2 .grid4 .card h3,
section.admix-v8-section[data-admix-section="Application Market Cards"] .grid4 .card h3{transition:color .2s}
.admix-section-markets-2 .grid4 .card:hover h3,
section.admix-v8-section[data-admix-section="Application Market Cards"] .grid4 .card:hover h3{color:var(--green-d)}
.admix-section-markets-2 .grid4 .card:hover,
section.admix-v8-section[data-admix-section="Application Market Cards"] .grid4 .card:hover{border-color:var(--green)}

/* V8 structural conversion represents source CTAs with Core Button blocks.
   Reapply the exact source .btn dimensions/behavior inside Admix structures. */
.admix-v8-section .wp-block-button__link,
.admix-v8-differentiators .wp-block-button__link,
.admix-v8-integration-paths .wp-block-button__link{
  display:inline-flex;align-items:center;gap:9px;font-family:var(--body);font-weight:600;
  font-size:14.5px;padding:15px 28px;border-radius:var(--rb);border:1px solid transparent;
  cursor:pointer;transition:transform .2s,background .2s,border-color .2s,color .2s;line-height:1.2
}
.admix-v8-section .wp-block-button.is-style-admix-solid .wp-block-button__link,
.admix-v8-differentiators .wp-block-button.is-style-admix-solid .wp-block-button__link{background:var(--green);border-color:var(--green);color:#fff}
.admix-v8-section .wp-block-button.is-style-admix-solid .wp-block-button__link:hover,
.admix-v8-differentiators .wp-block-button.is-style-admix-solid .wp-block-button__link:hover{background:var(--green-d);border-color:var(--green-d);transform:translateY(-2px)}
.admix-v8-section .wp-block-button.is-style-admix-outline .wp-block-button__link,
.admix-v8-differentiators .wp-block-button.is-style-admix-outline .wp-block-button__link{border-color:var(--line2);color:var(--ink);background:#fff}
.admix-v8-section .wp-block-button.is-style-admix-outline .wp-block-button__link:hover,
.admix-v8-differentiators .wp-block-button.is-style-admix-outline .wp-block-button__link:hover{border-color:var(--green);color:var(--green-d);background:#fff;transform:translateY(-2px)}

/* The package data lost the source Equinox mark from the Home proof statement.
   Restore it visually without overwriting page content. */
.statement .mark:empty,.statement .mark:not(:has(img)){
  display:block;aspect-ratio:880/546;background:url("../images/source-original/equinox-nano-graphene-technology.png") center/contain no-repeat
}

/* The supplied Dry hero used source chip styling. Later package classes remain
   editable but are presented as the original compact chip system. */
.admix-section-nhance-1 .sysgrid{margin-top:26px}
.admix-section-nhance-1 .subgrid,
.admix-section-nhance-1 .prodgrid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.admix-section-nhance-1 .chiplab{width:100%;font-family:var(--mono);font-weight:600;font-size:9.5px;letter-spacing:.18em;color:var(--green-d);text-transform:uppercase}
.admix-section-nhance-1 .stile,
.admix-section-nhance-1 a.pltile{
  width:auto;display:inline-flex;align-items:center;gap:0;font-weight:600;font-size:12.5px;color:var(--slate);
  background:#fff;border:1px solid var(--line2);padding:10px 16px;border-radius:99px;box-shadow:none
}
.admix-section-nhance-1 .stile::before,
.admix-section-nhance-1 a.pltile .ar{display:none}
.admix-section-nhance-1 a.pltile:hover{border-color:var(--green);color:var(--green-d);transform:none;box-shadow:none}

/* Source geometry hardening for V8 structural renderers. These target only
   source-derived Admix components; native Gutenberg blocks remain unrestricted. */
.admix-v8-differentiators .admix-v8-differentiator{
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  padding:26px 22px 6px 0
}
.admix-v8-collection-license-strip .lic.admix-v8-item,
.licstrip .lic.admix-v8-item{border-radius:10px}

/* Source mobile CTA used compact button dimensions and was intentionally absent
   on Qualification/Legal pages. Footer.php handles the page exclusion. */
@media(max-width:760px){.stickycta .btn{padding:12px 14px;font-size:13px}}


/* Field Evidence detail parity with the approved source. */
.admix-evidence-detail-shell{padding:96px 0}
.evdet .entry-content{margin:0!important}
.evdet .admix-evidence-hero.has-source-ba + .admix-evidence-body > .ba:first-child{display:none}
.evdet .admix-evidence-hero .hero-ph .ba{border-radius:0}
.evdet .admix-evidence-hero .bd{padding-bottom:0}
.evdet .admix-evidence-body{padding-top:0}
.evdet .admix-evidence-body .wp-block-image{margin-top:22px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.evdet .admix-evidence-body .wp-block-image img{width:100%;display:block}

/* WordPress layout-flow globals must not add a generic block gap inside source
   article/Evidence shells; the approved source classes already define rhythm. */
.article.wp-block-group,
.admix-evidence-body.wp-block-group{--wp--style--block-gap:0px}


/* ========================================================================== 
   V9.2.2 ORIGINAL MEDIA + WORDPRESS TEXT
   - Approved HTML controls media, effects and visible component inventory.
   - Existing WordPress text remains untouched.
   ========================================================================== */

/* No source-defined page section accepts a later photographic background. */
.admix-visual-section-output[class*="admix-section-"]{--admix-bg-image:none}
.admix-visual-section-output[class*="admix-section-"] .pgmast{background-image:none!important}
.admix-section-home-1 .hero{background:linear-gradient(180deg,var(--gph0) 0%,var(--gph1) 58%,var(--gph2) 100%)!important}
.admix-section-carbon-1 #cdwc{background:linear-gradient(160deg,#0E1318 0%,#111A22 55%,#0E2417 100%)!important}

/* Later-only visible embellishments that do not exist in the approved source. */
.admix-section-markets-2 .linetag,
section.admix-v8-section[data-admix-section="Application Market Cards"] .linetag{display:none!important}
.admix-v8-licensing-tiers .thbadge{display:none!important}
.admix-v8-licensing-tiers .tier-hi{border-color:var(--line)!important;box-shadow:none!important}

/* Approved Licensing Path has four steps and one funding card. Keep later text in
   the database, but do not expose later-only fifth step/payment cards publicly. */
.admix-section-licensing-4 .rail > .st:nth-child(n+5),
section.admix-v8-section[data-admix-section="Licensing Path and Terms"] .rail > .st:nth-child(n+5){display:none!important}
.admix-section-licensing-4 .wrap > .card ~ .card{display:none!important}
section.admix-v8-section[data-admix-section="Licensing Path and Terms"] .admix-v8-collection-cards > .card:nth-child(n+2){display:none!important}

/* Approved Dry source has seven substrates. Later package-only substrates remain
   stored in WP but do not render. Product names remain WP-owned; source styling is
   chips, not linked tiles. */
.admix-section-nhance-1 .subgrid > .stile:nth-child(n+8),
section.admix-v8-section[data-admix-section="Dry Dose Packs Hero"] .subgrid > .stile:nth-child(n+8){display:none!important}
.admix-section-nhance-1 a.pltile{pointer-events:none;cursor:default;text-decoration:none}

/* Field Evidence body media from old package migrations is hidden because source
   media is rendered canonically by the Evidence hero/secondary slot. Text remains. */
.single-evidence .admix-evidence-body > .ba,
.single-evidence .admix-evidence-body > .wp-block-image,
.single-evidence .admix-evidence-body figure.wp-block-image{display:none!important}
.evdet .admix-source-secondary{margin-top:22px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.evdet .admix-source-secondary img{width:100%;display:block}

/* PHOTO PENDING is used only by source-defined photo slots with no available source
   photograph. Maintain the same image geometry as a real evidence/photo slot. */
img[src$="photo-pending.svg"]{object-fit:cover;background:#B00020}
/* v9.2.2 — source Home Evidence owns one carousel wrapper, matching the approved HTML. */
.admix-section-home-6 .evstrip{margin-top:32px}

/* V9.2.2 source shell lock: V9 management keeps WordPress text/menu/CTA settings,
   but public shell geometry and palette match the approved HTML exactly. */
.admix-classic-header{
  position:fixed!important;top:0;left:0;right:0;height:74px!important;
  background:rgba(255,255,255,.86)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  border-bottom:1px solid var(--line)!important;box-shadow:none!important;transform:none!important
}
.admix-classic-header .nav{height:74px!important;max-width:var(--max);padding:0 28px}
.admix-classic-header .blogo img{height:46px!important;width:auto}
.admix-v9-footer{background:var(--bg2)!important;border-top:1px solid var(--line)!important}
.admix-v9-footer .fh,.admix-v9-footer .ftag{color:var(--green-d)!important}
.admix-v9-footer p,.admix-v9-footer .footer-address{color:var(--mute)}
.admix-v9-footer .legal{color:var(--faint)}
.admix-v9-footer .footer-menu a,.admix-v9-footer .fl{color:var(--mute)}
.admix-v9-footer .footer-menu a:hover,.admix-v9-footer .fl:hover{color:var(--green-d)}
/* WordPress admin-bar offset is an environment accommodation, not a source design change. */
body.admin-bar .admix-classic-header{top:32px!important}
@media(max-width:782px){body.admin-bar .admix-classic-header{top:46px!important}}

/* ========================================================================== 
   V9.2.5 SOFT STABILIZATION
   Theme-only fixes layered over V9.2.2. No database migration or content rewrite.
   ========================================================================== */

/* Carbon statement band: WordPress heading color supports can otherwise override
   the source inheritance. Source intent is white text with only .b in green. */
body .statement h2,
body .statement h2.wp-block-heading,
body .statement .wp-block-heading{color:#fff!important}
body .statement h2 .b,
body .statement .wp-block-heading .b{color:var(--green-hi)!important}

/* Carbon Credit Co-op: structural Gutenberg conversion must retain the source
   3-column card geometry and typography rather than generic Core-block rhythm. */
.admix-v8-section[data-admix-section="Carbon Credit Co-op"] .coop .pts,
.admix-section-carbon-6 .coop .pts{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;margin-top:26px;align-items:stretch
}
.admix-v8-section[data-admix-section="Carbon Credit Co-op"] .coop .pt,
.admix-section-carbon-6 .coop .pt{
  min-width:0;height:auto!important;min-height:0!important;
  border:1px solid var(--line)!important;border-radius:var(--r)!important;
  padding:20px 18px!important;background:var(--bg2)!important;
  color:var(--mute)!important;font-size:12.5px!important;line-height:1.72!important;
  box-shadow:none!important
}
.admix-v8-section[data-admix-section="Carbon Credit Co-op"] .coop .pt > p,
.admix-section-carbon-6 .coop .pt > p{margin:0!important;color:var(--mute)!important;font-size:12.5px!important;line-height:1.72!important}
.admix-v8-section[data-admix-section="Carbon Credit Co-op"] .coop .pt > .pt-title,
.admix-section-carbon-6 .coop .pt > .pt-title{
  display:block;color:var(--green-d)!important;font-family:var(--disp)!important;
  font-weight:600!important;font-size:13.5px!important;line-height:1.35!important;margin:0 0 6px!important
}
.admix-v8-section[data-admix-section="Carbon Credit Co-op"] .cooptl,
.admix-section-carbon-6 .cooptl{margin-top:26px!important}
.admix-v8-section[data-admix-section="Carbon Credit Co-op"] .cooptl .tstep > .tag,
.admix-section-carbon-6 .cooptl .tstep > .tag{
  display:block!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;
  font-family:var(--mono)!important;font-weight:600!important;font-size:10px!important;letter-spacing:.2em!important;
  color:var(--gold-ink)!important;margin:0 0 6px!important;text-transform:uppercase
}
.admix-v8-section[data-admix-section="Carbon Credit Co-op"] .cooptl .tstep h5,
.admix-section-carbon-6 .cooptl .tstep h5{margin:0 0 4px!important;color:var(--ink)!important;font-family:var(--disp)!important;font-weight:600!important;font-size:14px!important}
.admix-v8-section[data-admix-section="Carbon Credit Co-op"] .cooptl .tstep p,
.admix-section-carbon-6 .cooptl .tstep p{margin:0!important;color:var(--mute)!important;font-size:12px!important}

/* Source Liquid Platform scale chips restored by v923-soft-fixes.js only when
   an older saved hero is missing them. */
.admix-v923-restored-scalechips{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.admix-v923-restored-scale-note{margin-top:12px;font-size:14px;color:#5B6B7D;max-width:560px}

@media(max-width:780px){
  .admix-v8-section[data-admix-section="Carbon Credit Co-op"] .coop .pts,
  .admix-section-carbon-6 .coop .pts{grid-template-columns:1fr!important}
}

/* ========================================================================== 
   V9.2.5 SOFT STABILIZATION
   Runtime-only source parity fixes. No post_content migration or rewrite.
   ========================================================================== */

/* Structural Gutenberg sections lost the source .hx class during the historical
   V8 conversion. Restore the exact source H2 rhythm for direct section headings. */
.admix-v8-section > .wrap > h2.wp-block-heading{
  font-family:var(--disp)!important;font-weight:600!important;letter-spacing:-.022em!important;
  line-height:1.06!important;color:var(--ink)!important;font-size:clamp(27px,3.8vw,40px)!important;
  margin:16px 0 14px!important
}

/* Licensing / Value Equation: source is two equal, top-aligned cards with 30px
   between title and grid. Gutenberg flow margins must not offset the second card. */
.admix-v8-section[data-admix-section="Value Equation"] .margin2,
.admix-section-licensing-3 .margin2{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:20px!important;align-items:stretch!important;margin:30px 0 0!important
}
.admix-v8-section[data-admix-section="Value Equation"] .margin2 > .mside,
.admix-section-licensing-3 .margin2 > .mside{
  margin:0!important;margin-block-start:0!important;align-self:stretch!important;height:100%!important;
  box-sizing:border-box!important;padding:32px 30px!important;background:#fff!important
}
.admix-v8-section[data-admix-section="Value Equation"] .mside > .tag,
.admix-v8-section[data-admix-section="Value Equation"] .mside > p.tag,
.admix-section-licensing-3 .mside > .tag,
.admix-section-licensing-3 .mside > p.tag{margin:0 0 14px!important}
.admix-v8-section[data-admix-section="Value Equation"] .mside > ul,
.admix-section-licensing-3 .mside > ul{list-style:none!important;padding:0!important;margin:6px 0 0!important}
.admix-v8-section[data-admix-section="Value Equation"] .mside li,
.admix-section-licensing-3 .mside li{margin:0!important}
@media(max-width:820px){
  .admix-v8-section[data-admix-section="Value Equation"] .margin2,
  .admix-section-licensing-3 .margin2{grid-template-columns:1fr!important}
}

/* Applications differentiators/ecosystem: match the source row and explicit
   between-step arrows. The old converter's pseudo-arrow is disabled. */
.admix-v8-differentiators .diffs{margin-top:34px!important;align-items:start!important}
.admix-v8-differentiators .diffs > .diff{margin:0!important;margin-block-start:0!important;padding:26px 22px 6px 0!important}
.admix-v8-differentiators .diff h4.wp-block-heading{margin:0 0 7px!important;font-size:15px!important;line-height:1.35!important}
.admix-v8-differentiators .diff > p{margin:0!important;font-size:12.5px!important;color:var(--mute)!important}
.admix-v8-differentiators .admix-v8-ecosystem{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:28px 0 0!important;align-items:center!important}
.admix-v8-differentiators .admix-v8-ecosystem > .admix-v8-ecosystem-step{margin:0!important}
.admix-v8-ecosystem > .admix-v8-ecosystem-step + .admix-v8-ecosystem-step::before{content:none!important;display:none!important}
.admix-v8-ecosystem > .admix-eco-arrow{color:var(--gold)!important;font-weight:700!important;margin:0!important;flex:0 0 auto}

/* Evidence strip anchors are the actual navigation target. Give the anchor the
   source card width/snap behavior rather than relying on the nested card div. */
body .evstrip > .admix-evidence-card-link{display:flex!important;flex:0 0 300px!important;min-width:0!important;scroll-snap-align:start!important;color:inherit!important;text-decoration:none!important}
body .evstrip > .admix-evidence-card-link > .evcard{width:100%!important;height:100%!important;flex:1 1 auto!important;scroll-snap-align:unset!important}
body .evgrid > .admix-evidence-card-link{display:flex!important;min-width:0!important;color:inherit!important;text-decoration:none!important}
body .evgrid > .admix-evidence-card-link > .evcard{width:100%!important;height:100%!important}
body .evstrip.admix-is-dragging,body .evstrip.admix-is-dragging *{cursor:grabbing!important;user-select:none!important}
body .evstrip img{-webkit-user-drag:none;user-select:none}
/* Structural conversion stored source eyebrows as paragraphs without the source <i> marker. */
.admix-v8-section > .wrap > p.eyebrow::before{content:"";display:inline-block;width:9px;height:9px;background:var(--green);flex:0 0 auto}

/* ========================================================================== 
   V9.2.7 SOFT STABILIZATION
   Render-only recovery of source dynamic slots; no database/content rewrite.
   ========================================================================== */

/* Approved Carbon source explicitly centers this flex eyebrow inline. The old
   Gutenberg serialization lost that inline justify-content declaration. */
.admix-section-carbon-1 #cdwc .eyebrow,
.admix-section-carbon-1 .dwc .eyebrow,
.admix-v8-section[data-admix-section="Carbon Sustainability Hero"] .eyebrow{
  justify-content:center!important;
  text-align:center!important;
}

/* The Evidence detail visual hero is canonical and must sit flush inside the
   source card shell even when the saved editor body no longer contains it. */
.single-evidence .evdet > .entry-content > .admix-evidence-hero:first-child{margin:0!important}
