/* Super Vision - public website below the login screen */
html{scroll-behavior:smooth}
.login-page-wrap{min-height:100vh;position:relative;box-sizing:border-box;padding-bottom:68px}
.scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;font-weight:600;font-size:13px;text-decoration:none!important;letter-spacing:.04em;background:rgba(4,41,84,.55);padding:9px 18px;border-radius:99px;backdrop-filter:blur(4px)}
.scroll-cue:hover{background:rgba(4,41,84,.8);color:#ffa901}
.scroll-cue i{animation:cue 1.6s infinite}@keyframes cue{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.site{font-family:Roboto,system-ui,sans-serif;color:#1d2b3f;background:#fff}
.site *{box-sizing:border-box}
.site a{text-decoration:none}
.site .wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.site section{padding:76px 0}
.site h2{font-size:clamp(26px,3.4vw,38px);color:#042954;margin:0 0 10px;font-weight:700;letter-spacing:-.01em}
.site .lead{color:#5b6a80;font-size:17px;max-width:680px;line-height:1.6;margin:0 0 34px}
.site .center{text-align:center}.site .center .lead{margin-left:auto;margin-right:auto}
.site .eyebrow{display:inline-block;color:#b07400;background:#fff3d6;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:99px;margin-bottom:12px}
.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(4,41,84,.96);color:#fff;transform:translateY(-100%);transition:transform .3s}
.site-nav.show{transform:none}
.site-nav .wrap{display:flex;align-items:center;gap:22px;height:58px}
.site-nav img{height:36px;filter:brightness(0) invert(1)}
.site-nav a{color:#cfe0f5;font-weight:500;font-size:14px}.site-nav a:hover{color:#ffa901}
.site-nav .sp{flex:1}
.site-nav .btn-login{background:#ffa901;color:#042954!important;font-weight:700;padding:8px 18px;border-radius:99px}
@media(max-width:760px){.site-nav .lnk{display:none}}
.stats{background:#042954;color:#fff;padding:34px 0!important}
.stats .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;text-align:center}
.stats b{display:block;font-size:34px;color:#ffa901}.stats span{color:#cfe0f5;font-size:14px}
.feat{display:grid;grid-template-columns:1fr 1.25fr;gap:44px;align-items:center;margin-bottom:70px}
.feat:last-child{margin-bottom:0}.feat.rev{grid-template-columns:1.25fr 1fr}.feat.rev .ft{order:2}
.feat h3{font-size:26px;color:#042954;margin:0 0 10px}
.feat p{color:#5b6a80;font-size:16px;line-height:1.65;margin:0 0 14px}
.feat ul{list-style:none;padding:0;margin:0}.feat li{padding:5px 0 5px 28px;position:relative;color:#33445c}
.feat li:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:0;top:6px;color:#28a745;font-size:13px}
.shot{border-radius:14px;overflow:hidden;box-shadow:0 18px 50px rgba(4,41,84,.22);border:1px solid #dfe5ee;background:#fff;position:relative}
.shot:before{content:"";display:block;height:26px;background:#eef1f6 radial-gradient(circle at 14px 13px,#ff6058 4px,transparent 5px),radial-gradient(circle at 30px 13px,#ffbd2e 4px,transparent 5px),radial-gradient(circle at 46px 13px,#28c940 4px,transparent 5px)}
.shot img{display:block;width:100%;height:auto;cursor:zoom-in}
@media(max-width:900px){.feat,.feat.rev{grid-template-columns:1fr;gap:22px;margin-bottom:48px}.feat.rev .ft{order:0}}
.alt{background:#f5f7fb}
.grid-f{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.card-f{background:#fff;border-radius:14px;padding:22px;border:1px solid #e6ebf3;transition:.2s}
.card-f:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(4,41,84,.12);border-color:#ffa901}
.card-f i{width:46px;height:46px;border-radius:12px;background:#fff3d6;color:#b07400;display:grid;place-items:center;font-size:20px;margin-bottom:12px}
.card-f h4{margin:0 0 6px;font-size:17px;color:#042954}.card-f p{margin:0;color:#5b6a80;font-size:14px;line-height:1.55}
.roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.role{background:#042954;color:#fff;border-radius:14px;padding:22px}.role h4{color:#ffa901;margin:0 0 8px;font-size:17px}.role p{margin:0;color:#cfe0f5;font-size:14px;line-height:1.55}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,320px));gap:20px;justify-content:center}
.plan{background:#fff;border:2px solid #e6ebf3;border-radius:16px;padding:28px;text-align:center}.plan.hot{border-color:#ffa901}
.plan h4{color:#042954;margin:0 0 6px}.plan .pr{font-size:36px;font-weight:700;color:#042954}.plan .pr small{font-size:14px;color:#6b7a90;font-weight:400}.plan p{color:#5b6a80;font-size:14px}
.cta{background:linear-gradient(135deg,#042954,#0a4a8f);color:#fff;text-align:center}
.cta h2{color:#fff}.cta .lead{color:#cfe0f5}
.cta .btn-c{display:inline-block;margin:6px;padding:13px 28px;border-radius:99px;font-weight:700}
.cta .b1{background:#ffa901;color:#042954}.cta .b2{border:2px solid #fff;color:#fff}.cta .b2:hover{background:#fff;color:#042954}
.site-foot{background:#021a38;color:#9fb2cc;text-align:center;padding:26px 20px;font-size:14px}.site-foot a{color:#ffa901}
.lightbox{position:fixed;inset:0;background:rgba(2,26,56,.88);z-index:100;display:none;place-items:center;padding:30px;cursor:zoom-out}.lightbox.on{display:grid}.lightbox img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 20px 70px rgba(0,0,0,.6)}
.top-btn{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border-radius:50%;background:#042954;color:#fff!important;display:none;place-items:center;z-index:60;box-shadow:0 6px 18px rgba(0,0,0,.3)}.top-btn.show{display:grid}
.reveal{opacity:0;transform:translateY(26px);transition:.7s}.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.scroll-cue i{animation:none}}