:root{
  --bg:#14161C; --surface:#1D2029; --line:#2A2E3A;
  --ink:#E9E7E1; --ink-dim:#9A9BA6;
  --amber:#F2A03D; --magenta:#B0246B; --violet:#3A1A6E;
  --ironbow:linear-gradient(90deg,#3A1A6E 0%,#B0246B 45%,#F2A03D 100%);
  --card-r:6px;
}
@media (prefers-color-scheme: light){
  :root{ --bg:#EEF0F2; --surface:#FFFFFF; --line:#D8DBE0; --ink:#1B1D24; --ink-dim:#5C5F6B; }
}
:root[data-theme="dark"]{ --bg:#14161C; --surface:#1D2029; --line:#2A2E3A; --ink:#E9E7E1; --ink-dim:#9A9BA6; }
:root[data-theme="light"]{ --bg:#EEF0F2; --surface:#FFFFFF; --line:#D8DBE0; --ink:#1B1D24; --ink-dim:#5C5F6B; }

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Helvetica Neue",-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.disp{font-family:"Futura","Avenir Next","Century Gothic","Helvetica Neue",sans-serif}
.mono{font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
a{color:inherit}
img,svg{max-width:100%}

/* nav */
nav{display:flex;align-items:center;justify-content:space-between;padding:26px 0;flex-wrap:wrap;gap:14px}
.logo{font-weight:700;letter-spacing:.24em;font-size:20px;text-decoration:none}
.logo b{background:var(--ironbow);-webkit-background-clip:text;background-clip:text;color:transparent}
.navlinks{display:flex;gap:22px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);flex-wrap:wrap}
.navlinks a{text-decoration:none}
.navlinks a:hover,.navlinks a:focus{color:var(--amber);outline:none}
.navlinks a[aria-current="page"]{color:var(--amber)}

/* hero */
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;padding:64px 0 72px}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding:40px 0 48px}}
h1{font-size:clamp(36px,5.6vw,62px);line-height:1.04;margin:0 0 22px;font-weight:700;text-wrap:balance;letter-spacing:-.01em}
h1 .scan,.scan{background:var(--ironbow);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--ink-dim);max-width:52ch;margin:0 0 34px}
.cta{display:inline-block;background:var(--amber);color:#14161C;text-decoration:none;
  padding:15px 30px;border-radius:4px;font-weight:700;letter-spacing:.06em}
.cta:hover,.cta:focus{background:#FFB759;outline:2px solid var(--magenta);outline-offset:2px}
.cta2{display:inline-block;margin-left:16px;color:var(--ink-dim);text-decoration:none;padding:15px 6px;border-bottom:1px solid var(--line)}
.cta2:hover,.cta2:focus{color:var(--amber);outline:none}

.dogbox{position:relative;padding:10px}
.dogbox svg{width:100%;height:auto;display:block}
.scanline{height:3px;background:var(--ironbow);margin-top:14px;border-radius:2px}
.dogcap{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin-top:12px}

/* sections */
section{padding:60px 0;border-top:1px solid var(--line)}
.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin:0 0 10px}
h2{font-size:clamp(26px,3.4vw,38px);margin:0 0 26px;font-weight:700;letter-spacing:-.01em;text-wrap:balance}
h3{font-size:20px}
.lead{max-width:62ch}
.lead p{margin:0 0 16px}
.dim{color:var(--ink-dim)}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media(max-width:960px){.grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.grid3,.grid2,.grid4{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-r);padding:26px}
.card h3{margin:0 0 8px}
.card p{margin:0 0 16px;color:var(--ink-dim);font-size:15px}
.price{font-size:15px}
.price b{font-size:22px}
.tag{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  padding:4px 10px;border:1px solid var(--line);border-radius:99px;color:var(--ink-dim);margin-bottom:14px}
.tag.hot{border-color:var(--amber);color:var(--amber)}

.speclist{list-style:none;margin:0 0 18px;padding:0;font-size:14px;color:var(--ink-dim)}
.speclist li{padding:5px 0;border-bottom:1px dashed var(--line)}
.speclist li:last-child{border-bottom:none}

.industries{display:flex;flex-wrap:wrap;gap:12px}
.chip{border:1px solid var(--line);border-radius:99px;padding:9px 20px;font-size:14px;color:var(--ink-dim)}

/* breadcrumbs */
.crumbs{font-size:13px;color:var(--ink-dim);padding:6px 0 0}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--amber)}

/* tables */
.tblwrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}
td b{font-variant-numeric:tabular-nums}

/* FAQ */
.faq details{border:1px solid var(--line);border-radius:var(--card-r);background:var(--surface);margin-bottom:12px;padding:0 22px}
.faq summary{cursor:pointer;padding:18px 0;font-weight:700;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--amber);font-size:20px}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 18px;color:var(--ink-dim)}
.faq summary:focus-visible{outline:2px solid var(--amber);outline-offset:4px}

/* steps */
.steps{counter-reset:s;list-style:none;margin:0;padding:0}
.steps li{counter-increment:s;padding:14px 0 14px 56px;position:relative;border-bottom:1px dashed var(--line)}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:14px;
  font-family:"SF Mono",ui-monospace,Menlo,monospace;color:var(--amber);font-size:15px}
.steps li:last-child{border-bottom:none}

footer{border-top:1px solid var(--line);padding:44px 0 60px;color:var(--ink-dim);font-size:14px}
footer .scanline{max-width:220px;margin:0 0 22px}
footer a{color:inherit}
footer nav{padding:0 0 18px;justify-content:flex-start;gap:22px}
.note{font-size:12px;color:var(--ink-dim);opacity:.75;margin-top:10px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* product photos */
.photo{width:100%;height:auto;border-radius:6px;display:block}
img.prod{width:100%;height:auto;background:#fff;border-radius:4px;margin:0 0 14px;display:block}
.statband{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:left}
@media(max-width:820px){.statband{grid-template-columns:repeat(2,1fr)}}
.statband b{display:block;font-size:34px;letter-spacing:-.01em;background:var(--ironbow);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.statband span{font-size:13px;color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase}
.videobox{position:relative;aspect-ratio:16/9;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#000}
.videobox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}