@font-face{font-family:Cabinet;src:url('/assets/fonts/cabinet-grotesk.woff2') format('woff2');font-display:swap}@font-face{font-family:Source;src:url('/assets/fonts/source-sans-3-latin.woff2') format('woff2');font-display:swap}
:root{--bone:#f4f0e8;--paper:#fffdf8;--ink:#182124;--cobalt:#315caa;--cobalt-dark:#24477f;--berry:#b84d73;--mist:#d7ddd7;--line:rgba(24,33,36,.18);--shadow:0 18px 55px rgba(24,33,36,.13);--display:Cabinet,Arial,sans-serif;--body:Source,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bone);color:var(--ink);font:18px/1.58 var(--body);overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}button,input,textarea,select{font:inherit}.skip-link{position:fixed;left:1rem;top:-6rem;z-index:99;background:var(--ink);color:white;padding:.7rem 1rem}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--berry);outline-offset:4px}::selection{background:var(--berry);color:white}
.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:rgba(244,240,232,.96)}.nav-shell{width:min(1180px,calc(100% - 40px));min-height:78px;margin:auto;display:flex;align-items:center;gap:2rem}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font-family:var(--display);font-weight:800;letter-spacing:-.02em}.brand-mark{width:36px;height:24px;background:var(--cobalt);clip-path:polygon(0 22%,100% 0,100% 78%,0 100%);position:relative}.brand-mark:after{content:"";position:absolute;inset:7px 5px;background:var(--bone)}.brand small{display:block;font:600 11px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:#4a5457}.nav{display:flex;align-items:center;gap:1.25rem;margin-left:auto}.nav>a,.nav-group>a{font-weight:700;text-decoration:none}.nav-group{position:relative;display:flex;align-items:center;gap:.2rem}.submenu-toggle{border:0;background:transparent;padding:.4rem;cursor:pointer}.submenu{position:absolute;top:calc(100% + 20px);left:-180px;width:430px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);padding:.6rem;display:grid;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.18s}.submenu a{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:.7rem;padding:.7rem .8rem;text-decoration:none;border-bottom:1px solid var(--line)}.submenu a:last-child{border-bottom:0}.submenu a:before{content:"";height:3px;background:var(--cobalt)}.nav-group:hover .submenu,.nav-group:focus-within .submenu,.nav-group.submenu-open .submenu{opacity:1;visibility:visible;transform:none}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--berry);color:white;border:2px solid var(--berry);padding:.72rem 1rem;text-decoration:none;font-weight:800;line-height:1.1}.button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.button.blue{background:var(--cobalt);border-color:var(--cobalt)}.header-cta:hover,.button:hover{filter:brightness(.92)}.menu-toggle{display:none;border:1px solid var(--ink);background:transparent;padding:.55rem .7rem;font-weight:800}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{width:min(780px,calc(100% - 40px));margin:auto}.breadcrumbs{padding:1rem 0;font-size:.83rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.breadcrumbs li+li:before{content:"/";margin-right:.5rem;color:#657074}
h1,h2,h3{font-family:var(--display);line-height:.96;letter-spacing:-.04em;margin:0 0 .65em}h1{font-size:clamp(3rem,7.2vw,6rem);max-width:11ch}h2{font-size:clamp(2.2rem,4.5vw,4.25rem);max-width:13ch}h3{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.08}.lede{font-size:clamp(1.15rem,1.8vw,1.42rem);line-height:1.42;max-width:59ch}.hero{position:relative;padding:clamp(3rem,7vw,6rem) 0 0}.hero-copy{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:3rem;align-items:end;padding-bottom:2.2rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.hero-note{border-left:5px solid var(--cobalt);padding-left:1.2rem}.hero-media{height:clamp(330px,47vw,580px);position:relative;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media:before{content:"";position:absolute;z-index:2;left:-5%;top:0;width:72%;height:34px;background:var(--cobalt);transform:skewX(-34deg);transform-origin:left bottom}.hero-media:after{content:"LOAD → SORT → CLEAR";position:absolute;z-index:3;right:3%;bottom:0;background:var(--berry);color:white;padding:.7rem 1rem;font:800 .73rem/1 var(--body);letter-spacing:.12em}
.submenu-toggle{width:30px;height:30px;position:relative}.submenu-toggle:before{content:"";position:absolute;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);left:10px;top:7px}
.trust-strip{background:var(--ink);color:white}.trust-strip .wrap{display:grid;grid-template-columns:repeat(3,1fr)}.trust-strip div{padding:1.25rem 1.4rem;border-right:1px solid rgba(255,255,255,.2)}.trust-strip div:last-child{border:0}.trust-strip strong{display:block;font-family:var(--display);font-size:1.25rem}.section{padding:clamp(4rem,8vw,7rem) 0;position:relative}.section.mist{background:var(--mist)}.section.paper{background:var(--paper)}.section.ink{background:var(--ink);color:white}.section-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.75fr);gap:4rem;align-items:end;margin-bottom:2.5rem}.section-head p{margin:0;max-width:52ch}.manifest{border-top:2px solid var(--ink)}.manifest-row{display:grid;grid-template-columns:56px minmax(220px,.75fr) 1.1fr auto;gap:1.4rem;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--line);text-decoration:none}.manifest-row:hover{background:rgba(49,92,170,.06)}.manifest-row img{width:32px;height:32px;object-fit:contain}.manifest-row h3{margin:0}.manifest-row p{margin:0}.arrow{font:800 1.5rem var(--display);color:var(--cobalt)}
.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);position:relative}.flow-grid:before{content:"";position:absolute;left:3%;right:3%;top:30px;height:6px;background:var(--cobalt);transform:skewX(-35deg)}.flow-step{position:relative;padding:4.5rem 2rem 0 0}.flow-step:before{content:"";position:absolute;top:19px;width:28px;height:28px;border:7px solid var(--bone);background:var(--berry)}.flow-step b{display:block;font-family:var(--display);font-size:1.3rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center}.split img{width:100%;height:480px;object-fit:cover;box-shadow:18px 18px 0 var(--cobalt)}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.fact{background:var(--paper);padding:1.4rem}.fact strong{display:block;font-family:var(--display);font-size:1.35rem}.action-dock{position:relative;background:var(--cobalt);color:white;padding:clamp(2rem,5vw,4.5rem);overflow:hidden}.action-dock:before{content:"";position:absolute;width:42%;height:140%;right:-16%;top:-20%;background:var(--berry);transform:skewX(-22deg)}.action-dock>*{position:relative;z-index:1}.action-dock h2{max-width:15ch}.action-dock .button{background:white;color:var(--ink);border-color:white}
.page-hero{padding:2rem 0 clamp(3rem,6vw,5rem);border-bottom:1px solid var(--line);position:relative}.page-hero:after{content:"";position:absolute;left:0;bottom:-5px;width:38%;height:9px;background:var(--cobalt);transform:skewX(-28deg)}.page-hero h1{font-size:clamp(2.8rem,6.5vw,5.8rem)}.page-hero .lede{max-width:66ch}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:clamp(3rem,7vw,7rem)}.prose{max-width:760px}.prose h2{font-size:clamp(2rem,4vw,3.2rem);margin-top:1.6em}.prose h3{margin-top:1.7em}.prose p,.prose li{max-width:68ch}.prose ul,.prose ol{padding-left:1.25rem}.prose li+li{margin-top:.5rem}.prose blockquote{margin:2rem 0;border-left:7px solid var(--berry);padding:.8rem 1.3rem;background:var(--paper);font-size:1.15rem}.side-rail{border-left:2px solid var(--cobalt);padding-left:1.4rem;align-self:start;position:sticky;top:1rem}.side-rail h2{font-size:1.6rem}.side-rail ul{padding:0;list-style:none}.side-rail li{border-top:1px solid var(--line);padding:.7rem 0}.photo-band{display:grid;grid-template-columns:1.15fr .85fr;min-height:420px}.photo-band img{width:100%;height:100%;object-fit:cover}.photo-band div{padding:clamp(2rem,5vw,5rem);background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:center}.checklist{list-style:none!important;padding:0!important}.checklist li{padding:.75rem 0 .75rem 2rem;border-bottom:1px solid var(--line);position:relative}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--berry);font-weight:900}.faq details{border-top:1px solid var(--line);padding:1rem 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-family:var(--display);font-size:1.2rem;font-weight:800;cursor:pointer}.faq details p{margin-bottom:0}.tag{display:inline-block;background:var(--mist);padding:.25rem .55rem;font-size:.78rem;font-weight:800;margin:.2rem}.article-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem;font-weight:700}.notice{border:2px solid var(--ink);padding:1rem 1.2rem;background:var(--paper)}
.site-footer{border-top:8px solid var(--cobalt);padding:3.5rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(2,.7fr);gap:3rem}.footer-grid h2{font-size:2rem}.footer-grid h3{font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.footer-grid ul{list-style:none;padding:0}.footer-grid li{margin:.35rem 0}.fineprint{border-top:1px solid var(--line);padding-top:1rem;margin-top:2rem;font-size:.82rem;color:#536064;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media(max-width:880px){.menu-toggle{display:block;margin-left:auto}.nav{position:absolute;left:0;right:0;top:78px;background:var(--bone);border-bottom:1px solid var(--line);padding:1rem 20px 1.5rem;display:none;align-items:stretch;flex-direction:column}.nav-open .nav{display:flex}.nav-group{display:grid;grid-template-columns:1fr auto}.submenu{position:static;grid-column:1/-1;width:auto;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;margin-top:.5rem}.submenu-open .submenu{display:grid}.nav-group:hover .submenu:not(:focus-within){opacity:1}.header-cta{align-self:flex-start}.hero-copy,.section-head,.split,.article-layout,.footer-grid{grid-template-columns:1fr;gap:2rem}.hero-copy{align-items:start}.side-rail{position:static}.flow-grid{grid-template-columns:1fr}.flow-grid:before{left:13px;top:0;bottom:0;width:6px;height:auto;right:auto;transform:none}.flow-step{padding:0 0 2rem 3.5rem}.flow-step:before{left:0;top:0}.photo-band{grid-template-columns:1fr}.photo-band img{height:360px}.manifest-row{grid-template-columns:42px 1fr auto}.manifest-row p{grid-column:2/-1}.trust-strip .wrap{grid-template-columns:1fr}.trust-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.trust-strip div:last-child{border-bottom:0}}
@media(max-width:560px){body{font-size:17px}.wrap,.narrow,.nav-shell{width:min(100% - 28px,1180px)}.brand span:last-child{max-width:165px}.hero{padding-top:2.3rem}.hero-media{height:360px}.hero-media:after{font-size:.62rem}.manifest-row{gap:.7rem}.manifest-row img{width:27px}.facts{grid-template-columns:1fr}.section{padding:3.5rem 0}.action-dock:before{display:none}.button{width:100%}.hero-actions{display:grid}.photo-band img{height:300px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
