/* Requested copy and uninterrupted section openings. */
.hero h1{font-size:clamp(48px,4.8vw,74px);letter-spacing:-.075em;line-height:1.16}
.hero h1 .headline-before{font-weight:460;white-space:nowrap}
.hero h1 .headline-after{position:relative;display:inline-block;font-size:.91em;font-weight:680;white-space:nowrap;color:var(--ink)}
.hero h1 .underline{bottom:-10px}
.pain-intro,.solution-heading,.resources-heading,.plan-grid{margin-top:0}
.pain-intro{grid-template-columns:1.4fr .6fr}
.pain-intro h2{font-size:clamp(44px,5.4vw,80px)}
.pain-intro h2 em{display:block}
.boreal-brand{display:flex;justify-content:flex-end}
.boreal h2{margin-top:15px}

/* Stories, coupon tickets and real vector charts share a brand-led stage. */
.resources{background:#f5f7ff;padding-top:100px;padding-bottom:80px}
.resource-showcase{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:60px}
.feature-visual{min-width:0;border:1px solid #ffffff10;border-radius:30px;overflow:hidden;isolation:isolate}
.feature-story{background:radial-gradient(ellipse at 50% 30%,#42439a 0%,#20274f 48%,#171e35 85%);color:#f5f6ff}
.feature-coupons{background:radial-gradient(ellipse at 65% 35%,#6635b0 0%,#392052 48%,#231935 90%);color:#f5f6ff}
.feature-copy{padding:16px 38px 38px;position:relative;z-index:2}
.feature-copy h3{font-size:32px;line-height:1.15;letter-spacing:-.05em;font-weight:550}
.feature-copy p{font-size:12px;color:#c2c6de;line-height:1.9;max-width:390px;margin-top:17px}
.story-stage,.coupon-stage{height:450px;position:relative;isolation:isolate}
.story-orbit{position:absolute;border:1px solid #c5c8ff24;border-radius:50%;width:360px;height:360px;left:50%;top:44px;transform:translateX(-50%)}
.story-orbit::before,.story-orbit::after{content:'';position:absolute;inset:35px;border-radius:50%;border:1px solid #c5c8ff1a}
.story-orbit::after{inset:-36px;border-style:dashed;opacity:.55}
.story-frame{position:absolute;border-radius:23px;box-shadow:0 24px 48px #06092250;overflow:hidden}
.story-front{top:30px;left:50%;width:217px;height:354px;padding:14px 15px;background:linear-gradient(150deg,#f1f0ff,#c8d8ff);color:#1d2551;transform:translateX(-37%) rotate(6deg);border:5px solid #ffffffcc;z-index:2}
.story-progress{display:flex;gap:3px}
.story-progress i{height:2px;flex:1;border-radius:2px;background:#98a0c2}
.story-progress i:first-child{background:#4e5cf3}
.story-author{display:flex;align-items:center;gap:6px;font-size:8px;margin-top:10px}
.story-author>span{background:var(--brand-gradient);color:#fff;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:10px}
.story-author .icon{margin-left:auto;width:12px;height:12px;color:var(--blue)}
.story-front>small{display:block;margin-top:20px;font-size:6px;letter-spacing:.12em;color:#526491}
.story-front h4{font-size:23px;font-weight:620;line-height:1.08;letter-spacing:-.055em;margin-top:7px}
.story-front h4 em{font-style:normal;color:#6543dd}
.story-product{height:133px;position:relative;margin-top:12px;display:grid;place-items:center}
.story-product::before{content:'';position:absolute;height:118px;width:118px;border-radius:50%;background:linear-gradient(135deg,#aaaafa,#7ab1ff);box-shadow:0 8px 30px #6873df40}
.story-product img{position:relative;width:119px;height:119px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-13deg)}
.story-front>p{font-size:8px;line-height:1.5;margin-top:4px}
.story-product-link{display:flex;justify-content:center;align-items:center;gap:22px;background:var(--brand-gradient);color:#fff;border-radius:100px;min-height:29px;font-size:7px;margin-top:9px}
.story-product-link .icon{width:12px;height:12px}
.story-back{top:57px;left:50%;width:199px;height:308px;transform:translateX(-92%) rotate(-12deg);padding:22px;background:linear-gradient(135deg,#ddcff3,#b39de7);color:#382455;border:3px solid #ffffff42}
.story-back>span{font-size:7px;letter-spacing:.08em}
.story-back img{height:180px;width:180px;object-fit:contain;mix-blend-mode:multiply}
.story-back strong{font-size:17px;font-weight:550;line-height:1.2;letter-spacing:-.04em}
.story-caption{position:absolute;top:295px;left:30px;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:100px;background:#f8f8ff;color:#3b488f;box-shadow:0 10px 35px #14112630;z-index:3;font-size:10px;transform:rotate(-5deg)}
.story-caption .icon{width:17px;height:17px;color:var(--purple)}
.story-highlights{position:absolute;display:flex;gap:22px;bottom:17px;left:50%;transform:translateX(-50%)}
.story-highlights>span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:7px;color:#d6dcf7}
.story-highlights i{font-style:normal;display:grid;place-items:center;height:32px;width:32px;background:#2e335b;border:1px solid #8c8ff6;border-radius:50%;box-shadow:0 0 0 3px #1f2644}
.story-highlights .icon{width:14px;height:14px}
.coupon-orbit{position:absolute;inset:0;width:100%;height:100%;stroke:#c197ff3b;stroke-width:.8}
.coupon-ticket{position:absolute;left:50%;width:340px;max-width:84%;height:160px;border-radius:19px;display:flex;align-items:center;padding:25px 28px;gap:15px}
.coupon-ticket>div{flex:1;min-width:0}
.coupon-ticket>div>span{font-size:7px;letter-spacing:.08em;display:block}
.coupon-ticket strong{font-size:38px;letter-spacing:-.065em;display:block;margin-top:12px;font-weight:620}
.coupon-ticket small{display:flex;align-items:center;gap:5px;font-size:8px;margin-top:9px}
.coupon-ticket small i{width:5px;height:5px;border-radius:50%;background:#d7ffff}
.coupon-back{top:74px;transform:translateX(-48%) rotate(12deg);background:#ded9ff;color:#3b3b84;box-shadow:0 15px 40px #14102730}
.coupon-back strong{font-size:32px}
.coupon-front{top:161px;transform:translateX(-54%) rotate(-7deg);background:linear-gradient(105deg,#495eee,#7950f0 65%,#9146ed);color:#fff;box-shadow:0 18px 50px #10072866;border:1px solid #c0b1ff44;z-index:2}
.ticket-icon{font-size:54px;font-weight:450;color:#ffffffb3;letter-spacing:-.1em;margin-left:20px}
.coupon-back .ticket-icon{color:#8582c9}
.coupon-perforation{position:absolute;right:88px;top:0;bottom:0;border-left:1px dashed #ffffff70}
.coupon-front::before,.coupon-front::after{content:'';position:absolute;width:20px;height:20px;right:78px;border-radius:50%;background:#4a2976}
.coupon-front::before{top:-10px}.coupon-front::after{bottom:-10px}
.coupon-mini{position:absolute;left:50%;bottom:37px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;padding:16px 20px;background:#f2edff;color:#483067;border-radius:17px;z-index:3;box-shadow:0 12px 35px #140b232e}
.coupon-mini>.icon{width:25px;height:25px;padding:5px;background:#ded4fb;border-radius:50%;color:#6944c2}
.coupon-mini strong{font-size:11px;font-weight:550}
.coupon-mini span{display:block;font-size:8px;margin-top:5px;color:#716287}
.feature-analytics{grid-column:1/-1;background:radial-gradient(ellipse at 90% 100%,#352060 0%,transparent 52%),radial-gradient(ellipse at 5% 0%,#233970 0%,transparent 53%),#151d32;color:#f5f6ff;padding:44px 38px 25px}
.analytics-intro{display:flex;justify-content:space-between;align-items:start;gap:30px}
.analytics-intro h3{font-size:38px;line-height:1.15;letter-spacing:-.06em;font-weight:550}
.analytics-intro h3 em{font-style:normal;color:#a9b9ff}
.analytics-intro p{font-size:12px;color:#a5b0d2;line-height:1.9;margin-top:17px;max-width:400px}
.analytics-period{display:flex;gap:3px;padding:4px;border-radius:100px;background:#090e224d;border:1px solid #7084bb30;flex-shrink:0}
.analytics-period button{border-radius:100px;min-width:70px;min-height:44px;padding:10px 15px;background:transparent;color:#b4bedb;font-size:10px}
.analytics-period button[aria-pressed=true]{background:#405fea;color:white;box-shadow:0 3px 15px #070c2630}
.analytics-dashboard{border:1px solid #768cba30;background:#0e16284d;border-radius:22px;padding:29px 26px 20px;margin-top:34px;overflow:hidden}
.analytics-stats{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:20px;align-items:center}
.analytics-stats>div{min-width:0}
.analytics-stats>div>span,.analytics-product>div>span{display:block;font-size:7px;letter-spacing:.06em;color:#acb7d8}
.analytics-stats>div>strong{display:block;font-size:43px;letter-spacing:-.055em;font-weight:550;line-height:1.3;margin-top:8px;font-variant-numeric:tabular-nums}
.analytics-stats>div>small{display:block;font-size:8px;color:#8e9abd;margin-top:4px}
.analytics-product{display:flex;gap:15px;border-left:1px solid #7183b533;padding-left:24px;align-items:center}
.analytics-product img{border-radius:12px;background:#edf1ff;padding:7px;width:54px;height:54px;object-fit:contain}
.analytics-product strong{display:block;font-size:11px;line-height:1.5;letter-spacing:-.02em;margin-top:8px;font-weight:500}
.analytics-product small{display:block;font-size:8px;color:#9c8ec2;margin-top:5px}
.analytics-product>.icon{margin-left:auto;color:#b295f6;width:18px;height:18px}
.analytics-chart{margin-top:35px}
.analytics-chart svg{display:block;width:100%;height:auto;overflow:visible}
.chart-grid{fill:none;stroke:#8799c81c;stroke-width:1;stroke-dasharray:3 6}
.chart-area{fill:url(#visits-fill)}
.chart-visits,.chart-clicks{fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-width:3}
.chart-visits{stroke:url(#chart-line)}
.chart-clicks{stroke:#b97fff;stroke-width:2.5}
.chart-dot{fill:#e4eeff;stroke:#6087ff;stroke-width:6}
.chart-labels{fill:#8e9fbf;font-size:10px;font-family:Sora,Arial,sans-serif}
.analytics-chart figcaption{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#92a2c8;margin-top:23px}
.chart-legend{display:flex;gap:22px;flex-wrap:wrap}
.chart-legend span{display:flex;align-items:center;gap:6px}
.chart-legend i{height:5px;width:15px;border-radius:4px;background:#809dff}
.chart-legend span:nth-child(2) i{background:#b97fff}
.analytics-note{font-size:9px;color:#a0add0;line-height:1.9;margin-top:22px;max-width:740px}
.showcase-note{font-size:9px;color:#717b9c;margin-top:20px;line-height:1.8;text-align:center}

/* Small entrances only while the scenes are visible; no permanent render loop. */
.js-ready .feature-visual.is-revealed .story-front{animation:story-arrive 1s var(--ease) both}
.js-ready .feature-visual.is-revealed .story-back{animation:story-back-arrive 1.1s var(--ease) both}
.js-ready .feature-visual.is-revealed .coupon-front{animation:ticket-arrive 1.1s var(--ease) both}
.js-ready .feature-visual.is-revealed .chart-visits,.js-ready .feature-visual.is-revealed .chart-clicks{animation:chart-draw 1.5s var(--ease) both}
.js-ready .feature-visual.is-revealed .chart-clicks{animation-delay:.12s}
.js-ready .feature-visual.is-revealed .chart-area{animation:chart-wash 1.5s ease both}
.js-ready .feature-visual.is-revealed .chart-dot{animation:chart-wash 1s .5s ease both}
@keyframes story-arrive{from{opacity:0;transform:translate(-37%,32px) rotate(13deg)}to{opacity:1;transform:translateX(-37%) rotate(6deg)}}
@keyframes story-back-arrive{from{opacity:0;transform:translate(-80%,25px) rotate(-4deg)}to{opacity:1;transform:translateX(-92%) rotate(-12deg)}}
@keyframes ticket-arrive{from{opacity:0;transform:translate(-44%,35px) rotate(4deg)}to{opacity:1;transform:translateX(-54%) rotate(-7deg)}}
@keyframes chart-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes chart-wash{from{opacity:0}to{opacity:1}}

@media(max-width:1100px){
 .feature-copy{padding-inline:28px}.feature-copy h3{font-size:28px}
 .story-caption{left:16px;font-size:9px;padding:12px}
 .analytics-stats{grid-template-columns:1fr 1fr 1.4fr}.analytics-product{padding-left:15px;gap:10px}.analytics-product>.icon{display:none}
 .coupon-ticket{width:305px;padding-inline:20px}.coupon-ticket strong{font-size:34px}.ticket-icon{font-size:45px;margin-left:15px}.coupon-perforation{right:72px}.coupon-front::before,.coupon-front::after{right:62px}
}
@media(max-width:960px){
 .hero h1{font-size:52px}.hero h1 .headline-after{font-size:.9em}
 .pain-intro{grid-template-columns:1fr;gap:28px}.pain-intro h2{font-size:62px}.pain-intro>p{max-width:520px}
 .resources{padding-top:65px}.resource-showcase{gap:16px;margin-top:40px}
 .feature-visual{border-radius:24px}.feature-copy{padding:15px 22px 28px}.feature-copy h3{font-size:25px}.feature-copy p{font-size:11px}
 .story-stage,.coupon-stage{height:420px}.story-front{width:187px;height:325px;top:26px;padding:12px;border-width:4px}.story-front h4{font-size:21px}.story-front>small{margin-top:17px}.story-product{height:116px;margin-top:8px}.story-product img{height:103px;width:103px}.story-product::before{height:103px;width:103px}
 .story-back{width:172px;height:282px;top:49px;padding:16px}.story-back img{height:159px;width:159px}.story-back strong{font-size:15px}.story-caption{top:279px;font-size:8px;left:8px}.story-orbit{height:270px;width:270px;top:60px}
 .coupon-ticket{width:268px;max-width:88%;height:144px;padding:22px 16px;gap:8px}.coupon-ticket>div>span{font-size:6px;letter-spacing:.025em}.coupon-ticket strong{font-size:30px}.coupon-ticket small{font-size:7px}.ticket-icon{font-size:38px;margin-left:7px}.coupon-perforation{right:58px}.coupon-front::before,.coupon-front::after{right:48px}.coupon-front{top:147px}.coupon-back{top:71px}.coupon-mini{padding:13px 16px;bottom:33px}.coupon-mini strong{font-size:10px}
 .feature-analytics{padding:32px 24px 23px}.analytics-intro h3{font-size:32px}.analytics-intro p{font-size:11px}.analytics-dashboard{padding:24px 20px 19px}.analytics-stats{grid-template-columns:1fr 1fr;gap:20px}.analytics-product{grid-column:1/-1;border-left:0;border-top:1px solid #7183b533;padding:18px 0 0;gap:13px}.analytics-product>.icon{display:block}.analytics-product img{height:42px;width:42px}.analytics-product strong{margin-top:5px}.analytics-product small{margin-top:4px}.analytics-chart{margin-top:25px}
}
@media(max-width:650px){
 .hero h1{font-size:clamp(30px,8.5vw,43px);line-height:1.24}.hero h1 .headline-after{font-size:.84em}.hero h1 .underline{bottom:-8px}
 .pain-intro h2{font-size:clamp(35px,9.8vw,55px);line-height:1.12}.pain-intro h2 em{font-size:.84em;letter-spacing:-.075em}.pain-intro>p{margin-top:22px}
 .pain-intro,.solution-heading,.resources-heading,.plan-grid{margin-top:0}.boreal h2{margin-top:20px}
 .resources{padding-top:50px;padding-bottom:48px}.resource-showcase{grid-template-columns:1fr;gap:16px;margin-top:32px}
 .feature-copy{padding:10px 25px 28px}.feature-copy h3{font-size:28px}.feature-copy p{font-size:11px;margin-top:15px}
 .story-stage,.coupon-stage{height:422px}.story-front{width:200px;height:339px;top:27px;padding:13px}.story-front>small{margin-top:18px}.story-front h4{font-size:22px}.story-product{height:125px;margin-top:9px}.story-product img,.story-product::before{height:113px;width:113px}.story-back{width:183px;height:293px;top:52px;padding:18px}.story-back img{height:165px;width:165px}
 .story-caption{left:15px;top:282px;font-size:8px;padding:11px 13px}.story-orbit{height:290px;width:290px;top:59px}.story-highlights{bottom:14px}
 .coupon-ticket{width:285px;height:151px;max-width:87%;padding:22px 19px}.coupon-ticket strong{font-size:32px}.coupon-front{top:147px}.coupon-ticket small{font-size:7px}.coupon-perforation{right:64px}.coupon-front::before,.coupon-front::after{right:54px}.coupon-mini{bottom:40px}
 .feature-analytics{padding:28px 19px 23px}.analytics-intro{display:block}.analytics-intro h3{font-size:29px}.analytics-intro p{font-size:11px;line-height:1.8;margin-top:16px}.analytics-period{width:max-content;margin-top:22px}.analytics-period button{font-size:10px;min-width:74px}
 .analytics-dashboard{margin-top:23px;padding:22px 15px 18px;border-radius:17px}.analytics-stats{gap:17px 10px}.analytics-stats>div>span{font-size:6px;letter-spacing:.03em;line-height:1.8}.analytics-stats>div>strong{font-size:36px;margin-top:6px}.analytics-stats>div>small{font-size:7px;line-height:1.7;max-width:100px}.analytics-product{padding-top:17px;gap:10px}.analytics-product>div>span{font-size:6px}.analytics-product strong{font-size:10px}.analytics-product small{font-size:7px}.analytics-product>.icon{width:14px;height:14px}
 .analytics-chart svg{height:auto}.chart-labels{font-size:7px}.chart-visits{stroke-width:2.5}.chart-clicks{stroke-width:2}.analytics-chart figcaption{display:block;margin-top:12px;font-size:7px}.chart-legend{gap:13px}.analytics-chart figcaption>span{display:block;margin-top:12px}.analytics-note{font-size:8px;line-height:1.85;margin-top:18px}.showcase-note{font-size:8px;margin-top:16px;padding-inline:10px}
 html:not(.js-ready) .analytics-chart .chart-labels{font-size:26px}
}
@media(max-width:350px){
 .hero h1{font-size:28px}.hero h1 .headline-after{font-size:.85em}.pain-intro h2{font-size:31px}
 .story-front{width:182px;height:328px}.story-front h4{font-size:20px}.story-back{width:161px;height:281px;padding:14px}.story-back img{height:158px;width:158px}.story-caption{font-size:7px;padding:10px;left:8px}.story-caption .icon{height:14px;width:14px}.story-stage{height:407px}
 .coupon-ticket{max-width:88%;padding:18px 13px;gap:4px;height:145px}.coupon-ticket strong{font-size:29px}.ticket-icon{font-size:32px;margin-left:6px}.coupon-ticket>div>span{font-size:5px}.coupon-perforation{right:50px}.coupon-front::before,.coupon-front::after{right:40px}.coupon-mini{gap:9px;padding:12px 13px}.coupon-mini strong{font-size:9px}.coupon-mini span{font-size:7px}.coupon-stage{height:395px}.coupon-mini{bottom:24px}
 .feature-copy{padding-inline:20px}.feature-copy h3{font-size:25px}.feature-analytics{padding-inline:15px}.analytics-intro h3{font-size:25px}.analytics-dashboard{padding-inline:11px}.analytics-stats>div>strong{font-size:32px}.analytics-product strong{font-size:9px}.analytics-product img{height:36px;width:36px}.analytics-product>.icon{display:none}
}
@media(max-width:650px) and (max-height:730px){.hero h1{font-size:32px}}
@media(max-width:350px) and (max-height:730px){.hero h1{font-size:28px}}
@media(max-width:960px) and (orientation:landscape){.hero h1{font-size:41px}.hero h1 .headline-after{font-size:.83em}}
@media(prefers-reduced-motion:reduce){.feature-visual,.feature-visual *{animation:none!important;transition:none!important}}