/* First Named — industrial powersports. Dark charcoal, safety orange, Oswald/Barlow.
   Simplified 2026-10-20: one column, big type, big tap targets, no grids to get lost in. */
:root{
  --bg:#14161a;
  --bg2:#1b1e24;
  --panel:#20242c;
  --panel2:#262b34;
  --ink:#f4f1ea;
  --ink-dim:#c9c4b8;
  --ink-faint:#9d988c;
  --orange:#ff6a00;
  --orange-dark:#cc5500;
  --line:#343a44;
  --good:#7dc383;
  --bad:#e07a5f;
  --radius:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:18px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.wrap-narrow{max-width:800px}
h1,h2,h3,h4{font-family:"Oswald",sans-serif;line-height:1.2;margin:0 0 .5em;font-weight:600;letter-spacing:.01em}
h1{font-size:clamp(2rem,5.2vw,3.2rem);text-transform:uppercase}
h2{font-size:clamp(1.6rem,3.6vw,2.2rem);text-transform:uppercase;margin-bottom:.35em}
h3{font-size:1.25rem}
h4{font-size:1.05rem}
p{margin:0 0 1em}
a{color:var(--orange)}
a:hover{text-decoration-thickness:2px}
.accent{color:var(--orange)}
.section{padding:56px 0}
.section-dark{background:var(--bg2)}
.section-lede{color:var(--ink-dim);max-width:760px;font-size:1.08rem}
.kicker{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--orange);font-size:.85rem;margin-bottom:14px}
.lede{color:var(--ink-dim);font-size:1.15rem}

/* hazard stripe divider */
.hazard{height:12px;background:repeating-linear-gradient(-45deg,var(--orange) 0 18px,#101114 18px 36px)}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(20,22,26,.96);border-bottom:1px solid var(--line)}
.header-in{display:flex;align-items:center;gap:22px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand-mark{font-family:"Oswald",sans-serif;font-weight:700;background:var(--orange);color:#14161a;padding:7px 10px;border-radius:6px;font-size:1.05rem;line-height:1}
.brand-text{font-family:"Oswald",sans-serif;font-weight:600;font-size:1.15rem;letter-spacing:.06em;line-height:1.1;display:flex;flex-direction:column}
.brand-text small{font-size:.58rem;letter-spacing:.24em;color:var(--ink-faint);font-weight:500}
.main-nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap}
.main-nav a{color:var(--ink-dim);text-decoration:none;font-weight:600;font-size:1rem;padding:8px 2px}
.main-nav a:hover{color:var(--ink)}

/* buttons — big tap targets */
.btn{display:inline-block;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.05em;font-weight:600;text-decoration:none;padding:16px 26px;min-height:54px;border-radius:8px;border:2px solid transparent;font-size:1.05rem;cursor:pointer;text-align:center}
.btn-orange{background:var(--orange);color:#14161a}
.btn-orange:hover{background:#ff7d22}
.btn-ghost{border-color:var(--ink-faint);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--ink)}
.btn-small{padding:10px 18px;min-height:44px;font-size:.95rem}
.btn-big{font-size:1.2rem;padding:18px 34px}
.cta-row{margin:26px 0 0}

/* hero */
.hero{padding:56px 0 48px;background:radial-gradient(1100px 480px at 85% -10%,#2a2016 0%,var(--bg) 55%)}
.hero-cta{margin:26px 0 22px}
.hero-points{list-style:none;margin:0;padding:0;color:var(--ink-dim)}
.hero-points li{padding:6px 0 6px 26px;position:relative}
.hero-points li::before{content:"";position:absolute;left:0;top:14px;width:12px;height:12px;background:var(--orange);border-radius:2px}

/* how it works */
.steps-simple{list-style:none;counter-reset:step;margin:22px 0 0;padding:0}
.steps-simple li{counter-increment:step;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px 20px 74px;margin-bottom:14px;color:var(--ink-dim)}
.steps-simple li::before{content:counter(step);position:absolute;left:20px;top:16px;font-family:"Oswald",sans-serif;font-size:1.8rem;font-weight:700;color:var(--orange);line-height:1}
.steps-simple li strong{color:var(--ink);display:block;font-size:1.1rem;margin-bottom:2px}

/* sample report */
.report{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-top:26px}
.report-meta{color:var(--ink-faint);margin:0 0 8px}
.report-verdict{font-family:"Oswald",sans-serif;font-size:1.3rem;letter-spacing:.04em}
.report-verdict strong{color:var(--orange)}
.report-table{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:1rem}
.report-table th,.report-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.report-table th{font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;font-size:.82rem;letter-spacing:.08em;color:var(--ink-dim)}
.report-table td.no{color:var(--bad);font-weight:700;white-space:nowrap}
.report-table td.yes{color:var(--good);font-weight:700;white-space:nowrap}
.report-fixes{margin:0;padding-left:22px;color:var(--ink-dim)}
.report-fixes li{margin-bottom:8px}
.report-fixes strong{color:var(--ink)}

/* check it yourself */
.check-head{margin-top:38px}
.check-list{list-style:none;margin:16px 0 0;padding:0}
.check-list li{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;margin-bottom:12px;color:var(--ink-dim)}
.check-list a{font-size:1.1rem}

/* prices — one plain list */
.price-list{margin-top:26px;border-top:1px solid var(--line)}
.price-row{display:flex;gap:22px;align-items:flex-start;justify-content:space-between;padding:24px 4px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.price-row .btn{flex:0 0 auto;margin-top:6px}
.price-info{flex:1 1 420px}
.price-info h3{margin-bottom:2px}
.price-info p{color:var(--ink-dim);margin-bottom:0}
.price{font-family:"Oswald",sans-serif;font-size:1.9rem;color:var(--ink);margin:0 0 8px}
.price span{font-size:.95rem;color:var(--ink-faint);font-family:"Barlow",sans-serif}
.price-info .first10{margin-top:10px;color:var(--ink-dim)}
.price-info .first10 strong{color:var(--orange)}
.prices-note{color:var(--ink-dim);margin-top:24px}
.prices-note strong{color:var(--ink)}

/* guarantees */
.guarantee-list{list-style:none;margin:20px 0;padding:0}
.guarantee-list li{background:var(--panel);border:1px solid var(--line);border-left:6px solid var(--orange);border-radius:8px;padding:16px 20px;margin-bottom:12px;color:var(--ink-dim)}
.guarantee-list li strong{color:var(--ink)}

/* faq + fine print (details) */
.faq-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:4px 20px}
.faq-item summary{font-family:"Oswald",sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;padding:16px 0;list-style-position:outside}
.faq-item p{color:var(--ink-dim);padding-bottom:14px;margin:0}
.faq-item p + p{padding-top:0}

/* legal (inside fine-print details) */
.legal h3{margin-top:26px;color:var(--orange)}
.legal ul{color:var(--ink-dim);padding-left:22px;margin:0 0 14px}
.legal li{margin-bottom:8px}
.legal strong{color:var(--ink)}
.non-affil{border:1px solid var(--line);border-radius:8px;padding:14px 16px;background:var(--bg);margin-bottom:16px}

/* forms */
.intake-form{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-top:22px}
.intake-form h3{margin-bottom:16px}
.intake-form label{display:block;font-weight:600;margin-bottom:14px}
.intake-form input,.intake-form select,.intake-form textarea{
  display:block;width:100%;margin-top:6px;background:var(--bg);border:1px solid var(--line);
  border-radius:6px;color:var(--ink);font:inherit;font-weight:400;padding:13px 12px;min-height:50px;
}
.intake-form input:focus,.intake-form select:focus,.intake-form textarea:focus{outline:2px solid var(--orange);outline-offset:1px}
.req{color:var(--orange)}
.field-note{display:block;font-weight:400;color:var(--ink-dim);font-size:.95rem;margin-top:6px}
.field-note strong{color:var(--orange)}
.dials{border:1px solid var(--line);border-radius:8px;padding:16px;margin:0 0 16px}
.dials legend{font-family:"Oswald",sans-serif;font-size:.95rem;padding:0 8px;color:var(--ink-dim)}
.dials label:last-child{margin-bottom:0}
.form-after{color:var(--ink-faint);font-size:.95rem;margin:14px 0 0}
.form-under{margin-top:16px;font-weight:600;color:var(--ink)}
.intake-form .btn{width:100%}

/* footer */
.site-footer{background:#101114;padding:0 0 44px}
.site-footer .hazard{margin-bottom:36px}
.footer-in{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}
.footer-brand{font-family:"Oswald",sans-serif;font-size:1.4rem;letter-spacing:.06em;margin-bottom:4px}
.site-footer p{color:var(--ink-dim)}
.footer-small{font-size:.9rem;color:var(--ink-faint)}

/* responsive */
@media (max-width:760px){
  .footer-in{grid-template-columns:1fr}
  .main-nav{margin-left:0}
  .section{padding:44px 0}
  .report-table{font-size:.94rem}
  .report-table th,.report-table td{padding:8px}
  .price-row{flex-direction:column}
  .price-row .btn{width:100%}
  .btn-big{width:100%}
}

/* Accessibility: visible keyboard focus everywhere (added 2026-10-20 legal audit) */
:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }