:root{--blue:#2865e8;--navy:#10172f;--muted:#667089;--line:#e5e9f3;--pale:#f4f7fd;--dark:#0b1135}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--navy);font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}svg:not(.svg-library){fill:none;stroke:currentColor;stroke-width:1.5;width:24px;height:24px}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #92b6ff;outline-offset:6px}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:white;color:var(--navy);padding:12px}.skip:focus{top:15px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.14;letter-spacing:-.05em}h2{font-size:clamp(30px,3.2vw,44px);font-weight:650}h2>span{color:var(--muted)}.dark-top{color:white;background:radial-gradient(ellipse at 83% 65%,#19337277,transparent 43%),var(--dark);overflow:hidden}.header{border-bottom:1px solid #ffffff16}.nav-row{height:90px;display:flex;align-items:center;gap:54px}.brand{display:block;flex-shrink:0}.brand img{width:168px;height:53px;object-fit:contain}nav{display:flex;gap:32px;margin-left:auto}nav a{font-size:12px;color:#b8c3df;transition:color .2s}nav a:hover{color:white}.nav-buy{padding:11px 17px;border:1px solid #ffffff40;border-radius:5px;font-size:11px;font-weight:600;display:flex;gap:28px;align-items:center}.nav-buy:hover{background:#ffffff0c}.nav-buy span{font-size:18px}.menu-toggle{display:none}.hero{padding-block:85px 70px;display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:600;display:flex;align-items:center;gap:10px;color:#aabef0}.status-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#78a3ff;box-shadow:0 0 0 4px #80a8ff12;flex-shrink:0}.slash{color:#546489;margin-inline:2px}.hero h1{font-size:clamp(40px,4.3vw,60px);font-weight:650;letter-spacing:-.058em;line-height:1.09;margin:26px 0}.hero h1 em{font-style:normal;color:#88acff}.hero-copy>p{font-size:18px;line-height:1.65;color:#e3e8fa;letter-spacing:-.025em}.hero-copy>.hero-description{font-size:13px;color:#a4b0d1;line-height:1.9;margin-top:17px;max-width:405px;letter-spacing:0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--blue);color:white;border:1px solid transparent;border-radius:5px;font-size:12px;line-height:1.4;padding:17px 22px;font-weight:600;transition:background .2s,transform .2s}.button span{font-size:20px;line-height:1}.button:hover{background:#1455d1;transform:translateY(-2px)}.demo-link{font-size:11px;display:flex;align-items:center;gap:9px;white-space:nowrap}.play{display:grid;place-items:center;border:1px solid #65749a;border-radius:50%;width:28px;height:28px;font-size:14px}.hero-note{display:flex;gap:12px;align-items:center;font-size:9px;color:#8d9bbe;margin-top:22px}.hero-note i{height:3px;width:3px;background:#576992;border-radius:50%}.hero-art{position:relative;padding-bottom:20px}.art-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#8395c1;margin-bottom:14px}.browser{background:#fff;border:1px solid #98b5ff4a;border-radius:9px;overflow:hidden;box-shadow:0 35px 80px #03082188;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg)}.browser-bar{height:34px;color:#8290a9;background:#f6f8fc;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:8px}.dots{display:flex;gap:4px}.dots i{width:5px;height:5px;border-radius:50%;background:#ccd3e0}.browser-lock{font-size:16px}.hero-screen{overflow:hidden;aspect-ratio:1.49}.hero-screen img{width:111.5%;max-width:none;margin:-6% 0 0 -5.7%;height:auto}.art-caption{display:flex;align-items:center;gap:12px;margin-top:22px;color:#a3b0d1}.mini-wordpress{width:30px;height:30px;border:1px solid #556487;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:21px;color:#b5c4e5}.art-caption strong,.art-caption div>span{display:block;font-size:9px;font-weight:500}.art-caption div>span{color:#7184ae;font-size:8px;margin-top:2px}.art-caption>a{margin-left:auto;width:30px;height:30px;border:1px solid #455480;border-radius:50%;text-align:center;line-height:28px}.art-sticker{position:absolute;right:-25px;bottom:76px;background:#2865e8;color:white;border:5px solid var(--dark);padding:15px 17px;width:145px;transform:rotate(-7deg);box-shadow:0 10px 30px #0002}.art-sticker>span{display:block;font-size:8px;letter-spacing:.14em}.art-sticker strong{font-size:26px;font-weight:600;letter-spacing:-.04em}.art-sticker svg{position:absolute;right:13px;top:14px;width:20px}.hero-bottom{border-top:1px solid #ffffff18;padding-block:21px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.1em;color:#778bb7}.hero-bottom>a{color:#a7b6d9;font-size:9px;letter-spacing:0}.hero-bottom>a span{margin-left:23px}.benefits-strip{border-bottom:1px solid var(--line)}.benefits-strip>.wrap{display:flex;justify-content:space-between;gap:20px;padding-block:27px}.benefits-strip span{display:flex;align-items:center;gap:10px;color:#5e6a83;font-size:11px}.benefits-strip svg{width:19px;height:19px;stroke:var(--blue)}.benefits-strip b{font:18px Georgia,serif;border:1px solid var(--blue);color:var(--blue);height:20px;width:20px;border-radius:50%;display:grid;place-items:center}.section{padding-block:100px}.light{color:var(--blue);font-size:9px;letter-spacing:.13em;margin-bottom:22px}.introduction{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;padding-bottom:45px;align-items:end}.introduction>p{font-size:13px;line-height:1.95;color:var(--muted)}.demo-section{padding-bottom:90px}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-block:19px}.demo-toolbar>div{font-size:9px;letter-spacing:.09em;display:flex;align-items:center;gap:11px;color:#6f7c98}.text-link{font-size:11px;font-weight:600;color:var(--blue)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.large-preview{display:block;position:relative;background:#f5f8fe;overflow:hidden}.large-preview>img{width:100%;height:auto;transition:transform .6s}.large-preview:hover>img{transform:scale(1.015)}.preview-cta{position:absolute;right:30px;bottom:27px;padding:13px 18px;display:flex;align-items:center;gap:35px;background:var(--blue);color:white;font-size:11px;border-radius:4px;box-shadow:0 8px 30px #0b113540}.preview-cta>span{font-size:18px}.preview-foot{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.preview-foot>span{font-size:8px;color:#7c89a4;letter-spacing:.08em}.preview-foot>p{font-size:10px;color:#7c89a4}.steps-section{background:var(--pale);border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.section-heading>p{color:var(--muted);font-size:12px;line-height:1.9}.section-heading>.text-link{margin-bottom:6px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid #d6dff0;padding-top:25px}.step-number{color:var(--blue);font-size:11px;display:inline-flex;align-items:center;gap:15px;margin-bottom:35px}.step-number:after{content:'';height:1px;width:32px;background:#b5c8f2}.steps h3{font-size:21px;font-weight:600;margin-bottom:15px}.steps p{font-size:12px;line-height:1.9;color:var(--muted);max-width:320px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.features article{padding:30px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.features svg{color:var(--blue);width:27px;height:27px;margin-bottom:32px}.features article>span{position:absolute;right:28px;top:30px;font-size:9px;color:#a7b2c8}.features h3{font-size:19px;line-height:1.35;letter-spacing:-.035em;font-weight:600;margin-bottom:12px;max-width:240px}.features p{font-size:12px;color:var(--muted);line-height:1.9}.editorial-band{background:var(--blue);color:white;padding-block:75px}.band-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.band-grid .eyebrow{color:#c4d7ff;font-size:8px;margin-bottom:23px}.band-grid h2{font-size:36px}.band-grid p{font-size:12px;color:#d0dfff;line-height:1.9;margin-top:20px;max-width:430px}.white{background:white;color:var(--blue);margin-top:28px}.white:hover{background:#e9f0ff}.editorial-types>span{display:flex;align-items:center;gap:25px;padding-block:24px;border-bottom:1px solid #ffffff40;font-size:21px;font-weight:500;letter-spacing:-.04em}.editorial-types>span:first-child{border-top:1px solid #ffffff40}.editorial-types small{color:#b0caff;font-size:9px;letter-spacing:0}.editorial-types b{margin-left:auto;font-weight:400;font-size:24px;color:#b0caff}.editorial-types>div{font-size:8px;letter-spacing:.12em;color:#bed3ff;margin-top:22px}.purchase-section{display:grid;grid-template-columns:1.2fr 1fr;gap:115px;align-items:center;padding-block:115px}.purchase-copy>p{color:var(--muted);font-size:13px;line-height:1.9;max-width:430px;margin-top:23px}.checks{list-style:none;margin:27px 0;padding:0}.checks li{font-size:12px;color:#45516b;margin-block:12px;display:flex;gap:12px;align-items:center}.checks li:before{content:'✓';color:var(--blue);font-size:12px}.purchase-info{border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:15px;max-width:420px;padding-top:24px;margin-top:30px}.purchase-info svg{flex-shrink:0;width:22px;color:var(--blue)}.purchase-info p{font-size:10px;line-height:1.9;color:var(--muted)}.purchase-info strong{display:block;color:#3c4b69;font-weight:600;margin-bottom:4px}.price-card{border:1px solid #b8cdf9;border-radius:9px;padding:33px;background:#fff;box-shadow:0 12px 50px #233f7b0c;position:relative}.price-card:before{content:'';position:absolute;top:-1px;left:27px;right:27px;height:3px;background:var(--blue);border-radius:0 0 5px 5px}.price-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.13em;color:#7c8aa7}.offer-tag{font-size:9px;color:var(--blue);background:#edf3ff;padding:5px 9px;border-radius:3px;font-weight:600;letter-spacing:.03em}.price-card h3{font-size:30px;font-weight:650;margin-top:22px}.price-card>p{color:var(--muted);font-size:11px;margin-top:9px}.price{padding-block:29px 25px;border-top:1px solid var(--line);margin-top:25px}.price>span{font-size:11px;color:#8491ac}.price>div{display:flex;align-items:baseline;gap:10px;margin-top:4px}.price small{font-size:20px;font-weight:500}.price strong{font-size:70px;font-weight:600;line-height:1.2;letter-spacing:-.07em}.price strong span{font-size:38px;letter-spacing:-.07em}.price p{font-size:10px;color:#8290a9;margin-top:6px}.buy-button{display:flex;width:100%;font-size:12px}.secure{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#8490aa;margin-top:15px}.secure svg{height:13px;width:13px}.price-details{margin-top:25px;padding-top:23px;border-top:1px solid var(--line);display:grid;gap:15px}.price-details p{font-size:10px;color:#7c89a3;line-height:1.8}.price-details strong{display:block;color:#354663;font-size:10px;font-weight:600;margin-bottom:2px}.price-details a{color:var(--blue)}.faq-section{background:var(--pale);padding-block:90px;border-block:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:100px}.faq-grid h2{font-size:38px}.faq-grid>div>p{font-size:12px;color:var(--muted);margin-top:23px;line-height:1.9}.faq-grid .text-link{display:inline-block;margin-top:25px}.faqs details{border-bottom:1px solid #dce3f0}.faqs details:first-child{border-top:1px solid #dce3f0}.faqs summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:600;padding-block:23px;letter-spacing:-.02em;line-height:1.7}.faqs summary::-webkit-details-marker{display:none}.faqs summary>span{position:relative;height:14px;width:14px;flex-shrink:0}.faqs summary>span:before,.faqs summary>span:after{content:'';position:absolute;background:var(--blue);height:1px;width:10px;top:6px;left:2px}.faqs summary>span:after{transform:rotate(90deg);transition:transform .2s}.faqs details[open] summary>span:after{transform:rotate(0)}.faqs details p{font-size:11px;color:var(--muted);line-height:1.95;padding-bottom:25px;padding-right:20px}.final-cta{display:flex;align-items:center;justify-content:space-between;padding-block:80px;gap:30px}.final-cta .eyebrow{margin-bottom:18px}.final-cta h2{font-size:40px}footer{background:var(--dark);color:white}.footer-main{display:flex;align-items:center;gap:50px;padding-block:46px}.footer-main p{font-size:10px;line-height:1.9;color:#8f9dbd;margin-right:auto}.footer-main>a:not(.brand){font-size:10px;color:#bcc9e6}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #ffffff16;padding-block:20px;font-size:8px;color:#7082ac}.footer-bottom p{font-size:8px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}section[id]{scroll-margin-top:25px}
@media(min-width:1500px){.wrap{width:min(1280px,calc(100% - 120px))}.hero{gap:85px;padding-block:105px 90px}.hero h1{font-size:65px}}
@media(max-width:1050px){.wrap{width:calc(100% - 50px)}.hero{gap:30px;padding-block:65px}.hero h1{font-size:44px}.hero-actions{gap:17px}.hero-actions .button{font-size:10px;gap:16px;padding:15px}.demo-link{font-size:10px}.hero-copy>p{font-size:16px}.hero-copy>.hero-description{font-size:12px}.art-sticker{right:-15px;bottom:65px;width:118px;padding:12px}.art-sticker strong{font-size:23px}.art-sticker svg{width:16px;right:8px}.art-sticker>span{font-size:7px}.introduction{gap:40px}.purchase-section{gap:55px}.band-grid{gap:55px}.faq-grid{gap:55px}.footer-main{gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav-row{height:76px;gap:15px}.brand img{width:140px;height:44px}.nav-buy{margin-left:auto;padding:9px 12px;font-size:9px;gap:12px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:8px;color:white;cursor:pointer}.menu-toggle span{width:19px;height:1px;background:currentColor}nav{display:none;position:absolute;top:76px;left:0;right:0;z-index:20;background:#0b1135;padding:24px;border-bottom:1px solid #ffffff25;margin:0}nav.open{display:flex;justify-content:center;gap:30px}nav a{font-size:12px}.hero{grid-template-columns:1fr;gap:45px;padding-block:50px 30px}.hero-copy{max-width:560px}.hero h1{font-size:clamp(42px,8vw,60px);margin-block:24px}.hero-copy>p{font-size:17px}.hero-copy>.hero-description{font-size:12px;max-width:440px}.hero-actions{gap:25px}.hero-actions .button{font-size:12px;padding:17px 20px;gap:25px}.demo-link{font-size:11px}.hero-note{font-size:9px}.hero-art{width:96%;max-width:560px;justify-self:center;padding-bottom:15px}.browser{transform:none}.art-sticker{right:-13px;bottom:68px}.art-label{font-size:7px}.hero-bottom{font-size:6px;padding-block:20px}.hero-bottom>a{font-size:8px}.hero-bottom>a span{margin-left:10px}.benefits-strip>.wrap{display:grid;grid-template-columns:1fr 1fr;padding-block:24px;gap:22px}.benefits-strip span{font-size:9px;gap:8px}.benefits-strip svg{width:17px;height:17px}.section{padding-block:65px}.introduction{grid-template-columns:1fr;gap:22px;padding-bottom:30px}.introduction>p{font-size:12px}.light{font-size:8px;margin-bottom:19px}h2{font-size:33px}.demo-section{padding-bottom:55px}.demo-toolbar>div{font-size:6px;letter-spacing:.05em;gap:7px}.demo-toolbar .text-link{font-size:8px}.demo-toolbar{padding-block:15px;gap:12px}.demo-toolbar .status-dot{height:4px;width:4px}.preview-cta{font-size:8px;gap:15px;padding:9px 12px;right:12px;bottom:12px}.preview-cta>span{font-size:14px}.preview-foot{display:block;padding-block:14px}.preview-foot>span{font-size:7px}.preview-foot>p{font-size:9px;margin-top:4px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:22px;font-size:12px}.section-heading .text-link{display:inline-block;margin-top:21px}.steps{grid-template-columns:1fr;gap:28px}.steps article{position:relative;padding-left:48px;padding-top:21px}.step-number{position:absolute;left:0;top:24px;margin:0;font-size:10px}.step-number:after{display:none}.steps h3{font-size:21px;margin-bottom:12px}.steps p{max-width:none;font-size:12px}.features{grid-template-columns:1fr 1fr}.features article{padding:23px 18px}.features svg{margin-bottom:25px;width:24px;height:24px}.features article>span{right:18px;top:23px;font-size:8px}.features h3{font-size:17px}.features p{font-size:10px}.editorial-band{padding-block:55px}.band-grid{grid-template-columns:1fr;gap:40px}.band-grid h2{font-size:31px}.band-grid p{font-size:12px}.editorial-types>span{padding-block:18px;font-size:21px}.editorial-types>div{font-size:7px}.purchase-section{grid-template-columns:1fr;gap:40px}.purchase-copy>p{font-size:12px}.price-card{max-width:480px;width:100%;margin-inline:auto;padding:28px}.faq-section{padding-block:60px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-grid h2{font-size:33px}.faq-grid>div>p{font-size:12px;margin-top:18px}.faqs summary{font-size:11px;padding-block:21px}.final-cta{display:block;padding-block:55px}.final-cta h2{font-size:34px}.final-cta .button{margin-top:28px}.footer-main{display:grid;grid-template-columns:1fr 1fr;padding-block:35px;gap:25px}.footer-main p{font-size:9px}.footer-main>a:not(.brand){font-size:10px}.footer-bottom{flex-wrap:wrap;font-size:7px;gap:12px}.footer-bottom p{font-size:7px;order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Client showcase: two identical groups keep the automatic rail continuous. */
.clients-section{background:var(--dark);color:#fff;padding-block:78px;overflow:hidden}.clients-layout{display:grid;grid-template-columns:.9fr 1.45fr;gap:65px;align-items:center}.clients-copy .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:23px}.clients-copy h2{font-size:42px;line-height:1.15;font-weight:600}.clients-copy h2 span{color:#88acff}.clients-copy>p{font-size:12px;line-height:1.95;color:#a4b0d1;max-width:350px;margin-top:23px}.clients-carousel{min-width:0}.clients-viewport{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);padding:5px 0}.clients-track{display:flex;width:max-content;animation:client-scroll 55s linear infinite;will-change:transform}.clients-group{display:flex;gap:18px;padding-right:18px;flex-shrink:0}.client-slide{margin:0;width:200px;flex-shrink:0}.client-screen{height:434px;background:#fff;overflow:hidden;border:1px solid #829bce44;border-radius:6px}.client-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.client-slide figcaption{padding:15px 1px 0}.client-slide figcaption strong{display:block;font-size:10px;font-weight:500;color:#d2ddf6}.client-slide figcaption span{display:block;color:#7588b3;font-size:8px;margin-top:4px}.clients-caption{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff1a;padding-top:19px;margin-top:22px;gap:15px;font-size:8px;color:#7d90ba}.clients-caption>span:first-child{display:flex;align-items:center;gap:9px;font-size:7px;letter-spacing:.09em}.clients-caption .status-dot{width:4px;height:4px}.clients-carousel:focus-within .clients-track,.clients-section[data-paused="true"] .clients-track,.clients-section[data-visible="false"] .clients-track{animation-play-state:paused}@keyframes client-scroll{to{transform:translateX(-50%)}}
@media(max-width:1050px){.clients-layout{gap:35px;grid-template-columns:.9fr 1.3fr}.clients-copy h2{font-size:34px}.client-slide{width:180px}.client-screen{height:391px}}
@media(max-width:760px){.clients-section{padding-block:55px}.clients-layout{grid-template-columns:1fr;gap:30px}.clients-copy h2{font-size:35px}.clients-copy>p{max-width:500px;font-size:12px}.client-slide{width:180px}.client-screen{height:391px}.clients-caption{font-size:7px}.clients-track{animation-duration:60s}}
@media(prefers-reduced-motion:reduce){.clients-track{animation:none;transform:none;will-change:auto}.clients-viewport{overflow-x:auto;mask-image:none;scroll-snap-type:x mandatory}.clients-group[aria-hidden="true"]{display:none}.client-slide{scroll-snap-align:start}}
/* Visual product features. */
.features-visual{border:0;gap:22px}.features-visual .feature-card{padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white}.feature-media{height:230px;background:var(--pale);padding:20px 24px;display:flex;align-items:center;justify-content:center}.feature-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.features-visual .feature-copy{padding:26px}.feature-copy>small{font-size:8px;font-weight:600;letter-spacing:.1em;color:var(--blue);display:block;margin-bottom:15px}.features-visual .feature-copy h3{font-size:23px;font-weight:600;max-width:none;line-height:1.2;margin-bottom:12px}.features-visual .feature-copy .feature-subtitle{font-size:12px;color:#34425e;line-height:1.7;font-weight:500;margin-bottom:8px}.features-visual .feature-copy>p:last-child{font-size:11px;line-height:1.9;color:var(--muted)}.features-visual .feature-wide{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center}.feature-wide .feature-media{height:320px;padding:20px 40px}.features-visual .feature-wide .feature-copy{padding:40px 50px}.features-visual .feature-wide h3{font-size:36px}.features-visual .feature-wide .feature-subtitle{font-size:15px}.feature-wide .feature-copy>p:last-child{max-width:380px}
@media(max-width:1050px){.features-visual{gap:16px}.feature-media{height:200px;padding:18px}.features-visual .feature-copy{padding:22px}.features-visual .feature-copy h3{font-size:21px}.features-visual .feature-wide .feature-copy{padding:30px}.feature-wide .feature-media{height:280px}}
@media(max-width:760px){.features-visual{grid-template-columns:1fr;gap:20px}.feature-media{height:240px;padding:20px}.features-visual .feature-copy{padding:25px}.features-visual .feature-copy h3{font-size:24px}.features-visual .feature-copy>p:last-child{font-size:12px}.feature-copy>small{font-size:8px}.features-visual .feature-wide{grid-template-columns:1fr}.feature-wide .feature-media{height:260px;padding:20px}.features-visual .feature-wide .feature-copy{padding:25px}.features-visual .feature-wide h3{font-size:28px}.features-visual .feature-wide .feature-subtitle{font-size:12px}}
/* Copy for content publishers, with room for the longer opening headline. */
.hero{grid-template-columns:1.15fr 1fr;gap:55px}.hero h1{font-size:clamp(36px,3.25vw,47px);line-height:1.13;letter-spacing:-.05em}.hero .eyebrow{font-size:8px;letter-spacing:.1em;flex-wrap:wrap}.hero-copy>.hero-description{font-size:13px;max-width:500px;line-height:1.9}.hero-description strong{font-weight:600;color:#e3eaff}.hero-actions{flex-wrap:wrap;gap:18px}.hero-actions .button{font-size:11px;gap:20px}.intro-copy p{font-size:13px;line-height:1.95;color:var(--muted)}.intro-copy p+p{margin-top:13px}.clients-copy h2{font-size:37px}.clients-copy>.clients-closing{font-weight:500;color:#d1defb;margin-top:18px}.copy-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 35px;margin-bottom:65px}.copy-benefits article{border-top:1px solid var(--line);padding-top:22px}.copy-benefits h3{font-size:19px;font-weight:600;margin-bottom:12px;line-height:1.35}.copy-benefits p{font-size:12px;color:var(--muted);line-height:1.9}.visual-features-heading{padding-top:35px;border-top:1px solid var(--line);margin-bottom:28px}.visual-features-heading .eyebrow{margin-bottom:15px}.visual-features-heading>h3{font-size:28px;font-weight:600}.price-card h3>span{display:block;font-size:20px;margin-top:7px;letter-spacing:-.03em}.price-card>p{line-height:1.8}.band-grid h2{font-size:34px}.editorial-types>span{font-size:19px}.purchase-copy h2{font-size:40px}.final-cta h2{font-size:38px}
@media(max-width:1050px){.hero{gap:30px}.hero h1{font-size:38px}.hero-art{align-self:center}.hero-actions{gap:15px}.clients-copy h2{font-size:31px}.purchase-copy h2{font-size:34px}.editorial-types>span{font-size:17px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(34px,8.8vw,48px)}.hero .eyebrow{font-size:7px;gap:7px}.hero-copy>.hero-description{font-size:12px}.hero-actions{gap:20px}.hero-actions .button{font-size:11px;padding:17px}.intro-copy p{font-size:12px}.clients-copy h2{font-size:33px}.copy-benefits{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.copy-benefits h3{font-size:20px}.copy-benefits p{font-size:12px}.visual-features-heading>h3{font-size:25px}.band-grid h2{font-size:31px}.editorial-types>span{font-size:18px}.purchase-copy h2{font-size:33px}.price-card h3{font-size:28px}.final-cta h2{font-size:32px}}
@media(max-width:760px){.nav-row{gap:10px}.nav-row .brand img{width:130px}.nav-buy{white-space:nowrap}.hero-actions .demo-link{font-size:10px}}
/* Lightweight animated SVG icons for the three setup steps. */
.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.step-top .step-number{margin:0;position:static}.step-top .step-number:after{display:none}.step-icon{display:grid;place-items:center;width:64px;height:64px;background:#e8efff;border:1px solid #d8e4ff;border-radius:17px;color:var(--blue)}.step-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.icon-check{stroke-dasharray:24;stroke-dashoffset:24;animation:step-check 4.5s ease-in-out infinite}.icon-download{animation:step-download 4.5s ease-in-out .5s infinite}.icon-rocket{animation:step-launch 4.5s ease-in-out 1s infinite;transform-origin:center}.icon-flame{animation:step-flame 4.5s ease-in-out 1s infinite;transform-origin:9px 28px}.steps article:hover .step-icon{background:#dde8ff;border-color:#b9d0ff;transition:background .2s,border-color .2s}@keyframes step-check{0%,12%{stroke-dashoffset:24;opacity:0}28%,72%{stroke-dashoffset:0;opacity:1}92%,100%{stroke-dashoffset:0;opacity:0}}@keyframes step-download{0%,20%,70%,100%{transform:translateY(0)}40%{transform:translateY(3px)}55%{transform:translateY(0)}}@keyframes step-launch{0%,20%,80%,100%{transform:translate(0,0)}45%,60%{transform:translate(2px,-2px)}}@keyframes step-flame{0%,20%,80%,100%{opacity:.3;transform:scale(.85)}45%,60%{opacity:1;transform:scale(1.1)}}
@media(max-width:760px){.steps article{padding-left:0}.step-top{margin-bottom:20px}.step-icon{width:58px;height:58px;border-radius:15px}.step-icon svg{width:33px;height:33px}.step-top .step-number{position:static}}
@media(prefers-reduced-motion:reduce){.step-icon svg *{animation:none!important;transform:none!important}.icon-check{stroke-dashoffset:0;opacity:1}.icon-flame{opacity:1}}
/* Automatic video with the customer's testimonial beside it. */
.video-showcase{position:relative;max-width:1020px;margin:35px auto 40px}.video-stage{aspect-ratio:16/9;background:#0b1135;border-radius:9px;overflow:hidden;box-shadow:0 20px 60px #0b11351c}.demo-video{display:block;width:100%;height:100%;border:0;pointer-events:none}.video-testimonial{position:absolute;width:260px;height:auto;left:-45px;bottom:-35px;border:4px solid white;border-radius:10px;box-shadow:0 15px 45px #0b113530;z-index:1}
@media(max-width:1050px){.video-showcase{margin-inline:30px}.video-testimonial{width:230px;left:-25px;bottom:-30px}}
@media(max-width:760px){.video-showcase{margin:25px 0 0}.video-stage{border-radius:6px}.video-testimonial{position:relative;width:215px;margin:-26px 0 0 14px;left:auto;bottom:auto;border-width:3px;border-radius:8px}.demo-section{padding-bottom:55px}}
/* Official-store comparison, immediately before the offer. */
.trust-section{background:var(--dark);color:white;padding-block:85px}.trust-heading{text-align:center;max-width:800px;margin:0 auto 44px}.trust-heading .eyebrow{justify-content:center;font-size:8px;margin-bottom:20px}.trust-heading h2{font-size:40px;font-weight:600}.trust-heading h2>span{color:#88acff}.trust-heading>p{font-size:12px;line-height:1.95;color:#a5b3d4;margin:23px auto 0;max-width:700px}.trust-comparison{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1000px;margin-inline:auto;align-items:center}.trust-card{padding:40px;min-width:0}.trust-official{background:white;color:var(--navy);border-radius:9px;border:1px solid #d7e4ff;box-shadow:0 15px 55px #02072144;position:relative;z-index:1}.trust-unknown{background:#101a3b;border:1px solid #3b4a70;border-left:0;border-radius:0 9px 9px 0;padding-block:32px}.trust-card-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:28px}.trust-mark{font-size:22px;line-height:1.1;color:var(--blue)}.trust-unknown .trust-mark{color:#fa7e8d}.trust-card-heading h3{font-size:21px;font-weight:600;letter-spacing:-.04em;line-height:1.3}.trust-card-heading h3>span{display:block;font-size:10px;letter-spacing:0;font-weight:400;color:#8fa2cd;margin-top:7px}.trust-card ul{padding:0;list-style:none;margin:0;display:grid;gap:24px}.trust-card li{display:flex;align-items:flex-start;gap:14px}.trust-card li>span{display:grid;place-items:center;width:16px;height:16px;border:1px solid #8eb1ff;color:var(--blue);font-size:10px;line-height:1;border-radius:50%;flex-shrink:0;margin-top:3px}.trust-unknown li>span{color:#fa7e8d;border-color:#a45f78}.trust-card h4{font-size:12px;line-height:1.6;letter-spacing:-.015em;margin:0 0 5px;font-weight:600}.trust-card li p{font-size:11px;line-height:1.85;color:var(--muted)}.trust-unknown li p{color:#a6b5d6}.trust-unknown h4{color:#e3ebff}.trust-official .text-link{display:inline-block;margin-top:30px;margin-left:30px;font-size:10px}
@media(max-width:1050px){.trust-card{padding:30px}.trust-card-heading h3{font-size:19px}.trust-heading h2{font-size:36px}}
@media(max-width:760px){.trust-section{padding-block:60px}.trust-heading{margin-bottom:30px;text-align:left}.trust-heading .eyebrow{justify-content:flex-start;font-size:7px}.trust-heading h2{font-size:31px}.trust-heading>p{font-size:11px;margin-top:20px}.trust-comparison{grid-template-columns:1fr;gap:18px}.trust-card{padding:27px 23px}.trust-unknown{border-left:1px solid #3b4a70;border-radius:9px}.trust-card-heading h3{font-size:21px}.trust-card ul{gap:23px}.trust-card h4{font-size:12px}.trust-card li p{font-size:11px}.trust-official .text-link{font-size:10px;margin-left:30px}}
/* Attributed testimonial excerpts from the supplied reference. */
.reviews-section{padding-block:85px;background:var(--pale);border-bottom:1px solid var(--line)}.reviews-heading{text-align:center;max-width:720px;margin:0 auto 38px}.reviews-heading .eyebrow{justify-content:center}.reviews-heading h2{font-size:40px;font-weight:600}.reviews-heading h2>span{color:var(--blue)}.reviews-heading>p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:20px}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.review-card{margin:0;padding:30px 28px;display:flex;flex-direction:column;background:white;border:1px solid #d4e0f7;border-radius:9px}.review-card figcaption{display:flex;align-items:center;gap:12px;margin-bottom:25px}.review-card figcaption img{width:42px;height:42px;border-radius:50%;object-fit:cover}.review-card figcaption strong{display:block;font-size:12px;font-weight:600;letter-spacing:-.02em}.review-stars{display:block;color:var(--blue);letter-spacing:2px;font-size:11px;margin-top:3px;line-height:1.4}.review-quote-mark{font-family:Georgia,serif;font-size:48px;line-height:1;color:#c0d3fb;margin-left:auto}.review-card blockquote{margin:0 0 25px}.review-card blockquote p{font-size:12px;line-height:1.95;color:#4b5972}.reviews-note{font-size:9px;color:#7b88a3;line-height:1.8;text-align:center;margin-top:23px}
@media(max-width:1050px){.review-card{padding:25px 22px}.review-card blockquote p{font-size:11px}}
@media(max-width:760px){.reviews-section{padding-block:60px}.reviews-heading{text-align:left;margin-bottom:28px}.reviews-heading .eyebrow{justify-content:flex-start}.reviews-heading h2{font-size:32px}.reviews-grid{grid-template-columns:1fr;gap:18px}.review-card{padding:26px}.review-card figcaption{margin-bottom:20px}.review-card blockquote p{font-size:12px}.reviews-note{text-align:left;font-size:9px}}
/* WhatsApp contact, always accessible without submitting a message. */
.whatsapp-float{position:fixed;right:26px;bottom:max(24px,env(safe-area-inset-bottom));z-index:80;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px 14px 16px;border:1px solid #ffffff50;border-radius:999px;background:#128c4b;color:#fff;box-shadow:0 8px 28px #063e3a40;transition:background .2s,transform .2s;font-size:12px;font-weight:600;line-height:1.3}.whatsapp-float svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.5;fill:none}.whatsapp-float:hover{background:#0c733b;transform:translateY(-2px)}.whatsapp-float:focus-visible{outline:3px solid #88acff;outline-offset:5px}@media(max-width:760px){.whatsapp-float{right:17px;bottom:max(18px,env(safe-area-inset-bottom));width:56px;height:56px;padding:12px}.whatsapp-float>span{display:none}.whatsapp-float svg{width:29px;height:29px}}

.review-card blockquote{margin-bottom:0}

/* Hero mockup supplied by the user, preserving its transparent background. */
.hero-art-mockup{display:flex;justify-content:center;align-items:center;padding:0;min-width:0}.hero-art-mockup .hero-mockup{display:block;width:100%;max-width:530px;height:auto;max-height:none;object-fit:contain;filter:drop-shadow(0 20px 30px #02051b35)}

@media(max-width:760px){.hero-art-mockup{width:100%;max-width:520px}.hero-art-mockup .hero-mockup{width:100%;height:auto;max-height:none}}

/* Larger hero mockup: enlarge both dimensions proportionally. */
@media(min-width:1060px){.hero{width:min(1360px,calc(100% - 80px));grid-template-columns:.9fr 1.2fr;gap:24px;padding-block:30px 35px}.hero-art-mockup{width:calc(100% + 70px);max-width:800px;justify-self:start;margin-left:-8px}.hero-art-mockup .hero-mockup{max-width:none!important;width:100%;height:auto!important;max-height:none!important}.hero-copy{position:relative;z-index:1}}
@media(min-width:761px) and (max-width:1059px){.hero{grid-template-columns:.9fr 1.1fr;gap:18px;padding-block:40px}.hero-art-mockup{width:calc(100% + 30px);max-width:none}.hero-art-mockup .hero-mockup{max-width:none!important;width:100%;height:auto!important}}
@media(max-width:760px){.hero-art-mockup{width:calc(100% + 28px);max-width:none;margin-inline:-14px}.hero-art-mockup .hero-mockup{width:100%;max-width:580px!important;height:auto!important;margin-inline:auto}.hero{gap:20px}}

/* Interactive blue constellation behind the hero content. */
.dark-top{position:relative;isolation:isolate}
.hero-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}

/* Rotating headline: stacked phrases reserve space and prevent layout jumps. */
.hero-phrases{display:grid;color:#88acff;position:relative;vertical-align:top}
.hero-phrase{grid-area:1/1;opacity:0;transform:translateY(.3em);transition:opacity .5s ease,transform .5s ease;pointer-events:none}
.hero-phrase.is-active{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.hero-phrase{transition:none;transform:none}}

/* Fit the rotating line to the visible phrase instead of reserving empty rows. */
.hero-phrases{display:block;height:auto;transition:height .45s ease}
.hero-phrase{position:absolute;top:0;left:0;width:100%;grid-area:auto}
.hero-phrase.is-active{position:relative}
@media(prefers-reduced-motion:reduce){.hero-phrases{transition:none}}

.hero h1{margin-bottom:18px}
/* Compact hero: top-aligned copy and proportional mockup sized to the viewport. */
.hero{align-items:start;padding-block:32px;gap:28px}
.hero-copy{padding-top:34px;min-width:0}
.hero h1{margin-top:0;margin-bottom:18px}
.hero-art-mockup{width:100%;max-width:none;margin:0;justify-self:center;align-self:start;justify-content:center}
.hero-art-mockup .hero-mockup{width:auto!important;height:auto!important;max-width:100%!important;max-height:clamp(540px,calc(100svh - 150px),760px)!important;object-fit:contain}
@media(min-width:901px){
 .hero{width:min(1360px,calc(100% - 80px));grid-template-columns:1fr 1.2fr;gap:30px}
 .hero-copy{padding-top:clamp(24px,4vh,48px)}
 .hero-art-mockup{width:calc(100% + 35px);margin-right:-35px}
 .hero-actions{flex-wrap:wrap;gap:18px}
}
@media(min-width:761px) and (max-width:900px){
 .hero{width:calc(100% - 64px);grid-template-columns:1fr;padding-block:32px;gap:24px}
 .hero-copy{padding-top:0;max-width:680px}
 .hero h1{font-size:clamp(36px,5.5vw,46px)}
 .hero-art-mockup{max-width:580px}
 .hero-art-mockup .hero-mockup{width:100%!important;max-height:none!important}
}
@media(max-width:760px){
 .hero{padding-block:28px 20px;gap:24px}
 .hero-copy{padding-top:0}
 .hero h1{margin-top:0;margin-bottom:16px}
 .hero-copy>.hero-description{margin-top:0}
 .hero-actions{margin-top:24px}
 .hero-note{margin-top:18px}
 .hero-art-mockup{width:100%;max-width:540px;margin:0;justify-self:center}
 .hero-art-mockup .hero-mockup{width:100%!important;max-height:none!important}
}
/* Desktop composition: large overlapping artwork without adding empty page height. */
@media(min-width:901px){
 .hero{position:relative;display:flex;align-items:center;min-height:620px;padding-block:44px 48px;gap:0}
 .hero-copy{position:relative;z-index:2;width:52%;max-width:650px;padding-top:0;text-shadow:0 2px 18px #0b1135}
 .hero-art-mockup{position:absolute;z-index:0;top:-25px;right:-95px;width:min(71vw,970px);max-width:none;margin:0;pointer-events:none}
 .hero-art-mockup .hero-mockup{width:100%!important;height:auto!important;max-width:none!important;max-height:none!important}
 .hero-copy>.hero-description{max-width:480px}
}
@media(min-width:901px) and (max-width:1150px){
 .hero{min-height:590px;padding-block:32px 38px}
 .hero-copy{width:53%}
 .hero-art-mockup{width:75vw;right:-105px;top:-2px}
 .hero h1{font-size:36px}
}

@media(min-width:901px){.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(11,17,53,.9) 0%,rgba(11,17,53,.85) 32%,rgba(11,17,53,.6) 43%,rgba(11,17,53,0) 65%)}}
/* Repeatable scroll reveals in both directions, with an accessible static fallback. */
.scroll-reveal{opacity:0;transform:translate3d(0,20px,0);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1)}
.scroll-reveal.is-visible,.scroll-reveal:focus-within{opacity:1;transform:translate3d(0,0,0)}
@media(hover:hover) and (pointer:fine){
 .button,.nav-buy,.text-link,.demo-link,.final-cta a,.whatsapp-float{transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease}
 .button:hover,.nav-buy:hover{box-shadow:0 9px 26px #2865e835;transform:translateY(-3px)}
 .text-link:hover,.demo-link:hover{color:#6593ff;transform:translateX(3px)}
 .feature-card,.review-card,.trust-card,.steps>article{transition:opacity .65s ease,transform .65s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease}
 .feature-card.is-visible:hover,.review-card.is-visible:hover,.trust-card.is-visible:hover,.steps>article.is-visible:hover{transform:translate3d(0,-5px,0);box-shadow:0 14px 34px #14274d12}
 .feature-media,.client-screen{overflow:hidden}
 .feature-media img,.client-screen img,.video-showcase img,.review-card figcaption img{transition:transform .55s cubic-bezier(.2,.65,.3,1),filter .4s ease}
 .feature-card:hover .feature-media img,.client-slide:hover img{transform:scale(1.035);filter:brightness(1.04)}
 .video-showcase:hover img,.review-card:hover figcaption img{transform:scale(1.04)}
 .faqs details{transition:opacity .65s ease,transform .65s ease,background .25s ease}
 .faqs details:hover{background:#f2f6ff}
}
@media(prefers-reduced-motion:reduce){
 .scroll-reveal{opacity:1;translate:none;transition:none}
 .button,.nav-buy,.text-link,.demo-link,.feature-card,.review-card,.trust-card,.steps>article,.feature-media img,.client-screen img,.video-showcase img,.review-card figcaption img,.faqs details{transition:none!important;translate:none!important;transform:none!important}
}
/* Compact FAQ explorer: a full-width heading, questions and one focused answer. */
.faq-section{padding-block:64px}
.faq-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px}
.faq-heading h2{max-width:720px;font-size:clamp(30px,3vw,40px);margin-top:18px}
.faq-heading>.text-link{flex-shrink:0;margin:0 0 5px;font-size:12px}
.faq-explorer{min-width:0}
.faq-tabs,.faq-answer-panel{display:none}
@media(min-width:761px){
 .faq-enhanced{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:stretch}
 .faq-enhanced>.faqs{display:none}
 .faq-tabs{display:flex;flex-direction:column;gap:5px;padding:10px;background:#fff;border:1px solid #dce4f5;border-radius:14px}
 .faq-tabs button{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;text-align:left;border:0;border-radius:8px;padding:12px 16px;background:transparent;color:var(--navy);font-size:13px;line-height:1.4;cursor:pointer;transition:background .2s,color .2s}
 .faq-tabs button>span:last-child{font-size:19px;color:#91a3c8;flex-shrink:0}
 .faq-tabs button:hover{background:#f0f5ff}
 .faq-tabs button[aria-selected="true"]{background:#2865e8;color:#fff}
 .faq-tabs button[aria-selected="true"]>span:last-child{color:#fff}
 .faq-answer-panel{display:flex;flex-direction:column;align-items:flex-start;padding:36px 40px;background:radial-gradient(ellipse at 100% 0,#203b78,transparent 65%),#0b1135;border:1px solid #233861;border-radius:14px;color:white;min-width:0}
 .faq-answer-number{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff35;border-radius:12px;color:#91b5ff;font-size:17px;margin-bottom:26px}
 .faq-answer-panel h3{font-size:clamp(22px,2.1vw,29px);font-weight:600;line-height:1.22;letter-spacing:-.035em;margin-bottom:20px}
 .faq-answer-panel>p{font-size:14px;line-height:1.85;color:#c0cbe4;max-width:540px;margin-bottom:30px}
 .faq-contact{display:inline-flex;margin-top:auto;padding-top:22px;border-top:1px solid #ffffff25;width:100%;color:#99bcff;font-size:12px;transition:color .2s}
 .faq-contact:hover{color:white}
}
@media(max-width:760px){
 .faq-section{padding-block:44px}
 .faq-heading{display:block;margin-bottom:24px}
 .faq-heading h2{font-size:31px;margin-top:14px}
 .faq-heading>.text-link{display:inline-block;margin-top:18px}
 .faq-explorer .faqs{display:grid;gap:10px}
 .faq-explorer .faqs details{border:1px solid #dce4f5;background:#fff;border-radius:10px;padding:0 17px}
 .faq-explorer .faqs summary{padding:17px 0;font-size:13px;line-height:1.5;gap:15px}
 .faq-explorer .faqs details[open]{border-color:#a7bff4}
 .faq-explorer .faqs details>p{font-size:12px;line-height:1.85;padding:0 0 18px;margin:0}
}

@media(min-width:761px){.faq-tabs button{padding:10px 14px;min-height:38px;line-height:1.3}.faq-tabs button>span:last-child{font-size:16px;line-height:1}.faq-answer-panel{padding:28px 32px}.faq-answer-number{width:40px;height:40px;margin-bottom:18px}.faq-answer-panel h3{margin-bottom:16px}.faq-answer-panel>p{margin-bottom:22px}.faq-contact{padding-top:18px}}

/* Safari/iOS: use composited opacity/transform, never a sticky touch hover pause. */
.scroll-reveal{-webkit-backface-visibility:hidden;backface-visibility:hidden}
@media(hover:hover) and (pointer:fine){.clients-carousel:hover .clients-track{animation-play-state:paused}}
@media(hover:none){.clients-carousel:hover .clients-track,.clients-carousel:focus-within .clients-track{animation-play-state:running}.clients-section[data-visible="false"] .clients-track{animation-play-state:paused}}
@media(prefers-reduced-motion:reduce){
 .hero-phrase{transform:none!important;transition:opacity .25s ease!important}
 .hero-phrases{transition:none!important}
 .scroll-reveal{transform:none!important;transition:opacity .25s ease!important}
 .scroll-reveal:not(.is-visible):not(:focus-within){opacity:0}
 .scroll-reveal.is-visible,.scroll-reveal:focus-within{opacity:1}
}

/* Center the complete FAQ heading above its question panel. */
.faq-heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:30px}
.faq-heading>div{width:100%}
.faq-heading .eyebrow{justify-content:center}
.faq-heading h2{max-width:850px;margin:16px auto 0;text-wrap:balance}
.faq-heading>.text-link{margin:0;font-size:12px}
@media(max-width:760px){.faq-heading{display:flex;gap:14px;margin-bottom:24px}.faq-heading h2{margin-top:14px}.faq-heading>.text-link{margin:0}}

.spw-landing-cart{position:fixed;right:26px;bottom:100px;z-index:999;display:flex;align-items:center;gap:10px;padding:14px 20px;border:1px solid #cbd6ff;border-radius:50px;background:#fff;color:#122044;box-shadow:0 5px 24px #06133126;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s}.spw-landing-cart svg{width:24px;height:24px}.spw-landing-cart:hover{background:#eaf1ff}.spw-landing-cart:focus-visible{outline:3px solid #6597ff;outline-offset:3px}@media(max-width:600px){.spw-landing-cart{right:16px;bottom:96px;padding:12px}.spw-landing-cart span{display:none}}

/* Mobile hero: centered copy and a single vertical action column. */
.hero-phrase{transition:opacity .22s ease,transform .22s ease}
.hero-phrases{transition:height .2s ease}
@media(max-width:760px){
 .hero{text-align:center;justify-items:center;gap:22px;padding-block:28px 18px}
 .hero-copy{width:100%;max-width:560px;margin-inline:auto;text-align:center}
 .hero h1{text-align:center;text-wrap:balance}
 .hero-copy>.hero-description{margin-inline:auto;max-width:440px;text-align:center}
 .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:360px;margin:24px auto 0}
 .hero-actions .button,.hero-actions .demo-link{display:flex;width:100%;justify-content:center;align-items:center;margin:0;min-height:50px}
 .hero-actions .demo-link{padding:11px 16px;border:1px solid #ffffff35;border-radius:5px;font-size:11px}
 .hero-note{justify-content:center;flex-wrap:wrap;gap:10px;margin-inline:auto}
 .hero-art-mockup{justify-self:center;margin-inline:auto}
}
/* The carousel controller owns movement; no sticky hover or observer pause. */
.clients-section .clients-carousel .clients-track{animation:none!important}
.clients-carousel.is-auto .clients-track{will-change:transform}
.video-stage{position:relative;min-height:200px}
.video-start{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:12px;width:100%;border:0;background:#0b11354d;color:white;cursor:pointer;font:600 12px Montserrat,Arial,sans-serif;text-shadow:0 1px 12px #000}
.video-start[hidden]{display:none}
.video-start span{display:grid;place-items:center;border:1px solid #ffffffa0;background:#0b1135bb;border-radius:50%;width:58px;height:58px;font-size:25px;padding-left:3px}
@media(prefers-reduced-motion:reduce){.clients-carousel.is-auto .clients-track{will-change:auto}}

/* Time-limited coupon announcement, separate from the approved hero. */
.spw-promo{position:relative;z-index:3;background:#2865e8;color:#fff;border-bottom:1px solid #ffffff25;font-size:11px;line-height:1.5}
.spw-promo[hidden]{display:none}.spw-promo-ticker{overflow:hidden;padding:9px 0;border-bottom:1px solid #ffffff20}
.spw-promo-track{display:flex;width:max-content;animation:spw-promo-marquee 28s linear infinite}.spw-promo-track>span{flex-shrink:0;padding-inline:25px;white-space:nowrap;letter-spacing:.06em}
.spw-promo-details{display:flex;align-items:center;justify-content:center;gap:12px 24px;padding:8px 20px;flex-wrap:wrap}.spw-promo-time b{font-variant-numeric:tabular-nums;white-space:nowrap}
.spw-promo-details button{background:#fff;color:#1749af;border:0;border-radius:4px;padding:6px 12px;font:600 11px Montserrat,Arial,sans-serif;cursor:pointer;min-height:32px}
@keyframes spw-promo-marquee{to{transform:translateX(-50%)}}
@media(max-width:760px){.spw-promo{font-size:10px}.spw-promo-details{gap:7px 14px;padding:8px 14px}.spw-promo-details button{font-size:10px}.spw-promo-ticker{padding:8px 0}}
@media(prefers-reduced-motion:reduce){.spw-promo-track{animation:none}.spw-promo-track>span{white-space:normal}.spw-promo-track{width:auto}.spw-promo-track>span[aria-hidden]{display:none}}

/* One compact announcement row above the navigation. */
.spw-promo{display:flex;align-items:center;gap:16px;min-width:0;padding:0 20px;min-height:40px}
.spw-promo-ticker{flex:1;min-width:0;border:0;padding:10px 0}
.spw-promo-details{flex:0 0 auto;flex-wrap:nowrap;gap:14px;padding:5px 0;white-space:nowrap}
.spw-promo-time{font-size:10px}.spw-promo-time b{display:inline-block;min-width:120px}
@media(max-width:760px){.spw-promo{gap:10px;padding-inline:12px;min-height:38px}.spw-promo-details{gap:7px}.spw-promo-time{font-size:0}.spw-promo-time b{font-size:10px;min-width:113px}.spw-promo-details button{min-height:28px;font-size:10px;padding:5px 8px}}