/* Unorthodox Ops Gear Hub — shared styles. Dark-first, brand tokens from unorthodoxops.online */
:root{
  --bg:#0c0e0b;--surface:#151813;--surface-2:#20241d;--ink:#f3f5ee;--muted:#b6bbae;
  --line:#343a30;--accent:#d9ff43;--accent-ink:#10150a;--red:#e10600;
  --shadow:0 24px 70px rgba(0,0,0,.36);--r:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Public Sans",system-ui,sans-serif;line-height:1.6}
h1,h2,h3{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;line-height:.98;margin:0;letter-spacing:-.01em}
a{color:inherit}
img{max-width:100%}
.wrap{width:min(1060px,calc(100% - 40px));margin-inline:auto}

/* topbar */
.topbar{position:sticky;top:0;z-index:50;background:rgba(12,14,11,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:12px}
.brand{font:900 1.15rem "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.brand span{color:var(--accent)}
.nav{display:flex;gap:22px;align-items:center}
.nav a{text-decoration:none;font-size:.85rem;font-weight:700}
.nav a:not(.jump){color:var(--muted)}
.nav a:not(.jump):hover{color:var(--ink)}
.nav .jump{background:var(--accent);color:var(--accent-ink);padding:10px 16px;border-radius:999px}
@media(max-width:720px){.nav a:not(.jump):not(.app-link){display:none}}

/* hero */
.hero{padding:72px 0 48px}
.kicker{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.hero h1{font-size:clamp(3rem,8vw,5.6rem);font-weight:900}
.hero h1 em{font-style:normal;color:var(--accent)}
.lede{font-size:clamp(1rem,1.8vw,1.2rem);color:var(--muted);max-width:620px;margin:18px 0 0}
.lede strong{color:var(--ink)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;padding:16px 26px;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:999px;font-size:.95rem}
.btn.primary{background:var(--accent);color:var(--accent-ink)}
.btn.ghost{border:1px solid var(--line);color:var(--ink);background:transparent}
.btn.big{width:100%;padding:20px;font-size:1.05rem}
.btn:active{transform:translateY(1px)}

/* gear cards */
.gear-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:36px 0 8px}
@media(max-width:640px){.gear-grid{grid-template-columns:1fr}}
.gear-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px;text-decoration:none;display:flex;flex-direction:column;gap:12px;transition:transform .15s ease,border-color .15s ease}
.gear-card:hover{transform:translateY(-3px);border-color:var(--accent)}
.gear-card .emoji{font-size:2.6rem}
.gear-card h3{font-size:1.9rem}
.gear-card p{color:var(--muted);margin:0;font-size:.95rem}
.gear-card .go{margin-top:auto;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}

/* disclosure strip */
.disclosure{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:0 var(--r) var(--r) 0;padding:22px 24px;margin:44px 0;color:var(--muted);font-size:.92rem}
.disclosure strong{color:var(--ink)}

/* review page blocks */
.verdict{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--accent);border-radius:var(--r);padding:30px;margin:32px 0}
.verdict h2{font-size:1.6rem;margin-bottom:12px;color:var(--accent)}
.verdict p{margin:0 0 12px;font-size:1.02rem}
.verdict p:last-child{margin-bottom:0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 8px}
@media(max-width:640px){.two-col{grid-template-columns:1fr}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.panel h2{font-size:1.5rem;margin-bottom:14px}
.panel ul{margin:0;padding-left:20px;color:var(--muted)}
.panel li{margin:8px 0}
.panel li strong{color:var(--ink)}
.check li{list-style:none;margin-left:-20px}
.check li:before{content:"✓ ";color:var(--accent);font-weight:800}
.skip li{list-style:none;margin-left:-20px}
.skip li:before{content:"✕ ";color:var(--red);font-weight:800}
.use-it{margin:32px 0}
.use-it .panel{border-left:5px solid var(--accent)}
.cta-block{text-align:center;margin:44px 0}
.cta-block .fine{color:var(--muted);font-size:.82rem;margin-top:12px}
.back-link{display:inline-block;margin:26px 0 0;color:var(--muted);text-decoration:none;font-weight:700}
.back-link:hover{color:var(--accent)}

/* email capture */
.email-capture{background:var(--surface);border:2px solid var(--accent);border-radius:var(--r);padding:32px;margin:48px 0}
.email-capture h2{font-size:2rem;margin-bottom:8px}
.email-capture h2 em{font-style:normal;color:var(--accent)}
.email-capture p{color:var(--muted);margin:0 0 18px}
.email-capture form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}
@media(max-width:640px){.email-capture form{grid-template-columns:1fr}}
.email-capture input{background:var(--bg);border:1px solid var(--line);color:var(--ink);padding:14px 16px;border-radius:12px;font:inherit;min-width:0}
.email-capture .msg{font-size:.88rem;margin-top:12px;display:none}

/* coaching pitch */
.coach-pitch{background:var(--accent);color:var(--accent-ink);border-radius:var(--r);padding:40px 32px;margin:48px 0;text-align:center}
.coach-pitch h2{font-size:clamp(2rem,5vw,3rem);font-weight:900}
.coach-pitch p{font-weight:600;max-width:520px;margin:12px auto 22px}
.coach-pitch .btn{background:var(--accent-ink);color:var(--accent)}

/* footer */
footer{border-top:1px solid var(--line);padding:40px 0;margin-top:20px;color:var(--muted);font-size:.85rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between;align-items:center}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--accent)}