/* Editorial refinement of the approved forest-and-mint visual system. */
:root{--frame:#365141;--frame-hover:#6a8b76;--reading:#bacbc1;--space-section:clamp(68px,8vw,108px)}
body{color:var(--text)}
.site-header{height:90px;border-bottom:1px solid var(--line)}
.site-header nav{gap:30px}
.nav-link{min-height:44px;display:inline-flex;align-items:center}
.button{transition:background .2s,border-color .2s,transform .25s var(--ease)}
.button-primary:hover{transform:translateY(-2px)}
.button-primary:active{transform:translateY(0)}
.button-outline{border-color:var(--frame)}
.button-outline:hover{border-color:var(--frame-hover)}
.script-funnel>.section{padding-block:var(--space-section)}
.script-funnel p{color:var(--reading);line-height:1.8}
.script-funnel h2{font-size:clamp(32px,3.25vw,43px);line-height:1.2;font-weight:300}
.script-funnel h3{font-size:23px;line-height:1.35}
.script-heading-group>h2{margin-bottom:22px}
.script-heading-group>p{font-size:17px;line-height:1.8}
.script-close>.script-heading-group>p{max-width:640px;margin:0 auto 30px}
.script-funnel .hero{padding-top:62px;padding-bottom:64px}
.script-funnel .script-hero-title{max-width:990px;font-size:clamp(40px,4.8vw,62px);line-height:1.13}
.script-hero-title strong{font-weight:500}
.script-hero-intro{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;gap:0 25px;margin-top:32px}
.script-hero-intro p{font-size:15px;line-height:1.6;text-wrap:balance;margin:0;padding:0 16px}
.script-hero-intro p:nth-child(2){border-inline:1px solid var(--frame)}
.script-hero-intro p:last-child{grid-column:1/-1;max-width:690px;padding:0;margin:24px auto 0;font-size:15px}
.watch-link{min-height:44px}
.video-stage{margin-top:22px}
.video-frame{border-color:#587362;border-radius:20px}
.video-caption{padding-inline:4px}
.video-caption a{min-height:40px}
.video-sound{border-color:#799e88;background:#00160df5;transition:background .2s,border-color .2s}
.video-sound:hover{border-color:var(--mint)}
.hero-conversion{padding:25px 0 0;margin-top:22px}
.script-intro,.script-split,.script-website-columns{column-gap:clamp(40px,6vw,84px)}
.script-intro{align-items:center}
.script-intro .script-intro-body{padding-top:4px}
.script-lead strong{display:block;font-size:clamp(21px,2vw,26px);line-height:1.4;font-weight:400;margin-bottom:18px}
.script-intro-body p[data-copy-index="8"]{padding-block:20px;border-block:1px solid var(--line)}
.script-intro-body p[data-copy-index="9"]{font-size:14px;line-height:1.8}
.story-photo{padding:9px;background:#0b1a12;border:1px solid var(--frame);border-radius:16px;transition:border-color .35s var(--ease)}
.story-photo img{border-radius:9px;transition:filter .4s var(--ease);filter:saturate(.88)}
.story-photo figcaption{padding:0 4px;margin-top:10px;font-size:12px;line-height:1.6;color:var(--muted)}
@media(hover:hover) and (pointer:fine){.story-photo:hover{border-color:var(--frame-hover)}.story-photo:hover img{filter:saturate(1.06)}}
.script-funnel #how-it-works{align-items:center}
.script-funnel #how-it-works>.story-photo{align-self:center}
.script-funnel .review-section{gap:70px}
.script-funnel .review-copy h2{max-width:420px}
.script-funnel .review-copy>p{font-size:16px}
.script-stat{padding-block:20px;border-block:1px solid var(--frame);font-size:20px!important;line-height:1.7!important;margin-block:26px}
.script-stat strong{font-weight:400;font-size:1.55em;line-height:1.2;color:var(--text);white-space:nowrap}
.script-funnel .source-note{color:var(--muted);font-size:12px!important}
.script-funnel .review-demo{padding:30px 24px;background:var(--panel);border:1px solid var(--frame);border-radius:16px;top:35px;margin-top:0}
.script-funnel .review-demo .phone{transform:rotate(1.5deg)}
.script-funnel .demo-orbit{right:12px;top:48%;border-color:#53705b}
.script-profile{border-block:1px solid var(--frame)}
.profile-checks{padding:0;margin:28px 0 0;list-style:none}
.profile-checks li{position:relative;margin:0;padding:17px 0 17px 22px;border-bottom:1px solid #294535;font-size:16px;line-height:1.75;color:var(--reading)}
.profile-checks li:first-child{border-top:1px solid #294535}
.profile-checks li:before{content:'';position:absolute;left:2px;top:29px;width:5px;height:5px;border-radius:50%;background:#a0bdab}
.script-profile-detail{margin-top:42px;gap:0 64px}
.script-profile-detail p{padding:0 0 23px;margin:0 0 23px;border-bottom:1px solid #294535;font-size:15px;line-height:1.8}
.script-profile-detail p:last-child{font-size:14px;color:var(--muted)}
.script-website h2{margin-bottom:34px}
.script-website-columns{align-items:center}
.script-website-columns .story-photo{margin-bottom:26px}
.script-website-columns>div:last-child{padding:0 0 0 8px}
.script-ai-search{column-gap:64px;border-color:var(--frame)}
.script-funnel .script-ai-search h2{font-size:clamp(28px,2.75vw,36px);line-height:1.25}
.script-assistants>.script-split{align-items:center}
.script-assistants>.script-split>.story-photo{align-self:center}
.script-assistant-detail{display:block;margin-top:28px;padding:0;max-width:880px}
.script-questions{padding:0;margin-top:14px;border:0;max-width:880px;scroll-margin-top:25px}
.service-details{border:1px solid var(--frame);border-radius:12px;background:#07180f;margin-top:25px;overflow:clip;transition:border-color .25s}
.service-details:hover,.service-details[open]{border-color:#65836e}
.service-details summary{font-size:15px;min-height:64px;gap:20px;padding:18px 22px;line-height:1.5}
.service-details summary svg{width:18px;height:18px;flex-shrink:0;transition:transform .25s var(--ease)}
.service-details[open] summary svg{transform:rotate(180deg)}
.service-details[open] summary{border-bottom:1px solid var(--line)}
.service-details>div{padding:22px 24px 4px}
.service-details>div p{font-size:15px;line-height:1.85;margin:0 0 21px;max-width:68ch}
.script-questions .service-details{margin-top:0}
.script-ads{border-block:1px solid var(--frame)}
.script-ads .script-split{align-items:center}
.script-ads .script-split>div:last-child{padding:0}
.script-close{max-width:1100px}
.script-close h2{max-width:840px}
.script-close>.story-photo{width:min(600px,100%);margin-bottom:32px}
.script-close-body{max-width:740px}
.script-close-body p{font-size:16px}
.script-close-body p[data-copy-index="65"]{padding-top:23px;border-top:1px solid var(--frame)}
.script-close-body p[data-copy-index="67"]{font-size:22px;color:var(--text);padding-bottom:22px;border-bottom:1px solid var(--frame)}
.script-close-body .service-details{text-align:left}
.site-footer{border-color:var(--frame)}
/* Reading progress is the only continuous motion; the review demo runs once. */
@supports(animation-timeline:scroll()){
 body:before{content:'';position:fixed;top:0;left:0;right:0;height:2px;background:var(--mint);transform:scaleX(0);transform-origin:left;z-index:100;animation:reading-progress linear both;animation-timeline:scroll()}
 @keyframes reading-progress{to{transform:scaleX(1)}}
}
@supports(interpolate-size:allow-keywords){
 :root{interpolate-size:allow-keywords}
 .service-details::details-content{block-size:0;overflow:clip;transition:block-size .3s var(--ease),content-visibility .3s;transition-behavior:allow-discrete}
 .service-details[open]::details-content{block-size:auto}
}
@media(max-width:1000px){
 .script-funnel .review-section{gap:40px}
 .script-funnel .review-demo{padding:25px 10px}
 .script-ai-search{column-gap:40px}
 .script-profile-detail{column-gap:35px}
}
@media(max-width:700px){
 .site-header{height:80px}
 .site-header .nav-link{display:none}
 .script-funnel .hero{padding-top:34px;padding-bottom:40px}
 .script-funnel .script-hero-title{font-size:clamp(33px,8.4vw,43px);line-height:1.16}
 .script-hero-intro{grid-template-columns:1fr;gap:9px;margin-top:23px}
 .script-hero-intro p{font-size:15px;padding:0;max-width:330px;margin:auto}
 .script-hero-intro p:nth-child(2){border:0}
 .script-hero-intro p:last-child{grid-column:auto;font-size:14px;margin-top:12px}
 .script-funnel h2{font-size:32px;line-height:1.23}
 .script-funnel h3{font-size:22px}
 .video-frame{border-radius:14px}
 .hero-conversion{padding-top:9px}
 .script-funnel .hero-conversion .trial-note{font-size:12px}
 .story-photo{padding:6px;border-radius:13px}
 .story-photo img{border-radius:8px}
 .story-photo figcaption{font-size:12px;margin-top:9px}
 .script-funnel .review-demo{padding:25px 15px;position:static;max-width:350px}
 .script-funnel .review-copy h2{font-size:32px}
 .script-stat{font-size:19px!important;margin-block:22px;padding-block:18px}
 .script-lead strong{font-size:22px;margin-bottom:15px}
 .profile-checks li{font-size:15px;padding-block:15px}
 .profile-checks li:before{top:27px}
 .script-profile-detail{margin-top:28px}
 .script-profile-detail p{padding-bottom:19px;margin-bottom:19px;font-size:15px}
 .script-website-columns>div:last-child{padding:0}
 .script-funnel .script-ai-search h2{font-size:29px}
 .service-details summary{padding:16px 18px;font-size:14px;min-height:60px}
 .service-details>div{padding:19px 18px 0}
 .service-details>div p{font-size:14px}
 .script-close-body p{font-size:15px}
 .script-close-body p[data-copy-index="67"]{font-size:21px}
 .script-close>.story-photo{margin-bottom:28px}
}
@media(prefers-reduced-motion:reduce){
 body:before{display:none}
 .story-photo,.story-photo img,.button,.service-details,.service-details summary svg,.service-details::details-content{animation:none!important;transition:none!important}
 .button-primary:hover{transform:none}
}
