.frmwrk-site .frmwrk-hero h1,.frmwrk-site .frmwrk-hero h2{font-family:Kanit,Arial,sans-serif;font-weight:800;font-size:46px;line-height:1.22;letter-spacing:0;text-wrap:balance;overflow-wrap:normal}
.frmwrk-hero{min-height:840px}
.frmwrk-slide-inner{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:12px}
.frmwrk-slide-bg img{filter:saturate(.88);opacity:.85;animation:frmwrk-photo-breathe 22s ease-in-out infinite alternate!important}
.frmwrk-slide-bg span{background:linear-gradient(90deg,rgba(4,5,6,.94),rgba(4,5,6,.69) 43%,rgba(4,5,6,.16)),linear-gradient(0deg,#050505,transparent 35%)}
.frmwrk-slide-bg::after{opacity:.07}
.frmwrk-slide[data-slide="1"] .frmwrk-slide-bg img{animation-direction:alternate-reverse!important;object-position:center 60%}
.frmwrk-slide[data-slide="2"] .frmwrk-slide-bg img{filter:blur(3px) saturate(.75)}
.frmwrk-hero-copy{text-shadow:0 4px 28px rgba(0,0,0,.55)}
.frmwrk-hero-lede{max-width:490px}
.frmwrk-laptop{width:100%;margin:0;transform:translateY(20px)}
.frmwrk-laptop img,.frmwrk-phone-device img{width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;object-fit:contain}
/* Percentages measured against the supplied frame artwork, not the video ratio. */
.frmwrk-screen{position:absolute;z-index:4;overflow:hidden;background:#050505;isolation:isolate}
.frmwrk-screen-laptop{left:19.75%;top:15.38%;width:60.45%;height:50.02%;border-radius:1px}
.frmwrk-screen-phone{left:21.84%;top:9.5%;width:56.35%;height:81.1%;border-radius:12% / 5.7%;clip-path:inset(0 round 12% / 5.7%)}
.frmwrk-site .frmwrk-screen video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;max-height:none!important;min-height:0!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;transform:none!important;background:#050505}
.frmwrk-phone-device{height:100%;max-width:100%;transform:rotate(3deg)}
.frmwrk-device-stage{animation:frmwrk-device-float 9s ease-in-out infinite;will-change:translate}
.frmwrk-system-board.frmwrk-plan-scan{aspect-ratio:2048/1294;transform:perspective(1600px) rotateY(-3deg);background:#e9e8e5;box-shadow:0 38px 100px #0008;overflow:hidden}
.frmwrk-plan-scan img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:fill;margin:0!important}
.frmwrk-plan-color{clip-path:inset(0 100% 0 0)}
.frmwrk-plan-beam{position:absolute;z-index:3;top:0;bottom:0;left:0;width:2px;background:#ff7b22;box-shadow:0 0 22px 6px #ff5a0070;opacity:0}
.frmwrk-slide.is-active .frmwrk-plan-color{animation:frmwrk-plan-reveal 12s ease-in-out infinite}
.frmwrk-slide.is-active .frmwrk-plan-beam{animation:frmwrk-plan-beam 12s ease-in-out infinite}
.frmwrk-plan-caption{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:10px 16px;background:#08090bea;color:#eee;font:9px monospace;letter-spacing:1px}
.frmwrk-loader{animation:frmwrk-loader-failsafe .01s 9s forwards}
.frmwrk-site:not(.is-ready) .frmwrk-hero-copy,.frmwrk-site:not(.is-ready) .frmwrk-device-stage,.frmwrk-site:not(.is-ready) .frmwrk-system-board{animation-play-state:paused}
.frmwrk-site.is-ready .frmwrk-slide.is-active .frmwrk-hero-copy{animation:frmwrk-entry .9s both}
.frmwrk-site.is-ready .frmwrk-header{animation:frmwrk-entry .75s both}
.frmwrk-slider-tabs button.is-active i{transition-duration:14000ms}
.frmwrk-slider-controls{right:170px}
.frmwrk-slider-count{white-space:nowrap}
.frmwrk-logo-scroll{height:260svh;position:relative;background:#030303}
.frmwrk-logo-sticky{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}
.frmwrk-logo-film{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;background:#030303;opacity:0;transition:opacity .2s}
.frmwrk-logo-scroll.has-film .frmwrk-logo-film{opacity:1}
.frmwrk-logo-fallback{width:min(64%,760px);transform:scale(.8);opacity:0}
.frmwrk-logo-scroll.has-film .frmwrk-logo-fallback{visibility:hidden}
.frmwrk-logo-scroll-label{position:absolute;bottom:8%;left:20px;right:20px;text-align:center;color:#a8aaae;font:10px monospace;letter-spacing:2px}
.frmwrk-logo-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:48px max(24px,calc((100vw - 1420px)/2));border-block:1px solid #ffffff20}
.frmwrk-logo-cta p{font-size:26px;color:white;margin:0}
.frmwrk-form select,.frmwrk-form select:focus{color:#111!important;background:#fff!important;color-scheme:light;padding:12px!important}
.frmwrk-form option{color:#111!important;background:#fff!important}
.frmwrk-chat{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:1100;width:auto;font-family:Arial,sans-serif}
.frmwrk-chat-launch{display:flex;gap:10px;align-items:center;margin-left:auto;border:1px solid #ff732d;background:#ff5a00;color:white;border-radius:30px;padding:15px 24px;font-size:14px;font-weight:700;box-shadow:0 10px 32px #0007;cursor:pointer}
.frmwrk-chat-panel{width:350px;max-width:calc(100vw - 36px);max-height:calc(100svh - 112px);overflow:auto;margin-bottom:14px;border:1px solid #45464a;border-radius:8px;background:#111316;box-shadow:0 20px 70px #000b;padding:22px;color:#fff}
.frmwrk-chat-panel[hidden]{display:none!important}
.frmwrk-chat-panel header{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid #ffffff20}
.frmwrk-chat-panel header img{width:44px!important;height:44px!important;object-fit:cover;border-radius:50%;margin:0}
.frmwrk-chat-panel header strong{font-size:15px;display:block}
.frmwrk-chat-panel header span{font-size:11px;color:#aaa;display:block;margin-top:3px}
.frmwrk-chat-panel header button{margin-left:auto;background:transparent;color:white;border:0;cursor:pointer;font-size:24px;padding:3px 7px}
.frmwrk-chat-panel>p{font-size:14px;color:#c5c6c9;line-height:1.5}
.frmwrk-chat-panel label{display:block;margin:12px 0;font-size:12px;color:#c8c9cc}
.frmwrk-chat-panel input,.frmwrk-chat-panel textarea{width:100%;display:block;border:1px solid #44464b;border-radius:3px;background:#070809;color:#fff;padding:10px;font-size:16px;margin-top:6px;resize:vertical}
.frmwrk-chat-panel .frmwrk-chat-note{font-size:11px;color:#a4a7ac;line-height:1.5}
.frmwrk-chat-panel .frmwrk-button{width:100%;font-size:11px;letter-spacing:0}
.frmwrk-chat-panel [data-chat-status]{font-size:12px;line-height:1.5;color:#e5e5e5}
.frmwrk-chat-call{display:block;text-align:center;margin-top:14px;font-size:11px;color:#bbb!important}
.frmwrk-motion-paused *,.frmwrk-motion-paused *::before,.frmwrk-motion-paused *::after{animation-play-state:paused!important}
@keyframes frmwrk-photo-breathe{from{transform:scale(1.04) translate3d(-1%,0,0)}to{transform:scale(1.16) translate3d(1.5%,-1%,0)}}
@keyframes frmwrk-device-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes frmwrk-entry{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes frmwrk-plan-reveal{0%,10%{clip-path:inset(0 100% 0 0)}80%,96%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes frmwrk-plan-beam{0%,10%{left:0;opacity:0}12%{opacity:1}80%{left:100%;opacity:1}83%,100%{left:100%;opacity:0}}
@media(min-width:1500px){.frmwrk-site .frmwrk-hero h1,.frmwrk-site .frmwrk-hero h2{font-size:52px}}
@media(min-width:1181px) and (max-width:1400px){.frmwrk-site .frmwrk-hero h2{font-size:40px}}
@media(max-width:1180px){.frmwrk-site .frmwrk-hero h1,.frmwrk-site .frmwrk-hero h2{font-size:34px}.frmwrk-laptop{width:100%;margin:0}.frmwrk-slide-inner{gap:20px}}
@media(max-width:900px){.frmwrk-slide-inner{grid-template-columns:1fr;align-content:start;gap:18px;padding-top:125px}.frmwrk-hero-copy{max-width:100%}.frmwrk-site .frmwrk-hero h1,.frmwrk-site .frmwrk-hero h2{font-size:36px;max-width:680px}.frmwrk-laptop{width:min(680px,100%);margin:-35px auto 0}.frmwrk-phone-stage{position:relative;z-index:auto;right:auto;top:auto;width:100%;height:370px;opacity:1}.frmwrk-slide-inner-phone{grid-template-columns:1.1fr .9fr;align-items:center;padding-top:150px}.frmwrk-slide-inner-phone .frmwrk-hero-copy{max-width:100%}.frmwrk-data-card{display:none}.frmwrk-slide-inner-brand{gap:40px}.frmwrk-system-board.frmwrk-plan-scan{width:90%;margin:0 auto}.frmwrk-hero{height:auto;min-height:920px}.frmwrk-logo-scroll{height:240svh}}
@media(max-width:640px){.frmwrk-site .frmwrk-hero h1,.frmwrk-site .frmwrk-hero h2{font-size:27px;line-height:1.27}.frmwrk-slide-inner{padding-top:110px;padding-bottom:85px;gap:16px}.frmwrk-hero{min-height:830px;max-height:none}.frmwrk-hero-buttons{gap:15px;margin-top:22px}.frmwrk-hero-lede{font-size:14px}.frmwrk-laptop{width:calc(100% + 34px);margin:10px -17px 0}.frmwrk-slide-inner-phone{grid-template-columns:1fr}.frmwrk-phone-stage{height:320px;margin-top:5px}.frmwrk-system-board.frmwrk-plan-scan{width:100%;margin-top:35px}.frmwrk-slider-controls{grid-template-columns:38px 1fr auto;gap:12px;bottom:24px}.frmwrk-slider-arrows{display:flex}.frmwrk-slider-arrows button{width:36px;height:36px}.frmwrk-logo-cta{flex-direction:column;text-align:center;padding:40px 18px}.frmwrk-logo-cta p{font-size:21px}.frmwrk-chat{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.frmwrk-chat-panel{width:340px;max-width:calc(100vw - 32px)}.frmwrk-chat-launch{padding:13px 20px}.frmwrk-plan-caption{font-size:7px}}
@media(max-width:900px){.frmwrk-slide-inner-phone{align-content:center;padding-top:100px;padding-bottom:145px}.frmwrk-phone-stage{height:480px}.frmwrk-slide[data-slide="1"] .frmwrk-slide-bg span{background:linear-gradient(90deg,rgba(4,5,6,.87),rgba(4,5,6,.3)),linear-gradient(0deg,#050505,transparent 42%)}}
@media(min-width:641px) and (max-width:900px){.frmwrk-hero{min-height:1000px}.frmwrk-slide-inner-brand{grid-auto-rows:max-content;align-items:start;gap:28px}.frmwrk-system-board.frmwrk-plan-scan{width:82%}}
@media(max-width:640px){.frmwrk-slider-controls{left:18px;right:18px;bottom:86px}.frmwrk-hero{min-height:900px}.frmwrk-slide-inner-phone{align-content:start;padding-top:110px}.frmwrk-phone-stage{height:320px}.frmwrk-chat-panel header img{object-fit:cover;transform:scale(1.25)}}
@media(max-width:360px){.frmwrk-site .frmwrk-hero h1,.frmwrk-site .frmwrk-hero h2{font-size:23px}.frmwrk-hero{min-height:930px}}
@media(prefers-reduced-motion:reduce){.frmwrk-slide-bg img,.frmwrk-device-stage,.frmwrk-plan-color,.frmwrk-plan-beam{animation:none!important}.frmwrk-plan-color{clip-path:inset(0 0 0 0)}.frmwrk-logo-scroll{height:60svh}.frmwrk-logo-sticky{position:relative;height:60svh}.frmwrk-logo-fallback{opacity:1;transform:none}.frmwrk-logo-film{display:none}.frmwrk-logo-scroll.has-film .frmwrk-logo-fallback{visibility:visible}.frmwrk-site.is-ready .frmwrk-slide.is-active .frmwrk-hero-copy,.frmwrk-site.is-ready .frmwrk-header{animation:none}}