:root{color-scheme:dark;--ink:#020815;--blue:#11c8fb;--text:#edf5ff;--muted:#aac2d9}
*{box-sizing:border-box}body{background:#020712;color:var(--text);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.visual-scroll{width:100%;overflow-x:auto;background:#000;scrollbar-color:#1ac8ff #081222}
.approved-scene{width:100%;min-width:880px;position:relative;isolation:isolate}
.approved-scene img{display:block;width:100%;height:auto}
.hotspot{display:block;position:absolute;z-index:2;border-radius:6px}
.hotspot:hover{box-shadow:inset 0 0 0 2px rgba(0,206,255,.86),0 0 12px #00aaff}
.hotspot:focus-visible{background:rgba(16,180,255,.15)}
.logo-click{left:3.3%;top:0.6%;width:17%;height:9.8%}
.nav-home{left:22.4%;top:2%;width:5.8%;height:7.5%}
.nav-aurora{left:29.7%;top:2%;width:8.2%;height:7.5%}
.nav-brands{left:38.5%;top:2%;width:9.9%;height:7.5%}
.nav-clients{left:48.9%;top:2%;width:9.3%;height:7.5%}
.nav-about{left:59.7%;top:2%;width:6.3%;height:7.5%}
.nav-contact{left:66.4%;top:2%;width:8.6%;height:7.5%}
.nav-login{left:85.4%;top:2%;width:12%;height:7.5%}
.btn-brands{left:3.8%;top:64.3%;width:15.3%;height:5.7%}
.btn-learn{left:20%;top:64.3%;width:11.4%;height:5.7%}
.card-shield{left:2.85%;top:72.8%;width:23.4%;height:22.9%}
.card-institute{left:26.8%;top:72.8%;width:23.2%;height:22.9%}
.card-academy{left:50.3%;top:72.8%;width:22.9%;height:22.9%}
.card-research{left:73.6%;top:72.8%;width:23.7%;height:22.9%}
.mobile-nav{display:none;gap:8px;padding:14px;justify-content:center;flex-wrap:wrap;border-bottom:1px solid #10497a}
.mobile-nav a{font-size:12px;border:1px solid #0aa9e4;border-radius:5px;padding:9px 12px;text-decoration:none;background:#061a30}
.section{padding:clamp(45px,6vw,95px) 20px;border-top:1px solid #104273}
.inner{max-width:1160px;margin:0 auto}
.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:var(--blue)}
h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.1;letter-spacing:-.025em}
h1{font-size:clamp(42px,6vw,73px)}h2{font-size:clamp(32px,5vw,58px);margin:16px 0}h2 em{color:var(--blue);font-style:normal}
p{line-height:1.7;color:var(--muted)}
.aurora-intro{text-align:center}.aurora-intro p{max-width:740px;margin:0 auto 28px}
.aurora-screen{position:relative;max-width:800px;margin:20px auto 0;background:#000;display:grid;place-items:center;border:1px solid #0c83c5;box-shadow:0 0 28px #0077dd44;min-height:340px}
.aurora-screen video{display:block;max-height:680px;max-width:100%;width:100%;height:auto;object-fit:contain}
.aurora-screen video[hidden]{display:none}
.watch{background:rgba(0,21,42,.9);color:#e8fbff;border:1px solid #14c4ff;padding:14px 20px;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);cursor:pointer;border-radius:5px;white-space:nowrap;font-weight:700;letter-spacing:.05em;box-shadow:0 0 22px #009dff77}
.watch:hover{background:#07538a}
.button{display:inline-block;padding:13px 20px;border:1px solid #1cc4ff;text-decoration:none;border-radius:4px;color:#bdeaff;margin:8px 5px 8px 0}
.button:hover{background:#063757}
.header{background:#030a15;border-bottom:1px solid #105783;padding:16px clamp(18px,5vw,65px);display:flex;align-items:center;gap:30px;justify-content:space-between}
.header img{width:185px;max-width:40vw}.header nav{display:flex;flex-wrap:wrap;gap:17px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.header nav a{text-decoration:none}.header nav a:hover{color:var(--blue)}
.detail{min-height:52vh;background:radial-gradient(circle at 85% 20%,#05336255,transparent 45%),#020713}
.detail .inner{max-width:950px}.detail-art{width:min(480px,100%);height:auto;margin:15px 0 32px}
.foot{padding:28px;background:#020713;border-top:1px solid #104273;color:#a0bbcf;font-size:12px;text-align:center}
@media(max-width:680px){.visual-scroll .approved-scene{min-width:780px}.mobile-nav{display:flex}.header{display:block}.header nav{margin-top:16px;gap:11px}.watch{font-size:12px}.aurora-screen{min-height:280px}}
@media(prefers-reduced-motion:reduce){.aurora-screen video#aurora-preview{display:none!important}}