:root{
  --bg-deep:#04060b; --bg-panel:#0a0f1a; --bg-panel-2:#0d1424; --bg-panel-3:#111b2e;
  --blue:#0092fe; --blue-bright:#3fb3ff; --blue-dark:#0056b3; --blue-glow:rgba(0,146,254,.35);
  --chrome-100:#f4f5f7; --chrome-300:#d9dbdf; --chrome-500:#9fa2a8; --chrome-700:#565a62; --chrome-900:#2b2e34;
  --text-primary:#eef1f5; --text-secondary:#9aa2b1; --text-tertiary:#6b7280; --line:rgba(159,162,168,.14); --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg-deep); color:var(--text-primary); font-family:'Inter',system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
h1,h2,h3,h4{font-family:'Space Grotesk','Inter',sans-serif; letter-spacing:-0.01em;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
.wrap{max-width:1180px; margin:0 auto; padding-left:32px; padding-right:32px;}
::selection{background:var(--blue); color:#fff;}
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
.bg-grid{position:fixed; inset:0; z-index:0; pointer-events:none; background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size:64px 64px; -webkit-mask-image: radial-gradient(ellipse 90% 60% at 50% 0%, black 30%, transparent 75%); mask-image: radial-gradient(ellipse 90% 60% at 50% 0%, black 30%, transparent 75%); opacity:.5;}
.bg-glow{position:fixed; inset:0; z-index:0; pointer-events:none; background:radial-gradient(700px 420px at 15% -8%, var(--blue-glow), transparent 60%), radial-gradient(600px 500px at 105% 15%, rgba(120,140,180,.14), transparent 60%);}
header{position:sticky; top:0; z-index:100; backdrop-filter:blur(14px) saturate(140%); background:rgba(4,6,11,.72); border-bottom:1px solid var(--line);}
.nav{display:flex; align-items:center; justify-content:space-between; padding:16px 32px; max-width:1180px; margin:0 auto;}
.brand{display:flex; align-items:center; gap:12px; cursor:pointer;}
.brand img{height:52px; width:auto;}
.navlinks{display:flex; align-items:center; gap:6px;}
.navlinks a{display:inline-block; background:none; border:none; color:var(--text-secondary); font-family:'Inter'; font-size:14.5px; font-weight:500; padding:9px 16px; border-radius:8px; cursor:pointer; transition:all .2s ease; letter-spacing:.01em;}
.navlinks a:hover{color:var(--text-primary); background:rgba(255,255,255,.04);}
.navlinks a.active{color:var(--text-primary); background:rgba(0,146,254,.12);}
.cta-btn{display:inline-block; text-align:center; background:linear-gradient(135deg, var(--blue-bright), var(--blue) 55%, var(--blue-dark)); color:#fff !important; font-family:'Inter'; font-weight:600; font-size:14px; padding:10px 20px; border-radius:9px; border:none; cursor:pointer; box-shadow:0 4px 18px rgba(0,146,254,.35), inset 0 1px 0 rgba(255,255,255,.25); transition:transform .18s ease, box-shadow .18s ease;}
.cta-btn:hover{transform:translateY(-1px); box-shadow:0 6px 22px rgba(0,146,254,.5), inset 0 1px 0 rgba(255,255,255,.3);}
.cta-btn:disabled{opacity:.6; cursor:not-allowed; transform:none;}
.menu-toggle{display:none; background:none; border:none; color:var(--text-primary); font-size:22px; cursor:pointer;}
.mobile-menu{display:none; flex-direction:column; padding:8px 32px 20px; gap:4px; border-top:1px solid var(--line);}
.mobile-menu.open{display:flex;}
.mobile-menu a{display:block; text-align:left; background:none; border:none; color:var(--text-secondary); padding:12px 4px; font-size:15px;}
main{position:relative; z-index:1;}
.page{animation:fadeUp .5s ease both;}
@keyframes fadeUp{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);}}
.hero{padding-top:110px; padding-bottom:90px; position:relative;}
.eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--blue-bright); background:rgba(0,146,254,.08); border:1px solid rgba(0,146,254,.28); padding:7px 14px; border-radius:999px; margin-bottom:26px; letter-spacing:.02em;}
.eyebrow .dot{width:6px; height:6px; border-radius:50%; background:var(--blue-bright); box-shadow:0 0 8px var(--blue-bright); animation:pulse 1.8s infinite;}
@keyframes pulse{0%,100%{opacity:1;} 50%{opacity:.35;}}
.hero h1{font-size:clamp(38px, 6vw, 68px); line-height:1.04; font-weight:700; max-width:920px; background:linear-gradient(100deg, var(--chrome-100) 20%, var(--blue-bright) 55%, var(--chrome-300) 85%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.hero p.lead{margin-top:26px; font-size:19px; line-height:1.65; color:var(--text-secondary); max-width:640px;}
.hero .actions{margin-top:38px; display:flex; gap:14px; flex-wrap:wrap;}
.hero .actions .cta-btn{font-size:15px; padding:13px 26px;}
.hero-centered{display:flex; flex-direction:column; align-items:center; text-align:center;}
.hero-logo-wrap{position:relative; margin-bottom:40px; display:inline-block;}
.hero-logo-wrap::before{content:''; position:absolute; inset:-12%; z-index:0; background:radial-gradient(ellipse at center, rgba(0,146,254,.32), transparent 68%); filter:blur(36px); pointer-events:none;}
.hero-logo{width:min(560px, 82vw); height:auto; position:relative; z-index:1; display:block;}
.hero-centered .lead{max-width:640px; margin-top:0;}
.hero-centered .actions{justify-content:center;}
.flow-strip{margin-top:80px; display:flex; align-items:center; gap:0; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:22px 0;}
.flow-strip .track{display:flex; gap:56px; white-space:nowrap; animation:scroll 28s linear infinite;}
.flow-strip span{font-size:13px; letter-spacing:.12em; color:var(--text-tertiary); font-weight:600; text-transform:uppercase;}
@keyframes scroll{from{transform:translateX(0);} to{transform:translateX(-50%);}}
section{padding-top:56px; padding-bottom:56px;}
.section-head{max-width:640px; margin-bottom:36px;}
.kicker{font-size:13px; font-weight:700; color:var(--blue-bright); text-transform:uppercase; letter-spacing:.14em; margin-bottom:14px;}
.section-head h2{font-size:clamp(28px,3.6vw,40px); font-weight:700; color:var(--chrome-100); line-height:1.15;}
.section-head p{margin-top:16px; font-size:16.5px; color:var(--text-secondary); line-height:1.65;}
.grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.grid-5{display:grid; grid-template-columns:repeat(5,1fr); gap:18px;}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:28px;}
.card{background:linear-gradient(180deg, var(--bg-panel-2), var(--bg-panel)); border:1px solid var(--line); border-radius:var(--radius); padding:28px 24px; position:relative; overflow:hidden; transition:transform .25s ease, border-color .25s ease;}
.card:hover{transform:translateY(-4px); border-color:rgba(0,146,254,.4);}
.card::before{content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg, transparent, var(--blue), transparent); opacity:0; transition:opacity .25s ease;}
.card:hover::before{opacity:1;}
.icon-box{width:44px; height:44px; border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; background:linear-gradient(135deg, rgba(0,146,254,.18), rgba(0,146,254,.04)); border:1px solid rgba(0,146,254,.3);}
.icon-box svg{width:22px; height:22px; stroke:var(--blue-bright);}
.card h3{font-size:18px; font-weight:600; color:var(--chrome-100); margin-bottom:10px;}
.card p{font-size:14.5px; color:var(--text-secondary); line-height:1.6;}
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:0; position:relative;}
.step{padding:0 26px; position:relative;}
.step:not(:last-child)::after{content:''; position:absolute; top:26px; right:-13px; width:26px; height:1px; background:linear-gradient(90deg, var(--chrome-700), transparent);}
.step .num{font-family:'Space Grotesk'; font-size:14px; font-weight:700; color:var(--blue-bright); width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1px solid rgba(0,146,254,.4); background:rgba(0,146,254,.06); margin-bottom:20px;}
.step h4{font-size:17px; font-weight:600; margin-bottom:10px; color:var(--chrome-100);}
.step p{font-size:14.5px; color:var(--text-secondary); line-height:1.6;}
.cta-band{margin:40px 0 0; padding:56px 48px; border-radius:20px; text-align:center; position:relative; overflow:hidden; background:linear-gradient(135deg, var(--bg-panel-3), var(--bg-panel)); border:1px solid rgba(0,146,254,.25);}
.cta-band::before{content:''; position:absolute; inset:-2px; background:radial-gradient(500px 200px at 50% 0%, var(--blue-glow), transparent 70%); pointer-events:none;}
.cta-band h2{font-size:clamp(24px,3vw,34px); font-weight:700; color:var(--chrome-100); margin-bottom:14px; position:relative;}
.cta-band p{color:var(--text-secondary); font-size:16px; margin-bottom:28px; position:relative;}
.cta-band .actions{display:flex; gap:14px; justify-content:center; flex-wrap:wrap; position:relative;}
.about-hero{padding-top:70px;}
.about-hero p.lead{margin-top:24px;}
.value-list{list-style:none; margin-top:10px;}
.value-list li{display:flex; gap:14px; padding:18px 0; border-bottom:1px solid var(--line);}
.value-list li:first-child{padding-top:0;}
.value-num{font-family:'Space Grotesk'; font-weight:700; color:var(--blue-bright); font-size:15px; min-width:32px;}
.value-list h4{font-size:16px; font-weight:600; color:var(--chrome-100); margin-bottom:6px;}
.value-list p{font-size:14.5px; color:var(--text-secondary); line-height:1.6;}
.founder-panel{background:linear-gradient(180deg, var(--bg-panel-2), var(--bg-panel)); border:1px solid var(--line); border-radius:18px; padding:34px;}
.founder-panel .quote-mark{font-family:'Space Grotesk'; font-size:52px; color:var(--blue); line-height:0; display:block; margin-bottom:8px; opacity:.7;}
.founder-panel p.quote{font-size:17px; line-height:1.7; color:var(--text-primary); font-weight:400;}
.founder-panel .sig{margin-top:22px; font-size:14px; color:var(--text-secondary);}
.founder-panel .sig b{color:var(--chrome-100); font-weight:600;}
.contact-grid{display:grid; grid-template-columns:1fr 1.3fr; gap:48px; align-items:start;}
.contact-info h2{font-size:clamp(26px,3.2vw,36px); font-weight:700; color:var(--chrome-100); margin-bottom:16px;}
.contact-info p.lead{color:var(--text-secondary); font-size:15.5px; line-height:1.7; margin-bottom:8px;}
.form-panel{background:linear-gradient(180deg, var(--bg-panel-2), var(--bg-panel)); border:1px solid var(--line); border-radius:18px; padding:36px;}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:18px;}
.field{margin-bottom:18px;}
.field label{display:block; font-size:13px; font-weight:600; color:var(--text-secondary); margin-bottom:8px; letter-spacing:.02em;}
.field input, .field select, .field textarea{width:100%; background:rgba(255,255,255,.03); border:1px solid rgba(159,162,168,.22); border-radius:9px; padding:12px 14px; color:var(--text-primary); font-family:'Inter'; font-size:14.5px; transition:border-color .2s ease, background .2s ease;}
.field input:focus, .field select:focus, .field textarea:focus{outline:none; border-color:var(--blue); background:rgba(0,146,254,.05); box-shadow:0 0 0 3px rgba(0,146,254,.12);}
.field textarea{resize:vertical; min-height:120px;}
.field select{cursor:pointer;}
.hp-field{position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden;}
.submit-row{display:flex; align-items:center; gap:16px; margin-top:8px;}
.form-note{font-size:12.5px; color:var(--text-tertiary); margin-top:16px; line-height:1.6;}
.success-msg, .error-msg{display:none; align-items:center; gap:10px; padding:14px 16px; border-radius:10px; font-size:14px; font-weight:500; margin-top:18px;}
.success-msg{background:rgba(0,146,254,.08); border:1px solid rgba(0,146,254,.35); color:var(--blue-bright);}
.error-msg{background:rgba(255,90,90,.08); border:1px solid rgba(255,90,90,.35); color:#ff9a9a;}
.success-msg.show, .error-msg.show{display:flex;}
footer{border-top:1px solid var(--line); padding:44px 0; margin-top:40px;}
.footer-row{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;}
.footer-brand{display:flex; align-items:center; gap:10px; color:var(--text-tertiary); font-size:13.5px;}
.footer-brand img{height:24px; opacity:.85;}
.footer-links{display:flex; gap:26px;}
.footer-links a{background:none; border:none; color:var(--text-tertiary); font-size:13.5px; cursor:pointer; font-family:'Inter';}
.footer-links a:hover{color:var(--text-primary);}
@media (max-width: 1080px){
  .grid-5{grid-template-columns:repeat(3,1fr);}
}
@media (max-width: 880px){
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-5{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:1fr;}
  .grid-2{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr; gap:36px;}
  .step:not(:last-child)::after{display:none;}
  .contact-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .navlinks{display:none;}
  .menu-toggle{display:block;}
  .cta-btn.desktop-only{display:none;}
}

.team-grid{display:grid; grid-template-columns:1fr; gap:20px;}
.person{background:linear-gradient(180deg, var(--bg-panel-2), var(--bg-panel)); border:1px solid var(--line); border-radius:18px; padding:30px; display:flex; gap:30px; align-items:flex-start;}
.person-body{flex:1; min-width:0; max-width:820px;}
.person-photo{flex:0 0 auto; width:132px; height:132px; border-radius:50%; object-fit:cover; border:1px solid rgba(0,146,254,.35); box-shadow:0 6px 24px rgba(0,0,0,.45);}
.person-name{font-family:'Space Grotesk','Inter',sans-serif; font-size:20px; font-weight:700; color:var(--chrome-100); margin-bottom:6px;}
.person-role{font-size:12.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--blue-bright); margin-bottom:16px;}
.person-bio{font-size:14.5px; line-height:1.7; color:var(--text-secondary);}
@media (max-width: 880px){
  .person{flex-direction:column; gap:18px;}
}

.person-bio + .person-bio{margin-top:12px;}