:root {
  --navy:#07111f; --navy2:#0b1d33; --blue:#3b82f6; --cyan:#22d3ee;
  --text:#e8eef7; --muted:#9fb0c5; --line:rgba(255,255,255,.10);
  --card:rgba(255,255,255,.045); --white:#fff;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(7,17,31,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.02em}.brand strong{font-weight:400;color:#9fb0c5}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(59,130,246,.7);border-radius:10px;font-weight:800;color:#fff}.brand-mark span{color:var(--cyan)}
.nav-links{display:flex;align-items:center;gap:28px;color:#b8c5d6;font-size:.93rem}.nav-links a:hover{color:#fff}
.nav-cta{border:1px solid rgba(59,130,246,.55);padding:9px 16px;border-radius:9px;color:#fff!important}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.4rem}
.hero{min-height:680px;display:flex;align-items:center;overflow:hidden;position:relative;background:radial-gradient(circle at 75% 40%,rgba(37,99,235,.18),transparent 35%),linear-gradient(135deg,#07111f,#0a1627)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center;padding:80px 0}
.eyebrow{font-size:.74rem;letter-spacing:.18em;font-weight:700;color:#5ee7f7;margin:0 0 15px}
h1,h2,h3{font-family:Manrope,Inter,sans-serif;line-height:1.08;margin:0;letter-spacing:-.04em}
h1{font-size:clamp(3.2rem,7vw,6rem);max-width:680px}h1 span,h2 span{color:var(--cyan)}
.hero-text{font-size:1.08rem;color:var(--muted);max-width:620px;margin:25px 0}
.hero-actions{display:flex;gap:13px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:13px 20px;font-weight:700;font-size:.92rem}.primary{background:var(--blue);box-shadow:0 12px 35px rgba(59,130,246,.22)}.primary:hover{transform:translateY(-1px)}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.03)}
.trust-row{display:flex;gap:22px;color:#6f8299;font-size:.78rem}.trust-row span:before{content:"•";color:var(--cyan);margin-right:7px}
.hero-visual{height:450px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 55% 45%,rgba(59,130,246,.22),transparent 30%),#081523}
.grid-lines{position:absolute;inset:-20%;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:44px 44px;transform:perspective(500px) rotateX(60deg) translateY(90px);opacity:.55}
.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:180px;height:180px;left:28%;top:20%;background:radial-gradient(circle at 35% 30%,#5ee7f7,rgba(59,130,246,.05) 65%);box-shadow:0 0 90px rgba(34,211,238,.25)}.orb-two{width:110px;height:110px;right:8%;top:10%;background:radial-gradient(circle,#3b82f6,transparent 70%);opacity:.7}
.floating-card{position:absolute;background:rgba(8,21,35,.82);border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 60px rgba(0,0,0,.28);backdrop-filter:blur(14px);border-radius:14px;padding:20px;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease}.floating-card:hover{transform:translateY(-3px);border-color:rgba(56,189,248,.55)}.floating-card:focus-visible,.company-card:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.card-main{left:11%;bottom:16%;width:70%}.card-small{right:6%;top:25%;padding:14px 17px}.card-label,.card-small span{display:block;font-size:.65rem;letter-spacing:.15em;color:#7e92aa}.floating-card strong{display:block;font-family:Manrope;font-size:1.45rem;margin:6px 0}.floating-card small{color:#9fb0c5}
.section{padding:105px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px}.intro{background:#091523;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}h2{font-size:clamp(2.2rem,4vw,3.7rem)}.intro-copy{color:var(--muted);font-size:1.05rem}.intro-copy p{margin-top:0;margin-bottom:20px}
.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-heading>p{max-width:400px;color:var(--muted)}
.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.company-card{display:block;min-height:430px;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--card);position:relative;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.company-card:hover{transform:translateY(-4px);border-color:rgba(56,189,248,.45);box-shadow:0 22px 45px rgba(0,0,0,.2)}.company-card.featured{background:linear-gradient(145deg,rgba(59,130,246,.13),rgba(255,255,255,.03))}
.card-top{display:flex;justify-content:space-between;align-items:center}.status{font-size:.65rem;font-weight:800;letter-spacing:.13em;padding:6px 9px;border-radius:999px}.live{color:#67e8f9;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.25)}.planned{color:#aab8ca;background:rgba(255,255,255,.05);border:1px solid var(--line)}.number{color:#60748c;font-size:.75rem}
.company-icon{font-size:2rem;color:var(--cyan);margin:38px 0 15px}.company-card h3{font-size:2rem}.company-card>p{color:var(--muted);max-width:500px}.service-tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.service-tags span{font-size:.72rem;color:#c4d0df;padding:7px 9px;border:1px solid var(--line);border-radius:6px}
.text-link{font-weight:700;font-size:.86rem;color:#dbe8f7}.text-link span{color:var(--cyan);margin-left:7px}.muted{color:#6e8095}.future-line{display:flex;gap:8px;margin:35px 0}.future-line span{height:5px;flex:1;background:linear-gradient(90deg,#24384f,#142335);border-radius:99px}
.vision{background:#081523}.vision-box{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.vision-points{display:grid;gap:18px}.vision-points>div{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.vision-points b{color:#5ee7f7}.vision-points p{margin:0;color:var(--muted);font-size:.92rem}.vision-points strong{color:#fff}
.contact-box{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:55px;border:1px solid rgba(59,130,246,.28);border-radius:22px;background:radial-gradient(circle at 90% 10%,rgba(59,130,246,.15),transparent 35%),rgba(255,255,255,.025)}.contact-box>div{max-width:650px}.contact-box p:not(.eyebrow){color:var(--muted);margin-top:20px}
footer{border-top:1px solid var(--line);padding:28px 0;color:#6e8095;font-size:.78rem}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-brand{color:#dbe8f7}
@media(max-width:800px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:20px 4%;background:#07111f;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-toggle{display:block}.hero-grid,.two-col,.company-grid,.vision-box{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding:65px 0}.hero-visual{height:360px}.section{padding:75px 0}.section-heading,.contact-box{display:block}.section-heading>p{margin-top:20px}.contact-box .button{margin-top:25px}.footer-inner{flex-direction:column;gap:12px;align-items:flex-start}}