/* Industry pages: mobile first, system fonts, no images, no script. Brand: deep green and orange. */
:root{--ink:#14201d;--dim:#4d5d58;--bg:#fff;--alt:#f3f6f4;--line:#d6dfdb;--brand:#10231f;--accent:#c24d12;--accent-d:#a53f0b;--ok:#0e6b5c}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);padding-bottom:76px}
a{color:var(--ok)}
.wrap{max-width:1040px;margin:0 auto;padding:0 18px}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,6vw,3rem)}h2{font-size:clamp(1.4rem,4.2vw,2rem)}h3{font-size:1.1rem}
p{margin:0 0 1em}
.fine{font-size:.85rem;color:var(--dim)}
.top{background:var(--brand);color:#fff}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}
.brand{color:#fff;font-weight:700;text-decoration:none;font-size:1.1rem}
.top nav{display:flex;align-items:center;gap:14px}.top nav a{color:#d7e3df;text-decoration:none;font-size:.95rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;background:var(--accent);color:#fff!important;font:700 1rem system-ui,sans-serif;text-decoration:none;border:2px solid var(--accent);cursor:pointer}
.btn:hover{background:var(--accent-d);border-color:var(--accent-d)}
.btn-sm{min-height:40px;padding:0 16px;font-size:.9rem}
.btn-ghost{background:transparent;color:var(--brand)!important;border-color:var(--brand)}.btn-ghost:hover{background:var(--alt);border-color:var(--brand)}
.btn-light{background:#fff;color:var(--brand)!important;border-color:#fff}.btn-light:hover{background:#f3f6f4;border-color:#f3f6f4}
.crumbs{font-size:.85rem;color:var(--dim);padding:14px 0 0}.crumbs a{color:var(--dim)}
.hero{padding:22px 0 34px;background:linear-gradient(180deg,var(--alt),#fff)}
.lede{font-size:1.2rem;color:var(--dim);max-width:46ch}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:1.2em 0 .6em}
.answer{background:#eaf5f1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}
.answer h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ok);margin-bottom:.4em}.answer p{margin:0;font-size:1.1rem}
.sec{padding:38px 0}.alt{background:var(--alt)}
.prose{max-width:720px}.prose h3{margin-top:1.6em}
.cards{display:grid;gap:14px;grid-template-columns:1fr;padding:0;margin:0;list-style:none}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.card h3,.card h2{margin-bottom:.3em}.card h2{font-size:1.15rem}.card p{margin:0 0 .6em;color:var(--dim)}.card h2 a{color:var(--ink);text-decoration:none}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:14px}
.steps li{counter-increment:s;position:relative;padding:4px 0 4px 54px}
.steps li::before{content:counter(s);position:absolute;left:0;top:2px;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:grid;place-items:center}
.steps p{margin:0;color:var(--dim)}
.band{background:var(--brand);color:#fff;padding:36px 0;text-align:center}.band h2{margin-bottom:.4em}.band .cta-row{justify-content:center}.band a:not(.btn){color:#bfe3d9}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.chips li{background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 14px;font-size:.95rem}
.links{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin:0}
.lead{background:#eaf5f1}.form{display:grid;gap:12px;max-width:460px}.form label{display:grid;gap:4px;font-weight:600;font-size:.95rem}
.form input{font:inherit;min-height:48px;padding:0 12px;border:1px solid #8a9a95;border-radius:10px;background:#fff}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.err{color:#b3261e;font-weight:600}
.foot{background:var(--alt);padding:26px 0;border-top:1px solid var(--line)}.foot p{margin:0 0 .6em;font-size:.9rem}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -4px 14px rgba(16,35,31,.12)}.sticky .btn{width:100%}
:focus-visible{outline:3px solid #f2a15f;outline-offset:2px}
@media (min-width:700px){
  body{padding-bottom:0}.sticky{display:none}
  .cards-3{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}
  .hero{padding:44px 0 56px}.sec{padding:56px 0}
}
@media (min-width:980px){.cards-3{grid-template-columns:repeat(3,1fr)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* store buttons and the app page */
.stores{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px}
.store{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:6px 18px;border-radius:12px;background:#000;color:#fff!important;text-decoration:none;border:1px solid #000;line-height:1.1;font-weight:700}
.store small{display:block;font-size:.68rem;font-weight:400;opacity:.85}
.store.off{background:#3a4743;border-color:#3a4743;color:#e8eeec!important;cursor:default}
.foot .stores{margin:10px 0}
.tag{display:inline-block;margin:0 0 .6em;padding:3px 12px;border-radius:99px;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.tag-soon{background:#fdebd6;color:#8a4b00}.tag-live{background:#d7f0e6;color:#0b5a40}
.shots{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;margin:0;list-style:none;-webkit-overflow-scrolling:touch}
.shots li{flex:0 0 min(62vw,240px);scroll-snap-align:start;margin:0}
.shots img{display:block;width:100%;height:auto;border-radius:22px;border:1px solid var(--line);box-shadow:0 6px 20px rgba(16,35,31,.15);background:#fff}
.shots p{margin:.5em 0 0;text-align:center}
@media (min-width:700px){.shots li{flex-basis:220px}}
.pills{margin-top:14px}.pills li{padding:0}.pills a{display:inline-block;padding:8px 16px;min-height:40px;line-height:24px;color:var(--ink);text-decoration:none;font-weight:600}.pills li:hover{background:var(--alt);border-color:var(--brand)}
