/* Real application screens, framed in CSS so the surrounding stage stays transparent. */
.marketing-page .inner-hero:has(.product-explorer) .inner-hero-content{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);align-items:center;gap:52px;max-width:1480px;width:92%}
.marketing-page .inner-hero:has(.product-explorer) .inner-hero-visual{width:100%;max-width:none;margin:0;opacity:1;transform:none}
.product-explorer{position:relative;padding:22px;background:linear-gradient(145deg,#23486199,#0b1b2dcc);border:1px solid #86c5ed33;border-radius:24px;box-shadow:0 30px 80px #0003}
.product-explorer-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;color:#9bc7e5;font:10px/1.6 system-ui;letter-spacing:.14em}.product-explorer-live{color:#e1f3ff;letter-spacing:0}.product-explorer-live::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#49d9ab;margin-right:8px;box-shadow:0 0 12px #49d9ab88}
.product-explorer-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.product-explorer-tabs button{display:grid;grid-template-columns:24px 1fr;gap:4px 7px;padding:14px 10px;text-align:left;color:#b9cee0;background:#0b1c2d66;border:1px solid #7596b333;border-radius:12px;cursor:pointer;font:inherit;transition:background .2s,border-color .2s,transform .2s}.product-explorer-tabs button>span{grid-row:span 2;color:#74b9f8;font-size:11px}.product-explorer-tabs strong{font-size:13px}.product-explorer-tabs small{font-size:9px;line-height:1.4}.product-explorer-tabs button[aria-pressed=true]{background:linear-gradient(130deg,#1769e8,#17436b);border-color:#83c5ff;color:white;box-shadow:0 8px 22px #0a58c733}.product-explorer-tabs button:hover{transform:translateY(-3px);border-color:#83c5ff}.product-explorer-tabs button:focus-visible{outline:2px solid #a4ddff;outline-offset:3px}
.product-explorer-window{overflow:hidden;border:1px solid #b7d0e766;border-radius:12px;background:#eff4f9;box-shadow:0 20px 45px #0004}.product-explorer-toolbar{display:flex;align-items:center;gap:16px;padding:10px 14px;font:10px/1.5 system-ui;color:#506881;border-bottom:1px solid #d5e1eb}.product-explorer-toolbar>span:first-child{letter-spacing:3px;color:#8aa7bf}.product-explorer-window img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top}.product-explorer-window img[hidden]{display:none}.product-explorer-caption{margin:16px 0 0!important;color:#a8c0d5!important;text-align:center;font:10px/1.6 system-ui!important}
@media(prefers-reduced-motion:no-preference){.product-explorer-window img:not([hidden]){animation:home-arrive .45s ease both}}
@media(max-width:1000px){.marketing-page .inner-hero:has(.product-explorer) .inner-hero-content{grid-template-columns:1fr;gap:35px}.product-explorer{max-width:780px;margin:auto}}
@media(max-width:540px){.product-explorer{padding:12px;border-radius:18px}.product-explorer-heading{font-size:8px;margin-bottom:14px}.product-explorer-tabs{gap:6px;margin-bottom:12px}.product-explorer-tabs button{grid-template-columns:1fr;padding:10px 7px;gap:5px}.product-explorer-tabs button>span{grid-row:auto}.product-explorer-tabs strong{font-size:12px}.product-explorer-tabs small{font-size:8px}.product-explorer-caption{font-size:9px!important}}
/* Home: restore the split composition with the supplied photographic frames. */
@keyframes home-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes home-assistant-drift{0%,100%{transform:translate3d(0,0,0) rotate(.5deg)}50%{transform:translate3d(7px,-18px,0) rotate(-.5deg)}}
@keyframes home-connected-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,15px,0)}}
@media(prefers-reduced-motion:no-preference){
  .marketing-page:has(.reference-device-scene) .site-header{animation:home-arrive .65s ease both}
  .marketing-page .hero:has(.reference-device-scene) .hero-copy>:is(.hero-release,h1,p,.hero-actions,.hero-trust){animation:home-arrive .85s cubic-bezier(.22,1,.36,1) both}
  .marketing-page .hero:has(.reference-device-scene) .hero-copy>.hero-release{animation-delay:.08s}
  .marketing-page .hero:has(.reference-device-scene) .hero-copy>h1{animation-delay:.16s}
  .marketing-page .hero:has(.reference-device-scene) .hero-copy>p{animation-delay:.25s}
  .marketing-page .hero:has(.reference-device-scene) .hero-copy>.hero-actions{animation-delay:.34s}
  .marketing-page .hero:has(.reference-device-scene) .hero-copy>.hero-trust{animation-delay:.43s}
  .marketing-page .hero .reference-device-scene{animation:home-arrive 1s cubic-bezier(.22,1,.36,1) .2s both}
  .marketing-page .hero .reference-device-scene .hero-assistant-status{animation:home-arrive .8s ease .5s both,home-assistant-drift 4.8s ease-in-out 1.3s infinite}
  .marketing-page .hero .reference-device-scene .hero-device-status{animation:home-arrive .8s ease .65s both,home-connected-drift 5.6s ease-in-out 1.45s infinite}
  .marketing-page .hero .reference-device-scene a:is(:hover,:focus-visible){animation-play-state:paused}
}
.hero:has(.reference-device-scene) .hero-inner{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.5fr);align-items:center;gap:36px;width:min(1480px,92%);max-width:1480px}
.hero:has(.reference-device-scene) .hero-copy{max-width:none;text-align:left;padding:0;margin:0;position:relative;z-index:6}
.hero:has(.reference-device-scene) .hero-copy h1{font-size:clamp(44px,4.6vw,70px);line-height:1.08;letter-spacing:-.045em;max-width:570px}
.hero:has(.reference-device-scene) .hero-copy>p{max-width:510px;margin-left:0;font-size:17px;line-height:1.85}
.hero:has(.reference-device-scene) .hero-actions,.hero:has(.reference-device-scene) .hero-trust{justify-content:flex-start}
.hero:has(.reference-device-scene){min-height:0;padding-top:145px;padding-bottom:35px}
.marketing-page .hero .reference-device-scene{width:100%;max-width:none;aspect-ratio:1.22;height:auto;min-height:0;order:initial;overflow:visible;transform:translate3d(var(--hero-device-x,0px),var(--hero-device-y,0px),0);opacity:1}
.marketing-page .hero .reference-device-scene .hero-laptop-device{inset:3% -8% auto auto;width:112%;height:auto;aspect-ratio:1448/1086;animation:hero-laptop-float 7.6s ease-in-out infinite}
.marketing-page .hero .reference-device-scene .hero-phone-device{width:43%;left:-6%;bottom:-2%;aspect-ratio:1024/1536}
.marketing-page .hero .reference-device-scene .hero-laptop-screen{left:12.224%;top:13.536%;width:75.622%;height:64.088%;right:auto;bottom:auto;border:0;border-radius:0;box-shadow:none}
.marketing-page .hero .reference-device-scene .hero-phone-screen{left:21.484%;top:10.221%;width:57.227%;height:80.794%;border-radius:0}
.marketing-page .hero .reference-device-scene .hero-laptop-screen img,.marketing-page .hero .reference-device-scene .hero-phone-screen img{object-fit:cover;object-position:top}
.marketing-page .hero .reference-device-scene .hero-device-frame{display:block;filter:drop-shadow(0 18px 18px #0003)}
.marketing-page .hero .reference-device-scene .hero-assistant-status{top:9%;right:0}.marketing-page .hero .reference-device-scene .hero-device-status{right:1%;bottom:17%}
.marketing-page .hero .reference-device-scene .hero-assistant-status>span{display:grid;gap:4px}.marketing-page .hero .reference-device-scene a{text-decoration:none;transition:border-color .2s,box-shadow .2s}.marketing-page .hero .reference-device-scene a:hover{border-color:#81c9ff;box-shadow:0 16px 45px #0004,0 0 30px #278cea33}.marketing-page .hero .reference-device-scene a:focus-visible{outline:3px solid #8ed4ff;outline-offset:5px}
.marketing-page .hero .reference-device-scene .hero-assistant-status strong,.marketing-page .hero .reference-device-scene .hero-device-status strong{font-size:12px}.marketing-page .hero .reference-device-scene .hero-assistant-status small,.marketing-page .hero .reference-device-scene .hero-device-status small{font-size:10px}
@media(max-width:1050px){.hero:has(.reference-device-scene) .hero-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:15px;width:94%}.hero:has(.reference-device-scene) .hero-copy h1{font-size:46px}.hero:has(.reference-device-scene) .hero-copy>p{font-size:15px}.marketing-page .hero .reference-device-scene .hero-assistant-status{top:1%}.marketing-page .hero .reference-device-scene .hero-device-status{bottom:11%;right:0}}
@media(max-width:760px){.hero:has(.reference-device-scene){padding-top:115px}.hero:has(.reference-device-scene) .hero-inner{grid-template-columns:1fr;width:calc(100% - 40px);gap:25px}.hero:has(.reference-device-scene) .hero-copy{max-width:570px}.hero:has(.reference-device-scene) .hero-copy h1{font-size:clamp(40px,7.5vw,54px)}.marketing-page .hero .reference-device-scene{width:100%;max-width:640px;justify-self:center;aspect-ratio:1.13;margin-top:10px}.marketing-page .hero .reference-device-scene .hero-laptop-device{width:108%;right:-4%;top:6%}.marketing-page .hero .reference-device-scene .hero-phone-device{width:45%;left:-6%;bottom:0}.marketing-page .hero .reference-device-scene .hero-assistant-status{right:0;top:1%;padding:7px;gap:7px}.marketing-page .hero .reference-device-scene .hero-device-status{right:0;bottom:12%;padding:9px}.marketing-page .hero .reference-device-scene .hero-assistant-status strong,.marketing-page .hero .reference-device-scene .hero-device-status strong{font-size:10px}.marketing-page .hero .reference-device-scene .hero-assistant-status small,.marketing-page .hero .reference-device-scene .hero-device-status small{font-size:8px}.marketing-page .hero .reference-device-scene .hero-assistant-status img{width:27px;height:27px}.hero:has(.reference-device-scene) .hero-proof{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.marketing-page .hero .reference-device-scene{transform:none!important}.marketing-page .hero .reference-device-scene *{animation:none!important;transition:none!important}}
.real-product-stage{position:relative;width:100%;padding:20px 3% 40px;isolation:isolate}
.real-product-stage::before{content:"";position:absolute;inset:15% 0 0;background:radial-gradient(ellipse,#328cdf30,transparent 68%);filter:blur(25px);z-index:-1}
.real-laptop{position:relative;border:8px solid #1b2b3e;border-radius:20px 20px 10px 10px;background:#edf4fb;box-shadow:0 36px 80px #0005,0 0 0 1px #8197ae;overflow:visible}
.real-laptop::after{content:"";position:absolute;height:16px;bottom:-22px;left:-4%;right:-4%;background:linear-gradient(#a7b7c6,#536e85 55%,#213b52);border-radius:3px 3px 50% 50%;box-shadow:0 15px 22px #0003}
.real-laptop>img{display:block;width:100%;height:auto;border-radius:0 0 5px 5px}
.real-screen-chrome{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f3f7fb;color:#688095;font:10px/1.5 system-ui;padding:10px 14px;border-radius:10px 10px 0 0;border-bottom:1px solid #d9e4ef}
.real-screen-chrome>span:first-child{color:#72a0c2;letter-spacing:3px}.real-screen-chrome i{width:7px;height:7px;background:#25c998;border-radius:50%}
.with-mobile{padding-right:11%}.real-phone{position:absolute;bottom:12%;right:0;width:21%;border:6px solid #142334;border-radius:28px;background:#142334;box-shadow:0 24px 65px #0005,0 0 0 1px #8aa4bb;overflow:hidden}
.real-phone img{display:block;width:100%;height:auto;border-radius:21px}.real-phone-speaker{position:absolute;z-index:1;top:5px;width:32%;height:9px;background:#142334;border-radius:15px;left:34%}
.real-screen-caption{position:relative;text-align:center;color:#a0bfd6!important;font:10px/1.7 system-ui!important;letter-spacing:.03em;margin:32px 0 0!important}
.inner-hero:has(.real-product-stage) .inner-hero-content{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.35fr);gap:50px;align-items:center;max-width:1540px;width:94%}
.inner-hero:has(.real-product-stage) .inner-hero-visual{width:100%;max-width:none;margin:0;transform:none!important;opacity:1!important}.inner-hero:has(.real-product-stage) h1{font-size:clamp(38px,4vw,64px)}
.inner-hero:has(.real-product-stage){padding-bottom:120px}.inner-hero:has(.real-product-stage) .inner-hero-copy{max-width:none}.inner-hero:has(.real-product-stage)::after{height:90px}
.contact-hero{border-bottom:0!important;background:radial-gradient(ellipse at 25% 15%,#1b4059,transparent 60%),#0c1b2c!important;min-height:0;padding-bottom:90px}
main:has(>.contact-hero)> .site-section{border-top:0!important;margin-top:-1px;background:linear-gradient(180deg,#0c1b2c 0,#233d52 60px,#91a3b1 150px,#f3f7fb 280px)!important;padding-top:300px}
main:has(>.contact-hero)> .site-section::before{border:0!important}
.contact-layout{gap:clamp(32px,6vw,85px)}.contact-form{box-shadow:0 28px 75px #0003;border-radius:26px}.contact-promises{gap:15px}
@media(max-width:950px){.inner-hero:has(.real-product-stage) .inner-hero-content{grid-template-columns:1fr;gap:25px;width:90%}.inner-hero:has(.real-product-stage) .inner-hero-copy{max-width:780px}.real-product-stage{max-width:900px;margin:auto}.hero:has(.real-home-stage) .hero-inner{gap:20px}}
@media(max-width:600px){.real-laptop{border-width:4px;border-radius:12px 12px 6px 6px}.real-screen-chrome{font-size:7px;padding:6px;border-radius:6px 6px 0 0}.real-screen-chrome>span:first-child{letter-spacing:0}.real-laptop::after{height:9px;bottom:-13px}.real-phone{border-width:3px;border-radius:13px}.real-phone img{border-radius:10px}.real-phone-speaker{height:4px;top:3px}.real-screen-caption{font-size:8px!important;margin-top:22px!important}.hero:has(.real-home-stage) .hero-inner{width:100%}.hero:has(.real-home-stage) .hero-copy{padding:0 20px}.inner-hero:has(.real-product-stage){padding-bottom:75px}.inner-hero:has(.real-product-stage) h1{font-size:38px}.contact-hero{padding-bottom:60px}.contact-layout{gap:38px}main:has(>.contact-hero)> .site-section{padding-top:190px;background:linear-gradient(#0c1b2c,#f3f7fb 180px)!important}}

.real-deep-dive .deep-dive-visual{display:block;min-height:0;padding:20px 12px;background:radial-gradient(ellipse at center,#dcebf7,#f3f7fb);border-radius:22px}.real-deep-dive .real-screen-caption{color:#577790!important}.real-deep-dive .real-laptop{box-shadow:0 20px 45px #153e6426,0 0 0 1px #8197ae}