/* Woodcock AI: installers + contact pages. Mobile-first. */
.crumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dim);margin-bottom:16px}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:#fff}
.in-hero{position:relative;isolation:isolate;overflow:hidden;padding:96px 0 56px}
.in-glow{position:absolute;inset:-20% -30% auto;height:120%;z-index:-2;background:radial-gradient(60% 50% at 70% 30%,rgba(255,106,43,.22),transparent 70%),radial-gradient(50% 45% at 15% 70%,rgba(79,168,177,.18),transparent 70%)}
.in-hero-grid{display:grid;gap:34px}
.in-intro h1{font:800 clamp(34px,8.6vw,64px)/1.04 var(--h);letter-spacing:-.03em;margin:18px 0 16px}
.in-answer{font-size:clamp(16.5px,4.2vw,19px);color:#c7d4de}
.in-btns{display:grid;gap:10px;margin:24px 0 14px}
.in-btns .btn{width:100%}
.in-intro .wv-hero-row{margin:0 0 18px}
.in-intro .wv-hero{width:100%}
.in-ticks{list-style:none;display:grid;gap:10px;font-size:15px;color:var(--muted)}
.in-ticks li{display:flex;gap:10px;align-items:flex-start}
.in-ticks svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--teal2)}
.in-ticks a{color:var(--teal2);font-weight:600}
/* footage player */
.in-player{position:relative;border-radius:24px;padding:10px;background:linear-gradient(180deg,rgba(17,26,36,.9),rgba(9,15,22,.95));border:1px solid var(--line2);box-shadow:0 40px 100px -40px rgba(0,0,0,.9),0 0 90px -40px rgba(255,106,43,.45)}
.in-screen{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#000}
.in-screen video{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .18s}
.in-player.swap video{opacity:.15}
.in-rec{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:600 12px/1 var(--h);color:#dfe8ee}
.in-rec i{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(255,77,61,.6);animation:inPulse 1.6s infinite}
.in-rec b{color:#fff}
.in-alert{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(10,16,23,.88);border:1px solid rgba(255,120,60,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12.5px;color:var(--muted);transform:translateY(130%);opacity:0;transition:transform .5s cubic-bezier(.2,1.2,.4,1),opacity .3s}
.in-alert.on{transform:none;opacity:1}
.in-alert svg{width:30px;height:30px;padding:6px;border-radius:9px;flex:none;color:#fff;background:linear-gradient(135deg,#ff8a3d,#ff4d2e)}
.in-alert b{display:block;font:700 14px/1.2 var(--h);color:#fff}
.in-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 2px 2px;scroll-snap-type:x mandatory}
.in-tabs::-webkit-scrollbar{display:none}
.in-tab{position:relative;flex:none;scroll-snap-align:start;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);font:600 13px/1 var(--h);cursor:pointer;overflow:hidden}
.in-tab[aria-selected=true]{color:#fff;border-color:rgba(255,120,60,.55);background:rgba(255,106,43,.12)}
.in-tab i{position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,#ff8a3d,var(--ember))}
.in-tab.run i{animation:inBar 9s linear forwards}
.in-cap{font-size:12.5px;color:var(--dim);padding:8px 4px 2px}
@keyframes inBar{to{width:100%}}
@keyframes inPulse{70%{box-shadow:0 0 0 8px rgba(255,77,61,0)}100%{box-shadow:0 0 0 0 rgba(255,77,61,0)}}
/* why */
.in-why-grid{display:grid;gap:18px}
.in-photo{position:relative;border-radius:var(--r2);overflow:hidden;border:1px solid var(--line)}
.in-photo img{width:100%;height:auto;display:block}
.in-photo figcaption{position:absolute;left:14px;bottom:14px;display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(5,8,12,.8);backdrop-filter:blur(8px);font:600 13px/1 var(--h)}
.in-photo figcaption svg{width:16px;height:16px;color:var(--teal2)}
.in-cards{display:grid;gap:12px}
.in-card{padding:20px;border-radius:20px;border:1px solid var(--line);background:var(--panel)}
.in-card .ic,.in-links .ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(79,168,177,.14);color:var(--teal2);margin-bottom:12px}
.in-card .ic svg,.in-links .ic svg{width:20px;height:20px}
.in-card h3{font:700 18px/1.25 var(--h);margin-bottom:6px}
.in-card p{color:var(--muted);font-size:15px}
/* picker */
.in-picker{display:grid;gap:14px}
.in-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -28px;padding:4px 28px 8px}
.in-rail::-webkit-scrollbar{display:none}
.in-sc{flex:none;width:132px;scroll-snap-align:start;padding:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;text-align:left;transition:border-color .25s,transform .25s}
.in-sc img{display:block;width:100%;height:78px;object-fit:cover;filter:saturate(.8) brightness(.8);transition:filter .25s}
.in-sc span{display:flex;gap:7px;align-items:center;padding:10px 10px 11px;font:700 13px/1.15 var(--h)}
.in-sc span svg{width:15px;height:15px;flex:none;color:var(--teal2)}
.in-sc[aria-selected=true]{border-color:rgba(111,208,216,.6);color:#fff;transform:translateY(-2px);box-shadow:0 14px 34px -16px rgba(79,168,177,.7)}
.in-sc[aria-selected=true] img{filter:none}
.in-pack{display:grid;border-radius:var(--r2);overflow:hidden;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(17,26,36,.9),rgba(9,15,22,.95))}
.in-pack.in{animation:inFade .45s ease both}
@keyframes inFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.in-pack-img{position:relative;aspect-ratio:16/9}
.in-pack-img img{width:100%;height:100%;object-fit:cover;display:block}
.in-pack-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(9,15,22,.95))}
.in-pack-tag{position:absolute;left:16px;bottom:14px;z-index:1;display:inline-flex;gap:8px;align-items:center;font:800 19px/1.1 var(--h)}
.in-pack-tag svg{width:20px;height:20px;color:var(--teal2)}
.in-pack-body{padding:18px 18px 22px}
.in-pack-line{color:#c7d4de;margin-bottom:16px}
.in-pack-body h3{font:700 15px/1 var(--h);letter-spacing:.04em;text-transform:uppercase;color:var(--teal2);margin-bottom:12px}
.in-pack-body h3 em{font-style:normal;color:var(--dim);margin-left:6px}
.in-mods{list-style:none;display:grid;gap:10px;margin-bottom:18px}
.in-mods li{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line);font-size:14px;color:var(--muted)}
.in-mods li>svg{width:20px;height:20px;flex:none;color:var(--ember);margin-top:2px}
.in-mods b{display:block;font:700 14.5px/1.3 var(--h);color:#fff;margin-bottom:2px}
.in-pack-cta{display:grid;gap:10px}
.in-pack-cta .btn{width:100%}
/* steps */
.in-steps{list-style:none;display:grid;gap:12px;counter-reset:s}
.in-steps li{display:flex;gap:16px;padding:20px;border-radius:20px;border:1px solid var(--line);background:var(--panel)}
.in-steps .no{font:800 15px/1 var(--h);color:var(--ember);padding-top:4px}
.in-steps h3{font:700 18px/1.25 var(--h);margin-bottom:6px}
.in-steps p{color:var(--muted);font-size:15px}
/* tiers */
.in-tier-grid{display:grid;gap:14px}
.in-tier{position:relative;padding:24px 22px;border-radius:var(--r2);border:1px solid var(--line);background:var(--panel);overflow:hidden}
.in-tier.feat{border-color:rgba(255,120,60,.45);background:linear-gradient(160deg,rgba(255,106,43,.1),rgba(255,255,255,.02) 60%)}
.in-tier .t-badge{display:inline-block;padding:6px 12px;border-radius:999px;font:700 12px/1 var(--h);letter-spacing:.08em;text-transform:uppercase;background:rgba(79,168,177,.15);color:var(--teal2)}
.in-tier.feat .t-badge{background:rgba(255,106,43,.16);color:#ffb38a}
.in-tier h3{font:800 22px/1.2 var(--h);margin:14px 0 14px}
.in-tier ul{list-style:none;display:grid;gap:10px;color:var(--muted);font-size:15px}
.in-tier li{display:flex;gap:10px}.in-tier li svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--teal2)}
.in-phone{margin:20px auto 0;width:200px;padding:10px;border-radius:24px;border:1px solid var(--line2);background:#070b10;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.in-phone .ph-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 10px;font:700 12px/1 var(--h);color:#ffb38a}
.in-phone .ph-alert{display:flex;gap:8px;align-items:center;padding:8px;border-radius:12px;background:rgba(255,106,43,.12);border:1px solid rgba(255,120,60,.35);font-size:11px;color:var(--muted)}
.in-phone .ph-alert svg{width:22px;height:22px;padding:4px;border-radius:7px;color:#fff;background:linear-gradient(135deg,#ff8a3d,#ff4d2e);flex:none}
.in-phone .ph-alert b{display:block;font:700 12px/1.2 var(--h);color:#fff}
.in-phone .ph-tile{height:84px;margin-top:8px;border-radius:12px;background:url(/media/waste-fire-detected-with-ai-cctv.jpg) center/cover}
.in-note{display:flex;gap:10px;align-items:flex-start;justify-content:center;margin-top:22px;color:var(--muted);font-size:14.5px;text-align:left}
.in-note svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--teal2)}
.in-note a{color:var(--teal2);font-weight:600}
/* detection band */
.in-band{display:grid;gap:20px;padding:24px;border-radius:var(--r2);border:1px solid var(--line);background:radial-gradient(80% 120% at 0% 0%,rgba(79,168,177,.12),transparent 60%),var(--panel)}
.in-band h2{font:800 clamp(26px,6vw,40px)/1.1 var(--h);letter-spacing:-.02em;margin:12px 0 10px}
.in-band p{color:var(--muted)}
.in-links{display:grid;gap:10px}
.in-links a{display:flex;gap:14px;align-items:center;padding:14px;border-radius:16px;border:1px solid var(--line);background:rgba(0,0,0,.2);transition:border-color .25s,transform .25s}
.in-links a:hover{border-color:rgba(111,208,216,.5);transform:translateY(-2px)}
.in-links .ic{margin:0;flex:none}.in-links .ic.hot{background:rgba(255,106,43,.15);color:#ff9a62}
.in-links b{display:block;font:700 15.5px/1.25 var(--h)}
.in-links span span,.in-links a>span:nth-child(2){color:var(--muted);font-size:13.5px}
.in-links a>span:nth-child(2) b{color:#fff}
.in-links .ar{width:18px;height:18px;margin-left:auto;flex:none;color:var(--dim)}
/* apply */
.in-apply{position:relative;isolation:isolate}
.in-apply::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 50% at 80% 40%,rgba(255,106,43,.14),transparent 70%)}
.in-apply-grid{display:grid;gap:28px}
.in-apply-intro h2{font:800 clamp(30px,7vw,52px)/1.06 var(--h);letter-spacing:-.025em;margin:14px 0 14px}
.in-apply-intro .in-ticks{margin-top:20px}
.lf .f-grid{display:grid;gap:0 16px}
.lf-done{text-align:center;padding:20px 6px;display:grid;justify-items:center;gap:10px}
.lf-done h3{font:800 24px/1.2 var(--h)}
.lf-done p{color:var(--muted)}
/* contact */
.c-list{list-style:none;display:grid;gap:12px;margin:24px 0}
.c-list li{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--panel)}
.c-list .ic{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:rgba(79,168,177,.14);color:var(--teal2)}
.c-list .ic svg{width:20px;height:20px}
.c-list b{display:block;font:700 15px/1.3 var(--h);margin-bottom:2px}
.c-list a{color:var(--teal2);font-weight:600}
.c-list span span{color:var(--muted);font-size:15px}
.c-more{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.c-more a{padding:9px 14px;border-radius:999px;border:1px solid var(--line);font:600 13.5px/1 var(--h);color:var(--muted)}
.c-more a:hover{color:#fff;border-color:var(--line2)}
@media (min-width:700px){
  .in-btns{display:flex;flex-wrap:wrap}.in-btns .btn{width:auto}
  .in-intro .wv-hero{width:auto}
  .in-cards{grid-template-columns:1fr 1fr}
  .in-tier-grid{grid-template-columns:1fr 1fr}
  .in-pack-cta{display:flex;flex-wrap:wrap}.in-pack-cta .btn{width:auto}
  .lf .f-grid{grid-template-columns:1fr 1fr}
  .in-sc{width:150px}
}
@media (min-width:1000px){
  .in-hero{padding:130px 0 90px}
  .in-hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:56px}
  .in-why-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:28px}
  .in-picker{grid-template-columns:300px 1fr;align-items:start}
  .in-rail{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;overflow:visible}
  .in-sc{width:auto}.in-sc img{height:70px}
  .in-pack{grid-template-columns:1fr 1fr}
  .in-pack-img{aspect-ratio:auto;min-height:100%}
  .in-pack-body{padding:26px}
  .in-steps{grid-template-columns:repeat(4,1fr)}
  .in-steps li{flex-direction:column}
  .in-tier .in-phone{position:absolute;right:22px;bottom:-30px;margin:0;width:180px;transform:rotate(-4deg)}
  .in-tier.feat{padding-right:230px;min-height:300px}
  .in-band{grid-template-columns:.9fr 1.1fr;align-items:center;padding:40px}
  .in-apply-grid{grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
}
@media (prefers-reduced-motion:reduce){.in-rec i,.in-pack.in{animation:none}.in-alert{transition:none}}
.in-hero-grid>*,.in-picker>*,.in-why-grid>*,.in-apply-grid>*,.in-band>*{min-width:0}
.lf-done[hidden]{display:none}
.in-intro h1{overflow-wrap:break-word}
.in-hero-grid{grid-template-areas:"top" "player" "rest";gap:22px}
.in-top{grid-area:top}.in-rest{grid-area:rest}.in-player{grid-area:player}
.in-top h1{margin-bottom:0}
@media (min-width:1000px){
  .in-hero-grid{grid-template-columns:1fr 1.08fr;grid-template-areas:"top player" "rest player";grid-template-rows:auto 1fr;column-gap:56px;row-gap:18px}
  .in-player{align-self:center}
  .in-intro h1{font-size:clamp(40px,3.7vw,56px)}
}
.f-head p.f-title{margin-top:0;font:800 clamp(23px,2.2vw,28px)/1.15 var(--h);letter-spacing:-.02em;color:#fff}
.lf-done p.lf-done-h{font:800 24px/1.2 var(--h);color:#fff}
.in-ctx{margin-top:12px;font-size:15px;color:var(--muted)}.in-ctx a,.c-who a,.wr-inst a{color:var(--teal2);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.c-who{display:grid;gap:8px;margin:18px 0;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02);font-size:14.5px;color:var(--muted)}.c-who b{color:#fff}
.wr-inst{margin-top:14px;font-size:14.5px;color:var(--muted)}.wr-inst b{color:#fff}
.ab-steps{list-style:none;padding:0;margin:18px 0;display:grid;gap:12px}.ab-steps li{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.03)}@media(min-width:760px){.ab-steps{grid-template-columns:repeat(3,1fr)}}
.ab-tl{list-style:none;padding:0;margin:20px 0;position:relative;display:grid;gap:14px}
.ab-tl li{display:flex;gap:14px;align-items:flex-start}.ab-tl li div{display:flex;flex-direction:column;gap:4px}
.ab-n{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,#ff7a3d,#ffb36b);color:#111}
@media(min-width:900px){.ab-tl{grid-template-columns:repeat(5,1fr)}.ab-tl li{flex-direction:column}}
.ab-fig{margin:18px auto;max-width:260px}.ab-fig img{width:100%;height:auto;border-radius:18px;display:block}.ab-fig figcaption{font-size:.85rem;opacity:.75;margin-top:6px;text-align:center}
.ab-sectors{display:grid;grid-template-columns:1fr;gap:14px;margin:20px 0}@media(min-width:720px){.ab-sectors{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.ab-sectors{grid-template-columns:repeat(4,1fr)}}
.ab-sectors a{display:flex;flex-direction:column;gap:4px;color:inherit;text-decoration:none;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;padding-bottom:12px}
.ab-sectors img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}.ab-sectors b,.ab-sectors span{padding:0 12px}
.ab-ic .ab-ici{display:flex;align-items:center;justify-content:center;aspect-ratio:8/5;background:linear-gradient(135deg,rgba(255,122,61,.14),rgba(255,255,255,.03))}.ab-ic .ab-ici svg{width:56px;height:56px;fill:none;stroke:#ff7a3d;stroke-width:1.6}
.cx-pair{display:grid;gap:14px;margin:20px 0}.cx-pair svg{width:100%;height:auto;display:block;border-radius:12px}.cx-real img{width:100%;height:auto;border-radius:12px}