:root{--how-bg:#06271f;--how-bg2:#073128;--how-bg3:#082f26;--how-card:#0a352a;--how-card2:#0b3c31;--how-line:rgba(120,236,173,.18);--how-mint:#78ecad;--how-soft:#bdd8cc;--how-muted:#91afa2;--how-white:#f5fbf8}
.how-page{background:var(--how-bg);color:var(--how-white)}
.how-page .site-header{position:relative!important;inset:auto!important;width:100%;background:#06271f!important;border-bottom:1px solid rgba(255,255,255,.11);color:#fff}.how-page .site-header .brand,.how-page .site-header nav a,.how-page .site-header .menu-toggle,.how-page .site-header .header-action{color:#fff!important}.how-page .site-header .header-action{background:#0aa482;border-color:#0aa482!important}
.how-anchorbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#082f26;border-bottom:1px solid rgba(255,255,255,.09)}.how-anchorbar a{padding:18px 14px;text-align:center;border-right:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#b8d2c7}.how-anchorbar a:last-child{border-right:0}.how-anchorbar a:hover{color:var(--how-mint)}
.how-hero{min-height:650px;padding:88px var(--page-gutter) 95px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.66fr);gap:7vw;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 16%,rgba(120,236,173,.11),transparent 28%),linear-gradient(135deg,#06271f 0%,#073128 60%,#06271f 100%)}.how-hero:before{content:"";position:absolute;width:720px;height:720px;border:1px solid rgba(120,236,173,.08);border-radius:50%;right:-280px;top:-310px;box-shadow:0 0 0 115px rgba(120,236,173,.014),0 0 0 225px rgba(120,236,173,.008)}.how-hero-copy,.how-boundary{position:relative;z-index:1}.how-page .eyebrow{color:var(--how-mint)}.how-hero h1{font-size:clamp(3rem,5.1vw,6.1rem);line-height:.98;letter-spacing:-.045em;max-width:940px;margin:19px 0 30px}.how-lead{max-width:820px;color:#c8ded5;font-size:clamp(18px,1.45vw,23px);line-height:1.72}.how-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.how-page .button.primary{background:#0aa482;color:#fff}.how-page .button.secondary{border:1px solid rgba(255,255,255,.38);color:#fff}
.how-boundary{border:1px solid var(--how-line);border-radius:22px;padding:30px;background:rgba(8,47,38,.82);box-shadow:0 22px 70px rgba(0,0,0,.18)}.how-boundary small{display:block;color:var(--how-mint);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.how-boundary>strong{display:block;font-size:clamp(1.45rem,2vw,2.2rem);line-height:1.15;margin:18px 0 12px}.how-boundary p{color:#a9c7ba;line-height:1.68}.how-boundary ul{list-style:none;padding:0;margin:22px 0 0}.how-boundary li{padding:12px 0 12px 22px;border-top:1px solid rgba(255,255,255,.09);position:relative;color:#b8d3c7}.how-boundary li:before{content:"✓";position:absolute;left:0;color:var(--how-mint);font-weight:900}
.how-section{padding:clamp(80px,8vw,120px) var(--page-gutter);border-top:1px solid rgba(255,255,255,.08)}.section-heading{max-width:1050px}.section-heading.compact{max-width:1180px}.section-heading h2{font-size:clamp(2.35rem,3.9vw,4.6rem);line-height:1.03;margin:14px 0 22px}.section-heading>p:last-child{color:var(--how-soft);font-size:17px;line-height:1.75;max-width:930px}
.chain-section{background:#06271f}.chain-grid{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));align-items:stretch;gap:10px;margin-top:50px}.chain-grid article{grid-column:span 1;min-width:0;border:1px solid var(--how-line);border-radius:18px;padding:24px 20px;background:#0a352a;min-height:280px}.chain-grid article:nth-of-type(n){grid-column:span 1}.chain-grid>i{display:grid;place-items:center;color:var(--how-mint);font-style:normal;font-size:24px}.chain-grid span,.evidence-stack span,.authority-flow span,.learning-grid span,.country-diagram span{font-size:10px;letter-spacing:.13em;color:var(--how-mint)}.chain-grid h3{font-size:19px;margin:28px 0 12px}.chain-grid p{color:#a8c5b8;line-height:1.63;font-size:14px}
/* force six cards + five arrows across large screens */
.chain-grid{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr}.chain-grid article{grid-column:auto}
.evidence-section{background:#072b22}.evidence-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:start}.evidence-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}.evidence-stack article{border:1px solid var(--how-line);border-radius:18px;padding:28px;background:#0a352a;min-height:205px}.evidence-stack strong{display:block;margin:28px 0 10px;font-size:18px}.evidence-stack p{color:#9fbdaf;line-height:1.65;margin:0}
.authority-section{background:#082f26}.authority-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:48px}.authority-flow article{border:1px solid var(--how-line);border-radius:18px;padding:26px;background:#0a352a;min-height:245px}.authority-flow h3{margin:32px 0 12px;font-size:20px}.authority-flow p{color:#9fbcae;line-height:1.65}.authority-rule{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:18px;padding:22px 26px;border-left:3px solid var(--how-mint);background:#0b3b30}.authority-rule strong{font-size:17px}.authority-rule span{color:#a2beb2;max-width:780px;text-align:right;font-size:13px;line-height:1.6}
.country-section{background:#06271f}.country-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:7vw;align-items:start}.country-diagram{border:1px solid var(--how-line);border-radius:22px;padding:28px;background:#082f26}.platform-node{padding:25px;border-radius:16px;background:#0b3b30;text-align:center;border:1px solid rgba(120,236,173,.2)}.platform-node strong{display:block;margin-top:10px;font-size:18px}.country-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;position:relative}.country-branches:before{content:"";position:absolute;left:50%;top:-24px;width:1px;height:24px;background:var(--how-mint)}.country-branches article{padding:24px 18px;border:1px solid var(--how-line);border-radius:15px;text-align:center;background:#0a352a}.country-branches strong{display:block;margin:12px 0 7px}.country-branches small{color:#8fac9f;line-height:1.5}.country-diagram>p{margin:22px 0 0;color:#9dbbae;line-height:1.65;text-align:center;font-size:13px}
.learning-section{background:#072b22}.learning-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.1fr;gap:12px;align-items:stretch;margin-top:48px}.learning-grid article{border:1px solid var(--how-line);border-radius:18px;padding:27px;background:#0a352a;min-height:230px}.learning-grid i{display:grid;place-items:center;color:var(--how-mint);font-size:25px;font-style:normal}.learning-grid h3{margin:30px 0 12px;font-size:20px}.learning-grid p{color:#9fbcae;line-height:1.65}.learning-grid .memory-result{background:#0b3d31;border-color:rgba(120,236,173,.3)}
.how-status-link{padding:65px var(--page-gutter);display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;background:#082f26;border-top:1px solid rgba(255,255,255,.08)}.how-status-link h2{font-size:clamp(2rem,3vw,3.4rem);margin:12px 0}.how-status-link p:last-child{color:#a8c5b8;max-width:900px;line-height:1.68}.how-cta{padding:80px var(--page-gutter);display:grid;grid-template-columns:1fr auto;gap:38px;align-items:center;background:#073128;border-top:1px solid rgba(255,255,255,.08)}.how-cta h2{font-size:clamp(2.1rem,3.2vw,3.8rem);margin:11px 0}.how-cta p:last-child{color:#a9c6b9;max-width:900px;line-height:1.68}.how-cta-actions{display:flex;gap:12px;flex-wrap:wrap}.how-page footer{border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:1180px){.how-hero,.evidence-layout,.country-layout{grid-template-columns:1fr}.how-boundary{max-width:760px}.chain-grid{grid-template-columns:1fr 1fr}.chain-grid>i{display:none}.authority-flow{grid-template-columns:1fr 1fr}.learning-grid{grid-template-columns:1fr 1fr}.learning-grid>i{display:none}.how-status-link,.how-cta{grid-template-columns:1fr}}
@media(max-width:720px){.how-anchorbar{grid-template-columns:repeat(5,minmax(128px,1fr));overflow-x:auto;white-space:nowrap}.how-hero{min-height:auto;padding:70px 22px}.how-hero h1{font-size:clamp(2.6rem,12vw,4rem)}.how-section{padding:70px 22px}.chain-grid,.evidence-stack,.authority-flow,.country-branches,.learning-grid{grid-template-columns:1fr}.authority-rule{flex-direction:column;align-items:flex-start}.authority-rule span{text-align:left}.how-status-link,.how-cta{padding:62px 22px}.country-branches:before{display:none}}
