/* Tree Pro Wins: deep forest, moss and bark, with the safety orange of the trade. */
:root{--bg:#0f2118;--panel:#16301f;--card:#16301f;--line:rgba(236,232,216,.14);--line2:rgba(141,190,110,.22);--ink:#f4f0e2;--muted:rgba(244,240,226,.68);--soft:rgba(244,240,226,.86);
  --em:#f97316;--em-ink:#1d0c01;--em-soft:rgba(249,115,22,.12);--amber:#f97316;--teal:#21472f;--moss:#a3cf7a;--ok:#a3cf7a;--warn:#f2c063;--bad:#f97316}
body{background:var(--bg)}
.grad{background:none;color:var(--moss);-webkit-text-fill-color:currentColor}
.top{background:rgba(15,33,24,.9)}
.btn{color:var(--em-ink)}.btn.ghost{color:var(--ink);border-color:rgba(244,240,226,.35)}.btn.white{background:#f4f0e2;color:#14301f}
.eyebrow{color:var(--moss)}
.card{box-shadow:none}.pill{background:rgba(163,207,122,.16);color:var(--moss)}
.steps3 .card::before{background:var(--moss);color:#14301f}
label.f input,label.f select,.opt,.choice{background:#0f2118}
.bar i{background:linear-gradient(90deg,#a3cf7a,#f97316)}
.link,.faq a{color:var(--moss)}
.endcta{border:1px solid var(--line2)}

.t-tag{display:inline-block;color:var(--moss);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}

/* ---------- sections ---------- */
.t-answers .card{border-top:4px solid var(--moss)}
.t-ringband{background:#132a1c}
.t-ringgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.t-ringcard{background:#0f2118;border:1px solid var(--line2);border-radius:26px;padding:22px}
.t-ringhead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--line)}
.t-ringhead span{color:var(--muted);font-size:.78rem}
.t-ringbody{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;margin-top:14px}
.t-rings{position:relative;width:190px;height:190px}.t-rings svg{width:100%;height:100%;display:block}
.t-rings>b{position:absolute;inset:0;display:grid;place-items:center;font-size:1.45rem}
.t-track{fill:none;stroke:#5a3d26;stroke-opacity:.5;stroke-width:12}
.t-arc{fill:none;stroke-width:12;stroke-linecap:round}.t-arc.ok{stroke:var(--ok)}.t-arc.warn{stroke:var(--warn)}.t-arc.bad{stroke:var(--bad)}
.t-rows{list-style:none;padding:0;display:grid;gap:9px}
.t-rows li{display:grid;grid-template-columns:12px 1fr;gap:10px;font-size:.88rem;line-height:1.3}
.t-rows b{display:block}.t-rows span{color:var(--soft);font-size:.82rem}
.t-dot{width:11px;height:11px;border-radius:50%;margin-top:4px}.t-dot.ok{background:var(--ok)}.t-dot.warn{background:var(--warn)}.t-dot.bad{background:var(--bad)}
.t-fix{margin-top:14px;padding:11px 12px;border-radius:12px;background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.4);font-size:.88rem;color:var(--soft)}.t-fix b{color:#fdba74}
section.band.t-for{padding:30px 0;background:#5a3d26}
.t-label{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f2d9a6;margin-bottom:12px}
.t-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.t-list li{padding-left:24px;position:relative;font-weight:600;line-height:1.35;color:#fff}.t-list li::before{content:"";position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:50%;border:3px double #f2d9a6}

/* ---------- narrow screens ---------- */
@media(max-width:900px){
  .t-ringgrid{grid-template-columns:1fr;gap:26px}
  .t-list{grid-template-columns:1fr;gap:10px}
}
@media(max-width:560px){.t-ringbody{grid-template-columns:1fr;justify-items:center}.t-rows{justify-self:stretch}}

/* ---------- hero: a full-screen storm, huge type, pins over the valley ---------- */
.v-hero{position:relative;overflow:hidden;min-height:max(760px,calc(100vh - 65px));display:flex;align-items:flex-start;padding:48px 0 240px;isolation:isolate;background:#070f0b}
.v-shake{position:absolute;inset:-14px;z-index:-1;animation:v-shake 14s linear infinite}
.v-scene{width:100%;height:100%;display:block}
.v-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,11,8,.78) 0,rgba(5,11,8,.62) 42%,transparent 66%)}
.v-copy{width:100%}
.v-copy h1{font-size:clamp(2.7rem,5.5vw,4.9rem);line-height:1;letter-spacing:-.03em;font-weight:800;margin:12px 0 16px;max-width:19ch;text-wrap:balance;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.5)}
.v-copy h1 em{font-style:normal;color:#ff8a2b;display:block}
.v-copy .lede{max-width:30em;color:rgba(255,255,255,.9);font-size:1.18rem;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.v-copy .fine{color:rgba(255,255,255,.72)}
.v-copy .btn:not(.ghost){padding:15px 28px;font-size:1.05rem;box-shadow:0 0 0 0 rgba(249,115,22,.7);animation:v-call 2.4s ease-out infinite}
.v-copy .btn.ghost{padding:15px 24px;font-size:1.05rem}
.v-copy .test{background:rgba(30,30,12,.92);max-width:38em}
@keyframes v-call{to{box-shadow:0 0 0 18px rgba(249,115,22,0)}}

/* sky and storm */
.v-clouds{animation:v-drift 26s ease-in-out infinite alternate}
@keyframes v-drift{to{transform:translateX(-90px)}}
.v-flash{fill:#dfeaff;opacity:0;animation:v-flash 14s linear infinite}
.v-bolt{fill:none;stroke:#f4f8ff;stroke-width:6;stroke-linejoin:round;opacity:0;filter:drop-shadow(0 0 14px #bcd3ff);animation:v-bolt 14s linear infinite}
@keyframes v-flash{0%,7%{opacity:0}7.4%{opacity:.75}8%{opacity:.1}8.5%{opacity:.6}10%,100%{opacity:0}}
@keyframes v-bolt{0%,7%{opacity:0}7.4%,8%{opacity:1}8.4%{opacity:.2}8.8%{opacity:1}10%,100%{opacity:0}}
.v-ridge.r3{fill:#1b3226;animation:v-par 18s ease-in-out infinite alternate}
.v-ridge.r2{fill:#12261b;animation:v-par 18s ease-in-out -4s infinite alternate-reverse}
@keyframes v-par{to{transform:translateX(26px)}}

/* the oak */
.v-sway{transform-box:view-box;transform-origin:1270px 900px;animation:v-sway 4.6s ease-in-out infinite alternate}
@keyframes v-sway{from{transform:rotate(-.8deg)}to{transform:rotate(1.4deg)}}
.v-limb{transform-box:view-box;transform-origin:1262px 500px;transform:translate(-60px,342px) rotate(-14deg);animation:v-limb 14s cubic-bezier(.55,0,.9,.5) infinite}
@keyframes v-limb{0%,10%{transform:none}13%{transform:translate(-6px,8px) rotate(-5deg)}19%,94%{transform:translate(-60px,342px) rotate(-14deg)}97%,100%{transform:none;opacity:0}}
.v-dust circle{fill:#8d7d62;opacity:0;animation:v-dust 14s ease-out infinite}
@keyframes v-dust{0%,18.5%{opacity:0;transform:scale(.3)}20%{opacity:.5}30%,100%{opacity:0;transform:translateY(-40px) scale(1.5)}}
.v-dust circle{transform-box:fill-box;transform-origin:center}
@keyframes v-shake{0%,18.8%,21.5%,100%{transform:none}19.2%{transform:translate(-7px,6px)}19.6%{transform:translate(7px,-5px)}20.1%{transform:translate(-4px,3px)}20.8%{transform:translate(3px,-2px)}}
.v-leaf{fill:#6aa84f;opacity:0;animation:v-leaf 5s linear infinite}
.v-leaves{animation:none}
@keyframes v-leaf{0%{opacity:0;translate:0 0;rotate:0deg}12%{opacity:.85}100%{opacity:0;translate:560px 220px;rotate:380deg}}

/* pins over the valley */
.v-pin path{fill:#f97316;stroke:#ffd9b0;stroke-width:2;filter:drop-shadow(0 0 12px rgba(249,115,22,.75))}
.v-pin text{fill:#1d0c01;font:800 21px Outfit,sans-serif}
.v-pin.on{animation:v-pinon 14s ease infinite}
.v-pin.you{animation:v-pinyou 14s ease infinite}
.v-pin.you path{fill:rgba(255,255,255,.1);stroke:#fff;stroke-dasharray:6 5;filter:none}
.v-pin.you text{fill:#fff;font-size:15px}
.v-ring{fill:none;stroke:#f97316;stroke-width:3;opacity:0;transform-box:fill-box;transform-origin:center}
.v-pin.on .v-ring{animation:v-ring 2.2s ease-out infinite}
.v-pin.you .v-ring{display:none}
@keyframes v-ring{0%{opacity:.8;transform:scale(.4)}100%{opacity:0;transform:scale(3)}}
@keyframes v-pinon{0%,8%{opacity:1}10%,24%{opacity:0}28%,100%{opacity:1}}
@keyframes v-pinyou{0%,8%{opacity:1}10%,30%{opacity:0}34%,100%{opacity:1}}

/* growth rings that draw themselves */
.v-ringband .t-ringcard{background:radial-gradient(circle at 24% 50%,#2a1c10,#0f2118 62%)}
.v-ringband .t-arc{animation:v-arc 3.4s ease-out infinite alternate}
@keyframes v-arc{from{stroke-dasharray:0 100}}

@media(max-width:900px){
  .v-hero{min-height:0;padding:38px 0 250px}
  .v-shake{inset:auto -14px -14px;height:470px}
  .v-hero::after{background:linear-gradient(180deg,rgba(5,11,8,.5) 0,rgba(5,11,8,.5) 58%,transparent 76%)}
  .v-copy h1{font-size:clamp(2.4rem,10.4vw,4.2rem)}
  .v-clouds{animation:none}.v-leaf:nth-child(n+15){display:none}.v-pin path{filter:none}
}
@media(prefers-reduced-motion:reduce){.v-shake,.v-clouds,.v-flash,.v-bolt,.v-ridge,.v-sway,.v-limb,.v-dust circle,.v-leaf,.v-pin,.v-ring,.v-copy .btn,.v-ringband .t-arc{animation:none}.v-leaf{opacity:0}}