@font-face{font-family:"Zing Sans Rust";src:url("zing-sans-rust.otf") format("opentype");font-display:swap;font-style:normal;font-weight:400}
:root{--ink:#172c3f;--muted:#526a7d;--orange:#c14f0a;--bright:#ff8a3d;--blue:#004b93;--night:#071b2e;--paper:#f5f8fb;--line:#dbe5ed;--green:#39dfab;--cyan:#89dcff;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:#fff;color:var(--ink);font-family:"Zing Sans Rust",sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}body.intro-active{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700}h2{font-size:clamp(39px,4.2vw,59px);line-height:1.15;letter-spacing:-.035em;color:var(--orange)}h3{letter-spacing:-.025em}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid #0783d4;outline-offset:6px}[hidden]{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.section-shell{width:min(1360px,calc(100% - 96px));margin-inline:auto}.section-space{padding-block:112px}.eyebrow{font-size:12px;letter-spacing:1.8px;line-height:1.7;font-weight:700;color:#29608b;margin-bottom:22px}.tiny-label{font-size:11px;letter-spacing:1.35px;color:#90b7d1}.section-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:76px;align-items:end;margin-bottom:52px}.section-heading p{font-size:17px;line-height:1.85;color:var(--muted);max-width:480px}.skip-link{position:fixed;top:-70px;left:20px;z-index:220;background:#fff;color:#102d45;padding:15px 23px;border:2px solid #168bce;border-radius:5px}.skip-link:focus{top:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:21px;min-height:56px;padding:16px 23px;border:1px solid transparent;border-radius:5px;font-size:16px;line-height:1.4;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.btn .icon{width:19px;height:19px}.btn:hover{transform:translateY(-2px)}.btn-orange{background:var(--bright);color:#162838;box-shadow:0 9px 25px #9b4b1017}.btn-orange:hover{background:#ff9f61;box-shadow:0 12px 28px #d76b2230}.btn-outline{border-color:#80bddf69;background:transparent;color:#ecf7ff}.btn-outline:hover{background:#ffffff0b;border-color:#b5e3fc}.btn-green{background:#38dba7;color:#062a29}.btn-dark{background:#173d58;color:#dfedfa;border-color:#6698bb66}.btn:disabled{cursor:default;opacity:.45;transform:none;box-shadow:none}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:16px;font-weight:700;color:#004b93;border-bottom:1px solid #acc8dc;padding-bottom:8px}.text-link:hover{color:var(--orange);border-color:var(--orange)}.plain-button{background:none;border:0;padding:0;font-size:13px;cursor:pointer}.line-dot{display:inline-block;width:6px;height:6px;background:#88e5ff;border-radius:50%;margin-right:9px}
/* Logos are placed directly on the page, without a filled container. */
.brand,.footer-rjl a,.hero-maker a,.maker-band a{background:transparent;border:0;box-shadow:none;border-radius:0;backdrop-filter:none}
.brand{position:relative;display:block;flex:none;width:226px;aspect-ratio:1645/618;overflow:hidden}.brand img{position:absolute;max-width:none;width:125.29%;height:auto;left:-14.65%;top:-16.51%;background:transparent}.site-header{background:#fff;position:sticky;top:0;z-index:40;border-bottom:1px solid #dde7ee}.nav-wrap{width:min(1360px,calc(100% - 96px));margin:auto;min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-header nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700}.site-header nav>a:not(.btn){padding-block:17px;white-space:nowrap;color:#24445d}.site-header nav>a:hover{color:var(--orange)}.nav-login{display:inline-flex;align-items:center;gap:8px;border-left:1px solid #d4e1eb;padding-left:24px}.nav-login .icon{width:15px;height:15px}.btn-nav{font-size:14px;min-height:46px;padding:12px 18px;gap:13px}.nav-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:10px}.nav-toggle span{display:block;height:2px;width:24px;background:#153b58;margin:6px 0}
/* Selected AI visual, paired with the actual MagicKeys software. */
.hero{position:relative;isolation:isolate;overflow:clip;color:#ecf7ff;background:radial-gradient(ellipse at 84% 30%,#0365b67d,transparent 57%),linear-gradient(115deg,#091b2d 12%,#062c50 76%,#004b93);padding-block:58px 53px}.hero:before{content:"";position:absolute;right:-18%;top:-280px;width:1000px;height:1000px;border:1px solid #7cd7ff18;border-radius:50%;box-shadow:0 0 0 95px #a1dcff06,0 0 0 195px #a1dcff04;z-index:-1;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;min-height:615px}.hero-copy{position:relative;z-index:2;padding-bottom:28px}.hero-eyebrow{color:#b4dcf4;font-size:12px;margin-bottom:24px}.hero h1{font-size:clamp(65px,7vw,99px);line-height:1.06;letter-spacing:-.055em;color:#ff914a;margin-bottom:25px}.hero h1 span{color:#f1f9ff}.hero-intro{font-size:25px;line-height:1.5;color:#e2f2ff;font-weight:700;margin-bottom:17px}.hero-detail{font-size:17px;line-height:1.85;color:#b9d0e2;max-width:580px}.hero-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:32px}.hero-actions .btn{font-size:15px;padding-inline:20px;gap:15px}.watch-intro{display:inline-flex;align-items:center;gap:11px;background:transparent;border:0;padding:0;color:#a9d5f1;font-size:13px;margin-top:28px}.watch-intro>span:first-child{display:grid;place-items:center;font-size:14px;width:26px;height:26px;border:1px solid #9adfff65;border-radius:50%}.watch-intro:hover{color:#fff}.hero-footnote{font-size:11px;line-height:1.6;color:#87b5d5;margin-top:14px}.ai-stage{height:615px;position:relative;min-width:0;transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease;transform-style:preserve-3d}.ai-aura{position:absolute;inset:-20px -75px 60px -50px;background:radial-gradient(ellipse at 65% 35%,#23b6ff3b,transparent 65%);pointer-events:none}.ai-face{position:absolute;right:5%;top:-5px;width:min(80%,430px);height:540px;object-fit:contain;filter:drop-shadow(0 0 28px #1c98ff40)}.ai-orbit{position:absolute;right:0;top:50px;width:470px;height:470px;border:1px solid #a2e8ff24;border-radius:50%;transform:rotate(-23deg) scaleY(.68);pointer-events:none}.orbit-two{width:520px;height:520px;right:-25px;top:24px;border-color:#90d8ff12}.hero-screen{position:absolute;left:-7%;bottom:26px;width:110%;margin:0;transform:perspective(1300px) rotateY(-7deg) rotateX(5deg) rotateZ(-1.5deg);background:#071e31;border:1px solid #99ddff9c;border-radius:12px;box-shadow:0 34px 75px #0006,0 0 0 8px #a9ddff06;overflow:hidden;transition:transform .35s}.hero-screen:hover{transform:perspective(1300px) rotateY(-3deg) rotateX(1deg)}.hero-screen-bar{height:37px;background:#0d2e47;color:#c8e7f9;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:15px;font-size:9px;letter-spacing:1.15px}.browser-dots{display:flex;gap:5px}.browser-dots i{width:5px;height:5px;border-radius:50%;background:#6996b1;display:block}.browser-dots i:nth-child(1){background:#f39861}.browser-dots i:nth-child(2){background:#c6db73}.browser-dots i:nth-child(3){background:#66c6b7}.hero-screen img{display:block;width:100%;height:auto}.hero-stage-caption{position:absolute;bottom:-5px;left:0;right:0;font-size:10px;text-align:center;letter-spacing:1.1px;color:#a8cce5}.hero-scroll{display:flex;align-items:center;gap:12px;color:#8bb2cc;font-size:10px;letter-spacing:1.5px;position:relative}.hero-scroll span{width:53px;height:1px;background:#5596bb}.principle-strip{background:#fff;border-bottom:1px solid var(--line)}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:45px;min-height:116px}.maker-band{display:flex;align-items:center;gap:24px}.maker-band>span{font-size:10px;letter-spacing:1.25px;line-height:1.8;color:#5b7285}.maker-band img{display:block;width:234px;height:auto;background:transparent}.strip-points{display:flex;align-items:center;gap:29px;color:#29516f;font-size:12px;font-weight:700}.strip-points div{display:flex;align-items:center;gap:10px}.strip-points .icon{color:#2b6a95;width:17px;height:17px}.strip-points div+div{border-left:1px solid var(--line);padding-left:29px}
.portal-tour{background:linear-gradient(180deg,#fff,#f3f7fb);padding-bottom:95px}.portal-tour .section-heading{align-items:start}.portal-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px;border-bottom:1px solid #cddce8}.portal-tabs button{flex:1;min-height:57px;padding:16px 14px;background:none;border:0;border-bottom:3px solid transparent;color:#607a8e;font-size:16px;line-height:1.5;font-weight:700;white-space:nowrap}.portal-tabs button[aria-selected=true]{color:#004b93;border-bottom-color:#eb772d;background:#e9f2f9}.portal-tabs button:hover{color:#004b93;background:#edf4fa}.portal-screen-panel{border:1px solid #c3d5e5;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 29px 65px #19456c16}.portal-browser-bar{height:49px;background:#17344d;color:#c5dff0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-inline:24px;font-size:10px;letter-spacing:1.2px}.portal-browser-bar .plain-button{font-size:12px;color:#e1eff8;letter-spacing:0}.portal-browser-bar .plain-button:hover{color:#ffc090}.portal-image-area{background:#eaf0f6}.portal-image-area img{width:100%;height:auto;display:block}.portal-screen-panel figcaption{padding:22px 28px;font-size:14px;line-height:1.8;color:#557084;border-top:1px solid #d4e0eb}.portal-details{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:45px}.portal-details article{padding-left:25px;position:relative}.portal-details article+article{border-left:1px solid #d6e2eb}.portal-details article>span{position:absolute;top:5px;left:0;font-size:10px;color:#ca5e18}.portal-details h3{font-size:20px;line-height:1.4;margin-bottom:12px;color:#183d5a}.portal-details p{font-size:15px;line-height:1.8;color:#60798c}
.feature-layout{display:grid;grid-template-columns:1.03fr 1fr;gap:26px}.feature-main{position:relative;overflow:hidden;border-radius:13px;min-height:510px;background:radial-gradient(ellipse at 80% 90%,#096aa852,transparent 65%),#0b2a44;color:#deedf8;padding:41px 43px}.feature-main>.icon{color:#8ed7ff;width:32px;height:32px;margin-bottom:33px}.feature-no{font-size:11px;letter-spacing:1px;color:#9cc7e2}.feature-main>.feature-no{position:absolute;right:37px;top:40px}.feature-main h3{font-size:34px;line-height:1.2;color:#fff;margin-bottom:21px}.feature-main p{font-size:17px;line-height:1.8;color:#b9d1e2;max-width:445px}.feature-detail{display:flex;align-items:center;gap:30px;padding-block:36px 35px}.feature-detail>span:last-child{font-size:14px;line-height:1.8;color:#8dbada}.feature-detail strong{color:#d6ebf9;font-weight:700}.feature-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.4px;color:#9fc4dd;border-top:1px solid #aad6f125;padding-top:22px}.feature-footer>span{font-size:20px}.feature-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:18px}.feature-stack article{display:flex;align-items:flex-start;gap:20px;border:1px solid #d6e3ec;border-radius:12px;padding:26px;background:#f7fafc}.feature-stack article>.icon{margin-top:3px;color:#0064a3;width:24px;height:24px}.feature-stack h3{font-size:23px;line-height:1.3;color:#153e5b;margin-bottom:12px}.feature-stack p{font-size:15px;line-height:1.8;color:#5c7588}.feature-stack .feature-no{margin-left:auto;color:#88a2b5}
.demo-section{background:#071d2f;color:#d9eaf6}.demo-section .eyebrow{color:#97c8e8}.demo-section .section-heading p{color:#adc6da}.demo-section h2{color:#ff964f}.demo-disclosure{display:inline-flex;align-items:center;gap:8px;font-size:9px;line-height:1.7;letter-spacing:1.15px;color:#83b3d2;margin-top:19px}.demo-disclosure>span{height:5px;width:5px;background:#86caed;border-radius:50%}.demo-workspace{display:grid;grid-template-columns:258px 1fr;border:1px solid #75b9e13d;overflow:hidden;border-radius:14px;background:#112f47;box-shadow:0 25px 55px #0003}.demo-menu{background:#081f33;padding:29px 20px;border-right:1px solid #76afd526}.demo-workspace-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#d1e4f2;margin-bottom:30px}.demo-workspace-label .icon{width:18px;height:18px;color:#ffaa6d}.demo-tabs{display:flex;flex-direction:column;gap:9px}.demo-tabs button{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:none;border-radius:5px;padding:17px 11px;color:#9bbdd5;font-size:12px;text-align:left}.demo-tabs button .icon{width:16px;height:16px}.demo-tabs button>span{margin-left:auto;font-size:9px;opacity:.7}.demo-tabs button[aria-selected=true]{background:#284d69;border-color:#74c7fc44;color:#fff;box-shadow:inset 3px 0 0 #ff9859}.demo-tabs button:hover{background:#244761}.demo-menu-note{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #91c7e629;margin:40px 9px 0;padding-top:24px;color:#87b0cc}.demo-menu-note>.icon{width:17px;height:17px}.demo-menu-note p{font-size:12px;line-height:1.9}.demo-menu-note strong{font-weight:700;color:#b8d6eb}.demo-panel{padding:32px 34px 0;min-width:0}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-top h3{color:#f3f9ff;font-size:29px;line-height:1.3;margin-top:12px}.gate-status{display:flex;align-items:center;gap:8px;font-size:12px;padding:10px 12px;border:1px solid #78aad440;border-radius:5px;white-space:nowrap;color:#b8d0e2;background:#ffffff04}.gate-status>span:first-child{width:5px;height:5px;border-radius:50%;background:#92bad6}.gate-status[data-state=open]{color:#81e3bf;border-color:#4adca966}.gate-status[data-state=open]>span:first-child{background:#4ddca7}.gate-status[data-state=alert]{color:#ffc690;border-color:#ff994766}.gate-status[data-state=alert]>span:first-child{background:#ff9a58}
.demo-bottom{border-top:1px solid #78d3fb25;display:flex;justify-content:space-between;align-items:center;gap:15px;padding-block:23px}.demo-bottom p{font-size:11px;line-height:1.6;margin-top:6px;color:#9cb9cc;max-width:310px}.demo-controls{display:flex;gap:9px}.demo-controls[hidden]{display:none}.demo-controls .btn{font-size:11px;min-height:39px;padding:11px 14px;gap:13px;white-space:nowrap}.demo-event{display:flex;align-items:center;gap:10px;background:#ffffff04;border-top:1px solid #62bfee19;margin-inline:-31px;padding:13px 31px;color:#85a5b8;font-size:10px;min-height:49px}.demo-event .icon{width:14px;height:14px}.demo-event .sample-label{margin-left:auto;font-size:7px}.demo-bottom p{font-size:14px;color:#a5c1d5;max-width:355px}.demo-controls .btn{font-size:13px;min-height:45px}.demo-event{font-size:12px;line-height:1.7;padding-block:16px}.sample-label{font-size:9px;padding:4px 8px;border:1px solid #8bcfff35;border-radius:4px;color:#8bbada}.stage-label{font-size:9px}

.gate-stage{height:332px}.swing-hardware{top:72px;transform:translateX(-50%) perspective(900px) rotateY(-17deg) rotateX(5deg) scale(1.2)}.boom-hardware{top:64px;transform:translateX(-50%) perspective(700px) rotateY(-12deg) scale(1.15)}.foyer-hardware{top:51px;transform:translateX(-50%) scale(1.2)}.stage-label{bottom:16px;color:#83b2d1;font-size:9px}.demo-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-block:23px;border-top:1px solid #a8d5f126}.demo-bottom p{font-size:13px;line-height:1.8;color:#a4c4dd;margin-top:9px;max-width:370px}.demo-controls{display:flex;gap:9px;flex-wrap:wrap}.demo-controls .btn{font-size:12px;min-height:44px;padding:12px 17px;gap:11px}.demo-event{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.8;color:#91b5ce;min-height:59px;margin-inline:-34px;padding:15px 34px;background:#091f321f;border-top:1px solid #8ec3e522}.demo-event>.icon{height:15px;width:15px}.demo-event .sample-label{margin-left:auto;font-size:8px;border:1px solid #669ac74d;padding:4px 7px}.sample-label{white-space:nowrap}.demo-event #demo-event-text{min-width:0}
@media(max-width:1020px){.demo-event{margin-inline:-25px;padding-inline:25px}.demo-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.gate-stage{height:285px}.swing-hardware{top:66px;transform:translateX(-50%) perspective(900px) rotateY(-17deg) rotateX(5deg) scale(.96)}.boom-hardware{top:60px;transform:translateX(-50%) perspective(700px) rotateY(-12deg) scale(.94)}.foyer-hardware{top:45px;transform:translateX(-50%) scale(.97)}.demo-event{margin-inline:-22px;padding-inline:22px;font-size:10px}.demo-event .sample-label{font-size:7px}.demo-controls .btn{font-size:11px;padding-inline:15px}.demo-bottom p{font-size:12px}}
@media(max-width:430px){.gate-stage{height:260px}.swing-hardware{top:56px;transform:translateX(-50%) perspective(900px) rotateY(-17deg) rotateX(5deg) scale(.83)}.boom-hardware{top:52px;transform:translateX(-50%) perspective(700px) rotateY(-12deg) scale(.82)}.foyer-hardware{top:37px;transform:translateX(-50%) scale(.85)}.demo-event{margin-inline:-18px;padding-inline:18px;font-size:9px}.demo-event .sample-label{display:none}}

.solution-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.solution-tabs button{background:#f3f7fa;border:1px solid #dce7ef;border-radius:5px;padding:17px 10px;min-height:58px;font-size:16px;font-weight:700;color:#57758b}.solution-tabs button[aria-selected=true]{background:#0e416b;color:#fff;border-color:#0e416b}.solution-tabs button:hover{border-color:#82afce}.solution-content{display:grid;grid-template-columns:1.12fr 1fr;gap:76px;align-items:center;margin-top:45px}.solution-art{height:415px;position:relative;overflow:hidden;border-radius:13px;background:radial-gradient(ellipse at center,#e1eff8,transparent 70%),#f4f8fb;border:1px solid #dde9f2}.solution-copy .tiny-label{color:#286792}.solution-copy h3{font-size:35px;line-height:1.22;margin:17px 0 24px;color:#183d5b}.solution-copy p{font-size:17px;line-height:1.85;color:#597489}.solution-copy ul{list-style:none;padding:0;margin:29px 0;display:flex;flex-direction:column;gap:16px}.solution-copy li{display:flex;align-items:center;gap:12px;font-size:15px;color:#365975}.solution-copy li .icon{color:#c85d18;width:17px;height:17px}
.detect-section{background:linear-gradient(110deg,#eef5fa,#e1eff8);border-block:1px solid #dae8f2;padding-block:81px}.detect-inner{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center}.detect-mark{display:flex;align-items:center;gap:12px;font-size:15px;letter-spacing:.7px;color:#144e77;margin-bottom:25px}.detect-mark>.icon{width:28px;height:28px;color:#0067ae}.detect-mark strong{color:#ce641f}.detect-copy .eyebrow{font-size:11px;margin-bottom:15px}.detect-copy h2{font-size:49px;line-height:1.17}.detect-copy p{font-size:17px;line-height:1.85;color:#57748b;margin:26px 0}.notification-preview{border:1px solid #abcbe0;border-radius:12px;background:#fff;box-shadow:0 23px 51px #3a6c911c;padding:31px;position:relative}.notification-preview:before{content:"";position:absolute;width:46px;height:46px;right:-11px;top:-11px;border-top:2px solid #dd782b;border-right:2px solid #dd782b;border-top-right-radius:8px;pointer-events:none}.notification-head{display:flex;align-items:center;gap:11px;font-size:15px;color:#225c83;padding-bottom:23px;border-bottom:1px solid #e2ebf2}.notification-head>.icon{color:#d27029;width:19px;height:19px}.notification-head>span{margin-left:auto;font-size:8px;letter-spacing:1px;color:#6a889f;border:1px solid #d5e3ee;padding:4px 7px}.notification-preview h3{font-size:28px;line-height:1.2;color:#183c57;margin:25px 0 18px}.notification-preview p{font-size:16px;line-height:1.85;color:#5b778c}.notification-foot{display:flex;align-items:center;gap:8px;padding-top:23px;margin-top:25px;border-top:1px solid #e2ebf2;font-size:11px;color:#67869c}.notification-foot>span{width:5px;height:5px;border-radius:50%;background:#d97736}
.detect-showcase{margin-top:48px;background:#fff;border:1px solid #c9ddeB;border-radius:14px;overflow:hidden;box-shadow:0 20px 48px #3a6c9110}.detect-images{display:grid;grid-template-columns:.8fr 2fr;gap:42px;padding:32px 38px;align-items:center}.detect-unit,.detect-scenario{min-width:0}.detect-unit{display:flex;flex-direction:column;align-items:center}.detect-scenario{border-left:1px solid #dfebf3;padding-left:38px}.detect-visual-label{display:block;font-size:10px;letter-spacing:1.2px;line-height:1.7;color:#527b97;margin-bottom:18px}.detect-image-button{display:block;width:100%;border:0;padding:0;background:transparent;text-align:left}.detect-image-button img{display:block;width:100%;height:auto;object-fit:contain}.detect-unit .detect-image-button{max-width:228px}.detect-unit .detect-image-button img{max-height:228px}.detect-image-button>span{display:flex;align-items:center;justify-content:center;gap:10px;color:#256185;font-size:12px;line-height:1.6;padding-top:14px}.detect-image-button .icon{width:15px;height:15px}.detect-image-button:hover>span{color:#c15716}.detect-showcase figcaption{display:grid;grid-template-columns:1fr 1.4fr;gap:38px;align-items:center;border-top:1px solid #dfeaf3;padding:25px 38px;background:#f9fcfe}.detect-showcase figcaption strong{font-size:22px;line-height:1.45;letter-spacing:-.02em;color:#173e5b}.detect-showcase figcaption>span{font-size:14px;line-height:1.85;color:#627e91}
@media(max-width:1020px){.detect-images{grid-template-columns:.8fr 1.7fr;gap:24px;padding:26px}.detect-scenario{padding-left:24px}.detect-visual-label{font-size:9px;letter-spacing:.8px}.detect-showcase figcaption{padding:22px 26px;gap:24px}.detect-showcase figcaption strong{font-size:20px}.detect-showcase figcaption>span{font-size:12px}}
@media(max-width:760px){.detect-showcase{margin-top:34px;border-radius:9px}.detect-images{grid-template-columns:1fr;gap:27px;padding:25px 22px}.detect-unit .detect-image-button{max-width:200px}.detect-unit .detect-image-button img{max-height:200px}.detect-scenario{border-left:0;border-top:1px solid #dfebf3;padding:24px 0 0}.detect-visual-label{font-size:10px;margin-bottom:14px}.detect-image-button>span{font-size:12px}.detect-showcase figcaption{grid-template-columns:1fr;gap:12px;padding:23px 22px}.detect-showcase figcaption strong{font-size:22px}.detect-showcase figcaption>span{font-size:13px}}

.upgrades-section{background:#f6f9fb}.upgrade-card{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:68px;padding-block:24px 68px}.upgrade-card+.upgrade-card{border-top:1px solid #d6e4ee;padding-top:68px}.package-label{font-size:10px;letter-spacing:1.35px;color:#246b99;display:inline-block;border-bottom:1px solid #bcd7e8;padding-bottom:9px}.upgrade-copy h3{font-size:38px;line-height:1.25;color:#183c56;margin:23px 0 20px}.upgrade-copy h3 span{color:#c15713}.upgrade-copy .upgrade-lead{font-size:23px;line-height:1.5;color:#244f6c;font-weight:700;margin-bottom:22px}.upgrade-copy p{font-size:16px;line-height:1.85;color:#5d778a}.upgrade-copy ul{list-style:none;margin:24px 0 30px;padding:0;display:flex;flex-direction:column;gap:13px}.upgrade-copy li{display:flex;align-items:flex-start;gap:11px;font-size:14px;line-height:1.65;color:#4f6c80}.upgrade-copy li .icon{width:17px;height:17px;color:#246f9f;margin-top:2px}.upgrade-copy .text-link{font-size:14px}.upgrade-visual,.guidance-examples{min-width:0}.package-media{aspect-ratio:auto;position:relative;overflow:hidden;border:1px solid #b6d0e4;border-radius:12px;background:#10141d;box-shadow:0 22px 42px #1b4a7017}.package-media img{display:block;width:100%;height:auto;object-fit:contain}.upgrade-visual figcaption,.guidance-examples figcaption{font-size:12px;line-height:1.9;color:#698297;margin-top:16px}.guidance-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}.guidance-tabs button{min-height:48px;padding:11px 8px;background:none;border:1px solid #cadae7;color:#55758e;border-radius:5px;font-size:12px;line-height:1.4}.guidance-tabs button[aria-selected=true]{background:#174b73;color:#fff;border-color:#174b73}.guidance-tabs button:hover{border-color:#7aa8c9}.guidance-note{font-size:10px;line-height:1.85;color:#718b9d;margin-top:14px}.package-contact{display:flex;align-items:center;justify-content:space-between;gap:45px;padding-top:22px;border-top:1px solid #d6e4ee}.package-contact p{font-size:16px;line-height:1.8;color:#5f798e;max-width:640px}.package-contact .btn{font-size:14px;white-space:nowrap}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:51px;margin-top:12px}.steps article{border-top:1px solid #cfdee9;padding-top:29px}.steps article>span{font-size:42px;letter-spacing:-2px;color:#d46d26;display:block;margin-bottom:28px}.steps h3{font-size:24px;line-height:1.35;color:#163e5c;margin-bottom:17px}.steps p{font-size:16px;line-height:1.9;color:#5f788c}.hardware-note{display:flex;align-items:flex-start;gap:18px;background:#f2f7fa;border-left:3px solid #90b6d1;padding:23px 28px;margin-top:52px}.hardware-note>.icon{width:20px;height:20px;color:#33739e;margin-top:4px}.hardware-note p{font-size:13px;line-height:1.9;color:#638094}.hardware-note strong{font-weight:700;color:#234f6d}.client-section{padding-block:51px;background:#0f3756;color:#d6e9f7}.client-inner{display:grid;grid-template-columns:56px 1fr auto;gap:31px;align-items:center}.client-lock{display:grid;place-items:center;width:56px;height:56px;border:1px solid #8cb9d356;border-radius:50%;color:#98c9e8}.client-lock>.icon{width:22px;height:22px}.client-section .eyebrow{color:#a7cfe7;font-size:10px;margin-bottom:12px}.client-section h2{font-size:31px;line-height:1.25;color:#ffa668;letter-spacing:-.02em}.client-section p{font-size:14px;line-height:1.85;color:#a8c9df;max-width:720px;margin-top:17px}.client-section .btn{font-size:13px;padding-inline:18px;gap:14px;white-space:nowrap}.contact-section{display:grid;grid-template-columns:1fr 1.1fr;gap:88px;align-items:start}.contact-copy p{font-size:17px;line-height:1.9;color:#5e788c;max-width:475px;margin:27px 0 29px}.contact-copy .btn{font-size:14px}.contact-note{display:block;font-size:12px;line-height:1.85;color:#698496;margin-top:20px}.contact-web{color:#2e709d;display:table;border-bottom:1px solid #aac4d6;padding-bottom:5px}.faq-list{border-top:1px solid #d3e1ec}.faq-list details{border-bottom:1px solid #d3e1ec;padding:23px 0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:17px;line-height:1.5;color:#214c6b;font-weight:700;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:#c96826;font-size:22px;line-height:1;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:14px;line-height:1.9;color:#668296;padding-top:18px;max-width:580px}.site-footer{background:#fff;border-top:1px solid #d7e4ee;padding-top:65px}.footer-main{display:grid;grid-template-columns:1fr .7fr 1fr;gap:70px;align-items:start;padding-bottom:56px}.footer-brand{width:284px}.footer-main>div>p{font-size:12px;line-height:1.7;color:#54758f;margin-top:15px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px;font-size:13px;color:#416783;padding-top:8px}.footer-links a:hover,.footer-links button:hover{color:var(--orange)}.footer-links .plain-button{font-size:13px}.footer-rjl{display:flex;flex-direction:column;align-items:flex-start;padding-top:12px;gap:23px}.footer-rjl>span{font-size:10px;color:#7890a3;letter-spacing:1.35px}.footer-rjl img{width:280px;height:auto;display:block;background:transparent}.footer-bottom{padding-block:25px;border-top:1px solid #d8e4ed;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;line-height:1.8;color:#7190a5}.footer-dot{color:#c06a30;font-size:7px;margin-inline:8px}
.image-dialog,.privacy-dialog{width:min(1260px,94vw);max-height:94vh;border:1px solid #8bb1cf;border-radius:12px;padding:49px 25px 24px;background:#fff;color:#163d5a;box-shadow:0 30px 110px #0006}.image-dialog::backdrop,.privacy-dialog::backdrop{background:#061522db;backdrop-filter:blur(8px)}.image-dialog img{width:100%;height:auto;max-height:76vh;object-fit:contain;background:#edf4f8;display:block}.image-dialog>p{font-size:14px;line-height:1.9;margin-top:17px}.dialog-close{position:absolute;right:14px;top:10px;display:grid;place-items:center;width:31px;height:31px;color:#2b5574;border:1px solid #b3cadd;background:#f2f7fb;border-radius:5px;font-size:24px;line-height:1}.privacy-dialog{width:min(680px,94vw);padding:45px}.privacy-dialog h2{font-size:35px}.privacy-dialog p{font-size:15px;line-height:1.95;color:#5b798f;margin-block:24px}.privacy-dialog .btn{min-height:45px;font-size:14px}.noscript-note{font-size:13px;color:#8eb7d2;margin-top:20px;line-height:1.8}
.site-intro{position:fixed;inset:0;z-index:200;background:#061422;opacity:1;transition:opacity .55s ease,background .35s ease}.site-intro.is-finishing{opacity:0;pointer-events:none}.intro-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent}.intro-toolbar{position:absolute;z-index:2;left:0;right:0;top:0;padding:26px 38px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#a1d8f6;font-size:11px;letter-spacing:1.7px;background:linear-gradient(#0614228a,transparent);transition:color .4s,background .4s}.intro-skip{display:flex;align-items:center;gap:18px;border:1px solid #87d8ff65;background:#0a273cba;color:#e6f8ff;padding:11px 18px;border-radius:5px;font-size:14px;letter-spacing:0;backdrop-filter:blur(12px)}.intro-skip:hover{background:#114a6ae0}.intro-caption{position:absolute;bottom:25px;left:20px;right:20px;color:#aad7f2;text-align:center;font-size:10px;letter-spacing:2.2px;transition:color .4s}.intro-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 24px;border:1px solid #91ddff;background:#063452ed;color:#e7f7ff;border-radius:5px;font-size:17px;white-space:nowrap}.site-intro.is-logo-reveal{background:#edf5fa}.site-intro.is-logo-reveal .intro-toolbar{color:#1c537a;background:linear-gradient(#edf5fa99,transparent)}.site-intro.is-logo-reveal .intro-skip{background:transparent;border-color:#3e7fac66;color:#15476b}.site-intro.is-logo-reveal .intro-caption{color:#326282}.will-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.will-reveal.is-visible{opacity:1;transform:none}
@media(min-width:1700px){.hero-grid{min-height:665px}.ai-stage{height:665px}.ai-face{height:580px;width:450px;right:9%}.hero-screen{bottom:35px}.hero h1{font-size:104px}}
@media(max-width:1200px){.section-shell,.nav-wrap{width:calc(100% - 64px)}.site-header nav{gap:16px;font-size:12px}.nav-login{padding-left:15px}.brand{width:205px}.nav-wrap{min-height:95px}.btn-nav{font-size:12px;padding:12px 13px}.hero-grid{gap:34px;min-height:585px}.ai-stage{height:585px}.hero h1{font-size:clamp(65px,7.3vw,86px)}.hero-intro{font-size:22px}.hero-detail{font-size:16px}.hero-actions .btn{font-size:13px;gap:13px;padding-inline:15px}.ai-face{height:490px;right:0;width:82%}.hero-screen{bottom:35px;width:108%;left:-5%}.section-heading{gap:50px}.strip-points{gap:19px;font-size:10px}.strip-points div+div{padding-left:19px}.maker-band img{width:210px}.maker-band{gap:18px}.feature-main{padding:34px}.feature-stack article{padding:23px;gap:16px}.feature-main h3{font-size:31px}.feature-stack h3{font-size:21px}.feature-stack p{font-size:14px}.feature-detail{gap:22px}.mini-gate{width:130px;height:85px}.solution-content,.detect-inner{gap:55px}.upgrade-card{gap:45px}.contact-section{gap:60px}.footer-main{gap:40px}.footer-rjl img{width:245px}}
@media(max-width:1020px){.nav-wrap{min-height:92px}.brand{width:197px}.nav-toggle{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:25px 32px 31px;border-bottom:1px solid #c7dbe9;box-shadow:0 16px 25px #1d4b651a;align-items:stretch;gap:6px;flex-direction:column;font-size:15px}.site-header nav.is-open{display:flex}.site-header nav>a:not(.btn){padding-block:12px}.nav-login{border:0;padding-left:0;margin-top:5px}.btn-nav{align-self:flex-start;margin-top:8px;font-size:15px}.hero{padding-top:41px}.hero-grid{gap:20px;min-height:555px;grid-template-columns:1.07fr 1fr}.hero h1{font-size:clamp(53px,7.45vw,77px)}.hero-eyebrow{font-size:10px}.hero-intro{font-size:20px}.hero-detail{font-size:15px}.hero-actions{gap:11px}.hero-actions .btn{font-size:12px;min-height:50px;padding:13px 14px;gap:10px}.ai-stage{height:535px}.ai-face{height:450px;width:100%;top:-10px}.ai-orbit{width:340px;height:340px;right:-10px}.orbit-two{width:390px;height:390px;right:-35px}.hero-screen{left:-2%;width:105%;bottom:62px}.hero-stage-caption{bottom:29px;font-size:8px}.strip-inner{gap:25px;min-height:110px}.strip-points{gap:18px;flex-wrap:wrap;justify-content:flex-end}.strip-points div+div{padding-left:0;border:0}.maker-band img{width:198px}.maker-band>span{font-size:8px}.section-space{padding-block:86px}.section-heading{gap:40px;grid-template-columns:1.2fr 1fr}.section-heading p{font-size:15px}.feature-layout{gap:20px}.feature-main{padding:31px;min-height:530px}.feature-main h3{font-size:29px}.feature-main p{font-size:15px}.feature-stack article{padding:23px 20px}.feature-stack h3{font-size:19px}.feature-stack p{font-size:13px}.feature-detail{flex-direction:column;align-items:flex-start;gap:24px;padding-block:27px}.feature-no{display:none}.demo-workspace{grid-template-columns:225px 1fr}.demo-menu{padding:27px 16px}.demo-tabs button{font-size:11px;padding-inline:9px;gap:8px}.demo-panel{padding:28px 25px 0}.demo-top{gap:12px}.demo-top h3{font-size:25px}.demo-bottom{flex-direction:column;align-items:flex-start;gap:18px}.solution-content{gap:37px}.solution-art{height:395px}.solution-copy h3{font-size:29px}.solution-copy p{font-size:15px}.solution-copy li{font-size:13px}.detect-inner{gap:45px}.detect-copy h2{font-size:39px}.detect-copy p{font-size:15px}.notification-preview{padding:27px}.notification-preview h3{font-size:25px}.notification-preview p{font-size:14px}.upgrade-card{gap:33px;grid-template-columns:1fr 1.12fr}.upgrade-copy h3{font-size:31px}.upgrade-copy .upgrade-lead{font-size:20px}.upgrade-copy p{font-size:14px}.upgrade-copy li{font-size:12px}.upgrade-copy .text-link{font-size:12px;gap:10px}.steps{gap:35px}.steps h3{font-size:21px}.steps p{font-size:14px}.client-inner{grid-template-columns:48px 1fr;gap:24px}.client-inner>.btn{grid-column:2;justify-self:start;margin-top:5px}.client-lock{width:48px;height:48px;align-self:start;margin-top:18px}.client-section h2{font-size:31px}.contact-section{gap:50px}.faq-list summary{font-size:15px}.faq-list p{font-size:13px}.contact-copy p{font-size:15px}.footer-main{grid-template-columns:1fr .6fr 1fr;gap:33px}.footer-brand{width:230px}.footer-rjl img{width:208px}}
@media(max-width:760px){html{scroll-padding-top:93px}.section-shell,.nav-wrap{width:calc(100% - 40px)}.nav-wrap{min-height:85px}.brand{width:183px}.hero{padding-block:38px 30px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding-bottom:0;max-width:600px}.hero h1{font-size:clamp(58px,12.4vw,88px);line-height:1.05;margin-bottom:20px}.hero-eyebrow{font-size:10px;margin-bottom:20px}.hero-intro{font-size:22px;margin-bottom:13px}.hero-detail{font-size:16px;line-height:1.8;max-width:580px}.hero-actions{margin-top:25px;gap:13px}.hero-actions .btn{font-size:14px;padding:15px 18px;min-height:53px}.watch-intro{font-size:12px;margin-top:25px}.ai-stage{height:540px;max-width:575px;width:100%;margin:12px auto 10px;transform:none}.ai-face{width:355px;height:450px;right:12%;top:0}.ai-orbit{width:390px;height:390px;right:7%;top:30px}.orbit-two{width:440px;height:440px;right:2%;top:6px}.hero-screen{left:2%;width:96%;bottom:44px;transform:perspective(1200px) rotateY(-5deg) rotateX(4deg)}.hero-stage-caption{bottom:13px;font-size:9px}.hero-scroll{font-size:8px;letter-spacing:1.3px}.strip-inner{padding-block:25px;min-height:0;flex-direction:column;align-items:flex-start;gap:25px}.maker-band{gap:25px}.maker-band img{width:219px}.maker-band>span{font-size:9px}.strip-points{justify-content:flex-start;gap:17px;font-size:10px;width:100%}.strip-points div{gap:7px}.strip-points .icon{width:15px;height:15px}.section-space{padding-block:72px}.section-heading{display:block;margin-bottom:34px}.eyebrow{font-size:10px;margin-bottom:19px}h2{font-size:clamp(35px,7.3vw,47px);letter-spacing:-.025em;line-height:1.17}.section-heading p{font-size:15px;line-height:1.8;max-width:560px;margin-top:23px}.portal-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:19px}.portal-tabs button{font-size:13px;min-height:47px;padding:13px 8px;white-space:normal}.portal-browser-bar{height:39px;padding-inline:13px;font-size:7px;gap:9px;letter-spacing:.8px}.portal-browser-bar .plain-button{font-size:10px}.portal-screen-panel{border-radius:8px}.portal-screen-panel figcaption{padding:17px 18px;font-size:12px}.portal-details{grid-template-columns:1fr;gap:23px;margin-top:31px}.portal-details article{padding:0 0 0 27px}.portal-details article+article{border:0}.portal-details h3{font-size:19px;margin-bottom:9px}.portal-details p{font-size:14px}.feature-layout{grid-template-columns:1fr;gap:21px}.feature-main{padding:31px;min-height:0}.feature-main h3{font-size:30px}.feature-main p{font-size:16px;max-width:none}.feature-main>.icon{margin-bottom:26px}.feature-detail{flex-direction:row;align-items:center;gap:25px;padding-block:31px}.feature-stack{gap:14px;grid-template-rows:auto}.feature-stack article{padding:24px;gap:18px}.feature-stack h3{font-size:21px}.feature-stack p{font-size:14px}.feature-stack article>.icon{width:22px;height:22px}.demo-workspace{display:block}.demo-menu{border-right:0;border-bottom:1px solid #6fa8cf3b;padding:22px}.demo-workspace-label{margin-bottom:18px}.demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.demo-tabs button{flex-direction:column;align-items:flex-start;gap:12px;padding:13px 10px;min-height:84px;font-size:10px;line-height:1.5;border-color:#79b5d329}.demo-tabs button>span{display:none}.demo-tabs button[aria-selected=true]{box-shadow:inset 0 -2px 0 #ff9859}.demo-menu-note{display:none}.demo-panel{padding:27px 22px 0}.demo-top h3{font-size:22px}.demo-top .tiny-label{font-size:9px}.gate-status{font-size:10px;padding:8px 9px}.demo-disclosure{font-size:8px;margin-top:14px}.solution-tabs{grid-template-columns:1fr 1fr;gap:8px}.solution-tabs button{font-size:14px;min-height:49px;padding:12px 8px}.solution-content{grid-template-columns:1fr;gap:34px;margin-top:27px}.solution-art{height:325px}.sector-building{height:265px}.solution-art-label{font-size:8px}.solution-copy h3{font-size:30px;margin-block:15px 22px}.solution-copy p{font-size:16px}.solution-copy li{font-size:14px}.detect-section{padding-block:64px}.detect-inner{grid-template-columns:1fr;gap:37px}.detect-copy h2{font-size:40px}.detect-copy p{font-size:16px}.detect-mark{font-size:14px;margin-bottom:25px}.notification-preview{padding:26px}.notification-preview h3{font-size:26px}.notification-preview p{font-size:15px}.upgrade-card{grid-template-columns:1fr;gap:34px;padding:8px 0 43px}.upgrade-card+.upgrade-card{padding-top:43px}.upgrade-copy h3{font-size:34px;margin-block:20px}.upgrade-copy .upgrade-lead{font-size:22px}.upgrade-copy p{font-size:16px}.upgrade-copy li{font-size:14px}.upgrade-copy .text-link{font-size:14px;gap:15px}.package-media{border-radius:9px}.guidance-tabs button{font-size:11px}.guidance-note{font-size:10px}.package-contact{display:block;padding-top:28px}.package-contact p{font-size:15px}.package-contact .btn{margin-top:24px;white-space:normal;font-size:13px}.steps{grid-template-columns:1fr;gap:33px;margin-top:5px}.steps article{display:grid;grid-template-columns:52px 1fr;gap:10px 22px;padding-top:26px}.steps article>span{font-size:34px;grid-row:span 2;margin:0}.steps h3{font-size:23px;margin:0}.steps p{font-size:15px}.hardware-note{padding:22px;gap:13px;margin-top:35px}.hardware-note p{font-size:12px}.hardware-note>.icon{width:17px;height:17px}.client-section{padding-block:43px}.client-inner{grid-template-columns:1fr;gap:0}.client-lock{margin:0 0 24px}.client-inner>.btn{grid-column:auto;margin-top:25px}.client-section h2{font-size:30px}.client-section p{font-size:14px}.client-section .eyebrow{font-size:9px}.contact-section{grid-template-columns:1fr;gap:42px}.contact-copy p{font-size:16px}.faq-list summary{font-size:16px}.faq-list p{font-size:14px}.site-footer{padding-top:45px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 25px;padding-bottom:43px}.footer-main>div:first-child{grid-column:span 2}.footer-brand{width:270px}.footer-links{gap:14px;font-size:12px}.footer-links .plain-button{font-size:12px}.footer-rjl img{width:220px;max-width:100%}.footer-rjl>span{font-size:8px}.footer-rjl{gap:21px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:13px;font-size:9px;padding-block:23px}.intro-toolbar{padding:20px;font-size:8px;letter-spacing:1px;align-items:flex-start}.intro-skip{padding:9px 12px;font-size:12px;gap:9px;white-space:nowrap}.intro-caption{font-size:8px;letter-spacing:1.3px;bottom:18px}.intro-play{font-size:14px;padding:15px 18px}.privacy-dialog{padding:38px 25px}.privacy-dialog h2{font-size:30px}.image-dialog{padding:44px 13px 20px}.image-dialog>p{font-size:12px}}
@media(max-width:430px){.hero h1{font-size:clamp(45px,13.3vw,56px)}.hero-eyebrow{font-size:8px;letter-spacing:1.2px}.hero-intro{font-size:19px}.hero-detail{font-size:14px}.hero-actions{gap:9px}.hero-actions .btn{font-size:12px;padding:14px;gap:9px}.ai-stage{height:440px;margin-top:20px}.ai-face{height:370px;width:290px;right:4%}.ai-orbit{width:315px;height:315px;right:0}.orbit-two{width:350px;height:350px;right:-18px}.hero-screen{bottom:35px;left:0;width:100%}.hero-screen-bar{height:29px;font-size:7px;padding-inline:10px;gap:8px}.hero-stage-caption{font-size:7px;bottom:8px}.maker-band{gap:18px}.maker-band img{width:194px}.maker-band>span{font-size:8px}.strip-points{gap:14px;font-size:9px}.strip-points div{gap:6px}.section-space{padding-block:62px}h2{font-size:35px}.feature-main{padding:25px}.feature-main h3{font-size:27px}.feature-main p{font-size:14px}.feature-detail{gap:20px}.feature-detail>span:last-child{font-size:12px}.mini-gate{width:111px;height:75px}.feature-stack article{padding:21px;gap:15px}.feature-stack h3{font-size:19px}.feature-stack p{font-size:13px}.portal-browser-bar>span:nth-child(2){font-size:6px}.demo-menu{padding:19px}.demo-tabs button{font-size:9px}.demo-panel{padding:24px 18px 0}.demo-top h3{font-size:19px}.gate-status{font-size:8px;padding:7px}.detect-copy h2{font-size:35px}.notification-preview{padding:23px}.notification-preview h3{font-size:23px}.upgrade-copy h3{font-size:31px}.upgrade-copy .upgrade-lead{font-size:20px}.guidance-tabs button{font-size:9px;padding-inline:5px}.footer-main{column-gap:20px}.footer-rjl img{width:180px}.footer-links{font-size:11px}.footer-links .plain-button{font-size:11px}.footer-rjl>span{font-size:7px;letter-spacing:.9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}.ai-stage,.hero-screen,.hero-screen:hover{transform:none}}

.portal-setup-note{font-size:11px;line-height:1.9;color:#648296;margin-top:19px}
.media-gallery-wrap{margin-top:65px;border-top:1px solid #cfdeea;padding-top:38px}.media-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.media-gallery-heading .eyebrow{display:block;margin-bottom:12px;font-size:10px}.media-gallery-heading h3{font-size:28px;line-height:1.4;color:#173e5b}.media-gallery-heading p{font-size:14px;line-height:1.8;color:#607d92;margin-top:9px}.media-gallery-controls{display:flex;gap:9px;flex:none}.media-gallery-controls button{width:43px;height:43px;border:1px solid #b5cfdf;border-radius:50%;background:#fff;color:#174a70;font-size:21px}.media-gallery-controls button:disabled{opacity:.35;cursor:default}.media-gallery-controls button:hover:not(:disabled){background:#e1eff8;border-color:#5b9ec8}.media-gallery{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:#4d8fb7 #e4edf5;scrollbar-width:thin;padding-bottom:19px;overscroll-behavior-x:contain}.media-card{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start;border:1px solid #cadde9;border-radius:10px;background:#fff;overflow:hidden}.media-card-image{display:block;width:100%;aspect-ratio:1.75;background:#eef4f8;border:0;padding:12px;position:relative}.media-card-image img{display:block;width:100%;height:100%;object-fit:contain}.media-card-image>span{position:absolute;right:9px;bottom:9px;display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#123c5bec;color:#fff;font-size:15px}.media-card-image:hover>span{background:#cc6420}.media-card figcaption{padding:19px 21px 22px;border-top:1px solid #dce7f0}.media-card figcaption>span{font-size:9px;line-height:1.7;letter-spacing:.55px;color:#6b879b}.media-card h3{font-size:18px;color:#173f5d;line-height:1.5;margin-top:6px}.media-gallery-note{font-size:11px;line-height:1.9;color:#6b8498;margin-top:14px}
.hero-control-preview{isolation:isolate}.hero-preview-toggle{border:1px solid #4e7e9d;border-radius:3px;background:transparent;color:#e3f2fc;font-size:9px;line-height:1.4;padding:4px 7px;white-space:nowrap}.hero-preview-toggle:hover{background:#286087}.hero-portal-title{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-block:1px solid #a7cde336;background:#153f61;color:#edf7ff}.hero-portal-title>span:first-child{display:grid;grid-template-columns:25px 1fr;column-gap:9px;align-items:center}.hero-portal-title b{grid-row:span 2;background:#ff870b;color:#fff;padding:5px 3px;font-size:10px;text-align:center}.hero-portal-title strong{font-size:13px;line-height:1.5}.hero-portal-title small{font-size:8px;letter-spacing:.7px;color:#b0d1e6;line-height:1.5}.hero-preview-badge{border:1px solid #a8d1e478;border-radius:12px;padding:4px 8px;font-size:8px;letter-spacing:.7px;color:#d5edfc}.hero-portal-workspace{display:grid;grid-template-columns:62px minmax(0,1fr) 91px;gap:12px;align-items:center;position:relative;background:linear-gradient(120deg,#153f61,#0b2f4e);padding:10px 16px}.hero-portal-buttons{display:flex;flex-direction:column;gap:7px}.hero-portal-buttons button{height:34px;border:1px solid #79afca66;font-size:11px;font-weight:700;letter-spacing:.3px;padding:0;transition:transform .15s,box-shadow .15s}.hero-portal-buttons .hero-open{background:#286b46;border-color:#48995f;color:#c5f7d3}.hero-portal-buttons .hero-close{background:#7a3641;border-color:#b85963;color:#ffc8cf}.hero-portal-buttons button:disabled{opacity:.5;cursor:default}.hero-portal-buttons button.is-cursor-click{transform:scale(.94);box-shadow:0 0 0 4px #b6e8ff40}.hero-gate-stage{position:relative;height:169px;min-width:0;overflow:visible}.hero-gate-current{align-self:center;border:1px solid #3981af;padding:11px 8px;background:#0d365a;min-width:0}.hero-gate-current>span{font-size:6px;letter-spacing:.4px;color:#badced;display:block;border-bottom:1px solid #79b5d438;padding-bottom:8px;margin-bottom:9px}.hero-gate-current strong{font-size:11px;line-height:1.4;display:block;color:#f0f9ff}.hero-gate-current small{font-size:7px;line-height:1.6;display:block;color:#a2c6df;margin-top:9px}.hero-preview-cursor{position:absolute;width:26px;height:33px;left:60%;top:72%;z-index:9;pointer-events:none;opacity:0;transition:left .7s ease,top .7s ease,opacity .15s;filter:drop-shadow(0 2px 3px #00162377)}.hero-preview-cursor svg{width:100%;height:100%;display:block}.hero-control-preview.is-auto .hero-preview-cursor{opacity:1}.hero-preview-cursor i{position:absolute;left:-7px;top:-7px;width:23px;height:23px;border:2px solid #a9e8ff;border-radius:50%;opacity:0;transform:scale(.3)}.hero-preview-cursor.is-clicking i{animation:cursor-click .4s ease-out}@keyframes cursor-click{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(1.4)}}.hero-portal-foot{display:flex;justify-content:space-between;gap:10px;padding:11px 15px;border-top:1px solid #83b7d633;background:#0d2c46;color:#a8d1e9;font-size:7px;letter-spacing:.65px}
@media(max-width:1020px){.hero-screen-bar{padding-inline:12px;gap:8px;font-size:7px;letter-spacing:.7px}.hero-portal-workspace{grid-template-columns:50px minmax(0,1fr) 78px;gap:8px;padding-inline:12px}.hero-portal-buttons button{font-size:10px;height:32px}.hero-portal-title strong{font-size:12px}.hero-portal-foot{font-size:6px}.hero-preview-toggle{font-size:8px}.media-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:760px){.media-gallery-wrap{margin-top:40px;padding-top:30px}.media-gallery-heading{gap:15px;align-items:center}.media-gallery-heading h3{font-size:23px}.media-gallery-heading p{font-size:13px}.media-gallery-controls button{width:36px;height:36px;font-size:19px}.media-gallery-controls{gap:6px}.media-gallery{gap:14px}.media-card{flex-basis:82%;max-width:410px}.media-card h3{font-size:18px}.media-card figcaption{padding:16px 18px}.media-gallery-note{font-size:10px}.hero-portal-workspace{grid-template-columns:56px minmax(0,1fr) 81px;gap:9px}.hero-gate-stage{height:162px}.hero-screen-bar{font-size:7px}.hero-portal-foot{font-size:6px;letter-spacing:.5px}}
@media(max-width:430px){.hero-portal-workspace{grid-template-columns:47px minmax(0,1fr) 72px;gap:6px;padding-inline:10px}.hero-gate-stage{height:140px}.hero-portal-title{padding:10px}.hero-portal-title strong{font-size:11px}.hero-portal-title small{font-size:7px}.hero-gate-current{padding:9px 6px}.hero-gate-current strong{font-size:9px}.hero-screen-bar{padding-inline:10px;gap:6px;letter-spacing:.4px}.hero-screen-bar .browser-dots{gap:3px}.hero-screen-bar .browser-dots i{width:4px;height:4px}.hero-preview-toggle{font-size:7px;padding:4px 5px}.hero-portal-foot{padding:10px;font-size:5px}.media-gallery-heading .eyebrow{font-size:9px}.media-gallery-heading h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hero-gate-leaf,.hero-preview-cursor{transition:none}.hero-preview-cursor.is-clicking i{animation:none}}
.customisation-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;margin-top:68px;border-top:1px solid #d2e1ec;padding-top:44px;align-items:end}.customisation-heading .eyebrow{display:block;margin-bottom:14px;font-size:10px}.customisation-heading h3{font-size:33px;line-height:1.3;color:#17466a}.customisation-heading p{font-size:15px;line-height:1.9;color:#5e7a90}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.concept-card{min-width:0;border:1px solid #c6dbe9;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 20px 46px #1c4f7610}.concept-image{border:0;padding:0;background:#0c253d;width:100%;display:block;position:relative;aspect-ratio:1.777}.concept-image img{display:block;width:100%;height:auto;object-fit:contain}.concept-image>span{position:absolute;left:18px;bottom:17px;background:#082139e6;color:#d7edfc;border:1px solid #b0d5eb55;padding:7px 10px;font-size:8px;letter-spacing:.7px;border-radius:3px}.concept-image:hover>span{background:#125078}.concept-card figcaption{padding:30px 32px}.concept-kicker{font-size:9px;letter-spacing:1px;line-height:1.8;color:#4f7c9b}.concept-card h3{font-size:31px;line-height:1.3;color:#163f60;margin:16px 0}.concept-card p{font-size:15px;line-height:1.9;color:#607c91}.concept-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.concept-features span{font-size:10px;line-height:1.6;padding:6px 9px;background:#edf5fa;color:#477390;border:1px solid #d5e5ef;border-radius:3px}.concept-contact{margin-top:30px;font-size:14px}
@media(max-width:760px){.customisation-heading{display:block;margin-top:43px;padding-top:31px}.customisation-heading h3{font-size:29px}.customisation-heading p{font-size:14px;margin-top:19px}.concept-grid{grid-template-columns:1fr;gap:24px;margin-top:25px}.concept-card{border-radius:9px}.concept-card figcaption{padding:25px}.concept-card h3{font-size:29px}.concept-card p{font-size:14px}.concept-image>span{left:13px;bottom:13px;font-size:7px}.concept-contact{font-size:13px}}

/* Solid 3D hardware: geometry controls perspective; CSS never stretches a gate. */
.model-stage{position:relative;min-width:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 54%,#39617b28,transparent 70%);border:1px solid #74add32b;border-radius:9px}
.model-canvas,.model-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.model-canvas[hidden],.model-poster[hidden]{display:none!important}
.model-canvas{cursor:grab;outline-offset:-4px}
.model-canvas:active{cursor:grabbing}
.model-topline,.model-caption{position:absolute;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;pointer-events:none;z-index:2}
.model-topline{top:16px;font-size:9px;letter-spacing:1px;color:#b1c9db}
.model-caption{bottom:15px;font-size:9px;line-height:1.5;letter-spacing:.35px;color:#8fadc3}
.model-caption>span:last-child{font-size:8px;letter-spacing:.8px}
.model-reset{pointer-events:auto;background:#102e47;border:1px solid #608dab55;border-radius:4px;padding:7px 9px;color:#c9deeb;font-size:10px;letter-spacing:0}
.model-reset:hover{background:#214561}
.model-reset:disabled{opacity:.4;cursor:default}
.gate-stage.model-stage{height:360px;margin:24px 0 7px;background:radial-gradient(ellipse at 50% 56%,#5483a035,transparent 75%),#0d263a}
.hero-gate-stage.model-stage{height:190px;overflow:hidden;border:0;border-radius:0;background:transparent}
.hero-portal-workspace{grid-template-columns:62px minmax(0,1fr) 82px;gap:8px;padding:6px 12px}
.feature-detail{gap:20px;padding-block:16px 22px;flex-wrap:wrap}
.feature-gate.model-stage{width:220px;height:155px;flex:0 0 220px;border:0;background:transparent}
.solution-art.model-stage{height:415px;background:radial-gradient(ellipse at 50% 48%,#31577555,transparent 73%),#0d263a;border-color:#1c4b6b}
.solution-art-label{position:absolute;left:22px;bottom:22px;color:#a8c8de;font-size:9px;line-height:1.6;letter-spacing:.7px;max-width:70%;pointer-events:none}
.solution-model-hint{position:absolute;right:22px;bottom:22px;color:#81a6c1;font-size:9px;pointer-events:none}
.package-media{box-shadow:0 22px 42px #1b4a7022,0 5px 0 #c4d3df;transform:none}
.portal-screen-frame{box-shadow:0 30px 55px #0c2e4b22,0 5px 0 #c3d2df}
.portal-screen-frame img,.detect-image-button img,.concept-image img{max-width:100%;height:auto}
@media(max-width:1020px){.hero-portal-workspace{grid-template-columns:48px minmax(0,1fr) 72px;gap:6px;padding-inline:8px}.hero-gate-stage.model-stage{height:178px}.feature-gate.model-stage{width:185px;height:145px;flex-basis:185px}}
@media(max-width:760px){.demo-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.demo-tabs button{font-size:11px;padding:12px 9px;min-width:0}.demo-tabs button:last-child{grid-column:1/-1}.gate-stage.model-stage{height:310px;margin-top:21px}.model-topline,.model-caption{left:12px;right:12px;gap:8px}.model-topline{font-size:8px;letter-spacing:.45px}.model-caption{font-size:8px}.model-caption>span:last-child{display:none}.hero-gate-stage.model-stage{height:175px}.hero-portal-workspace{grid-template-columns:48px minmax(0,1fr) 64px}.solution-art.model-stage{height:310px}.feature-detail{gap:10px}.feature-gate.model-stage{width:190px;height:145px;flex-basis:190px}.solution-art-label{left:13px;bottom:14px;font-size:8px}.solution-model-hint{right:13px;bottom:14px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.model-canvas{scroll-behavior:auto}}

/* MagicKeys client-access section. Designed to extend, not replace, the supplied site. */
.client-section{padding:90px 0 94px;background:radial-gradient(ellipse at 16% 20%,#0c69a44a,transparent 53%),linear-gradient(112deg,#071b31,#0f3756 65%,#092941);color:#dfedfb;border-top:1px solid #4e9dd044;border-bottom:1px solid #408dc044}
.client-access-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,8vw,120px);align-items:center}
.client-access-intro .eyebrow{color:#91d6fa;letter-spacing:2px;font-size:12px;margin-bottom:20px}
.client-access-intro h2{font-size:clamp(44px,5vw,73px);line-height:1.09;color:#ff934d;letter-spacing:-.04em;margin-bottom:24px}
.client-access-intro h2 span{color:#fff}
.client-access-intro>p{font-size:17px;color:#b7d5e9;line-height:1.86;max-width:580px;margin:0 0 29px}
.client-security-points{display:grid;gap:16px;color:#d1e9f7;font-size:13px;line-height:1.5}
.client-security-points>div{display:flex;align-items:center;gap:12px}
.client-security-points .icon{color:#7ed7ff;width:19px;height:19px}
.client-access-panel{background:#fff;border:1px solid #c7dfef;border-radius:14px;color:#17344c;box-shadow:0 20px 70px #010b1c91;overflow:hidden;position:relative}
.client-panel-heading{background:#f4f9fd;border-bottom:1px solid #dce9f3;padding:22px 32px 15px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.client-panel-heading img{display:block;object-fit:contain;width:min(40%,180px);height:auto;flex-shrink:0}
.client-panel-subheading{font-size:10px;color:#37698f;letter-spacing:1px;font-weight:700;text-align:right}
.client-panel-body{padding:28px 32px 32px}
.client-panel-body h3{font-size:30px;font-weight:700;color:#053c6c;line-height:1.2}
.client-panel-lede{font-size:14px!important;line-height:1.7!important;margin:8px 0 22px!important;color:#5a7489!important;max-width:none!important}
.client-workspace-card{display:flex;align-items:center;gap:14px;background:#eef6fc;border:1px solid #c7ddeb;border-radius:9px;padding:15px 13px}
.client-workspace-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;background:linear-gradient(140deg,#006cca,#023a78);border-radius:9px;color:#e9f6ff}
.client-workspace-icon .icon{height:22px;width:22px}
.client-workspace-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.client-workspace-text strong{font-weight:700;font-size:14px;line-height:1.4;color:#0d3655}
.client-workspace-text span{font-size:12px;line-height:1.4;color:#587b93}
.client-workspace-action{display:inline-flex;align-items:center;gap:8px;justify-content:center;background:#ff8a3d;color:#15344d;min-height:42px;padding:10px 13px;border-radius:5px;font-weight:700;font-size:13px;white-space:nowrap;transition:background .15s,transform .15s}
.client-workspace-action:hover{background:#ffad76;transform:translateY(-1px)}
.client-workspace-action .icon{width:17px;height:17px}
.client-panel-note{display:flex;align-items:flex-start;gap:10px;color:#557890;margin-top:20px;font-size:12px;line-height:1.55}
.client-panel-note .icon{width:18px;height:18px;color:#187ab2}
.client-panel-footer{background:#eaf3fa;border-top:1px solid #d3e4f0;color:#496a81;font-size:12px;line-height:1.6;padding:17px 32px}
.client-panel-footer a{color:#0a679f;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:970px){.client-access-grid{gap:35px}.client-section{padding-block:70px}.client-panel-heading{padding:22px}.client-panel-body{padding:25px 22px}.client-panel-footer{padding:17px 22px}}
@media(max-width:760px){.client-access-grid{grid-template-columns:1fr}.client-access-intro h2{font-size:clamp(41px,11vw,63px)}.client-access-intro>p{font-size:15px}.client-access-panel{width:100%;max-width:600px}.client-security-points{grid-template-columns:1fr 1fr;gap:12px}.client-security-points>div:last-child{grid-column:1/-1}}
@media(max-width:460px){.client-security-points{grid-template-columns:1fr}.client-security-points>div:last-child{grid-column:auto}.client-panel-heading img{width:44%}.client-panel-subheading{font-size:8px}.client-workspace-card{flex-wrap:wrap}.client-workspace-action{width:100%}.client-workspace-text{flex-basis:calc(100% - 65px)}}
@media(prefers-reduced-motion:reduce){.client-workspace-action{transition:none}}

/* Keep the AI artwork behind the tilted control preview at every screen size. */
.ai-stage {
  isolation: isolate;
  transform-style: flat;
}
.ai-aura,
.ai-orbit {
  z-index: 0;
}
.ai-face {
  z-index: 1;
  pointer-events: none;
}
.hero-screen {
  z-index: 2;
}
.hero-stage-caption {
  z-index: 3;
}