:root{--milk:#fff9ee;--green:#93c572;--green-dark:#2f5942;--green-pale:#edf5e6;--ink:#202721;--muted:#69736a;--line:rgba(32,39,33,.12);--shadow:0 24px 65px rgba(47,89,66,.11);--radius:14px}
body{background:var(--milk)}
.site-header{background:rgba(255,249,238,.92);backdrop-filter:blur(14px)}
.brand{gap:11px;letter-spacing:-.04em}
.brand-symbol{display:block;width:42px;height:42px;flex:none}
.brand-word{font-size:24px;font-weight:700;line-height:1;letter-spacing:-.055em}
.brand-word>span{margin-left:2px;color:#5f9145;font-weight:750}
.button{border-radius:10px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.button:hover{transform:none;background:#315541;box-shadow:0 8px 22px rgba(40,67,51,.15)}
.text-button{transition:color .2s ease,border-color .2s ease}
.feature-grid article,.audience-grid article,.price-card{border-radius:16px}
.feature-grid article{transition:border-color .2s ease,box-shadow .2s ease}
.feature-grid article:hover{transform:none;border-color:rgba(49,85,65,.3);box-shadow:0 14px 34px rgba(40,67,51,.08)}
.pain-grid .accent-card,.final-cta,.ticker{background:var(--green)}
.pricing{background:#f5f3e7}
.phone{transform:rotate(-.35deg)}
.orbit-two{animation:spin 40s linear infinite}
.float-card{animation:float 4s ease-in-out infinite}
.orbit{border-color:rgba(83,133,61,.28)}
.ticker{padding:13px 0}
.ticker>div{width:max-content;justify-content:flex-start;flex-wrap:nowrap;gap:32px;animation:ticker 35s linear infinite}
.notification-real h3{color:var(--green-dark)}
.reveal{animation:reveal-soft .52s cubic-bezier(.22,.75,.25,1) forwards .08s}
.reveal.delay{animation-delay:.16s}
@keyframes reveal-soft{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.faq{border-top:0}
.faq-layout{grid-template-columns:.72fr 1fr;gap:8%}
.faq-intro{position:sticky;top:120px;align-self:start}
.faq-intro>p{max-width:430px;margin:22px 0 28px;color:var(--muted);font-size:16px;line-height:1.65}
.source-note{margin:34px 0 20px;padding:22px;border:1px solid rgba(49,85,65,.14);border-radius:14px;background:var(--green-pale)}
.source-note>b{color:var(--green-dark);font-size:9px;letter-spacing:.14em}
.source-note>p{margin:10px 0 16px;color:#526158;font-size:12px;line-height:1.65}
.source-links{display:flex;flex-wrap:wrap;gap:12px}
.source-links a{color:var(--green-dark);font-size:10px;font-weight:700;text-decoration:none}
.accordion{display:grid;gap:10px}
.accordion details,.accordion details:last-child{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.46);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.accordion details[open]{border-color:rgba(49,85,65,.22);background:#fff;box-shadow:0 12px 32px rgba(40,67,51,.07)}
.accordion summary{min-height:82px;padding:22px 24px;gap:24px}
.accordion summary:focus-visible{outline:2px solid var(--green-dark);outline-offset:-2px;border-radius:13px}
.accordion summary .faq-question{font-size:17px;font-weight:600;line-height:1.35;transform:none}
.accordion details[open] summary .faq-question{transform:none}
.faq-plus{position:relative;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--green-pale);transition:transform .25s cubic-bezier(.2,.7,.3,1),background-color .2s ease}
.faq-plus:before,.faq-plus:after{position:absolute;top:50%;left:50%;width:12px;height:1.5px;border-radius:2px;background:var(--green-dark);content:"";transform:translate(-50%,-50%)}
.faq-plus:after{transform:translate(-50%,-50%) rotate(90deg)}
.accordion details[open] summary .faq-plus{background:#dce9d1;transform:rotate(45deg)}
.faq-answer{overflow:hidden;animation:faq-answer-in .28s cubic-bezier(.22,.75,.25,1)}
.accordion details .faq-answer p{max-width:650px;margin:0;padding:0 72px 25px 24px;color:var(--muted);font-size:14px;line-height:1.7}
@keyframes faq-answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.footer-brand .brand-word>span{color:var(--green)}
@media(max-width:1000px){.faq-layout{grid-template-columns:1fr;gap:42px}.faq-intro{position:static}.ticker>div{padding-inline:24px}}
@media(min-width:651px) and (max-width:850px){.hero{grid-template-columns:1fr;padding-top:64px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-buttons,.trust-row{justify-content:center}.hero-copy .lead{margin-inline:auto}.hero-visual{min-height:650px;margin-top:20px;transform:scale(.9);transform-origin:center top}}
@media(max-width:650px){.brand-symbol{width:36px;height:36px}.brand-word{font-size:21px}.ticker>div{padding-inline:0}.accordion summary{min-height:74px;padding:19px}.accordion summary .faq-question{font-size:15px}.accordion details .faq-answer p{padding:0 58px 21px 19px}}
@media(prefers-reduced-motion:reduce){.reveal,.faq-answer,.orbit-two,.float-card,.ticker>div{animation:none!important}.faq-plus{transition:none}}
