/* Standalone styles, scoped to the hero. No header or global page styles. */
[data-bg-hero]{--forest:#050505;--ink:#17191d;--green:var(--logo-green, #7a9c3e);--lime:var(--logo-green, #7a9c3e);--paper:#f4f4f2;--gutter:clamp(24px,5vw,88px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#203d31}
[data-bg-hero],[data-bg-hero] *{box-sizing:border-box}[data-bg-hero] :is(h1,h2,h3,p){margin:0}[data-bg-hero] a{color:inherit;text-decoration:none}[data-bg-hero] [hidden]{display:none!important}[data-bg-hero] a:focus-visible{outline:3px solid #729931;outline-offset:6px}

[data-bg-hero] h1,[data-bg-hero] h2,[data-bg-hero] h3,[data-bg-hero] h4,[data-bg-hero] p{margin:0}
[data-bg-hero] h1,[data-bg-hero] h2{font-weight:400;letter-spacing:-.055em;line-height:1.04}
[data-bg-hero] h2{font-size:clamp(40px,4.8vw,76px)}
[data-bg-hero] h3{font-weight:400;font-size:26px;letter-spacing:-.035em}
[data-bg-hero] p{font-size:17px;line-height:1.65}
[data-bg-hero] em{font-style:normal;color:var(--lime)}
[data-bg-hero] .eyebrow{font-size:12px;font-weight:600;letter-spacing:.15em;line-height:1.5;margin-bottom:26px;text-transform:uppercase}
[data-bg-hero] .button{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;background:var(--lime);color:var(--forest);padding:19px 24px;border:1px solid transparent;font-size:15px;font-weight:600;min-height:54px;cursor:pointer;transition:background .2s,transform .2s}
[data-bg-hero] .button:hover{background:#d8f798;transform:translateY(-2px)}
[data-bg-hero] .button span{font-size:22px;line-height:1}
[data-bg-hero] .button.small{padding:13px 20px;min-height:44px;gap:26px}
[data-bg-hero] .button.light{background:var(--paper)}
[data-bg-hero] .quiet-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;padding:14px 0}
[data-bg-hero]{height:calc(100svh - 94px);background:var(--forest);color:var(--paper);position:relative}
[data-bg-hero].is-animated{height:450svh}
[data-bg-hero] .story-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden}
[data-bg-hero]:not(.is-animated) .story-stage{height:calc(100svh - 94px);min-height:620px}
[data-bg-hero] .story-poster,[data-bg-hero] .story-canvas,[data-bg-hero] .story-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}
[data-bg-hero] .story-shade{background:linear-gradient(90deg,rgba(7,24,15,.64),rgba(7,24,15,.3) 42%,transparent 70%)}
[data-bg-hero] .story-canvas{opacity:0}
[data-bg-hero] .story-copy{position:absolute;top:48%;left:var(--gutter);transform:translateY(-50%);width:52%;max-width:840px}
[data-bg-hero] .story-copy h1{font-size:clamp(58px,6.8vw,108px)}
[data-bg-hero] .story-copy h2{font-size:clamp(58px,6.8vw,108px)}
[data-bg-hero] .story-copy .eyebrow{color:#c8d5c6;margin-bottom:27px}
[data-bg-hero] .hero-text{max-width:390px;margin-top:25px;font-size:16px;line-height:1.6;color:#d0d9d0}
[data-bg-hero] .hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}
[data-bg-hero] .ending .button{margin-top:30px}
[data-bg-hero] .story-bottom{position:absolute;bottom:26px;left:var(--gutter);right:var(--gutter);display:flex;gap:30px;align-items:center;font-size:12px;letter-spacing:.1em}
[data-bg-hero] .story-step{min-width:140px}
[data-bg-hero] .story-progress{height:1px;background:#ffffff40;width:170px}
[data-bg-hero] .story-progress span{height:2px;background:var(--lime);width:0;display:block}
[data-bg-hero] .skip-story{margin-left:auto;letter-spacing:0;border-bottom:1px solid #ffffff60;padding:10px 0}
@media (max-width:1100px){[data-bg-hero] .story-copy{width:60%}
[data-bg-hero] .hero-actions{gap:20px}
[data-bg-hero] .hero-actions .quiet-link{display:none}}
@media (max-width:780px){[data-bg-hero],[data-bg-hero]:not(.is-animated) .story-stage{height:calc(100svh - 78px);min-height:720px}
[data-bg-hero] .story-stage{min-height:720px}
[data-bg-hero].is-animated{height:420svh}
[data-bg-hero] .story-copy{left:var(--gutter);top:42%;width:calc(100% - var(--gutter)*2)}
[data-bg-hero] .story-copy h1,[data-bg-hero] .story-copy h2{font-size:clamp(54px,10vw,78px);max-width:530px}
[data-bg-hero] .story-poster,[data-bg-hero] .story-canvas{object-position:65% center}
[data-bg-hero] .story-shade{background:linear-gradient(90deg,#07180fdd,#07180f85 70%,#07180f55)}
[data-bg-hero] .story-copy .eyebrow{font-size:10px}
[data-bg-hero] .hero-text{max-width:320px;font-size:15px}
[data-bg-hero] .story-bottom{gap:12px;bottom:25px}
[data-bg-hero] .story-progress{width:60px}
[data-bg-hero] .story-step{min-width:110px;font-size:10px}
[data-bg-hero] .skip-story{font-size:11px}}
@media (max-width:420px){[data-bg-hero] .story-copy h1,[data-bg-hero] .story-copy h2{font-size:55px}}
@media (prefers-reduced-motion:reduce){[data-bg-hero].is-animated{height:auto}
[data-bg-hero] .story-stage{position:relative}
[data-bg-hero] .story-canvas{display:none}}
[data-bg-hero] .bg-layer-shade{position:absolute;inset:0;background:#10261c;opacity:0;pointer-events:none}
[data-bg-hero].is-animated{height:500svh}
[data-bg-hero] .story-copy.middle{width:calc(100% - var(--gutter)*2);max-width:1100px;left:50%;transform:translate(-50%,-50%);text-align:center}
[data-bg-hero] .middle h2{font-size:clamp(48px,5.7vw,86px)}
[data-bg-hero] .middle .hero-text{margin:25px auto 0;max-width:500px}
[data-bg-hero] .middle .eyebrow{margin-bottom:20px}
@media (max-width:780px){[data-bg-hero].is-animated{height:500svh}
[data-bg-hero] .middle h2{font-size:46px}
[data-bg-hero] .middle .hero-text{font-size:15px;max-width:330px}}
@media (prefers-reduced-motion:reduce){[data-bg-hero].is-animated{height:auto}}
[data-bg-hero]{--copy-shade:1;color:var(--forest);background:#edf0ed}
[data-bg-hero] .story-stage{background:#edf0ed}
[data-bg-hero] .story-shade{background:linear-gradient(90deg,rgba(247,249,246,.96),rgba(247,249,246,.88) 22%,rgba(247,249,246,.42) 39%,transparent 58%);opacity:var(--copy-shade)}
[data-bg-hero] .story-copy{width:39%;max-width:670px}
[data-bg-hero] .story-copy h1,[data-bg-hero] .story-copy.ending h2{font-size:clamp(54px,5.65vw,92px)}
[data-bg-hero] .story-copy em{color:#5b772b}
[data-bg-hero] .story-copy .eyebrow{color:#35472f;font-size:11px}
[data-bg-hero] .hero-text{color:#40513b;max-width:355px}
[data-bg-hero] .story-bottom{color:#142e20;text-shadow:0 1px 8px #ffffffc0}
[data-bg-hero] .story-progress{background:#23452f40}
[data-bg-hero] .story-progress span{background:#526f27}
[data-bg-hero] .skip-story{border-color:#21422c80}
[data-bg-hero] .story-copy.middle{left:var(--gutter);top:auto;bottom:100px;transform:none;text-align:left;width:32%;max-width:440px}
[data-bg-hero] .middle h2{font-size:clamp(34px,3.1vw,50px)}
[data-bg-hero] .middle .hero-text{margin:18px 0 0;font-size:15px;max-width:320px}
[data-bg-hero][data-chapter="reuse"]{color:var(--paper)}
[data-bg-hero][data-chapter="reuse"] .story-shade{background:linear-gradient(90deg,#081b10e8,#081b10ad 30%,#081b1045 52%,transparent 72%)}
[data-bg-hero][data-chapter="reuse"] .story-copy em{color:var(--lime)}
[data-bg-hero][data-chapter="reuse"] .hero-text,[data-bg-hero][data-chapter="reuse"] .eyebrow{color:#e0e8dc}
[data-bg-hero][data-chapter="reuse"] .story-bottom{color:white;text-shadow:0 1px 8px #0008}
[data-bg-hero][data-chapter="reuse"] .story-progress span{background:var(--lime)}
[data-bg-hero][data-chapter="reuse"] .skip-story{border-color:#ffffff80}
@media (max-width:780px){[data-bg-hero] .story-copy{width:calc(100% - var(--gutter)*2);top:36%}
[data-bg-hero] .story-copy h1,[data-bg-hero] .story-copy.ending h2{font-size:clamp(48px,9.5vw,68px)}
[data-bg-hero] .story-shade{background:linear-gradient(180deg,#f7f9f6eb,#f7f9f6bf 40%,#f7f9f62b 68%,transparent)}
[data-bg-hero] .hero-text{font-size:15px;max-width:315px}
[data-bg-hero] .story-copy.middle{top:auto;bottom:110px;left:var(--gutter);width:calc(100% - var(--gutter)*2);max-width:340px}
[data-bg-hero] .middle h2{font-size:35px}
[data-bg-hero][data-chapter="processing"] .story-shade{background:linear-gradient(0deg,#f7f9f6ed,#f7f9f69c 30%,transparent 67%)}
[data-bg-hero] .story-step{font-size:9px;min-width:125px}
[data-bg-hero][data-chapter="reuse"] .story-shade{background:linear-gradient(180deg,#081b10d9,#081b108f 47%,#081b101c 75%)}}
[data-bg-hero] h1,[data-bg-hero] h2,[data-bg-hero] h3{font-weight:500}
[data-bg-hero] .eyebrow{font-weight:800}
[data-bg-hero] .button{border-radius:4px;background:var(--logo-green, #7a9c3e);color:#fff;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
[data-bg-hero] .button:hover{background:var(--logo-green, #7a9c3e);transform:translateY(-2px) scale(1.02);box-shadow:0 14px 28px #7a9c3e47}
[data-bg-hero] .button.light{background:#fff;color:#17191d;box-shadow:inset 0 0 0 1px #0505050f}
[data-bg-hero] .button.light:hover{background:#fff;box-shadow:0 12px 24px #0505051f}
[data-bg-hero]:not(.is-animated),[data-bg-hero]:not(.is-animated) .story-stage{height:100svh}
@media (prefers-reduced-motion:reduce){[data-bg-hero] .button{transition:none}}
[data-bg-hero] .eyebrow{font-size:12px;letter-spacing:.17em;color:#587440;margin-bottom:22px}
[data-bg-hero] .button{border-radius:100px;background:linear-gradient(145deg,#8cad50,#6b902f);color:#fff;font-weight:700;padding:18px 27px;box-shadow:0 8px 20px #244d2820,inset 0 1px #ffffff35;min-height:56px}
[data-bg-hero] .button:hover{background:linear-gradient(145deg,#96b85a,#739738);box-shadow:0 12px 28px #244d2835;transform:translateY(-3px)}
[data-bg-hero] .button.light{background:linear-gradient(145deg,#f6e7c9,#d8bd95);color:#233d30;box-shadow:0 8px 20px #0002}
[data-bg-hero] .story-shade{background:linear-gradient(90deg,#f4f0e5ed,#f4f0e5a8 32%,#f4f0e500 65%)}
[data-bg-hero] .opening h1{font-weight:550}
[data-bg-hero] .opening em{color:#658c35}
[data-bg-hero] .hero-text{color:#47604e}
@media (max-width:780px){[data-bg-hero] .story-shade{background:linear-gradient(180deg,#f4f0e5ed,#f4f0e5ba 40%,transparent 78%)}
[data-bg-hero] .story-shade{background:linear-gradient(180deg,#f4f0e5ed,#f4f0e5ba 40%,transparent 78%)}}
@media (prefers-reduced-motion:reduce){[data-bg-hero] .button{transition:none;transform:none}}
[data-bg-hero].is-animated{height:350svh}
[data-bg-hero] .opening h1,[data-bg-hero] .ending h2{font-size:clamp(42px,4.7vw,80px);line-height:1!important}
[data-bg-hero] .story-copy{max-width:760px}
@media (max-width:780px){[data-bg-hero] .opening h1,[data-bg-hero] .ending h2{font-size:clamp(36px,8vw,60px)}}
[data-bg-hero] :is(h1,h2){font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-weight:900!important;letter-spacing:0!important;text-transform:uppercase;line-height:1.04!important;overflow-wrap:break-word}[data-bg-hero] :is(.eyebrow,.button){font-weight:900!important}