:root{--bg-0: #070a18;--bg-1: #0b1030;--ink: #eef3ff;--muted: #a7b3d7;--line: rgba(132, 157, 255, .22);--card: rgba(14, 18, 44, .58);--accent: #60e7ff;--accent-2: #8f79ff}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% -5%,rgba(99,126,255,.35),transparent 40%),radial-gradient(circle at 85% 5%,rgba(117,79,255,.28),transparent 30%),linear-gradient(170deg,var(--bg-0),var(--bg-1))}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(96,231,255,.13),transparent 40%);filter:blur(40px);opacity:.9}a{color:inherit;text-decoration:none}.site-shell{max-width:1100px;margin:0 auto;padding:1.1rem}.glass-nav{position:sticky;top:.9rem;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.82rem 1.05rem;border:1px solid var(--line);border-radius:999px;background:#080c20b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{font-weight:650;letter-spacing:.08em;font-size:.78rem;text-transform:uppercase}.nav-links{display:flex;flex-wrap:wrap;gap:.9rem;overflow-x:auto}.nav-links a{color:var(--muted);font-size:.82rem;padding:.26rem .55rem;border-radius:999px;transition:color .2s ease,background-color .2s ease}.nav-links a:hover{color:var(--accent);background:#60e7ff14}.hero{margin-top:1.25rem;border:1px solid var(--line);border-radius:22px;overflow:hidden;position:relative;min-height:500px;background:#090c1ea6;box-shadow:0 20px 50px #06091873}.hero-scene{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.85}.hero-content{position:relative;z-index:2;padding:2.4rem 1.5rem;background:linear-gradient(90deg,#060917d1,#06091785 60%,#06091738)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:1.5rem;align-items:center}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.67rem}.hero h1{margin:.6rem 0;font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.08;letter-spacing:-.02em;max-width:720px}.hero p{color:#bcc8e5;line-height:1.65;max-width:700px;font-size:1rem}.hero-quote{margin-top:.62rem;font-style:italic;color:#ccd9ff;opacity:.86;font-size:.95rem}.hero-ctas{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.62rem}.portrait-wrap{position:relative;transform:none;margin:0;width:240px;height:300px;border-radius:20px;overflow:hidden;border:1px solid rgba(164,186,255,.32);box-shadow:0 14px 40px #070a1c8c;background:#0a0f24b8}.portrait-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(108,230,255,.16),transparent 40%,rgba(143,116,255,.22));pointer-events:none}.portrait-image{width:100%;height:100%;object-fit:cover}.portrait-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.hud-ring{position:absolute;border:1px solid rgba(116,218,255,.52);border-radius:50%;box-shadow:0 0 18px #6cd6ff2e}.ring-a{width:180px;height:180px;left:50%;top:52%;transform:translate(-50%,-50%);animation:hud-spin 14s linear infinite}.ring-b{width:130px;height:130px;left:50%;top:52%;transform:translate(-50%,-50%);border-style:dashed;border-color:#977bff85;animation:hud-spin-reverse 8s linear infinite}.hud-scanline{position:absolute;left:10%;right:10%;height:2px;top:15%;background:linear-gradient(90deg,transparent,rgba(113,233,255,.8),transparent);box-shadow:0 0 10px #7cd6ff99;animation:scan-sweep 4.2s ease-in-out infinite}.hud-tag{position:absolute;font-size:.52rem;letter-spacing:.18em;color:#afe2ffe6;padding:.14rem .34rem;border:1px solid rgba(137,200,255,.46);background:#040a1dad;border-radius:4px}.hud-tag-top{top:10px;left:12px}.hud-tag-bottom{bottom:10px;right:12px}@keyframes hud-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes hud-spin-reverse{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes scan-sweep{0%,to{top:14%;opacity:.1}50%{top:86%;opacity:1}}.btn{border:1px solid var(--line);border-radius:999px;padding:.62rem 1rem;background:#10163499;color:var(--ink);font-weight:600;font-size:.84rem;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.btn:hover{border-color:var(--accent);transform:translateY(-2px)}.btn.primary{background:linear-gradient(90deg,#58e5ff5c,#896eff59);border-color:#7ec6ff8f}.section{margin-top:1.2rem;padding:1.15rem;border-radius:18px;border:1px solid var(--line);background:var(--card)}.section h2{margin:0;font-size:1.35rem;letter-spacing:-.01em}.section-intro{margin-top:.55rem;color:var(--muted);line-height:1.62;font-size:1rem;max-width:840px}.interactive-panel{margin-top:1.1rem;display:grid;gap:.9rem}.chip-wrap{display:flex;flex-wrap:wrap;gap:.6rem}.chip{border:1px solid rgba(136,185,255,.35);border-radius:999px;padding:.42rem .75rem;background:#0c1331b8;color:var(--muted);font-size:.8rem;cursor:pointer}.chip.active,.chip:hover{color:var(--ink);border-color:#6fdcffd9}.feature-card{border:1px solid rgba(124,179,255,.28);border-radius:14px;padding:1.05rem;background:linear-gradient(120deg,#121c4894,#0a112e94)}.feature-card h3{margin:0;font-size:1.08rem}.feature-card p{margin:.4rem 0 0;color:var(--muted);line-height:1.62;font-size:.98rem}.metrics{margin-top:1.1rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.metric{border:1px solid rgba(149,186,255,.2);border-radius:14px;background:#0e153894;padding:.95rem}.metric strong{display:block;font-size:1.3rem;color:#dff4ff}.metric span{color:var(--muted);font-size:.9rem}.grid{margin-top:1rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{border:1px solid rgba(130,168,255,.2);border-radius:14px;background:#0d13308c;padding:.95rem}.card h3{margin:0;font-size:1rem}.card p{margin:.45rem 0 0;color:var(--muted);line-height:1.55;font-size:.95rem}.timeline{margin-top:1rem;display:grid;gap:.85rem}.timeline-item{border-left:2px solid rgba(130,180,255,.44);padding-left:.8rem}.timeline-button{text-align:left;border-top:0;border-right:0;border-bottom:0;border-left:2px solid rgba(130,180,255,.44);background:#0e143157;border-radius:12px;padding:.82rem .9rem;cursor:pointer}.timeline-button.active{background:#1a23559e;border-left-color:#6de4ffd6}.timeline-item h3{margin:0}.timeline-item p{margin:.35rem 0 0;color:var(--muted);line-height:1.55;font-size:.95rem}.capability-card h3{font-size:.96rem}.capability-button{text-align:left;cursor:pointer}.capability-button p{margin-top:.45rem;transition:opacity .2s ease}.capability-button.open{border-color:#6bdeffbf}.footer{margin:1.8rem 0 .75rem;text-align:center;color:var(--muted);font-size:.8rem}@media (max-width: 800px){.glass-nav{position:static;border-radius:16px}.hero{min-height:660px}.hero-content{padding:1.35rem 1rem 1.2rem;background:linear-gradient(180deg,rgba(4,8,24,.82) 0%,rgba(4,8,24,.52) 75%,transparent 100%)}.hero-grid{grid-template-columns:1fr}.portrait-wrap{position:relative;right:auto;top:auto;transform:none;margin-top:.6rem;width:min(260px,72vw);height:min(330px,90vw);justify-self:center}.ring-a{width:160px;height:160px}.ring-b{width:112px;height:112px}.hero h1{font-size:clamp(1.65rem,8vw,2.35rem)}.hero p{font-size:.95rem}.section{padding:.9rem}.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media (max-width: 520px){.site-shell{padding:.62rem}.glass-nav{padding:.65rem .75rem}.brand{font-size:.74rem}.nav-links{gap:.4rem;font-size:.72rem}.metrics{grid-template-columns:1fr}.hero-ctas{flex-direction:column;align-items:stretch}.btn{text-align:center}.hero{min-height:690px}.hero-quote{font-size:.86rem}.section h2{font-size:1.15rem}.section-intro{font-size:.92rem}}