@font-face{font-family:Montserrat;font-style:normal;font-weight:700 800;font-display:swap;src:url(/assets/fonts/montserrat-latin.woff2) format("woff2")}
:root{--o1:#E8641E;--o2:#F7931A;--ink:#111;--alt:#f6f4f1;--od:#9a3a08}
*{box-sizing:border-box}
body{margin:0;font:1rem/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
h1,h2,h3,.btn,.tag,.kicker,.num{font-family:Montserrat,system-ui,sans-serif}
h1,h2,h3{line-height:1.2;margin:0 0 .6em}
h1{font-weight:800;font-size:clamp(2rem,7vw,3.4rem);max-width:18ch}
h2{font-weight:800;font-size:clamp(1.6rem,5vw,2.3rem)}
h3{font-weight:700;font-size:1.1rem}
.wrap{max-width:66rem;margin:0 auto;padding:0 1.25rem}
section{padding:3.5rem 0}
.alt{background:var(--alt)}
.dark,.hero{background:#000;color:#fff}
.hero{padding:2rem 0 4rem;border-bottom:6px solid var(--o1);background:radial-gradient(circle at 85% 30%,rgba(232,100,30,.35),transparent 45%),#000}
.logo{width:220px;height:auto;display:block;margin-bottom:2rem}
.lead{font-size:1.2rem;max-width:40rem;color:#eee}
.intro{font-size:1.1rem;max-width:46rem}
.small{font-size:.9rem;opacity:.9}
.dark a:not(.btn),.hero a:not(.btn){color:var(--o2)}
.kicker{font-weight:800;color:var(--od);margin:0;letter-spacing:.1em}
.dark .kicker{color:var(--o2)}
.btn{display:inline-block;margin:1rem 0 .5rem;padding:.9rem 1.6rem;border-radius:999px;background:linear-gradient(90deg,var(--o1),var(--o2));color:#000;font-weight:800;font-size:1.05rem;text-decoration:none}
.btn:hover,.btn:focus-visible{filter:brightness(1.1);outline:3px solid #fff;outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem;z-index:9}
ul,ol{padding:0;margin:0;list-style:none}
.grid{display:grid;gap:1rem;margin:1.5rem 0}
.card{background:#fff;border:1px solid #e5e0da;border-top:4px solid var(--o1);border-radius:12px;padding:1.2rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.card p{margin:.3rem 0 0}
.card.dk{background:#111;border-color:#333;border-top-color:var(--o2);color:#fff}
.card.dk p{color:#ddd}
.ic{width:44px;height:44px;padding:9px;border-radius:12px;background:linear-gradient(135deg,var(--o1),var(--o2));fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;margin-bottom:.7rem}
.ic.sm{width:28px;height:28px;padding:5px;border-radius:8px;display:inline-block;vertical-align:middle;margin:0 .5rem 0 0}
.tag{margin:0 0 .2rem!important;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--o2)!important}
.callout{font:700 1.15rem/1.4 Montserrat,sans-serif;border-left:5px solid var(--o1);padding:.4rem 0 .4rem 1rem;max-width:46rem}
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:2rem}
.step{display:flex;align-items:center;gap:.6rem;background:#111;border:1px solid #333;border-radius:999px;padding:.4rem 1rem .4rem .4rem;font:700 1rem Montserrat,sans-serif}
.step .ic{width:36px;height:36px;padding:7px;margin:0}
.step.on{border-color:var(--o2)}
.arrow{color:var(--o2);font-size:2rem;line-height:1}
.rule{margin-top:1rem}
.phases{position:relative;margin:2rem 0 1rem;display:grid;gap:.5rem}
.ph{margin-left:calc(var(--s)/36*100%);width:calc((var(--e) - var(--s))/36*100%);min-width:7.5rem;background:linear-gradient(90deg,var(--o1),var(--o2));color:#000;border-radius:8px;padding:.45rem .7rem;font-size:.85rem;line-height:1.3}
.ph:nth-child(2){background:#111;color:#fff}
.ph:nth-child(4){background:#000;color:#fff;margin-left:auto}
.ph b{display:block;font-family:Montserrat,sans-serif}
.axis{display:flex;justify-content:space-between;border-top:2px solid #111;padding-top:.3rem;font-size:.75rem;color:#444}
.miles{display:grid;gap:.6rem;grid-template-columns:repeat(2,1fr);margin-top:1.5rem}
.miles li{border-left:4px solid var(--o1);padding:.2rem .6rem;background:var(--alt);border-radius:0 8px 8px 0;font-size:.95rem}
.miles b{display:block;font-family:Montserrat,sans-serif}
.chart{background:#fff;border-radius:12px;padding:1.3rem;border:1px solid #e5e0da;margin:1.5rem 0 1rem}
.row{margin-bottom:1.4rem}
.lbl{margin:0 0 .4rem}.lbl b{display:block;font-family:Montserrat,sans-serif}
.track{height:28px;background:#eee;border-radius:6px;position:relative}
.bar{position:absolute;top:0;bottom:0;left:var(--a);right:calc(100% - var(--b));border-radius:6px;background:linear-gradient(90deg,var(--o1),var(--o2))}
.pct{margin:.5rem 0 0;font:800 1.15rem Montserrat,sans-serif;color:var(--od)}
.scale{display:flex;justify-content:space-between;font-size:.75rem;color:#444;border-top:1px solid #ccc;padding-top:.3rem}
.guide{display:grid;gap:1.5rem}
.badge{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--o1),var(--o2));display:grid;place-items:center;font:800 2rem Montserrat,sans-serif;color:#000}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem}
.chips li{background:#fff;border:1px solid #d9d2ca;border-radius:999px;padding:.3rem .8rem;font-size:.9rem}
.num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--o1),var(--o2));color:#000;font-weight:800;margin-bottom:.6rem}
address{font-style:normal;margin-top:1.5rem}
address p{margin:.4rem 0}
footer{background:#000;color:#bbb;font-size:.85rem;padding:1rem 0;border-top:1px solid #222}
@media(min-width:48rem){.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.miles{grid-template-columns:repeat(4,1fr)}.logo{width:300px}section{padding:5rem 0}.guide{grid-template-columns:120px 1fr}.badge{width:120px;height:120px}}