/* Physical devices and brighter product framing. */
.wide-intro{align-items:center;grid-template-columns:1.1fr .9fr;gap:40px;padding:42px;background:linear-gradient(125deg,#e8f1ff,#fff8e7);border:1px solid #d7e4f4;border-radius:28px;box-shadow:0 18px 55px #24496c0c}.wide-intro .vlead{background:#fff9;border:1px solid #fff;padding:28px;border-radius:20px;font-size:22px;color:#254263}.wide-intro .eyebrow{display:inline-block;background:#244b72;color:white;padding:9px 14px;border-radius:9px;letter-spacing:.08em}.core-jumps{gap:12px}.core-jumps a{background:#fff;border:1px solid #bed3eb;box-shadow:0 5px 15px #254f7620;border-radius:12px;padding:14px 20px;font-size:17px}.vbtn.primary{background:linear-gradient(135deg,#ffe299,#e4ad32);border:1px solid #f7d373;box-shadow:0 6px 0 #b78226,0 14px 30px #e4ae3230;border-radius:13px}.text-link{background:linear-gradient(120deg,#e7f0ff,#eaf6f5);border:1px solid #bbd2eb;border-radius:12px;padding:13px 19px;color:#214d78;box-shadow:0 7px 20px #244d7910}.dark-section .text-link{background:#18334f;color:#d8eaff;border-color:#385f83}.benefit{padding:18px;border:1px solid #dbe6f1;border-radius:16px;background:#ffffff90}.dark-section .benefit{background:#152338;border-color:#2c4058}.benefits{border-left:0!important;padding-left:0!important;gap:14px}.product-intro{padding:24px;border-left:4px solid #739dda;background:linear-gradient(100deg,#e4effb80,transparent);border-radius:0 16px 16px 0;margin-bottom:26px}.dark-section .product-intro{background:linear-gradient(100deg,#24476a70,transparent)}
.screen-frame:not(.is-mobile){position:relative;width:100%;max-width:720px;aspect-ratio:16/10;border:10px solid #202c3d;border-bottom-width:22px;border-radius:15px;overflow:visible;margin-bottom:100px;background:#fff;box-shadow:0 30px 55px #14365530;transform:none}.screen-frame:not(.is-mobile):before,.chat-browser:before{content:'';position:absolute;top:100%;left:43%;width:14%;height:60px;background:linear-gradient(90deg,#8c9cac,#dce4eb,#8c9cac);z-index:-1}.screen-frame:not(.is-mobile):after,.chat-browser:after{content:'';position:absolute;top:calc(100% + 55px);left:27%;width:46%;height:13px;border-radius:50% 50% 5px 5px;background:linear-gradient(#cbd6e0,#718296);box-shadow:0 8px 15px #12334f20}.screen-frame:not(.is-mobile) .screen-chrome{height:30px;padding:5px 10px;border-radius:4px 4px 0 0}.screen-frame:not(.is-mobile) .demo-site{height:calc(100% - 30px);overflow-y:auto;overscroll-behavior:contain;border-radius:0;scrollbar-width:thin}.screen-frame:not(.is-mobile) .demo-site-hero{min-height:270px;padding:24px}.screen-frame:not(.is-mobile) .demo-site-hero h3{font-size:42px}.screen-frame.is-mobile{width:280px;max-width:100%;height:560px;max-height:none;aspect-ratio:auto;border:9px solid #1c2b3f;border-radius:40px;overflow:hidden;background:#1c2b3f;padding:0;box-shadow:0 30px 55px #15314e30}.screen-frame.is-mobile:before{content:'';position:absolute;left:50%;top:7px;transform:translateX(-50%);width:88px;height:19px;background:#162638;border-radius:20px;z-index:3}.screen-frame.is-mobile .screen-chrome{height:35px;padding:5px 12px;background:#f4f7fa;font-size:0;border-radius:30px 30px 0 0}.screen-frame.is-mobile .chrome-dots{visibility:hidden}.screen-frame.is-mobile .demo-site{height:calc(100% - 35px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:0 0 28px 28px}.screen-frame.is-mobile .demo-site-hero{min-height:340px}.screen-frame.is-mobile .demo-site-hero h3{font-size:39px}.lead-alert{position:relative;max-width:100%;margin:25px auto 0;transform:none!important}.stage-website .demo-caption{margin-top:18px}.stage-website{padding-block:30px}.scene-phone{height:590px;min-height:0!important;display:flex;flex-direction:column}.scene-phone .scene-feed{min-height:0!important;flex:1;overflow-y:auto;overscroll-behavior:contain}.scene-compose{flex-shrink:0}.live-scene{min-height:760px}
.chat-browser{width:100%;height:470px;margin-top:35px;overflow:visible;border:9px solid #202c3d;border-bottom-width:20px;border-radius:14px;background:#f2f0e5;position:relative;margin-bottom:100px}.scene-browser-bar{height:30px;padding:6px 10px;border-radius:4px 4px 0 0}.scene-web-nav{padding:13px}.scene-web-photo{height:320px;min-height:0;padding:35px 18px}.scene-web-photo h3{font-size:38px;max-width:160px}.scene-web-strip{height:45px;padding:12px}.scene-chat-panel{position:absolute;top:auto;bottom:12px;right:10px!important;width:235px;max-width:48%;height:340px;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 22px #102d4055;overflow:hidden}.scene-chat-head{padding:10px;gap:6px}.scene-chat-head b{font-size:13px}.scene-chat-head small{font-size:10px}.scene-chat-head .scene-avatar{width:28px;height:28px}.scene-chat-panel .scene-feed{min-height:0!important;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:10px;gap:7px}.scene-chat-panel .scene-bubble{font-size:12px;padding:9px;line-height:1.4}.scene-chat-panel .scene-compose{font-size:11px;margin:0 8px 8px;padding:8px}.web-scene{min-height:720px}.web-scene .scene-outcome{margin-top:20px!important}.web-scene .scene-orbit{display:none}
.signal-bloom i{border-radius:0;clip-path:polygon(47% 0,54% 17%,63% 7%,62% 25%,86% 15%,76% 35%,100% 40%,81% 50%,96% 68%,72% 65%,78% 91%,59% 76%,51% 100%,42% 78%,22% 93%,28% 70%,3% 77%,20% 55%,0 44%,23% 39%,10% 18%,34% 28%,33% 4%);filter:drop-shadow(0 3px 2px #28588b08)}.signal-bloom i:before,.signal-bloom i:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,#fff4,transparent 38%)}.section-progress{height:5px;background:linear-gradient(90deg,#467fea,#ad80ee,#edbc51);box-shadow:0 0 12px #619bea70}.device-switch button[aria-pressed=true],.scene-controls button[aria-pressed=true]{background:linear-gradient(120deg,#244b72,#467ee0);box-shadow:0 5px 15px #3b76d532}
@media(max-width:1060px){.wide-intro{grid-template-columns:1fr;padding:30px;gap:25px}.stage-website{max-width:720px;width:100%;margin:auto}.chat-browser{max-width:640px;margin-inline:auto}}
@media(max-width:760px){.wide-intro{padding:25px;border-radius:22px}.wide-intro .vlead{font-size:20px;padding:22px}.core-jumps a{font-size:14px;padding:12px}.benefit{padding:15px}.product-intro{padding:20px}.screen-frame:not(.is-mobile){border-width:6px;border-bottom-width:15px;aspect-ratio:16/11}.screen-frame:not(.is-mobile) .demo-site-nav{padding:10px}.screen-frame:not(.is-mobile) .demo-site-hero{min-height:210px;padding:16px}.screen-frame:not(.is-mobile) .demo-site-hero h3{font-size:32px}.chat-browser{height:410px;border-width:6px;border-bottom-width:15px}.scene-chat-panel{width:205px;max-width:66%;height:285px;right:7px!important;bottom:10px}.scene-chat-panel .scene-bubble{font-size:11px}.scene-web-photo{height:285px}.scene-web-photo h3{font-size:28px;max-width:100px}.scene-web-photo>span{display:none}.scene-web-nav b{font-size:11px}.scene-web-strip{font-size:10px}.web-scene{min-height:650px}.scene-phone{height:570px}.hero-character img{object-fit:contain}}
.signal-bloom i{clip-path:none;mask:url('paint-splash-v2.svg') center/100% 100% no-repeat;width:100%;height:90%;opacity:.6}.screen-frame:not(.is-mobile) .demo-site-nav{padding:12px;min-height:48px}.screen-frame:not(.is-mobile) .demo-site-nav b{font-size:12px}.screen-frame:not(.is-mobile) .demo-site-nav b small{font-size:7px}.screen-frame:not(.is-mobile) .demo-site-nav a{font-size:10px}.screen-frame:not(.is-mobile) .demo-site-hero{min-height:220px;padding:18px 20px}.screen-frame:not(.is-mobile) .demo-site-hero h3{font-size:34px;margin:12px 0}.screen-frame:not(.is-mobile) .demo-site-hero p{font-size:12px}.screen-frame:not(.is-mobile) .demo-site-hero a{font-size:11px;padding:9px 12px;margin-top:10px}
.chat-browser{height:auto;aspect-ratio:16/10}.scene-web-nav{height:45px}.scene-web-photo{height:calc(100% - 110px);padding:22px 18px}.scene-web-photo h3{font-size:32px;margin:14px 0}.scene-web-strip{height:35px;padding:9px 12px}.scene-chat-panel{height:calc(100% - 45px);max-height:340px;bottom:8px}.web-scene{min-height:600px}@media(max-width:760px){.chat-browser{height:auto;aspect-ratio:16/11}.scene-web-nav{height:35px}.scene-web-photo{height:calc(100% - 90px);padding:15px 10px}.scene-web-photo h3{font-size:22px;margin:8px 0}.scene-web-photo small{font-size:6px}.scene-chat-panel{height:calc(100% - 38px);width:190px;max-width:62%;bottom:5px}.scene-chat-head{padding:7px}.scene-chat-head b{font-size:11px}.scene-chat-head small{font-size:8px}.scene-chat-panel .scene-bubble{font-size:10px;padding:7px}.scene-chat-panel .scene-compose{font-size:10px}.web-scene{min-height:500px}}

/* Scroll decorations stay centered and devices stay inside their layout columns. */
.product-stage{width:100%;max-width:100%;min-width:0;margin-inline:auto}
.product-stage .live-scene{width:100%;max-width:100%;margin-inline:auto}
.product-stage .scene-phone,.product-stage .reviews-scene .scene-phone{margin-inline:auto!important;transform:none!important}
.product-stage .screen-frame,.product-stage .chat-browser{max-width:100%;margin-inline:auto!important}
.product-stage .scene-controls{width:100%;justify-content:center}
.product-stage .scene-outcome{margin-inline:auto!important;transform:none!important}
.product-stage .signal-bloom,.story-canvas .signal-bloom{inset:0;overflow:hidden}
.signal-bloom i{left:0;top:5%;translate:none;transform:rotate(-20deg)}
.signal-bloom i:nth-child(2){transform:rotate(60deg)}
.signal-bloom i:nth-child(3){transform:rotate(160deg)}
.signal-bloom i:nth-child(4){transform:rotate(220deg)}
.signal-bloom i:nth-child(5){transform:rotate(290deg)}
/* GSAP owns the centering percentages when motion is enabled. */
.signal-bloom.motion-ready i{translate:none}
.story-object{left:7.5%;top:50%;translate:0 -50%;align-self:start;justify-self:start;transform:none}
@media(max-width:760px){.story-object{left:2.5%}}
@media(prefers-reduced-motion:reduce){.story-object{left:auto;top:auto;translate:none}}