/* Shared refinements and three directly comparable hero directions. */
.hero-intro h1{font-weight:550;letter-spacing:-.035em;line-height:1.28}.headline-line{background:linear-gradient(105deg,#087fb8,#0756d6);padding:.015em .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero-landscape{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.landscape-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.6;animation:landscapeDrift 24s ease-in-out infinite alternate}.landscape-grid{position:absolute;inset:0;background-image:radial-gradient(#6dadd13b .8px,transparent .8px);background-size:24px 24px;mask-image:radial-gradient(ellipse at 10% 70%,#000 0%,transparent 55%);-webkit-mask-image:radial-gradient(ellipse at 10% 70%,#000 0%,transparent 55%)}.landscape-glow{position:absolute;width:50%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#83dfff22,transparent 68%);animation:glowDrift 20s ease-in-out infinite alternate}.glow-one{left:-18%;top:0}.glow-two{right:-15%;bottom:-25%;background:radial-gradient(ellipse,#7dabff20,transparent 65%);animation-delay:-9s}.landscape-node{animation:nodeGlow 5s ease-in-out infinite}.node-b{animation-delay:-2s}.node-c{animation-delay:-3.5s}.landscape-ring{position:absolute;border:1px solid #2a98d719;border-radius:50%;width:42vw;aspect-ratio:1;right:-22vw;top:18%;transform:rotate(-22deg) scaleX(.65)}.ring-two{right:-20vw;width:44vw}.hero-stage{left:var(--stage-left,50%)}
.hero-version-2 .hero-intro{text-align:left;width:min(650px,45vw);padding:0;position:absolute;left:max(40px,calc((100vw - 1500px)/2));top:clamp(150px,22vh,245px)}.hero-version-2 .hero-intro .eyebrow,.hero-version-2 .hero-actions{justify-content:flex-start}.hero-version-2 .hero-intro h1{font-size:clamp(34px,3.45vw,65px);line-height:1.3}.hero-version-2 .hero-description{font-size:20px;max-width:510px;margin-left:0;line-height:1.65}.hero-version-2 .hero-description br{display:none}.hero-version-2 .hero-actions{gap:28px}.hero-version-2 .hero-stage{width:min(1050px,58vw);left:var(--stage-left,78%)}.hero-version-2 .tag-design{left:-6%;top:10%}.hero-version-2 .tag-code{right:1%;bottom:5%}.hero-version-2 .hero-aura{background:radial-gradient(ellipse 40% 65% at 83% 51%,#2caef122,transparent 80%)}.hero-version-2 .landscape-lines{opacity:.38;transform:translateX(20%)}.hero-version-2 .landscape-grid{mask-image:linear-gradient(90deg,transparent 35%,#000);-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000)}
.hero-version-3 .hero-sticky{background:linear-gradient(130deg,#fff,#f3f8fc)}.hero-version-3 .hero-intro h1{color:#152632;line-height:1.14;font-weight:500}.headline-prefix{font-size:.62em;letter-spacing:-.025em}.headline-focus{display:inline-block;position:relative;color:#173f61;letter-spacing:-.05em;padding-bottom:.13em}.headline-focus:after{content:'';position:absolute;bottom:0;left:2%;right:2%;height:5px;border-radius:50%;background:linear-gradient(90deg,transparent,#0db7ee 15%,#0066ff 85%,transparent);transform:rotate(-1deg)}.hero-version-3 .hero-description{margin-top:30px}.hero-version-3 .landscape-lines{opacity:.25}.hero-version-3 .landscape-grid{mask-image:radial-gradient(ellipse at 90% 60%,#000,transparent 60%);-webkit-mask-image:radial-gradient(ellipse at 90% 60%,#000,transparent 60%)}.hero-version-3 .landscape-ring{width:68vw;right:-27vw;top:28%;border-color:#1388c91c}.hero-version-3 .ring-two{width:73vw;right:-29vw;top:25%}.hero-version-3 .glow-one{left:25%;top:20%;width:75%;background:radial-gradient(ellipse,#8bccf520,transparent 65%)}
.hero-variants{position:fixed;bottom:17px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;align-items:center;gap:4px;padding:5px 6px 5px 13px;background:#ffffffed;border:1px solid #dce4e9;border-radius:40px;box-shadow:0 4px 20px #2030440b;font:500 12px 'DM Sans'}.hero-variants>span{font-size:10px;color:#82909a;margin-right:8px}.hero-variants>a{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;transition:background .2s,color .2s}.hero-variants>a:hover{background:#e6f4fc}.hero-variants>a[aria-current]{background:#087ed9;color:white}.scroll-cue{bottom:26px}
/* A complete small store with two staggered order notifications. */
.service-visual{container-type:inline-size}.shop-halo{position:absolute;inset:0;background:radial-gradient(ellipse,#b7e7ff60,transparent 65%)}.store-window{position:absolute;left:2%;top:12%;width:89%;background:white;border:1px solid #fff;border-radius:12px;overflow:hidden;transform:perspective(1000px) rotateY(-8deg) rotateZ(-5deg);box-shadow:0 25px 45px #28496826}.store-chrome{height:28px;background:#f8fafc;border-bottom:1px solid #eaf0f5;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font:400 8px 'DM Sans';color:#9aabb7}.store-chrome>span{display:flex;gap:4px}.store-chrome i{width:4px;height:4px;display:block;background:#c7d2dc;border-radius:50%}.store-chrome b{font-weight:400}.store-content{padding:5%}.store-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:5%}.store-nav>span{font:600 clamp(14px,3.2cqw,24px)/1 Unbounded;letter-spacing:-.06em;color:#23394b}.store-dot{color:#06a9e6}.store-nav svg{width:18px;height:18px}.store-heading small{font:500 clamp(5px,1.2cqw,8px) 'DM Sans';letter-spacing:.12em;color:#8ca0af}.store-heading strong{display:block;font:500 clamp(13px,3.7cqw,27px)/1.22 Unbounded;letter-spacing:-.05em;margin:9px 0 6%}.store-products{display:grid;grid-template-columns:1fr 1fr;gap:5%}.product-stage{background:linear-gradient(135deg,#e8f7fd,#cdeafa);border-radius:7px;aspect-ratio:1.3;display:grid;place-items:center;overflow:hidden}.stage-sand{background:linear-gradient(135deg,#f4f6f7,#e4edf2)}.product-stage svg{width:76%;height:100%;max-height:165px}.store-product>span{display:block;font:600 clamp(8px,1.7cqw,13px) 'DM Sans';margin-top:10px}.store-product>small{display:block;font:400 clamp(6px,1.25cqw,9px) 'DM Sans';color:#8a9aa7;margin-top:3px}.store-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6edf2;padding-top:4%;margin-top:5%;font:500 clamp(7px,1.5cqw,11px) 'DM Sans';color:#4e7c9a}.store-bottom b{font-size:17px;font-weight:400}.order-notification{position:absolute;right:-2%;display:flex;align-items:center;gap:13px;padding:15px 19px;background:#fffffff5;border:1px solid #e1edf4;border-radius:12px;box-shadow:0 14px 35px #31536a20;z-index:4;transform:rotate(3deg);width:68%;max-width:310px}.order-one{top:1%}.order-two{top:23%;right:-5%;width:64%;transform:rotate(5deg)}.order-icon{width:34px;height:34px;border-radius:50%;background:#e1f8f1;color:#21a17b;display:grid;place-items:center;flex:none}.order-icon svg{width:22px;height:22px}.order-notification strong{font:600 clamp(10px,2.2cqw,15px)/1.4 'DM Sans';display:block;color:#2b465a}.order-notification small{display:block;font:400 clamp(8px,1.6cqw,11px)/1.5 'DM Sans';color:#8aa0ae;margin-top:2px}.order-dot{width:5px;height:5px;background:#17af83;border-radius:50%;margin-left:auto}.service-visual[data-active="1"] .order-one{animation:orderArrive 8s var(--ease) infinite}.service-visual[data-active="1"] .order-two{animation:orderArrive 8s var(--ease) 1.3s infinite both}.service-visual[data-active="1"] .order-icon svg{animation:checkArrive 8s var(--ease) infinite}.service-visual[data-active="1"] .order-two .order-icon svg{animation-delay:1.3s}
/* Campaign illustration: one phone, connected platforms, no invented results. */
.marketing-halo{position:absolute;inset:0;background:radial-gradient(ellipse,#aedffc60,transparent 65%)}.marketing-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#33a9e052;stroke-width:1;stroke-dasharray:3 6}.service-visual[data-active="2"] .marketing-connections{animation:connectionFlow 20s linear infinite}.social-phone{position:absolute;left:30%;top:1%;width:45%;aspect-ratio:.49;background:linear-gradient(120deg,#5b646f,#1c2731 35%,#5c6a77);padding:5px;border-radius:28px;box-shadow:14px 22px 40px #25456230;transform:rotate(-7deg);overflow:hidden}.social-notch{position:absolute;top:10px;width:35%;height:10px;background:#20303d;left:32.5%;z-index:3;border-radius:10px}.social-screen{height:100%;background:#fff;border-radius:23px;overflow:hidden;padding-top:27px}.social-top{display:flex;align-items:center;padding:9px 10px;gap:7px}.social-avatar{width:24px;height:24px;background:var(--gradient);color:white;border-radius:50%;display:grid;place-items:center;font:600 13px 'DM Sans';flex:none}.social-top>div{flex:1;line-height:1.2}.social-top b{font:600 clamp(7px,1.65cqw,12px) 'DM Sans'}.social-top small{display:block;font:400 clamp(5px,1.1cqw,8px) 'DM Sans';color:#8b9ba7}.social-top>i{font:600 8px 'DM Sans';color:#59717f}.social-post{position:relative;aspect-ratio:.9;background:#0a1e30;overflow:hidden;color:#fff}.social-post img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.9}.social-post:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071525bc,transparent 70%)}.social-post>span,.social-post>strong{position:absolute;z-index:1;left:11%}.social-post>span:first-of-type{top:9%;font:400 clamp(4px,.9cqw,6px) 'DM Sans';letter-spacing:.1em}.social-post>strong{bottom:21%;font:500 clamp(13px,3.2cqw,24px)/1.2 Unbounded;letter-spacing:-.05em}.social-post .post-logo{bottom:7%;font:500 clamp(4px,.9cqw,6px) 'DM Sans';letter-spacing:.06em}.social-post-actions{display:flex;align-items:center;gap:8px;padding:11px 11px 7px;color:#314d60}.social-post-actions svg{width:17px;height:17px}.social-post-actions>span{margin-left:auto;font-size:12px}.social-screen>p{font:400 clamp(7px,1.6cqw,11px)/1.5 'DM Sans';padding:0 11px;color:#657f91}.social-cta{margin:10px 11px 0;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;background:#e9f5fd;color:#277fab;border-radius:5px;font:500 clamp(6px,1.4cqw,10px) 'DM Sans'}.platform-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2ecf2;border-radius:12px;padding:15px 18px;box-shadow:0 15px 35px #3551681c;transform:rotate(var(--platform-angle,-6deg))}.platform-card img{width:clamp(23px,5.8cqw,42px);height:clamp(23px,5.8cqw,42px);object-fit:contain;flex:none}.platform-card>span{font:600 clamp(10px,2.1cqw,15px)/1.2 'DM Sans';color:#395368}.platform-card small{display:block;font:400 clamp(6px,1.3cqw,9px) 'DM Sans';color:#91a3b0;margin-top:5px;white-space:nowrap}.platform-meta{left:-3%;top:33%;--platform-angle:-8deg}.platform-instagram{right:-5%;top:9%;--platform-angle:7deg}.platform-google{left:4%;bottom:6%;--platform-angle:-4deg}.social-reaction{position:absolute;z-index:5;right:-2%;bottom:1%;display:flex;align-items:center;gap:8px;font:500 clamp(8px,1.7cqw,12px) 'DM Sans';color:#4a7794;background:#ffffffec;border:1px solid #dcecf5;box-shadow:0 10px 25px #23476710;border-radius:30px;padding:12px 17px;transform:rotate(5deg)}.social-reaction svg{width:18px;height:18px;color:#0b9cdb}.service-visual[data-active="2"] .platform-card{animation:platformFloat 6s ease-in-out infinite}.service-visual[data-active="2"] .platform-instagram{animation-delay:-2s}.service-visual[data-active="2"] .platform-google{animation-delay:-4s}.service-visual[data-active="2"] .social-reaction svg{animation:reactionBeat 4s ease-in-out infinite}
@keyframes landscapeDrift{from{transform:translate(-10px,0) scale(1.01)}to{transform:translate(15px,-20px) scale(1.04)}}@keyframes glowDrift{to{transform:translate(8%,-5%) scale(1.2)}}@keyframes nodeGlow{0%,100%{opacity:.3}50%{opacity:.9}}@keyframes orderArrive{0%,5%{opacity:0;transform:translateY(-20px) rotate(3deg) scale(.94)}14%,75%{opacity:1;transform:translateY(0) rotate(3deg) scale(1)}85%,100%{opacity:0;transform:translateY(-12px) rotate(3deg) scale(.98)}}@keyframes checkArrive{0%,7%{transform:scale(.4);opacity:0}16%,100%{transform:scale(1);opacity:1}}@keyframes connectionFlow{to{stroke-dashoffset:-180}}@keyframes platformFloat{0%,100%{transform:translateY(0) rotate(var(--platform-angle))}50%{transform:translateY(-9px) rotate(var(--platform-angle))}}@keyframes reactionBeat{0%,60%,100%{transform:scale(1)}70%{transform:scale(1.18)}80%{transform:scale(1)}}
@media(min-width:1800px){.hero-version-3 .hero-intro{padding-top:175px}.hero-version-3 .hero-intro h1{font-size:91px}}
@media(max-width:1199px){.hero-version-2 .hero-intro{left:40px;width:45vw;top:160px}.hero-version-2 .hero-intro h1{font-size:clamp(30px,3.5vw,44px)}.hero-version-2 .hero-description{font-size:17px;max-width:390px}.hero-version-2 .hero-actions{gap:18px;flex-wrap:wrap}.hero-version-2 .hero-actions .button{font-size:14px;padding:14px 18px;gap:20px}.hero-version-2 .hero-actions .quiet-link{font-size:13px}.order-notification{padding:12px 14px;gap:9px}.order-icon{width:27px;height:27px}.order-icon svg{width:18px;height:18px}.platform-card{padding:12px 13px;gap:8px}.social-phone{padding:4px;border-radius:23px}.social-screen{border-radius:19px;padding-top:20px}.social-notch{height:8px;top:9px}.social-top{padding:7px 8px;gap:6px}.social-avatar{width:20px;height:20px;font-size:11px}.social-post-actions{gap:6px;padding:8px}.social-post-actions svg{width:13px;height:13px}.social-screen>p{padding:0 8px}.social-cta{margin:8px 8px 0;padding:7px}.social-reaction{padding:10px 13px;gap:6px}.social-reaction svg{width:15px;height:15px}}
@media(max-width:767px){.hero-intro h1{font-size:clamp(18px,5.8vw,42px);line-height:1.32}.headline-line{padding:.025em .07em}.hero-landscape .landscape-lines{width:200%;left:-50%;opacity:.4}.landscape-ring{width:100vw;right:-65vw;top:35%}.ring-two{width:110vw;right:-70vw}.landscape-grid{background-size:19px 19px}.hero-version-2 .hero-intro{left:24px;top:125px;width:calc(100% - 48px);padding:0;text-align:left}.hero-version-2 .hero-intro h1{font-size:clamp(29px,8.3vw,53px);line-height:1.3}.hero-version-2 .hero-intro .eyebrow{justify-content:flex-start;font-size:8px;margin-bottom:22px}.hero-version-2 .hero-description{font-size:15px;max-width:320px;margin-top:23px}.hero-version-2 .hero-actions{gap:18px;flex-wrap:nowrap;margin-top:22px}.hero-version-2 .hero-actions .button{font-size:12px;padding:12px 13px;gap:10px}.hero-version-2 .hero-actions .quiet-link{font-size:11px;gap:6px}.hero-version-2 .hero-stage{width:88vw;left:var(--stage-left,50%)}.hero-version-2 .hero-sticky{min-height:760px}.hero-version-2 .hero-scroll{min-height:1180px;height:170svh}.hero-version-3 .hero-intro{padding-top:150px}.hero-version-3 .hero-intro h1{font-size:clamp(22px,7.2vw,51px);white-space:nowrap;line-height:1.25}.hero-version-3 .headline-prefix{font-size:.68em;letter-spacing:-.025em}.hero-version-3 .headline-focus{letter-spacing:-.045em;padding-bottom:.22em}.headline-focus:after{height:3px}.hero-version-3 .hero-description{margin-top:27px}.hero-version-3 .landscape-ring{width:160vw;right:-105vw;top:30%}.hero-version-3 .ring-two{width:170vw;right:-110vw}.hero-variants{bottom:12px;padding:4px 5px 4px 9px;gap:3px}.hero-variants>a{width:25px;height:25px;font-size:11px}.hero-variants>span{font-size:9px;margin-right:4px}.scroll-cue>span{display:none}.scroll-cue{bottom:16px;left:22px}.store-window{top:15%;width:91%;left:0;border-radius:9px}.store-chrome{height:20px;font-size:6px;padding:0 9px}.store-chrome i{width:3px;height:3px}.store-content{padding:5%}.store-heading strong{margin-top:6px;margin-bottom:6%}.store-nav svg{width:13px;height:13px}.store-product>span{margin-top:6px}.store-product>small{margin-top:2px}.store-bottom b{font-size:12px}.order-notification{padding:10px 11px;gap:7px;border-radius:9px;width:73%;right:-2%;top:0}.order-two{top:21%;right:-5%;width:70%}.order-icon{width:25px;height:25px}.order-icon svg{width:16px;height:16px}.order-dot{width:4px;height:4px}.platform-card{padding:10px 11px;border-radius:9px;gap:7px}.platform-card img{width:26px;height:26px}.platform-card small{margin-top:3px}.platform-meta{left:-6%;top:32%}.platform-instagram{right:-7%;top:8%}.platform-google{left:0;bottom:7%}.social-phone{left:27%;width:47%;top:0;border-radius:19px;padding:3px}.social-screen{border-radius:16px;padding-top:17px}.social-notch{top:7px;height:7px}.social-top{padding:6px;gap:4px}.social-avatar{width:17px;height:17px;font-size:9px}.social-post-actions{padding:7px 6px 5px;gap:6px}.social-post-actions svg{width:11px;height:11px}.social-screen>p{padding:0 6px}.social-cta{padding:6px;margin:7px 6px 0}.social-reaction{padding:9px 11px;right:-5%;bottom:0}.social-reaction svg{width:14px;height:14px}}
@media(max-width:380px){.hero-version-2 .hero-intro{left:20px;width:calc(100% - 40px)}.hero-version-2 .hero-actions{gap:14px}.hero-version-2 .hero-actions .button{font-size:11px;padding:11px;gap:7px}.hero-version-2 .hero-actions .quiet-link{font-size:10px}.hero-version-2 .hero-description{font-size:14px}.order-notification{padding:8px 9px;gap:6px}.order-icon{width:21px;height:21px}.order-icon svg{width:14px;height:14px}.platform-card{padding:8px 9px;gap:6px}.platform-card img{width:22px;height:22px}.social-cta{padding:5px;margin-top:6px}.social-post-actions{padding:6px;gap:5px}.social-avatar{width:14px;height:14px;font-size:7px}.social-top>i{font-size:6px}.social-phone{aspect-ratio:.47}.social-post>strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.order-notification{opacity:1}.hero-version-2 .hero-intro{opacity:1!important;transform:none!important}.hero-version-2 .hero-stage{left:78%!important;top:260px!important;transform:translateX(-50%) scale(.85)!important}.hero-version-2 .hero-sticky{height:850px}.hero-version-2 .phone-device{opacity:1}.hero-landscape *{animation:none!important}}
@media(max-width:767px) and (prefers-reduced-motion:reduce){.hero-version-2 .hero-stage{left:50%!important;top:530px!important;transform:translateX(-50%) scale(.94)!important}.hero-version-2 .hero-sticky{height:850px}}
/* Keep the complete shop inside its illustration area at every card size. */
.store-window{height:80%;top:12%}.store-content{height:calc(100% - 28px);display:flex;flex-direction:column;padding:4%}.store-nav{margin-bottom:3%;flex-shrink:0}.store-heading{flex-shrink:0}.store-heading strong{font-size:clamp(12px,3.3cqw,24px);margin:5px 0 10px}.store-products{flex:1;min-height:0}.store-product{min-height:0;display:flex;flex-direction:column}.product-stage{flex:1;min-height:0;aspect-ratio:auto}.store-product>span,.store-product>small{flex-shrink:0}.product-stage svg{max-height:100%;height:100%;width:85%}.store-bottom{flex-shrink:0;margin-top:3%;padding-top:3%}
@media(max-width:767px){.store-window{height:86%;top:9%}.store-content{height:calc(100% - 20px)}.store-heading strong{margin:4px 0 7px;font-size:12px}.store-product>small{display:none}.store-product>span{margin-top:4px;font-size:7px}.store-nav>span{font-size:12px}.store-bottom{margin-top:3%;padding-top:3%;font-size:6px}.store-bottom b{font-size:10px}}
.social-phone{width:40%;left:32%;top:1%}.social-post{aspect-ratio:1}
@media(max-width:767px){.social-phone{width:39%;left:31%;aspect-ratio:.5}.social-post{aspect-ratio:1.05}.social-post>strong{font-size:clamp(11px,3cqw,15px)}.social-screen>p{font-size:6px;line-height:1.4}.social-cta{font-size:6px;padding:5px;margin-top:6px}.social-top b{font-size:7px}.social-top small{font-size:5px}.social-post-actions svg{width:10px;height:10px}}
.store-heading small{display:block;line-height:1.3}
@media(max-width:767px){.service-visual{aspect-ratio:1/1.2}.store-heading small{display:none}.store-heading strong{margin-top:4px}.store-nav{margin-bottom:2%}}