:root { color-scheme: dark; --ink:#07111f; --panel:#0d192a; --line:#24354b; --blue:#4ba3ff; --cyan:#33d4d1; --text:#f5f8fc; --muted:#aebbd0; }
* { box-sizing:border-box; }
html { background:var(--ink); }
body { margin:0; min-height:100vh; overflow-x:hidden; color:var(--text); background:radial-gradient(circle at 82% 15%,rgba(23,106,176,.24),transparent 30%),linear-gradient(145deg,#07111f 0%,#091625 65%,#06212b 100%); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,black,transparent 78%); }
a { color:inherit; }
.page-shell { width:min(1180px,calc(100% - 40px)); margin:auto; position:relative; }
.aurora { position:fixed; width:560px; height:560px; border-radius:50%; filter:blur(90px); opacity:.13; pointer-events:none; }
.aurora-one { right:-180px; top:90px; background:#168fff; }.aurora-two { left:-260px; top:720px; background:#12d8be; }
nav { min-height:118px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.wordmark { display:block; width:250px; height:auto; }
.nav-actions { display:flex; align-items:center; gap:24px; }.secure { color:#8495ab; font-size:.67rem; letter-spacing:.14em; font-weight:800; }.secure i { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#42dfba; box-shadow:0 0 12px #42dfba; }
.nav-login { display:inline-flex; align-items:center; gap:8px; padding:11px 15px; border:1px solid #315579; border-radius:12px; color:#dcecff; background:#10243a; font-size:.88rem; font-weight:700; text-decoration:none; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.nav-login:hover { border-color:#5aaeff; background:#17314d; transform:translateY(-1px); }
.nav-login small { padding:3px 6px; border-radius:999px; background:#24415f; color:#8fbce6; font-size:.55rem; letter-spacing:.06em; text-transform:uppercase; }
.nav-login.is-disabled { cursor:not-allowed; opacity:.72; }
.nav-contact { text-decoration:none; padding:11px 18px; border:1px solid var(--line); border-radius:12px; color:#dce6f4; transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease; }
.nav-contact:hover { border-color:#5aaeff; background:#132b44; color:#fff; box-shadow:0 10px 26px rgba(28,126,218,.18); transform:translateY(-2px); }
.hero { min-height:700px; display:grid; grid-template-columns:1.02fr .98fr; gap:64px; align-items:center; padding:82px 0 96px; }
.eyebrow { margin:0 0 20px; color:#78beff; font-weight:750; letter-spacing:.15em; font-size:.76rem; }
h1 { max-width:760px; margin:0; font-size:clamp(3rem,6vw,5.7rem); line-height:.97; letter-spacing:-.055em; }
h1::after { content:""; display:block; width:86px; height:3px; margin-top:30px; background:linear-gradient(90deg,var(--blue),var(--cyan)); box-shadow:0 0 18px #329ee8; }
.lead { max-width:650px; margin:28px 0 0; color:var(--muted); font-size:clamp(1.05rem,1.6vw,1.32rem); line-height:1.7; }
.actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:36px; }
.primary { padding:15px 22px; border-radius:12px; background:linear-gradient(135deg,#358ef0,#51b4ff); color:white; font-weight:760; text-decoration:none; box-shadow:0 14px 34px rgba(30,130,225,.25); transition:filter .2s ease,transform .2s ease,box-shadow .2s ease; }
.primary:hover { filter:brightness(1.12); box-shadow:0 18px 42px rgba(30,130,225,.38); transform:translateY(-3px); }
.nav-login:focus-visible,.nav-contact:focus-visible,.primary:focus-visible { outline:2px solid #83c9ff; outline-offset:3px; }
.status { color:#c5d1e2; font-size:.92rem; }
.status span { display:inline-block; width:8px; height:8px; margin-right:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 16px var(--cyan); }
.mission-visual { position:relative; min-height:540px; padding:18px; border:1px solid #29415d; border-radius:28px; background:linear-gradient(145deg,rgba(15,34,55,.96),rgba(5,16,29,.98)); box-shadow:0 42px 100px #0008,0 0 0 8px #14243a55; transform:perspective(1200px) rotateY(-4deg) rotateX(1deg); }
.visual-toolbar { display:flex; justify-content:space-between; padding:5px 5px 17px; color:#8191a7; font-size:.64rem; letter-spacing:.13em; }.visual-toolbar span i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#35dfb8;box-shadow:0 0 13px #35dfb8}.visual-toolbar b{color:#6385a9}
.radar { position:relative; height:365px; overflow:hidden; border:1px solid #28445f; border-radius:18px; background:radial-gradient(circle at 52% 50%,#183b58 0 2%,transparent 2.5%),linear-gradient(27deg,transparent 48%,#4ca2e322 49%,#4ca2e322 50%,transparent 51%),linear-gradient(153deg,transparent 47%,#20d9c51a 48%,#20d9c51a 50%,transparent 51%),radial-gradient(circle at center,#12314a,#071522 72%); }
.radar::before,.radar::after { content:"";position:absolute;inset:0;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:38px 38px;opacity:.35}.radar::after{background:linear-gradient(120deg,transparent 54%,#2ee1c826 55%,transparent 56%);opacity:1}
.rings { position:absolute; left:52%; top:50%; width:260px; height:260px; transform:translate(-50%,-50%); }.rings i{position:absolute;inset:0;border:1px solid #4cabdf44;border-radius:50%}.rings i:nth-child(2){inset:18%}.rings i:nth-child(3){inset:36%}
.sweep { position:absolute; left:52%; top:50%; width:145px; height:145px; transform-origin:0 0; background:conic-gradient(from 250deg,#39d5ca00,#39d5ca55 38deg,#39d5ca00 40deg); animation:sweep 5s linear infinite; }
.flight-path { position:absolute;left:18%;top:62%;width:68%;height:2px;background:linear-gradient(90deg,transparent,#65c4ff,#35e0c0,transparent);transform:rotate(-17deg);box-shadow:0 0 10px #4ebbf5}.flight-path::after{content:"";position:absolute;right:24%;top:-3px;width:8px;height:8px;border-radius:50%;background:white;box-shadow:0 0 12px #62cfff}
.mission-point { position:absolute;left:51%;top:47%;width:18px;height:18px;border:4px solid #70dbff;border-radius:50%;background:#06121e;box-shadow:0 0 0 9px #47bfff24,0 0 28px #47bfff; }
.map-label { position:absolute;padding:5px 8px;border:1px solid #42637f;border-radius:6px;background:#0a1928cc;color:#90a8bd;font-size:.55rem;letter-spacing:.11em}.label-a{left:8%;top:15%}.label-b{left:57%;top:39%;color:#68d8ff}.label-c{right:8%;bottom:13%}
.visual-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.visual-stats div{padding:12px;border:1px solid #243a52;border-radius:11px;background:#091725}.visual-stats small,.floating-card small{display:block;color:#68809a;font-size:.56rem;letter-spacing:.12em}.visual-stats strong{display:block;margin-top:5px;font-size:.76rem}
.floating-card { position:absolute;right:-30px;top:92px;width:166px;padding:15px;border:1px solid #39729a;border-radius:14px;background:#10283bee;box-shadow:0 18px 40px #0008;backdrop-filter:blur(12px)}.floating-card strong{display:block;margin:7px 0 2px;font-size:1.7rem}.floating-card span{color:#78dcbf;font-size:.63rem}.floating-chip{position:absolute;left:-28px;bottom:83px;padding:10px 13px;border:1px solid #286d66;border-radius:10px;background:#0d2d2acc;color:#73d9c6;font-size:.66rem;box-shadow:0 12px 30px #0007}
.marquee { margin:0 calc(50% - 50vw); overflow:hidden; border-top:1px solid #22364d;border-bottom:1px solid #22364d;background:#091523aa}.marquee div{width:max-content;display:flex;align-items:center;gap:34px;padding:16px 0;animation:drift 24s linear infinite}.marquee span{color:#667b94;font-size:.66rem;letter-spacing:.18em;font-weight:800}.marquee i{width:4px;height:4px;border-radius:50%;background:#3ecbe0;box-shadow:0 0 10px #3ecbe0}
.experience { padding:130px 0 110px;display:grid;grid-template-columns:.72fr 1.28fr;gap:74px;align-items:start}.section-copy{position:sticky;top:40px}.section-copy h2,.closing h2{margin:0;font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.03;letter-spacing:-.045em}.section-copy>p:last-child{color:var(--muted);line-height:1.7;font-size:1.05rem}
.cockpit { padding:18px;border:1px solid #2a4059;border-radius:24px;background:linear-gradient(160deg,#101f32,#081421);box-shadow:0 30px 80px #0007}.cockpit-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:8px 10px 20px;color:#72849a;font-size:.61rem;letter-spacing:.12em}.cockpit-top b{text-align:center;padding:10px;border-radius:9px;background:#348fe9;color:white}.cockpit-top span:last-child{text-align:right}.verdict{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:22px;border:1px solid #34536f;border-radius:16px;background:#0c1c2c}.verdict-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#133855;color:#65c8ff}.verdict small,.cockpit-grid small{color:#67aee8;font-size:.56rem;letter-spacing:.13em}.verdict strong{display:block;margin:5px 0;font-size:1.25rem}.verdict p{margin:0;color:#8395aa;font-size:.75rem}.verdict em{padding:7px 9px;border:1px solid #2e7a70;border-radius:7px;color:#56d9bc;font-size:.57rem;font-style:normal}.cockpit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.cockpit-grid article{min-height:130px;padding:17px;border:1px solid #243950;border-radius:13px;background:#091624}.cockpit-grid strong{display:block;margin:18px 0 9px;font-size:.85rem}.cockpit-grid span{color:#6f8299;font-size:.66rem;line-height:1.45}
.pillars { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.pillars article { padding:34px 36px 38px 0; }
.pillars article+article { border-left:1px solid var(--line); padding-left:36px; }
.pillars span { color:#5baef7; font-size:.75rem; font-weight:800; }
.pillars h2 { margin:13px 0 8px; font-size:1.18rem; }
.pillars p { margin:0; color:var(--muted); line-height:1.55; }
.mini-line{width:28px;height:2px;margin-top:24px;background:#3fa9ef;transition:width .3s}.pillars article:hover .mini-line{width:72px}
.closing{display:flex;align-items:end;justify-content:space-between;gap:60px;padding:130px 0}.closing>div{max-width:760px}.closing .primary{flex:none}.closing .primary span{padding-left:28px}
footer { min-height:110px; display:flex; align-items:center; justify-content:space-between; gap:24px; color:#8391a6; font-size:.82rem; }
footer a { color:#b7c8dc; }
@keyframes sweep{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translateX(-25%)}}
@media (max-width:900px) { .hero,.experience{grid-template-columns:1fr}.hero{gap:64px}.mission-visual{max-width:620px;margin:auto;transform:none}.experience{padding:90px 0;gap:46px}.section-copy{position:static}.closing{align-items:flex-start;flex-direction:column}.floating-card{right:12px}.floating-chip{left:12px} }
@media (max-width:600px) { .page-shell{width:min(100% - 28px,680px)}nav{min-height:86px}.wordmark{width:145px}.secure,.nav-contact{display:none}.nav-actions{gap:8px}.nav-login{font-size:.75rem;padding:9px 11px}.nav-login small{font-size:.48rem}.hero{min-height:0;padding:56px 0 72px}.mission-visual{min-height:430px;padding:12px}.radar{height:280px}.floating-card{top:72px;width:142px}.floating-chip{bottom:70px}.visual-stats strong{font-size:.64rem}.cockpit-grid{grid-template-columns:1fr}.verdict{grid-template-columns:auto 1fr}.verdict em{display:none}.pillars{grid-template-columns:1fr}.pillars article,.pillars article+article{padding:28px 0;border-left:0;border-bottom:1px solid var(--line)}.pillars article:last-child{border-bottom:0}.closing{padding:90px 0}footer{padding:26px 0;align-items:flex-start;flex-direction:column}}
@media (prefers-reduced-motion:no-preference) { .mission-visual{animation:enter .8s ease-out both}.hero-copy{animation:enter .6s ease-out both}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}} }
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}