:root{--navy: #0a1628;--navy-ink: #163050;--cyan: #00d4ff;--cyan-deep: #0094b8;--lime: #b8f000;--lime-deep: #8fbd00;--coral: #ff5a3c;--coral-deep: #e84428;--offwhite: #f5fbff;--white: #ffffff;--mist: #d7eef8;--muted: #3a5270;--line: #b9d6e8;--red-tip: #e31c23;--yellow-tip: #f5c400;--green-tip: #2fa84f;--white-tip: #f4f7fa;--font-display: "Bricolage Grotesque", "Trebuchet MS", sans-serif;--font-body: Nunito, "Segoe UI", sans-serif;--shadow: 0 16px 40px rgba(10, 22, 40, .08);--shadow-hard: 5px 5px 0 var(--navy);--radius: 1.5rem;--radius-sm: 1rem;--max: 72rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:1.125rem;line-height:1.6;color:var(--navy);background:radial-gradient(circle at 12% -10%,rgba(0,212,255,.22),transparent 34%),radial-gradient(circle at 92% 8%,rgba(184,240,0,.2),transparent 28%),var(--offwhite)}img{max-width:100%;height:auto}a{color:var(--cyan-deep);font-weight:700}a:hover{color:var(--navy)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.04em;line-height:1.05;margin:0 0 .6em}h1{font-size:clamp(2.6rem,7vw,4.6rem)}h2{font-size:clamp(1.9rem,4.4vw,3rem)}h3{font-size:clamp(1.35rem,2.6vw,1.7rem)}p{margin:0 0 1rem}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--navy);color:var(--white);padding:.6rem 1rem;border-radius:999px}.skip-link:focus{top:1rem}.wrap{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}.wrap-narrow{width:min(46rem,calc(100% - 2rem));margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;background:#f5fbffdb;backdrop-filter:blur(16px);border-bottom:3px solid var(--navy)}.header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.6rem;padding:.55rem 0}.logo-link{display:flex;align-items:center;flex:0 0 auto}.logo-link img{display:block;height:clamp(2.1rem,5vw,2.7rem);width:auto}.nav-toggle{display:none}.nav{display:flex;align-items:center;gap:.35rem 1.15rem}.nav a{color:var(--navy);text-decoration:none;font-weight:800}.nav a[aria-current=page]{color:var(--cyan-deep);text-decoration:underline;text-underline-offset:.28em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.78rem 1.25rem;border-radius:999px;border:3px solid var(--navy);font-family:var(--font-display);font-size:1rem;font-weight:800;letter-spacing:-.02em;text-decoration:none;box-shadow:var(--shadow-hard);transition:transform .12s ease,box-shadow .12s ease;cursor:pointer}.btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--navy);color:inherit}.btn-coral{background:var(--coral);color:var(--white)}.btn-lime{background:var(--lime);color:var(--navy)}.btn-cyan{background:var(--cyan);color:var(--navy)}.btn-ghost{background:var(--white);color:var(--navy)}.btn-sm{padding:.5rem .95rem;font-size:.95rem}.hero{position:relative;overflow:hidden;padding:clamp(2.4rem,6vw,5rem) 0 3rem}.hero-grid{display:grid;gap:2rem;align-items:center}@media(min-width:880px){.hero-grid{grid-template-columns:1.15fr .85fr}}.kicker{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .75rem;border-radius:999px;border:2px solid var(--navy);background:var(--lime);color:var(--navy);font-weight:800;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.lede{font-size:clamp(1.15rem,2vw,1.35rem);color:var(--muted);max-width:38rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.4rem 0 1rem}.stat-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.stat{background:var(--white);border:3px solid var(--navy);border-radius:1rem;padding:.55rem .8rem;min-width:6.4rem;box-shadow:3px 3px 0 var(--navy)}.stat b{display:block;font-family:var(--font-display);font-size:1.15rem}.stat span{font-size:.82rem;color:var(--muted);font-weight:700}.spray-stage{position:relative;min-height:20rem;border-radius:2rem;border:3px solid var(--navy);background:radial-gradient(circle at 18% 70%,rgba(255,90,60,.22),transparent 32%),radial-gradient(circle at 78% 24%,rgba(184,240,0,.45),transparent 30%),linear-gradient(160deg,#0a1628,#163c5c 55%,#0a1628);box-shadow:var(--shadow-hard);overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(0)}.blob-cyan{width:13rem;height:13rem;right:-2rem;top:-2.5rem;background:radial-gradient(circle,#00d4ff 0%,transparent 70%);opacity:.85}.blob-lime{width:10rem;height:10rem;left:8%;bottom:-2rem;background:radial-gradient(circle,#b8f000 0%,transparent 68%)}.blob-coral{width:6rem;height:6rem;right:22%;bottom:18%;background:radial-gradient(circle,#ff5a3c 0%,transparent 70%)}.spray-arc{position:absolute;inset:18% 8% 12% 22%;background:conic-gradient(from 210deg at 8% 50%,transparent 0 8%,rgba(0,212,255,.08) 8% 10%,transparent 10% 14%,rgba(0,212,255,.16) 14% 16%,transparent 16% 20%,rgba(0,212,255,.28) 20% 22%,transparent 22% 26%,rgba(0,212,255,.4) 26% 28%,transparent 28% 32%,rgba(0,212,255,.28) 32% 34%,transparent 34% 38%,rgba(0,212,255,.16) 38% 40%,transparent 40% 100%)}.spray-nozzle{position:absolute;left:9%;top:46%;width:3.6rem;height:1.7rem;border-radius:.55rem;background:#f5fbff;box-shadow:0 0 0 3px #00d4ff inset;transform:translateY(-50%)}.spray-nozzle:after{content:"";position:absolute;right:-.55rem;top:.35rem;width:.7rem;height:1rem;background:var(--cyan);border-radius:0 .3rem .3rem 0}.spray-caption{position:absolute;left:1rem;right:1rem;bottom:1rem;color:var(--white);font-weight:800;font-size:.95rem}.section{padding:3.2rem 0}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.5rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;padding:.38rem .85rem;border-radius:999px;border:2px solid var(--navy);background:var(--white);color:var(--navy);text-decoration:none;font-weight:800;font-size:.92rem}.chip:hover,.chip.is-on{background:var(--cyan);color:var(--navy)}.chip-lime.is-on,.chip-lime:hover{background:var(--lime)}.chip-coral.is-on,.chip-coral:hover{background:var(--coral);color:var(--white)}.card-grid{display:grid;gap:1.1rem}@media(min-width:720px){.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-2{grid-template-columns:repeat(2,1fr)}}.card{position:relative;background:var(--white);border:3px solid var(--navy);border-radius:var(--radius);padding:1.25rem 1.25rem 1.25rem 1.4rem;box-shadow:var(--shadow-hard);overflow:hidden;transition:transform .12s ease}.card:hover{transform:translate(-2px,-2px)}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.7rem;background:var(--cyan)}.card.accent-lime:before{background:var(--lime)}.card.accent-coral:before{background:var(--coral)}.card.accent-navy:before{background:var(--navy)}.card h3{margin-top:.15rem}.card p:last-child{margin-bottom:0}.card a.stretched{text-decoration:none;color:inherit}.muted{color:var(--muted)}.tiny{font-size:.88rem}.steps{counter-reset:step}.step-num{width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:50%;background:var(--lime);border:3px solid var(--navy);font-family:var(--font-display);font-weight:800;margin-bottom:.7rem}.legend{display:grid;gap:.8rem}@media(min-width:800px){.legend{grid-template-columns:repeat(4,1fr)}}.legend-item{background:var(--white);border:3px solid var(--navy);border-radius:1.2rem;padding:1rem;box-shadow:3px 3px 0 var(--navy)}.swatch{width:2.6rem;height:2.6rem;border-radius:50%;border:3px solid var(--navy);margin-bottom:.6rem}.swatch.white{background:var(--white-tip)}.disclosure{background:#fff6d8;border:3px dashed var(--navy);border-radius:1.2rem;padding:1rem 1.15rem}.page-hero{padding:2.4rem 0 1.2rem}.prose h2,.prose h3{margin-top:1.6rem}.prose ul,.prose ol{padding-left:1.2rem}.prose li{margin-bottom:.4rem}.table-wrap{overflow-x:auto;border:3px solid var(--navy);border-radius:1.1rem;background:var(--white);box-shadow:var(--shadow-hard)}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{padding:.7rem .75rem;text-align:center;border-bottom:1px solid var(--mist)}th{background:var(--navy);color:var(--white);font-family:var(--font-display);font-weight:800}tbody tr:nth-child(2n){background:#eef8fd}.calc{background:var(--navy);color:var(--white);border-radius:1.5rem;padding:1.3rem;box-shadow:var(--shadow-hard);border:3px solid var(--navy)}.calc label{display:block;font-weight:800;margin-bottom:.3rem}.calc input{width:100%;border:3px solid var(--cyan);border-radius:.9rem;padding:.7rem .8rem;font:inherit;font-weight:800;background:#102033;color:var(--white)}.calc-grid{display:grid;gap:.9rem}@media(min-width:640px){.calc-grid{grid-template-columns:1fr 1fr auto;align-items:end}}.calc-out{margin-top:1rem;background:#00d4ff1f;border-radius:1rem;padding:.9rem 1rem}.calc-out strong{color:var(--lime);font-size:1.4rem;font-family:var(--font-display)}.callout{border-radius:1.2rem;border:3px solid var(--navy);padding:1rem 1.1rem;margin:1.2rem 0}.callout-danger{background:#ffe7e2}.callout-ok{background:#edf8c8}.item-list{display:grid;gap:1rem}.item{background:var(--white);border:3px solid var(--navy);border-radius:1.2rem;padding:1.1rem 1.15rem;box-shadow:4px 4px 0 var(--navy)}.item-head{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;align-items:start}.form{display:grid;gap:.85rem}.form input,.form textarea{width:100%;border:3px solid var(--navy);border-radius:.9rem;padding:.75rem .85rem;font:inherit;background:var(--white)}.form textarea{min-height:8rem;resize:vertical}.site-footer{background:var(--navy);color:#d7eef8;margin-top:3rem;padding:2.4rem 0 1.6rem}.site-footer a{color:var(--cyan)}.footer-grid{display:grid;gap:1.4rem}@media(min-width:720px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}.footer-logo{height:2.3rem;width:auto;background:var(--white);border-radius:.6rem;padding:.25rem .45rem}.fine{font-size:.85rem;color:#9cb4c8}@media(max-width:760px){.nav-desktop{display:none}.nav-toggle{display:block}.nav-toggle summary{list-style:none;cursor:pointer;border:3px solid var(--navy);border-radius:999px;padding:.4rem .85rem;font-weight:800;background:var(--white);box-shadow:3px 3px 0 var(--navy)}.nav-toggle summary::-webkit-details-marker{display:none}.nav-toggle[open] .mobile-panel{display:grid}.mobile-panel{display:none;position:absolute;right:1rem;top:4.4rem;background:var(--white);border:3px solid var(--navy);border-radius:1rem;padding:.8rem;min-width:13rem;box-shadow:var(--shadow-hard);gap:.55rem}}.matrix{display:grid;gap:.8rem}@media(min-width:800px){.matrix{grid-template-columns:repeat(4,1fr)}}.badge{display:inline-block;background:var(--lime);color:var(--navy);border:2px solid var(--navy);border-radius:999px;padding:.1rem .55rem;font-size:.78rem;font-weight:800}