@font-face{font-family:Roboto;src:url('../bradial/roboto.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--blue:#2f86ea;--deep:#176ed0;--ink:#2b465c;--muted:#647f96;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px;scrollbar-gutter:stable}body{margin:0;background:#fff;color:var(--ink);font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}h1,p{margin:0}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--deep);outline-offset:5px}::selection{background:#c5e2ff;color:#1453ae}
.skip-link{position:fixed;left:20px;top:-90px;z-index:100;padding:14px 20px;border-radius:10px;background:#fff}.skip-link:focus{top:15px}
.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}
/* One navigation system. The CTA owns its label color in every state. */
.site-header{position:fixed;inset:18px 0 auto;z-index:60;height:88px;pointer-events:none}
.nav-shell{pointer-events:auto;position:relative;display:flex;align-items:center;gap:24px;width:min(1440px,calc(100% - 64px));height:88px;margin:auto;padding:13px 17px 13px 26px;border:1px solid #fff;border-radius:25px;background:#f8fcff;box-shadow:0 8px 35px -18px #164e8838}
.site-header.scrolled .nav-shell{box-shadow:0 8px 35px -18px #164e8855}
.brand{display:flex;align-items:center;flex-shrink:0;padding-right:25px;border-right:1px solid #dce9f6;height:42px}.brand img{width:166px;height:auto}
.nav-links{display:flex;align-items:center;flex:1;min-width:0;gap:5px}
.nav-links>a:not(.nav-cta),.nav-dropdown{flex:1;min-width:0}
.nav-links>a:not(.nav-cta),.modules-toggle{position:relative;display:flex;justify-content:center;align-items:center;gap:11px;padding:15px 12px;color:#36566e;font-size:17px;font-weight:450;line-height:1.3;letter-spacing:-.012em;white-space:nowrap}
.nav-links>a:not(.nav-cta):hover,.modules-toggle:hover{color:#176ed0}
.nav-links>a:not(.nav-cta)::before,.modules-toggle::before{content:'';position:absolute;inset:4px 14px;border:1px solid #d4e7fb;border-radius:12px;background:#e6f1fe;opacity:0;transform:scale(.96);transition:opacity .16s,transform .2s var(--ease);pointer-events:none}
.nav-links>a:not(.nav-cta):is(:hover,:focus-visible)::before,.modules-toggle:is(:hover,:focus-visible,[aria-expanded=true])::before{opacity:1;transform:scale(1)}
.nav-item-text,.module-switch{position:relative;z-index:1}
.modules-toggle{width:100%;border:0;background:none}.module-switch{display:grid;grid-template-columns:repeat(2,4px);gap:2px;transition:transform .3s}.module-switch i{width:4px;height:4px;background:#2f86ea;border-radius:1px}.modules-toggle[aria-expanded=true] .module-switch{transform:rotate(90deg)}
.module-menu{position:absolute;right:0;top:calc(100% + 12px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(800px,calc(100vw - 64px));padding:23px;border:1px solid #fff;border-radius:25px;background:#f8fcff;box-shadow:0 30px 70px -35px #164e8860;animation:menu-enter .24s var(--ease) both}
.menu-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding:0 7px 11px;font-size:12px;letter-spacing:.09em;color:#68869e}
.module-menu a{display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-width:0;padding:23px 20px;border-radius:19px;background:#eaf4fe;transition:background .2s,transform .24s var(--ease)}
.module-menu a:nth-last-child(2){background:#e1effc}.module-menu a:last-child{background:#d8ebfc}.module-menu a:hover{background:#d3e8fd;transform:translateY(-3px)}
.menu-preview{display:block;width:65px;height:65px;flex-shrink:0}.menu-preview img{width:100%;height:100%;object-fit:contain}
.module-menu strong{display:block;margin-bottom:8px;font-size:22px;font-weight:450;letter-spacing:-.03em;color:#264c6c}.module-menu small{display:block;color:#5d7c96;font-size:14px;line-height:1.6;max-width:210px}
.mobile-toggle{display:none}
@keyframes menu-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
/* Approved nested luminous controls; no text displacement or inherited hover color. */
.primary-button,.secondary-button,.nav-cta{display:inline-flex;align-items:stretch;justify-content:stretch;position:relative;padding:1px;border:1px solid #a9d4ff6e;border-radius:16px;background:#b9dcff4d;color:#fff;box-shadow:0 1px 1px #19497520,0 5px 6px -2px #19497520,0 12px 20px -6px #19497528;overflow:hidden;transition:transform .22s var(--ease)}
.button-surface{display:flex;align-items:center;justify-content:center;position:relative;flex:1;padding:16px 26px;border:1px solid #ffffff57;border-radius:14px;background:#2f86ea;color:#fff;box-shadow:inset -4px 3px 9px #82c4ff,inset 3px -2px 8px #d7f2ff;line-height:1.3;font-size:16px;font-weight:400;isolation:isolate}
.button-surface>*{position:relative;z-index:2}.button-surface::after{content:'';position:absolute;z-index:1;left:-75%;top:-50%;height:200%;width:50%;background:linear-gradient(100deg,transparent,#fff2,transparent);transform:skewX(-15deg);transition:translate .65s var(--ease);pointer-events:none}
.primary-button:hover,.nav-cta:hover{transform:translateY(-2px);color:#fff}.primary-button:hover .button-surface,.nav-cta:hover .button-surface{background:#247bdf;color:#fff}
.primary-button:hover .button-surface::after,.nav-cta:hover .button-surface::after{translate:340% 0}
.nav-links>.nav-cta,.nav-links>.nav-cta:hover,.nav-links>.nav-cta:focus-visible,.nav-links>.nav-cta:visited{flex:0 0 auto;min-width:194px;margin-left:18px;color:#fff}
.nav-links>.nav-cta .button-surface,.nav-links>.nav-cta:hover .button-surface,.nav-links>.nav-cta:focus-visible .button-surface{color:#fff;font-size:16px;padding:16px 20px}
.secondary-button{background:#ffffff2e;border-color:#ffffff85;box-shadow:none;color:#285f87}.secondary-button .button-surface{color:#285f87;background:#ffffff40;border-color:#ffffff4d;box-shadow:inset 0 1px 6px #fff4}.secondary-button:hover{transform:translateY(-2px)}.secondary-button:hover .button-surface{color:#234f70;background:#ffffff59}
/* The sky ends with this scene, independently of the marquee or future sections. */
.sky-hero{position:relative;background:#fff;overflow:clip}
.hero-scene{position:relative;isolation:isolate;padding-top:178px;padding-bottom:50px;background-color:#fff;background-image:linear-gradient(180deg,#388eeb 0%,#68aff4 34%,#b4dcfc 65%,#edf8ff 86%,#fff 100%);background-size:100% var(--sky-end,100%);background-repeat:no-repeat}
.sky-field{position:absolute;inset:0;z-index:0;overflow:clip;pointer-events:none;contain:paint}
.cloud-parallax{position:absolute;pointer-events:none;contain:layout style;will-change:transform}
.cloud-parallax img{width:100%;height:auto;object-fit:contain;user-select:none}
.cloud-far{width:1000px;left:-500px;top:350px;opacity:.72}
.cloud-middle{width:1100px;right:-520px;top:400px;opacity:.93}
.cloud-near{width:1100px;left:-730px;top:820px;opacity:.85}
.cloud-near-right{width:1000px;right:-690px;left:auto;top:950px;opacity:.78}
.hero-content{position:relative;z-index:3;max-width:1130px;text-align:center}
.hero-eyebrow{margin-bottom:25px;color:#e7f4ff;font-size:13px;line-height:1.5;font-weight:450;letter-spacing:.16em}
.hero-content h1{max-width:1100px;margin:auto;color:#fff;font-size:clamp(55px,6vw,84px);font-weight:400;line-height:1.065;letter-spacing:-.052em;text-wrap:balance}
.scroll-headline{position:relative;overflow:clip;overflow-clip-margin:.18em}
.headline-word{display:inline-block;white-space:nowrap}
.headline-char{display:inline-block;transform-origin:50% 70%}
.headline-entering .headline-char{will-change:transform,opacity}
.hero-subtext{max-width:610px;margin:26px auto 0;color:#245b83;font-size:19px;line-height:1.65;font-weight:400;text-wrap:balance}
.hero-button-wraper{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:30px}
.product-stage{position:relative;z-index:2;width:calc(100% - 100px);max-width:1100px;margin:60px auto 0}
.screen-scene{position:relative;padding:10px 0 0}.screen-motion{position:relative;will-change:transform}.screen-perspective{position:relative;z-index:2;transform:perspective(1200px) rotateX(3deg);transform-origin:50% 70%}
.product-window{padding:6px;border:1px solid #fff;border-radius:19px;background:#e4f4ff;box-shadow:0 30px 65px -30px #1a5b9f55,0 0 0 5px #effaff40;overflow:hidden}
.preview-panel{aspect-ratio:1615/974;border-radius:12px;overflow:hidden;background:#eef7ff}.product-screen{width:100%;height:100%;object-fit:contain}
.screen-ground{display:none}.custom-icon{object-fit:contain;user-select:none;pointer-events:none}
@media(min-width:1600px){.hero-content{max-width:1250px}.hero-content h1{max-width:1200px;font-size:90px}.product-stage{max-width:1200px}.cloud-far{left:-420px;width:1100px}.cloud-middle{right:-420px;width:1200px}}
@media(max-width:1200px) and (min-width:981px){.nav-shell{width:calc(100% - 40px);padding-left:21px;gap:16px}.brand{padding-right:18px}.brand img{width:145px}.nav-links>a:not(.nav-cta),.modules-toggle{font-size:16px;padding-inline:8px}.nav-links>.nav-cta{min-width:175px;margin-left:12px}.nav-links>.nav-cta .button-surface{padding-inline:16px;font-size:15px}.hero-content h1{font-size:72px}}
@media(max-width:980px){
 .site-header{inset:12px 0 auto;height:74px}.nav-shell{width:calc(100% - 32px);height:74px;padding:12px 15px 12px 21px;justify-content:space-between;border-radius:21px}.brand{border:0;height:auto;padding:0}.brand img{width:148px}
 .mobile-toggle{display:flex;align-items:center;justify-content:center;gap:12px;min-height:47px;padding:6px 12px 6px 15px;border:1px solid #cce4fb;border-radius:13px;background:#e8f4ff;color:#34678f;font-size:15px;font-weight:450;line-height:1}
 .menu-symbol{display:block;width:34px;height:31px;overflow:visible;flex-shrink:0}.menu-glyph-bars,.menu-glyph-close{transform-origin:18px 17px;transition:opacity .18s,transform .24s var(--ease)}.menu-glyph-close{opacity:0;transform:rotate(-45deg) scale(.8)}.mobile-toggle[aria-expanded=true] .menu-glyph-bars{opacity:0;transform:scale(.8)}.mobile-toggle[aria-expanded=true] .menu-glyph-close{opacity:1;transform:none}
 .nav-links{display:none;position:absolute;left:0;right:0;top:calc(100% + 9px);max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:0;padding:17px 22px 24px;border:1px solid #fff;border-radius:23px;background:#f8fcff;box-shadow:0 25px 60px -25px #245a8e66}
 .nav-links.open{display:flex;animation:menu-enter .22s var(--ease)}.nav-links>a:not(.nav-cta),.modules-toggle{justify-content:space-between;padding:18px 2px;border-bottom:1px solid #e3edf6;font-size:25px;font-weight:400;line-height:1.25;letter-spacing:-.03em}.nav-links>a:not(.nav-cta)::before,.modules-toggle::before{inset:5px -8px;border-radius:12px}.nav-dropdown{width:100%}
 .module-menu{position:static;grid-template-columns:1fr;gap:9px;width:100%;padding:14px 0;border:0;border-radius:0;background:none;box-shadow:none;animation:none}.menu-heading{display:none}.module-menu a{flex-direction:row;align-items:center;gap:17px;padding:18px;border-radius:17px}.menu-preview{width:52px;height:52px}.module-menu strong{font-size:20px;margin-bottom:5px}.module-menu small{font-size:14px;line-height:1.5;max-width:400px}
 .nav-links>.nav-cta{width:100%;min-height:53px;min-width:0;margin:21px 0 0}.nav-links>.nav-cta .button-surface{font-size:16px;padding:16px}
 .hero-scene{padding-top:144px}.hero-content{width:calc(100% - 48px);max-width:740px}.hero-content h1{font-size:clamp(50px,7.8vw,68px);line-height:1.08}.hero-subtext{font-size:18px;max-width:580px}.product-stage{width:calc(100% - 48px);margin-top:50px}.cloud-far{left:-650px;top:300px}.cloud-middle{right:-710px;top:410px}.cloud-near{left:-870px;top:680px}.cloud-near-right{right:-850px;top:800px}
}
@media(max-width:520px){
 .site-header{inset:12px 0 auto;height:69px}.nav-shell{width:calc(100% - 28px);height:69px;padding:10px 12px 10px 18px;border-radius:20px;gap:12px}.brand img{width:132px}.mobile-toggle{min-height:44px;padding:5px 10px 5px 12px;gap:8px;font-size:14px}.menu-symbol{width:31px;height:28px}
 .nav-links{padding:14px 18px 22px;max-height:calc(100dvh - 101px)}.nav-links>a:not(.nav-cta),.modules-toggle{font-size:24px;padding-block:17px}.module-menu a{gap:14px;padding:16px}.module-menu strong{font-size:19px}.module-menu small{font-size:13px}.menu-preview{width:47px;height:47px}
 .hero-scene{padding-top:136px}.hero-content{width:calc(100% - 36px)}.hero-eyebrow{font-size:12px;margin-bottom:23px}.hero-content h1{font-size:clamp(40px,10.5vw,53px);line-height:1.08;letter-spacing:-.052em}.hero-subtext{font-size:16px;line-height:1.65;margin-top:24px;max-width:400px}.hero-button-wraper{gap:12px;margin-top:26px}.button-surface{font-size:14px;padding:15px 18px}.product-stage{width:calc(100% - 28px);margin-top:43px}.screen-perspective{transform:none}.product-window{padding:3px;border-radius:12px;box-shadow:0 20px 40px -23px #24659c70,0 0 0 3px #effaff44}.preview-panel{border-radius:8px}
 .cloud-far{width:820px;left:-630px;top:320px;opacity:.62}.cloud-middle{width:850px;right:-650px;top:395px;opacity:.85}.cloud-near{width:900px;left:-760px;top:600px;opacity:.7}.cloud-near-right{width:850px;right:-740px;left:auto;top:680px;opacity:.65}
}
@media(max-width:360px){.brand img{width:119px}.mobile-toggle{font-size:14px;gap:5px;padding-left:10px}.hero-content h1{font-size:39px}.hero-subtext{font-size:16px}.hero-button-wraper{gap:10px}.hero-button-wraper .button-surface{font-size:13px;padding:14px 12px}.module-menu small{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.headline-char,.cloud-parallax,.screen-motion,.screen-perspective{transform:none!important;opacity:1!important}.cloud-parallax,.screen-motion,.headline-char{will-change:auto}.nav-links.open,.module-menu{animation:none}.button-surface::after{display:none}}

/* One glass frame around border-free 16:9 product images. */
.preview-panel.hero-clean-preview,.module-page .preview-panel.hero-clean-preview{aspect-ratio:1672/941;background:#fff}
.hero-clean-window{padding:6px;border:1px solid #fff;border-radius:19px;background:#e4f4ff;box-shadow:0 30px 65px -30px #1a5b9f55;overflow:hidden}
.module-page .product-stage.hero-clean-stage{max-width:1100px}
@media(min-width:1600px){.module-page .product-stage.hero-clean-stage{max-width:1200px}}