:root{--bg:#101014;--panel:#191D26;--gold:#FFD700;--yellow:#FFEA00;--green:#18B65C;--blue:#00C8FF;--white:#fff;--mute:#AAB2C0;--stroke:#343944;--radius:20px;--body:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--body);margin:0;color:var(--white);background:var(--bg);line-height:1.7}a{color:var(--blue)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a:hover{color:var(--gold)}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(2.2rem,5.8vw,4.65rem);max-width:950px;margin:.2em 0}h2{font-size:clamp(1.55rem,3vw,2.35rem);margin:1.5em 0 .55em}h3{font-size:1.18rem;margin:1.15em 0 .35em}p{margin:0 0 1.05rem;color:#e5e8ed}ul,ol{padding-left:1.4em;color:#e2e5eb}li{margin:.3em 0}strong{color:#fff}.container{width:min(1160px,92%);margin-inline:auto}.narrow{max-width:780px}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:0;z-index:100;background:#fff;color:#111;padding:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(16,16,20,.96);border-bottom:1px solid var(--stroke);backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:73px}.brand{color:var(--white);font-weight:900;text-decoration:none;font-size:1.12rem;letter-spacing:-.02em}.brand .mark{color:var(--gold)}.site-nav{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.site-nav a{color:#f2f4f7;text-decoration:none;font-size:.94rem}.site-nav a:hover{color:var(--gold)}.nav-toggle{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:850;color:var(--gold);margin:0 0 1rem}.hero{padding:85px 0 65px;background:radial-gradient(ellipse at 65% 12%,#202d41 0,transparent 47%),linear-gradient(180deg,#15151b,#101014)}.hero p.lead{font-size:clamp(1.1rem,2.1vw,1.38rem);max-width:740px;color:#d7dee8}.glow{color:var(--gold)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;background:var(--gold);border:2px solid var(--gold);border-radius:12px;color:#101014!important;font-weight:850;text-decoration:none;cursor:pointer;font:inherit;font-weight:bold;min-height:45px;transition:transform .15s ease}.btn:hover{transform:translateY(-2px);background:#ffe85d}.btn.secondary{background:transparent;color:#fff!important;border-color:#687181}.btn.blue{background:var(--blue);border-color:var(--blue);color:#061015!important}.btn.green{background:var(--green);border-color:var(--green);color:#07120a!important}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--stroke);padding:24px;border-radius:var(--radius)}.card h3{margin-top:0}.card .eyebrow{font-size:.7rem}.section{padding:60px 0}.section.alt{background:#141820}.pill{display:inline-block;padding:5px 11px;border-radius:100px;background:#273044;border:1px solid #44516a;color:#d4e8ff;font-size:.8rem;font-weight:700}.notice{padding:17px 19px;border-left:4px solid var(--gold);background:#29271c;border-radius:8px;margin:22px 0;color:#fff}.notice.critical{border-color:#f29f80;background:#322522}.fine{font-size:.84rem;color:var(--mute)}.fine p{color:inherit}.stat-line{display:flex;flex-wrap:wrap;gap:14px}.stat-line span{border:1px solid var(--stroke);border-radius:12px;padding:12px 17px;background:#161c26}.workflow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:24px 0}.step{padding:15px 8px;background:#242937;border:1px solid #3f4756;border-radius:12px;text-align:center;font-size:.85rem;line-height:1.35}.step b{display:block;font-size:1.35rem;color:var(--gold);margin-bottom:8px}.footer{padding:52px 0 34px;background:#0b0c10;border-top:1px solid var(--stroke)}.footer-links{display:flex;gap:14px 24px;flex-wrap:wrap}.footer-links a{color:#cad1da;font-size:.88rem}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px}.article{background:#171b23;border:1px solid var(--stroke);padding:clamp(20px,4vw,44px);border-radius:var(--radius)}.article h1{font-size:clamp(1.8rem,4vw,3.1rem)}.article h2{font-size:1.48rem}.article h3{font-size:1.12rem}.toc{position:sticky;top:100px;align-self:start}.toc ul{list-style:none;padding:0}.toc li{border-bottom:1px solid #333c4a;padding:7px 0}.toc a{text-decoration:none}.breadcrumbs{font-size:.85rem;color:var(--mute);margin:30px 0}.breadcrumbs a{color:#d2ebff}.form-field{display:grid;gap:7px;margin:13px 0}.form-field label,.form-field>.field-label{font-weight:700}input,select,textarea{background:#0f141d;border:1px solid #616b7c;border-radius:9px;color:white;padding:12px;min-width:0;width:100%;font:inherit}textarea{min-height:110px}input[type=checkbox]{width:auto;min-width:0;margin-right:7px}.checkbox-row{display:flex;align-items:flex-start;gap:5px;margin:17px 0}.checkbox-row label{font-weight:400}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--stroke);vertical-align:top}th{background:#242937;color:var(--gold)}.library-filter{max-width:620px}.library-list{display:grid;gap:12px;margin-top:24px}.library-row{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:center;padding:16px 20px;background:#191d26;border:1px solid var(--stroke);border-radius:12px}.library-row .num{font-size:1.4rem;color:var(--gold);font-weight:bold}.library-row h3{margin:0;font-size:1rem}.library-row p{margin:3px 0 0;font-size:.85rem;color:var(--mute)}.library-row a{color:var(--white);text-decoration:none}.library-row a:hover{color:var(--gold)}.callout{border-radius:16px;padding:20px;border:1px solid #3b5e6f;background:#132b37}.calc-results{background:#142a21;padding:18px;border:1px solid #367858;border-radius:12px}.calc-results output{font-weight:900;color:#b7ffd6}.marketplace{min-height:110px}.mock{background:#0d1119;border:1px solid #3a5260;border-radius:20px;padding:20px;box-shadow:0 22px 60px #0007}.mock-head{height:12px;width:140px;background:var(--gold);border-radius:10px;margin-bottom:25px}.mock-rows{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.mock-rows span{height:68px;border-radius:8px;background:#29344a;border:1px solid #4d617b;position:relative}.mock-rows span:after{content:'✓';position:absolute;left:13px;top:15px;color:#9cffe0;font-size:1.6em}.widget-frame{min-height:90px}.wplus_spdisclaimer{font-size:.85rem}.app-tabs{display:flex;gap:8px;overflow:auto;margin:22px 0}.app-tabs button{white-space:nowrap}.app-tabs button[aria-selected=true]{background:var(--gold);color:#111}.app-pane[hidden]{display:none}.subtle{color:var(--mute)}#cookie-consent{position:fixed;bottom:16px;left:16px;z-index:99;max-width:430px;background:#222937;border:1px solid #647086;border-radius:15px;padding:17px;box-shadow:0 12px 40px #000b}#cookie-consent button{margin:5px 8px 0 0}.error{color:#ffc8bd}.success{color:#96ffbd}blockquote{margin:22px 0;padding:18px 20px;border-left:4px solid var(--blue);background:#1d2b34;border-radius:5px}svg{max-width:100%}@media(max-width:850px){.nav-toggle{display:block;background:none;border:1px solid #748195;border-radius:9px;color:white;padding:8px 10px}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:18px;background:#151924;border-bottom:1px solid #3e4450;flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.grid,.grid.two,.article-grid{grid-template-columns:1fr}.toc{position:static}.workflow{grid-template-columns:repeat(4,1fr)}}@media(max-width:500px){.hero{padding:47px 0}.section{padding:38px 0}.workflow{grid-template-columns:repeat(2,1fr)}.card{padding:20px}.library-row{grid-template-columns:44px 1fr;padding:12px}.mock-rows{gap:4px}.mock-rows span{height:45px}.article{padding:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}

/* BOLD GET ACCESS EDITION / contrast and tap-target optimized */
:root{--signal:#ff4a46;--deep:#08090c;--halo:rgba(255,215,0,.16)}
body{background:radial-gradient(circle at 80% 0%,#222230 0,transparent 38%),#101014}
.hero{background:radial-gradient(circle at 78% 18%,rgba(255,74,70,.17),transparent 40%),radial-gradient(circle at 23% 25%,rgba(255,215,0,.12),transparent 34%),linear-gradient(140deg,#0a0b0f,#191d26);border-bottom:2px solid #ffcc33}
.hero h1{font-weight:950;font-size:clamp(2.7rem,7vw,5.7rem);letter-spacing:-.065em;line-height:1.03}
.hero .lead strong{color:#fff}
.hero .eyebrow{color:#ffe549}
.hero h2{color:#fff;font-weight:900;letter-spacing:-.04em}
.hero-shout{font-size:clamp(1.24rem,2.4vw,1.7rem);font-weight:900;color:var(--gold);max-width:770px;margin:0 0 14px}
.btn.access-btn{background:linear-gradient(130deg,#ffea00,#ffd000);color:#0a0a0e!important;border:2px solid #fff28d;box-shadow:0 6px 0 #6c5008,0 0 24px rgba(255,215,0,.16);font-size:.91rem;font-weight:900;letter-spacing:.018em;text-align:center;line-height:1.3;min-height:52px;padding:14px 19px;text-transform:uppercase;max-width:100%;white-space:normal}
.btn.access-btn:hover{transform:translateY(-2px);background:#fff38a;box-shadow:0 7px 0 #755609,0 0 26px rgba(255,215,0,.27)}
.btn.access-btn.access-secondary{background:transparent;color:#fff!important;box-shadow:none;border-color:#00c8ff}
.btn.access-btn.access-secondary:hover{background:#163242}
.btn.access-btn.access-offer{background:linear-gradient(130deg,#20e779,#16b65c);border-color:#7cf5ad;box-shadow:0 6px 0 #07552c;color:#041108!important}
.btn.access-btn.access-warn{background:linear-gradient(125deg,#ff6a45,#ffb34a);border-color:#ffd0a6;box-shadow:0 6px 0 #71361f;color:#111!important}
.conversion-strip{margin:25px 0;border:1px solid #a48037;border-left:5px solid var(--gold);background:linear-gradient(120deg,#292219,#191d26);padding:20px 22px;border-radius:15px}
.conversion-strip p{color:#fff;margin:0 0 12px;font-size:1rem}
.access-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px}
.conversion-strip.compact{padding:17px}
.article .conversion-strip{margin:24px 0}
.access-hero-micro{color:#b8c2d3;font-size:.84rem;max-width:760px}
.rally{border:1px solid #514729;border-radius:17px;padding:22px;background:linear-gradient(135deg,#25231b,#18232e)}
.rally strong{color:#ffe753}
.rally h3{font-size:1.45rem;color:#ffea00;max-width:800px}
.nav-access{color:#ffd700!important;font-weight:900!important}
.action-banner{margin-top:24px;padding:16px 20px;background:#141e28;border:1px solid #446173;border-radius:12px;font-weight:750}
.article>.lead{font-weight:500}
.guide-cta-label{color:#ffea00;font-weight:950;letter-spacing:.05em;text-transform:uppercase;font-size:.77rem}
.section h2{font-weight:900}
.guide-end-panel{background:#18212c;border:1px solid #356078;padding:23px;border-radius:15px;margin:24px 0}
.guide-end-panel h3{color:#ffea00;margin-top:0}
@media(max-width:600px){.btn.access-btn{width:100%;justify-content:center;max-width:none}.access-actions,.hero .actions{display:grid;grid-template-columns:1fr}.conversion-strip{padding:17px}.hero{padding-top:55px}}
@media(prefers-reduced-motion:reduce){.btn.access-btn{transition:none}.btn.access-btn:hover{transform:none}}

.library-row{grid-template-columns:64px minmax(0,1fr) auto}
@media(max-width:850px){.library-row{grid-template-columns:48px 1fr}.library-row>a.btn{grid-column:2;justify-self:start}}
@media(max-width:500px){.library-row>a.btn{grid-column:1/-1;width:100%}}

/* Wasmer 7X checkout & resources revision */
.warriorplus-purchase{background:linear-gradient(130deg,#222631,#151920);border:2px solid #ffd700;border-radius:20px;padding:clamp(16px,3vw,30px);margin:2.7rem 0;box-shadow:0 12px 32px #0005}
.warriorplus-purchase h2{font-size:clamp(1.25rem,2.1vw,1.72rem);margin:.35em 0 .65em}
.warriorplus-purchase .eyebrow{color:#ffea00}
.warriorplus-purchase .purchase-caution{border-left:3px solid #00c8ff;padding:10px 14px;background:#111723;color:#e1e7ee;font-size:.9rem}
.official-buy{display:inline-flex;flex-direction:column;gap:6px;align-items:center;max-width:100%;text-decoration:none;padding:8px;border:1px solid #2ddb80;border-radius:12px;background:#13241c;color:#fff;font-weight:850;transition:transform .2s,box-shadow .2s}
.official-buy:hover,.official-buy:focus-visible{box-shadow:0 0 0 3px #18b65c66;transform:translateY(-1px);color:#ffea00}
.official-buy img{display:block;width:min(460px,100%);height:auto;aspect-ratio:460 / 94;object-fit:contain}
.official-buy span{font-size:.8rem;letter-spacing:.05em;text-align:center}
.related-resource{background:#151d27;border:1px solid #2e5671;border-radius:18px;padding:22px;margin:2.4rem 0}
.related-resource h2{font-size:clamp(1.18rem,1.8vw,1.5rem);margin:.3rem 0 .8rem;color:#fff}
.related-resource .fine{font-size:.86rem;color:#d1d8e3}
.related-resource .resource-link{max-width:100%;white-space:normal;text-align:center;background:#00c8ff;color:#07111a;border-radius:12px;font-weight:850}
.library-open{display:inline-block;font-weight:800;text-decoration:underline;text-underline-offset:3px;min-width:95px;color:#00c8ff}
.nav-workspace{color:#ffea00!important;font-weight:850}
.purchase-link,.buy-action{background:#18b65c!important;color:#07180f!important;font-weight:850}
@media(max-width:650px){.warriorplus-purchase{padding:17px 13px}.official-buy{width:100%}.warriorplus-purchase h2{font-size:1.3rem}}