@font-face{font-family:Barlow;src:url(assets/fonts/barlow-condensed-extrabold.ttf) format("truetype");font-weight:800;font-display:swap}
@font-face{font-family:DM;src:url(assets/fonts/dm-sans-normal-400.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:DM;src:url(assets/fonts/dm-sans-normal-700.ttf) format("truetype");font-weight:700;font-display:swap}
:root{color-scheme:light;--dark:#171d1b;--night:#19211d;--paper:#f6f4ec;--yellow:#ffce4a;--olive:#555e52;--line:#cecfc2;--mono:ui-monospace,Consolas,monospace;--display:Barlow,"Arial Narrow",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;color:var(--dark);background:var(--paper);font:16px/1.55 DM,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid #4185c6;outline-offset:4px}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--display);font-weight:800;line-height:.96;letter-spacing:-.018em}.wrap{width:min(1220px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:8px;left:6px;z-index:8;transform:translateY(-180%);background:white;padding:10px}.skip:focus{transform:none}
header,footer{background:var(--dark);color:#f9f8ed}.top,.foot{display:flex;align-items:center;justify-content:space-between;gap:22px}.top{min-height:72px}.brand{display:inline-flex;align-items:center;gap:9px;font:800 29px/1 var(--display);color:#f6f4e9;white-space:nowrap;letter-spacing:-.025em}.brand img{width:35px;height:35px}.brand-slash{color:var(--yellow);padding:0 1px}nav{display:flex;gap:34px;font-size:14px;font-weight:700}nav a:hover,.ret:hover,.sub-link:hover{text-decoration:underline;text-underline-offset:4px}.whats,.btn,.sub-link{display:inline-flex;align-items:center;justify-content:center;gap:13px;font-weight:700}.whats{border:1px solid #737b6c;border-radius:3px;padding:8px 14px;font-size:13px}.whats:hover{border-color:var(--yellow);color:var(--yellow)}.whats svg,.btn svg,.sub-link svg,summary svg,.map-title svg{width:18px;height:18px;flex-shrink:0}
.hero{background:#1b241d;color:#f8f5e8;position:relative;isolation:isolate;overflow:hidden;border-bottom:5px solid var(--yellow)}.hero-art{position:absolute;z-index:-1;inset:0 0 0 37%;overflow:hidden}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 47%}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1b241d 0%,rgba(27,36,29,.94) 4%,rgba(27,36,29,.38) 29%,rgba(27,36,29,0) 56%),linear-gradient(0deg,rgba(16,25,19,.30),transparent 31%)}.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:repeating-linear-gradient(135deg,#ffffff04 0px,#ffffff04 1px,transparent 1px,transparent 7px)}.hero-inner{min-height:550px;display:flex;align-items:center;padding-block:63px 73px}.hero-content{width:52%;position:relative}.eyebrow{display:flex;align-items:center;gap:10px;font:700 11px/1.5 var(--mono);letter-spacing:1.4px;text-transform:uppercase}.bar-mark{display:inline-block;width:17px;height:11px;background:repeating-linear-gradient(-60deg,transparent 0 2px,#ad7b00 2px 5px)}.hero .eyebrow{color:#e5e9d8}.hero .bar-mark,.sim .bar-mark{background:repeating-linear-gradient(-60deg,transparent 0 2px,var(--yellow) 2px 5px)}.divide{color:#a4a694}.hero h1{font-size:clamp(82px,8.2vw,125px);line-height:.89;margin:24px 0 23px}.hero h1 span{color:var(--yellow);white-space:nowrap}.intro{max-width:40ch;color:#e0e4d9;font-size:clamp(16px,1.35vw,19px);line-height:1.53}.actions{display:flex;align-items:center;gap:25px;margin-top:29px}.btn{border:1px solid transparent;border-radius:3px;padding:12px 20px;min-height:46px;font-size:15px}.yellow{color:var(--dark);background:var(--yellow)}.yellow:hover{background:#ffdc76}.sub-link{font-size:14px}.sub-link svg{color:#e8c259}.black{background:var(--dark);color:white}.black:hover{background:#333c32}.guide,.faq{padding-block:70px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:38px;margin-bottom:30px}.section-intro>p{max-width:38ch;font-size:15px;color:var(--olive)}h2{font-size:clamp(40px,4.1vw,63px)}.section-intro h2,.faq h2{margin-top:13px}.section-intro h2 span,.faq h2 span{color:#ae820c}.guide-body{display:grid;grid-template-columns:minmax(195px,.58fr) minmax(0,1.42fr);border-top:2px solid var(--dark);border-bottom:1px solid var(--line);background:#fbfaf4}.phase-nav{display:none}.interactive .phase-nav{display:flex;flex-direction:column;align-items:stretch;border-right:1px solid var(--line);background:#eeeee3}.guide-body:not(.interactive){display:block}.phase-choice{width:100%;border:0;border-bottom:1px solid var(--line);border-left:4px solid transparent;display:flex;align-items:center;gap:14px;background:transparent;text-align:left;padding:19px 21px;font-weight:700;font-size:16px}.phase-choice svg{width:23px;height:23px}.phase-choice svg:last-child{width:16px;margin-left:auto;opacity:.25}.phase-choice.active{background:#e6e9d8;border-left-color:#807a32}.phase-choice.active svg:last-child{opacity:1}.phase-choice:hover{background:#e1e6d4}.phase-panel{padding:28px clamp(20px,3vw,45px) 30px}.phase-panel h3,.quiz h3{font:800 clamp(28px,2.4vw,38px)/1.03 var(--display);letter-spacing:-.008em;margin:10px 0 17px}.phase-panel ol{margin:0;padding-left:22px;max-width:76ch}.phase-panel li{padding:0 0 8px 5px;line-height:1.5}.phase-panel li::marker{color:#777735;font:700 13px var(--mono)}.task{display:flex;align-items:baseline;gap:12px;margin-top:13px;padding-top:14px;border-top:1px solid var(--line)}.task b{white-space:nowrap;font-size:13px}.task p{font-size:14px;color:var(--olive)}[hidden]{display:none!important}
.sim{color:#f7f7e9;background:#1e2721;padding-block:66px}.sim h2 span{color:var(--yellow)}.sim .section-intro>p{color:#c6d0c3}.sim-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:start}.map-figure{border:1px solid #627365;background:#2b4038;overflow:hidden;border-radius:4px}.map-title,figcaption{display:flex;align-items:center;gap:12px;padding:11px 16px;background:#29372c;color:#e1e7d5}.map-title{border-bottom:1px solid #627365}.map-title b{font-size:14px}.map-title span{font:11px var(--mono);margin-left:auto}.map-figure>svg{display:block;width:100%}figcaption{border-top:1px solid #627365;flex-wrap:wrap;font-size:12px}figcaption span{display:flex;align-items:center;gap:7px}figcaption i{width:24px;border-top:2px dashed #ffda70}figcaption span+span i{border-top:2px dotted #fbad83}.quiz{background:#f5f3e8;color:var(--dark);padding:24px 25px;border-radius:4px}.quiz .eyebrow{font-size:10px;color:#515b47}.quiz h3{margin:9px 0}.question-copy,.quiz p.message{font-size:15px;margin-bottom:16px}.answers{display:grid;gap:8px}.answers button,.next{border-radius:3px;font-size:14px;text-align:left}.answers button{border:1px solid #bbbfae;padding:10px 13px;background:#fbfaf4;font-weight:700}.answers button:not(:disabled):hover{border-color:#465344;background:#efedd7}.answers .chosen{border:2px solid #656527;padding:9px 12px;background:#fff0ae}.next{display:inline-flex;font-weight:700;border:0;background:var(--dark);color:white;padding:9px 15px}.feedback{font-size:14px;border-left:3px solid #998129;padding-left:12px;margin:14px 0}.feedback strong{display:block}.feedback p{margin:3px 0}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}.faq-items details{border-bottom:1px solid var(--line)}.faq-items details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;font-size:17px;font-weight:700}summary::-webkit-details-marker{display:none}details[open] summary svg{transform:rotate(45deg)}.faq-items details p{padding-bottom:18px;color:var(--olive);max-width:62ch}.contact{background:#e8c955;padding:32px 0}.contact .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact h2{font-size:clamp(28px,3vw,43px)}.contact p{margin-top:5px}.foot{min-height:78px}.foot .brand{font-size:22px}.foot img{width:27px;height:27px}.foot p,.ret{font-size:13px;color:#d3d7cb}
@media(max-width:950px){.wrap{width:calc(100% - 64px)}.hero-inner{min-height:480px}.hero h1{font-size:clamp(68px,8.6vw,92px)}.hero-art{left:35%}nav{gap:20px}.guide,.sim,.faq{padding-block:52px}.task{display:block}.phase-choice{padding:16px 13px}.sim-layout{gap:15px}.quiz{padding:18px}}
@media(max-width:720px){html{scroll-padding-top:12px}.wrap{width:calc(100% - 36px)}nav{display:none}.top{min-height:62px}.brand{font-size:25px}.brand img{width:30px;height:30px}.whats{font-size:12px;padding:7px 10px;gap:7px}.hero{display:flex;flex-direction:column;min-height:0}.hero-art{position:relative;inset:auto;height:clamp(218px,52vw,316px);order:-1;z-index:0}.hero-art img{object-position:50% 38%}.hero-art:after{background:linear-gradient(0deg,#1b241d,rgba(27,36,29,0) 25%)}.hero-inner{min-height:0;padding:7px 0 33px}.hero-content{width:100%}.hero h1{font-size:clamp(56px,12.8vw,85px);margin:12px 0 14px}.hero h1 br{display:none}.hero h1 span{display:block}.eyebrow{font-size:10px;letter-spacing:1.2px}.intro{font-size:16px;max-width:44ch}.actions{gap:20px;margin-top:20px}.guide,.sim,.faq{padding-block:40px}.section-intro{display:block;margin-bottom:21px}.section-intro>p{margin-top:13px}.guide-body,.sim-layout,.faq{grid-template-columns:1fr}.interactive .phase-nav{display:grid;grid-template-columns:1fr 1fr;border-right:0}.phase-choice{font-size:13px;gap:8px;padding:12px 10px}.phase-choice svg{width:17px;height:17px}.phase-choice svg:last-child{display:none}.phase-panel{padding:20px 15px}.phase-panel li{font-size:15px}.sim-layout,.faq{gap:22px}.map-title,figcaption{padding:8px 12px}.faq h2 br{display:none}.faq h2 br:after{content:" "}.contact .wrap{align-items:start;flex-direction:column;gap:16px}.foot{flex-wrap:wrap;padding-block:18px;gap:10px}.foot p{order:3;width:100%;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
