/* A full-screen statement, with genuine room / type / subject depth. */
.hero.screen-section{height:100svh;min-height:0;border-radius:0!important;background:#e9eef5}
.hero::before{content:none}
.hero .hero-photo{inset:-6%;z-index:0;transform:translate3d(0,calc(var(--hero-progress,0)*12vh),0) scale(1.02);transform-origin:center}
.hero .hero-photo img{object-fit:cover;object-position:center}
.hero .hero-statement{position:absolute;left:4vw;right:4vw;top:25%;z-index:1;margin:0;max-width:none;color:var(--ink);font-weight:620;letter-spacing:-.085em;line-height:.99;translate:0 calc(var(--hero-progress,0)*-12vh);opacity:calc(1 - var(--hero-progress,0)*.4)}
.hero .hero-line-small{display:block;font-size:9.4vw;font-weight:440;letter-spacing:-.075em;white-space:nowrap}
.hero .hero-line-large{display:block;font-size:16.3vw;white-space:nowrap}
.hero-foreground{--subject-width:max(90vw,135svh);position:absolute;right:-12vw;bottom:-2vh;width:var(--subject-width);z-index:2;pointer-events:none;transform:translate3d(0,calc(var(--hero-progress,0)*7vh),0)}
.hero-foreground img{width:100%;height:auto;max-width:none}
.hero-scroll{position:absolute;left:4vw;bottom:40px;z-index:3;display:flex;align-items:center;gap:24px;font-size:8px;letter-spacing:.15em;min-height:44px}
.hero-scroll i{font-style:normal;font-size:24px;letter-spacing:0}
.motion-enabled .hero-line-small{animation:hero-intro 1.1s .1s var(--ease) both}
.motion-enabled .hero-line-large{animation:hero-intro 1.2s .25s var(--ease) both}
.motion-enabled .hero.motion-active .hero-scroll i{animation:scroll-invitation 2.8s 1s ease-in-out infinite}
.screen-section{scroll-snap-align:center;scroll-snap-stop:always;scroll-margin-top:0}
.stage-art{position:absolute;left:0;top:0;width:100%;height:450px;transform:scale(var(--art-scale,.76));transform-origin:50% 0}
.resource-switch{display:none}
.analytics-intro h2{font-size:38px;line-height:1.15;letter-spacing:-.06em;font-weight:550}
.analytics-intro h2 em{font-style:normal;color:#a9b9ff}
.analytics-section{background:#f5f7ff}
.analytics-section .feature-analytics{width:100%}
.solution-intro .solution-top{width:100%}

@media(min-width:1000px) and (min-height:650px){
 html{scroll-snap-type:y mandatory;scroll-padding-top:0}
 .screen-section:not(.hero){min-height:100svh;padding:104px 5vw 28px;display:flex;flex-direction:column;justify-content:center}
 .screen-section h2{font-size:clamp(44px,6.2vh,68px)}
 .pain-intro h2{font-size:clamp(45px,6.8vh,72px)}
 .pain-intro{gap:45px;align-items:center}
 .pain-intro>p{font-size:12px}
 .pain-lines{margin-top:35px}
 .pain-lines>div{padding:22px 0;grid-template-columns:35px 1.2fr .8fr;gap:25px}
 .pain-lines h3{font-size:21px}
 .pain-lines p{font-size:11px}
 .solution-intro .solution-top{padding:0}
 .solution-intro .solution-heading{align-items:center;gap:8vw;grid-template-columns:1.15fr .85fr}
 .solution-intro h2{font-size:clamp(75px,13vh,138px)}
 .solution-intro .solution-heading>div{max-width:430px}
 .solution-intro .solution-heading p{font-size:14px}
 .solution-demo.screen-section{padding:104px 5vw 22px}
 .solution-demo .demo-wrap{margin:0;width:100%;flex-shrink:0}
 .demo-toolbar{padding:14px 25px;min-height:62px}
 .organization-demo{height:calc(100svh - 298px);min-height:354px}
 .organization-demo[data-mode=organized] .scrap{height:calc((100% - 64px)/3);padding:12px 16px;display:flex;flex-direction:column;justify-content:center;align-items:stretch}
 .organization-demo[data-mode=organized] .scrap-product{top:4%}
 .organization-demo[data-mode=organized] .scrap-coupon{top:35%}
 .organization-demo[data-mode=organized] .scrap-content{top:66%}
 .organization-demo[data-mode=organized] .scrap small{margin-bottom:7px;font-size:6px}
 .organization-demo[data-mode=organized] .scrap img{width:34px;height:34px}
 .organization-demo[data-mode=organized] .scrap strong{font-size:10px}
 .organization-demo[data-mode=organized] .scrap strong>span{font-size:7px;margin-top:2px}
 .organization-demo[data-mode=organized] .scrap .coupon-code{font-size:23px}
 .organization-demo[data-mode=organized] .scrap-bottom{margin-top:5px;font-size:7px}
 .organization-demo[data-mode=organized] .organized-label{margin-top:7px;padding-top:6px;font-size:7px}
 .public-page{height:calc(100% - 76px);top:4%;max-height:464px}
 .page-cover{height:66px}
 .page-profile{padding-top:20px;padding-bottom:10px}
 .page-products img{height:62px}
 .organized-caption{bottom:12px}
 .demo-footer{padding:11px 25px;min-height:36px}
 .identity-strip{padding:17px 0 0;min-height:62px;gap:25px}
 .identity-strip p{font-size:11px;margin-top:6px}
 .layout-controls button{min-height:44px;padding:10px 18px}
 .boreal h2{margin-top:0;font-size:clamp(40px,5.6vh,58px)}
 .boreal-tools{gap:60px;margin-top:22px}
 .tool-label{padding-top:12px;font-size:7px}
 .boreal-tools h3{font-size:27px;line-height:1.15;margin-top:16px}
 .boreal-tools article>p:not(.tool-label){font-size:11px;margin-top:13px;line-height:1.75;max-width:none}
 .radar-filters,.agent-questions{margin-top:17px}
 .radar-filters button{min-height:40px}
 .radar-list{margin-top:10px}
 .radar-list>div{padding:13px 0}
 .radar-list img{width:37px;height:37px}
 .agent-questions{gap:6px}
 .agent-questions button{min-height:42px;padding:11px 15px;font-size:10px}
 .agent-answer{margin-top:16px;min-height:78px;padding:13px 15px}
 .agent-answer p{font-size:10px;line-height:1.7}
 .demo-note{font-size:8px;line-height:1.7;margin-top:12px}
 .resources-heading{align-items:center;gap:50px}
 .resources-heading h2{font-size:clamp(43px,6vh,58px)}
 .resources-heading>p{font-size:11px;max-width:330px}
 .resource-showcase{margin-top:24px;gap:20px}
 .story-stage,.coupon-stage{height:clamp(245px,calc(100svh - 470px),400px)}
 .feature-visual{border-radius:23px}
 .feature-copy{padding:10px 28px 25px}
 .feature-copy h3{font-size:25px}
 .feature-copy p{font-size:11px;line-height:1.75;margin-top:12px;max-width:none}
 .showcase-note{margin-top:12px;font-size:8px}
 .analytics-section .feature-analytics{padding:30px 32px 20px}
 .analytics-intro h2{font-size:clamp(32px,4.8vh,44px)}
 .analytics-intro p{font-size:11px;margin-top:12px;max-width:450px}
 .analytics-dashboard{margin-top:22px;padding:22px 24px 16px}
 .analytics-stats>div>strong{font-size:36px}
 .analytics-chart{margin-top:23px}
 .analytics-chart figcaption{margin-top:15px}
 .analytics-note{font-size:8px;margin-top:15px}
 .plan-grid{gap:7vw;align-items:center}
 .plan h2{font-size:clamp(66px,10vh,105px)}
 .plan-price strong{font-size:clamp(67px,10vh,90px)}
 .plan-note{margin-top:28px}
 .faq.screen-section{display:grid;grid-template-columns:.8fr 1.2fr;align-content:center;gap:7vw}
 .faq h2{font-size:clamp(56px,8vh,78px)}
 .faq summary{padding:19px 0}
 .closing h2{font-size:clamp(70px,12vh,125px)}
 .closing>span{margin:20px 0 0}
 .closing-link{align-self:flex-start}
 html:not(.js-ready) .organization-demo{height:calc(100svh - 298px);min-height:354px}
 html:not(.js-ready) .public-page{height:calc(100% - 76px);max-height:464px;top:4%}
}

@media(max-width:999px){
 .screen-section:not(.hero){min-height:100svh;padding:100px 6vw 40px}
 .solution-top{padding:0}
 .solution-demo .demo-wrap{margin:0;width:100%}
 .solution-demo .identity-strip{padding:25px 0 0}
 .solution-intro{display:flex;align-items:center}
 .stage-art{height:450px}
 .story-stage,.coupon-stage{height:340px}
 .analytics-intro h2{font-size:32px}
}
@media(max-width:650px){
 .hero .hero-statement{left:6vw;right:6vw;top:18%;line-height:1.06}
 .hero .hero-line-small{font-size:11vw;letter-spacing:-.075em}
 .hero .hero-line-large{font-size:20vw;letter-spacing:-.085em}
 .hero-foreground{right:-12vw;bottom:-1vh}
 .hero .hero-photo{inset:-6% -50%;transform:translate3d(0,calc(var(--hero-progress,0)*8vh),0) scale(1.02)}
 .hero .hero-photo img{object-position:43% center}
 .hero-scroll{left:6vw;bottom:20px;font-size:7px;gap:15px}
 .screen-section:not(.hero){padding:86px 6vw 28px}
 .pain-intro>p{font-size:11px;line-height:1.8;margin-top:20px}
 .pain-lines{margin-top:26px}
 .pain-lines>div{padding:18px 0}
 .pain-lines h3{font-size:16px}
 .solution-intro h2{font-size:clamp(52px,14vw,82px)}
 .solution-heading p{font-size:12px}
 .resources-heading h2{font-size:clamp(29px,8.4vw,40px)}
 .resources-heading>p{font-size:10px;line-height:1.8;margin-top:14px}
 .resource-showcase{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:18px;border-radius:21px}
 .resource-showcase::-webkit-scrollbar{display:none}
 .resource-showcase>.feature-visual{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
 .resources .feature-visual{border-radius:21px}
 .story-stage,.coupon-stage{height:clamp(230px,calc(100svh - 488px),350px)}
 .feature-copy{padding:7px 22px 23px}
 .feature-copy h3{font-size:24px}
 .feature-copy p{font-size:10px;line-height:1.75;margin-top:12px}
 .resource-switch{display:flex;justify-content:center;gap:7px;margin-top:14px}
 .resource-switch button{min-height:44px;padding:10px 17px;border:1px solid #dce2f8;border-radius:100px;background:transparent;color:#7580a2;font-size:9px}
 .resource-switch button[aria-pressed=true]{background:#465ef5;color:white;border-color:#465ef5}
 .showcase-note{font-size:7px;margin-top:10px}
 .analytics-section .feature-analytics{padding:23px 18px 20px;border-radius:21px}
 .analytics-intro h2{font-size:25px}
 .analytics-intro p{font-size:10px;line-height:1.7;margin-top:12px}
 .analytics-period{margin-top:15px;padding:3px}
 .analytics-period button{min-height:44px}
 .analytics-dashboard{margin-top:17px;padding:18px 13px 15px}
 .analytics-stats{gap:12px 9px}
 .analytics-stats>div>strong{font-size:31px}
 .analytics-stats>div>small{font-size:6px}
 .analytics-product{padding-top:13px}
 .analytics-product img{height:36px;width:36px}
 .analytics-product strong{font-size:9px}
 .analytics-chart{margin-top:17px}
 .analytics-chart figcaption{margin-top:10px}
 .analytics-chart figcaption>span{margin-top:9px}
 .analytics-note{font-size:7px;line-height:1.75;margin-top:13px}
 .faq h2{font-size:39px}
 .faq summary{font-size:11px}
 .closing h2{font-size:clamp(43px,12vw,67px)}
 .closing{display:flex;flex-direction:column;justify-content:center}
 .closing-link{align-self:flex-start}
 .solution-demo .demo-toolbar{padding:12px 13px}
 .solution-demo .demo-toolbar>p{display:none}
 .solution-demo .organization-demo{height:calc(100svh - 312px);min-height:350px}
 .solution-demo .demo-footer{padding:8px 13px}
 .solution-demo .demo-footer p{font-size:6px;line-height:1.7}
 .solution-demo .demo-footer p+p{margin-top:4px;max-width:none}
 .solution-demo .identity-strip{padding-top:14px}
 .solution-demo .identity-strip>div:first-child>span{display:none}
 .solution-demo .identity-strip p{font-size:9px;line-height:1.7;margin:0;max-width:none}
 .solution-demo .layout-controls{margin-top:10px}
 .solution-demo .layout-controls button{padding-inline:14px}
 .solution-demo .organization-demo[data-mode=organized] .scrap{left:4%;width:34%;height:27%;padding:11px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
 .solution-demo .organization-demo[data-mode=organized] .scrap-product{top:5%}
 .solution-demo .organization-demo[data-mode=organized] .scrap-coupon{top:36%}
 .solution-demo .organization-demo[data-mode=organized] .scrap-content{top:67%}
 .solution-demo .organization-demo[data-mode=organized] .scrap>div{gap:5px;flex-direction:column;align-items:flex-start}
 .solution-demo .organization-demo[data-mode=organized] .scrap img{width:22px;height:22px}
 .solution-demo .organization-demo[data-mode=organized] .scrap strong{font-size:8px;max-width:none}
 .solution-demo .organization-demo[data-mode=organized] .scrap strong>span{font-size:5px;line-height:1.4}
 .solution-demo .organization-demo[data-mode=organized] .scrap .coupon-code{font-size:16px}
 .solution-demo .organization-demo[data-mode=organized] .content-file>.icon{width:17px;height:17px}
 .solution-demo .organization-demo[data-mode=organized] .organized-label{position:static;transform:none;font-size:6px;line-height:1.4;margin-top:6px;gap:5px}
 .solution-demo .public-page{left:42%;width:54%;top:5%;height:calc(100% - 70px);max-height:325px}
 .solution-demo .page-cover{height:46px}
 .solution-demo .page-cover>span{font-size:8px}
 .solution-demo .page-profile{padding:14px 10px 8px}
 .solution-demo .page-profile h3{font-size:11px}
 .solution-demo .page-profile>div>span{font-size:5px;padding:5px 6px}
 .solution-demo .page-tabs{margin-inline:10px;gap:2px}
 .solution-demo .page-tabs button{font-size:6px;padding-inline:5px}
 .solution-demo .page-panel{padding:8px 10px}
 .solution-demo .page-products article{padding:5px}
 .solution-demo .page-products img{height:34px}
 .solution-demo .organized-caption{left:42%;bottom:13px;font-size:5px;gap:7px;max-width:54%}
 .solution-demo .organized-caption .icon{width:12px;height:12px}
 .boreal h2{font-size:clamp(27px,7.5vw,36px);line-height:1.1;margin:0;max-width:100%}
 .boreal-tools{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:22px}
 .boreal-tools::-webkit-scrollbar{display:none}
 .boreal-tools>article{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;min-width:0}
 .boreal-tools h3{font-size:27px;margin-top:17px;line-height:1.15}
 .boreal-tools article>p:not(.tool-label){font-size:11px;margin-top:14px;line-height:1.75}
 .radar-filters,.agent-questions{margin-top:18px}
 .radar-list>div{padding:12px 0}
 .boreal .demo-note{font-size:8px;line-height:1.7;margin-top:12px}
 .agent-questions{gap:6px}
 .agent-questions button{min-height:44px;padding:12px;font-size:9px}
 .agent-answer{padding:13px;min-height:86px;margin-top:16px}
 .agent-answer p{font-size:10px;line-height:1.7}
 .tool-switch{display:flex;gap:7px;justify-content:center;margin-top:18px}
 .tool-switch button{min-height:44px;padding:10px 17px;border:1px solid #64729c;border-radius:100px;background:transparent;color:#b6c6e6;font-size:9px}
 .tool-switch button[aria-pressed=true]{background:#8b35f2;color:white;border-color:#8b35f2}
 html:not(.js-ready) .solution-demo .organization-demo{height:calc(100svh - 312px);min-height:350px}
 html:not(.js-ready) .solution-demo .public-page{left:42%;width:54%;top:5%;height:calc(100% - 70px);max-height:325px}
}
@media(max-width:350px){
 .screen-section:not(.hero){padding-bottom:22px}
 .hero .hero-statement{top:20%}
 .hero .hero-line-small{font-size:11vw}
 .hero .hero-line-large{font-size:20vw}
 .hero-foreground{right:-14vw;bottom:0}
 .resources .feature-copy{padding:5px 18px 20px}
 .feature-copy h3{font-size:22px}
 .feature-copy p{font-size:10px}
 .resource-switch button{padding-inline:13px;font-size:8px}
 .analytics-section .feature-analytics{padding-inline:15px}
 .analytics-intro h2{font-size:23px}
 .analytics-stats>div>strong{font-size:28px}
 .analytics-section .feature-analytics{padding-top:20px}
 .analytics-dashboard{padding-top:16px;padding-bottom:13px}
 .plan-grid{gap:25px}
 .plan-summary{margin-top:15px}
 .plan-grid .cta{margin-top:18px}
 .plan-price strong{font-size:65px}
 .plan-price>p:first-of-type{margin-top:15px}
 .plan-note{margin-top:20px;padding-top:16px}
}
@media(max-width:999px) and (orientation:landscape){
 .hero .hero-statement{top:24%}
 .hero .hero-line-small{font-size:8.8vw}
 .hero .hero-line-large{font-size:15vw}
 .hero-foreground{width:min(90vw,154svh);right:-9vw;bottom:-2vh}
}
@media(prefers-reduced-motion:reduce){
 .hero .hero-photo,.hero-foreground{transform:none!important}
 .hero .hero-statement{translate:none!important;opacity:1!important}
 html{scroll-snap-type:none}
}
.tool-switch{display:none}
@media(max-width:650px){.tool-switch{display:flex}}

/* Keep the entire final invitation on the same central axis. */
.closing.screen-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.closing.screen-section .closing-link{align-self:center}
.closing.screen-section>span{margin:20px 0 0}

@media(max-width:999px) and (orientation:portrait){
 .hero-foreground{right:calc(28vw - var(--subject-width)*.3)}
}
@media(max-width:650px) and (orientation:portrait){
 .hero-foreground{--subject-width:min(125svh,calc(160svh - 65vw))}
}
@media(min-width:651px) and (max-width:999px) and (orientation:portrait){
 .hero .hero-statement{top:16%}
}

/* Approved cool-daylight composition. The photo layers keep the same canvas. */
.hero .hero-photo{inset:0;transform:translate3d(0,calc(var(--hero-progress,0)*12vh),0) scale(1.03)}
.hero .hero-photo img{object-position:center}
.hero-foreground{--subject-width:max(100vw,160svh);width:var(--subject-width);right:0;bottom:0}
@media(max-width:999px) and (orientation:portrait){
 .hero-foreground{--subject-width:125svh;right:calc(32vw - var(--subject-width)*.2)}
}
@media(max-width:650px) and (orientation:portrait){
 .hero-foreground{--subject-width:120svh}
 .hero .hero-photo{inset:0;transform:translate3d(0,calc(var(--hero-progress,0)*8vh),0) scale(1.03)}
}
@media(max-width:999px) and (orientation:landscape){
 .hero-foreground{--subject-width:70vw;right:-6vw;bottom:0}
}

/* Native touch snapping; desktop gestures use the chapter transition controller. */
html{scroll-snap-type:y mandatory;scroll-padding-top:0}
html.chapter-scroll-managed{scroll-snap-type:none;scroll-behavior:auto}
html.has-tall-section:not(.chapter-scroll-managed){scroll-snap-type:y proximity}
.screen-section.section-overflow{scroll-snap-align:none}
.footer{scroll-snap-align:end;scroll-snap-stop:always}
.screen-section:not(.hero):not(.faq){display:flex;flex-direction:column;justify-content:center}
@media(max-width:999px){.faq.screen-section{display:flex;flex-direction:column;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}}

/* A clear offer and a usable first-screen action, above the parallax layers. */
.hero-offer{position:absolute;left:5vw;top:26%;width:64vw;max-width:1080px;z-index:3;translate:0 calc(var(--hero-progress,0)*-6vh)}
.hero .hero-offer h1{font-size:clamp(42px,6.1vw,104px);line-height:1.04;letter-spacing:-.065em;font-weight:620;color:var(--ink);margin:0}
.hero .hero-offer-intro{display:block;font-size:.52em;font-weight:450;letter-spacing:-.045em;line-height:1.2;margin-bottom:18px}
.hero-offer>p{max-width:390px;font-size:14px;line-height:1.7;color:#42475a;margin:24px 0 0;text-wrap:pretty}
.hero-offer .hero-start{margin-top:24px;min-height:54px;gap:30px;padding:16px 23px;font-size:13px;border-radius:999px}
.hero-offer-note{display:block;max-width:350px;margin-top:12px;font-size:10px;line-height:1.6;color:#42475a;text-wrap:pretty}
.hero-start:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.motion-enabled .hero-offer{animation:hero-intro 1s .1s var(--ease) both}
@media(min-width:1000px) and (max-height:740px){
 .hero-offer{top:23%}
 .hero .hero-offer h1{font-size:min(6.1vw,11vh)}
 .hero-offer>p{margin-top:16px;font-size:12px}
 .hero-offer .hero-start{margin-top:16px;min-height:48px;padding-block:13px}
 .hero-offer-note{margin-top:8px}
}
@media(max-width:999px) and (orientation:portrait){
 .hero-offer{left:6vw;top:18%;width:88vw;max-width:680px}
 .hero .hero-offer h1{font-size:8.4vw}
 .hero .hero-offer-intro{font-size:.52em;margin-bottom:14px}
 .hero-offer>p{max-width:370px;font-size:13px;margin-top:18px}
 .hero-offer .hero-start{margin-top:18px}
}
@media(max-width:650px) and (orientation:portrait){
 .hero-offer{top:16%;width:88vw}
 .hero-foreground{bottom:-8svh}
 .hero .hero-offer h1{font-size:8.8vw;line-height:1.06}
 .hero .hero-offer-intro{font-size:.57em;margin-bottom:12px}
 .hero-offer>p{max-width:290px;font-size:11px;line-height:1.65;margin-top:15px}
 .hero-offer .hero-start{font-size:11px;min-height:48px;margin-top:16px;padding:14px 18px;gap:22px}
 .hero-offer-note{max-width:260px;font-size:9px;margin-top:9px}
 .hero-scroll{bottom:14px}
}
@media(max-width:999px) and (orientation:landscape){
 .hero-offer{left:5vw;top:24%;width:65vw}
 .hero .hero-offer h1{font-size:5.8vw}
 .hero .hero-offer-intro{font-size:.48em;margin-bottom:10px}
 .hero-offer>p{font-size:10px;max-width:300px;margin-top:12px}
 .hero-offer .hero-start{min-height:44px;margin-top:12px;padding:11px 18px;font-size:10px}
 .hero-offer-note{font-size:8px;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.hero-offer{translate:none;animation:none!important}}