/* Backcountry IQ — styles.css */ 
:root{--forest:#2E4E36;--earth:#5A4633;--charcoal:#2C2C2C;--orange:#C9652B;--neon:#00FF85;--bg:#0f0f0f;--text:#ECECEC;--muted:#bdbdbd;--card:#171717;--stroke:#2a2a2a}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial;background:radial-gradient(1200px 600px at 70% -10%, rgba(0,255,133,.1), transparent 60%), var(--bg);color:var(--text);line-height:1.6}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:rgba(15,15,15,.8);border-bottom:1px solid var(--stroke);backdrop-filter:blur(8px)}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.2px}.brand-text strong{color:var(--neon)}
.nav{display:flex;gap:16px;align-items:center}.nav a{color:var(--text);text-decoration:none;font-weight:700;opacity:.9}.nav a:hover{opacity:1}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;border:1px solid var(--stroke);background:transparent;color:var(--text);text-decoration:none;font-weight:800;transition:.2s transform ease,.2s background}.btn:hover{transform:translateY(-1px)}
.btn--primary{background:linear-gradient(180deg,var(--forest),#213a2a);border-color:#1d3325}.btn--ghost{background:#121212}.btn--lg{padding:14px 20px;font-size:1.05rem}
.hero{padding:72px 20px 32px;border-bottom:1px solid var(--stroke);position:relative}.hero__content{max-width:960px;margin:0 auto;background:rgba(0,0,0,.45);padding:24px;border:1px solid var(--stroke);border-radius:16px}
.hero h1{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 8px}.accent{color:var(--neon)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 8px}.hero__bullets{display:flex;gap:18px;padding:0;margin:10px 0 0;list-style:none;color:var(--muted);flex-wrap:wrap}
section{padding:48px 20px}.how h2,.planner h2,.pricing h2{font-size:1.6rem;margin:0 0 18px}
.how__grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--stroke);padding:18px;border-radius:14px}
.planner .form{max-width:960px;margin:0 auto;background:var(--card);border:1px solid var(--stroke);padding:18px;border-radius:14px}
.form__row{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.form__row input,.form__row select{background:#111;color:var(--text);border:1px solid var(--stroke);border-radius:10px;padding:10px}
fieldset{border:1px dashed var(--stroke);border-radius:10px;padding:10px}legend{padding:0 8px;color:var(--muted)}
.choices{display:flex;gap:14px;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.form__actions .help{color:var(--muted);margin:0}
.results{max-width:960px;margin:18px auto 0}.result-section{background:var(--card);border:1px solid var(--stroke);padding:12px 14px;border-radius:12px;margin-bottom:12px}
.result-actions{display:flex;gap:12px;margin-top:10px}#gear-list,#meal-plan,#itinerary,#terrain-tips{display:grid;gap:8px}
.gear-group{border:1px dashed var(--stroke);border-radius:10px;padding:10px}.gear-group h4{margin:0 0 8px}
.pricing__grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.price-card{background:var(--card);border:1px solid var(--stroke);padding:18px;border-radius:14px}.price-card--pro{outline:2px solid var(--neon)}.price{font-size:2rem;margin:6px 0}
.site-footer{border-top:1px solid var(--stroke);padding:20px;text-align:center;color:var(--muted)}
#js-ok{position:fixed;right:12px;bottom:12px;background:#0b0;color:#000;padding:6px 10px;border-radius:8px;font-weight:800;z-index:99;opacity:.85}#js-ok.hide{display:none}
@media (max-width:880px){.how__grid,.pricing__grid{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.hero__content{padding:18px}}
@media print{.site-header,.hero,.pricing,.site-footer,.form__actions .help,.result-actions a,#js-ok{display:none !important}body{background:#fff;color:#000}.planner{padding-top:0}.results{max-width:100%;margin:0}.result-section{break-inside:avoid}}