:root{
  --navy:#021AA5;
  --navy-2:#07145C;
  --blue:#10ADDB;
  --orange:#FF9400;
  --green:#4BB541;
  --ink:#07111F;
  --muted:#5D6878;
  --soft:#F4F8FC;
  --soft-2:#EAF3FA;
  --line:#DCE7F1;
  --white:#FFFFFF;
  --deep:#020719;
  --shadow:0 24px 80px rgba(2,26,165,.16);
  --shadow-soft:0 12px 42px rgba(7,17,31,.08);
  --radius:28px;
  --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Gill Sans MS Light","Gill Sans MT","Gill Sans","Gill Sans MS",Calibri,"Trebuchet MS",Arial,sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,#fff 0%,#f7fbff 42%,#fff 100%);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img,video{max-width:100%;display:block}
a{color:inherit}
.site-header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:22px;
  padding:14px clamp(18px,4vw,52px);
  background:rgba(255,255,255,.88);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(2,26,165,.08);
}
.brand{display:flex;align-items:center;text-decoration:none}.brand img{width:145px;height:auto}
.main-nav{display:flex;align-items:center;gap:26px;color:#5e6a7c;font-size:15px}.main-nav a{text-decoration:none}.main-nav a:hover{color:var(--navy)}
.header-actions{display:flex;gap:10px;align-items:center}
.lang-switch{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:9px 12px;font:inherit;cursor:pointer}.lang-switch:hover{border-color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:999px;background:var(--orange);color:#111;text-decoration:none;font-weight:700;border:1px solid rgba(255,148,0,.7);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(255,148,0,.28)}.btn-small{min-height:38px;padding:8px 15px;font-size:14px}.btn-secondary{background:#fff;color:var(--navy);border-color:rgba(255,255,255,.38)}.btn-secondary:hover{box-shadow:0 14px 32px rgba(255,255,255,.14)}.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.btn-outline:hover{background:rgba(255,255,255,.1);box-shadow:none}
.hero{
  position:relative;overflow:hidden;color:#fff;
  padding:clamp(74px,10vw,130px) clamp(18px,4vw,52px) clamp(58px,8vw,96px);
  background:
    radial-gradient(circle at 8% 12%,rgba(16,173,219,.48),transparent 26%),
    radial-gradient(circle at 72% 18%,rgba(255,148,0,.20),transparent 28%),
    linear-gradient(135deg,#020719 0%,#07145c 48%,#021aa5 100%);
}
.hero:after{content:"";position:absolute;inset:auto -10% -38% -10%;height:56%;background:linear-gradient(90deg,rgba(16,173,219,.18),rgba(255,255,255,.07));filter:blur(18px);transform:rotate(-3deg)}
.hero-inner{position:relative;z-index:1;max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(350px,.96fr);gap:clamp(34px,5vw,70px);align-items:center}
.eyebrow{margin:0 0 12px;color:var(--blue);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}.hero .eyebrow{color:#A8ECFF}.hero h1{font-size:clamp(44px,6.8vw,82px);line-height:.94;letter-spacing:-.055em;margin:0 0 24px;max-width:760px}.lead{font-size:clamp(20px,2.35vw,28px);line-height:1.22;margin:0 0 18px;color:rgba(255,255,255,.95);max-width:730px}.hero-sub{margin:0 0 30px;max-width:720px;color:rgba(255,255,255,.76);font-size:17px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px}.stat{min-height:118px;padding:18px 18px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055));box-shadow:0 12px 40px rgba(0,0,0,.12)}.stat strong{display:block;font-size:clamp(22px,2.5vw,30px);line-height:1.05;color:#fff;margin-bottom:8px}.stat span{display:block;color:rgba(255,255,255,.74);font-size:14px;line-height:1.35}
.video-card{border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);box-shadow:0 32px 100px rgba(0,0,0,.42)}.video-meta{display:flex;justify-content:space-between;gap:14px;padding:13px 16px;background:rgba(2,7,25,.66);font-size:13px;color:rgba(255,255,255,.75)}.video-wrap{position:relative;background:#03122d}.video-wrap video,.video-wrap img{width:100%;aspect-ratio:16/10;object-fit:cover}.video-wrap video{position:relative;z-index:2;background:transparent}
.section{padding:clamp(62px,8vw,106px) clamp(18px,4vw,52px)}.section-inner{max-width:var(--max);margin:0 auto}.section-heading{max-width:870px;margin:0 auto 38px;text-align:center}.section-heading h2,.split-text h2,.band h2,.contact h2{font-size:clamp(34px,4.3vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0 0 18px}.section-heading p,.split-text p,.band p,.contact p{color:var(--muted);font-size:18px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards.four{grid-template-columns:repeat(4,1fr)}.card{position:relative;padding:26px;border-radius:var(--radius);border:1px solid var(--line);background:rgba(255,255,255,.86);box-shadow:var(--shadow-soft);overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--navy),var(--blue),var(--green),var(--orange));opacity:.85}.card img{width:58px;height:58px;margin:0 0 18px}.card h3{font-size:23px;line-height:1.14;letter-spacing:-.02em;margin:0 0 10px}.card p{margin:0;color:var(--muted)}.card.feature{background:#fff}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(30px,5vw,70px);align-items:center}.split.reverse{grid-template-columns:1.05fr .95fr}.split-text{max-width:620px}.image-frame{position:relative;border-radius:36px;padding:18px;background:linear-gradient(135deg,rgba(2,26,165,.12),rgba(16,173,219,.14));border:1px solid rgba(2,26,165,.12);box-shadow:var(--shadow)}.image-frame img{border-radius:25px;width:100%;box-shadow:0 18px 50px rgba(2,26,165,.13);object-fit:cover}.image-frame img[src*="technology-design"]{object-fit:contain;background:#020719}.image-frame img[src*="flow-visualization"]{object-fit:cover;background:#04122d}.caption{position:absolute;right:28px;bottom:28px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 10px 26px rgba(0,0,0,.12);font-size:13px;color:var(--navy);font-weight:700}.soft{background:linear-gradient(180deg,var(--soft),#fff)}.band{padding:clamp(54px,7vw,86px) clamp(18px,4vw,52px);background:linear-gradient(90deg,var(--navy-2),var(--navy) 55%,#0a96c8);color:#fff}.band-inner{max-width:940px;margin:0 auto;text-align:center}.band p{color:rgba(255,255,255,.78);font-size:20px}.band .eyebrow{color:#b9efff}.market-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px}.market-card{padding:28px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.market-card .market-label{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(16,173,219,.12);color:var(--navy);font-weight:700;font-size:13px;margin-bottom:16px}.market-card h3{font-size:27px;letter-spacing:-.025em;margin:0 0 10px}.market-card p{color:var(--muted);margin:0}.roadmap{display:grid;gap:14px;margin-top:24px}.roadmap-step{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:24px}.roadmap-step span{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:var(--orange);color:#111;font-weight:800}.roadmap-step.done{border-color:rgba(75,181,65,.42);background:linear-gradient(180deg,rgba(75,181,65,.16),rgba(255,255,255,.06))}.roadmap-step.done span{background:var(--green);color:#fff}.roadmap-step.todo{opacity:.94}.roadmap-step.todo span{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18)}.step-head{display:flex;align-items:center;gap:10px;justify-content:space-between}.step-head em{font-style:normal;font-size:12px;line-height:1;padding:7px 10px;border-radius:999px;color:#fff;background:rgba(255,255,255,.14);white-space:nowrap}.done .step-head em{background:rgba(75,181,65,.24);color:#c9ffc2}.roadmap-step h3{margin:0 0 2px;font-size:20px}.roadmap-step p{font-size:15px;color:rgba(255,255,255,.72);margin:0}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.person{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:24px;border-radius:32px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.person img{width:170px;height:170px;border-radius:26px;object-fit:cover}.person h3{font-size:26px;letter-spacing:-.025em;margin:0 0 2px}.role{margin:0 0 14px;color:var(--navy);font-weight:700}.person p:not(.role){color:var(--muted);margin:0;font-size:15.5px}.contact{background:linear-gradient(135deg,#020719,#07145c);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.contact p{color:rgba(255,255,255,.72)}.contact-card{padding:30px;border:1px solid rgba(255,255,255,.16);border-radius:32px;background:rgba(255,255,255,.07);box-shadow:0 20px 70px rgba(0,0,0,.22)}.contact-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.footer{padding:28px clamp(18px,4vw,52px);background:#020719;color:rgba(255,255,255,.62);font-size:13px}.footer-inner{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{color:#dbefff;text-decoration-color:rgba(219,239,255,.25)}
@media (max-width:980px){.main-nav{display:none}.hero-inner,.split,.split.reverse,.contact-grid{grid-template-columns:1fr}.hero{padding-top:70px}.video-card{max-width:680px}.cards,.cards.four,.market-grid,.team-grid{grid-template-columns:1fr 1fr}.person{grid-template-columns:130px 1fr}.person img{width:130px;height:130px}.stats{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:680px){.site-header{gap:12px}.brand img{width:125px}.header-actions .btn{display:none}.hero h1{font-size:44px}.stats,.cards,.cards.four,.market-grid,.team-grid{grid-template-columns:1fr}.person{grid-template-columns:1fr}.person img{width:150px;height:150px}.footer-inner{display:block}.roadmap-step{grid-template-columns:52px 1fr}.section{padding-block:56px}.hero-buttons .btn{width:100%}}

/* Video: native controls only, no custom overlay button. */
.video-wrap video{cursor:pointer}

/* vCard pages */
.vcard-page{min-height:100vh;background:linear-gradient(135deg,#020719,#07145c 64%,#021aa5);display:grid;place-items:center;padding:28px}.vcard-card{width:min(520px,100%);padding:30px;border-radius:34px;background:rgba(255,255,255,.96);box-shadow:0 30px 90px rgba(0,0,0,.32);text-align:center}.vcard-card .v-logo{width:150px;margin:0 auto 22px}.vcard-card .v-photo{width:160px;height:160px;border-radius:32px;object-fit:cover;margin:0 auto 20px}.vcard-card h1{margin:0;font-size:34px;letter-spacing:-.035em;color:var(--ink)}.vcard-card .v-role{margin:6px 0 22px;color:var(--navy);font-weight:700}.v-actions{display:grid;gap:12px;margin-top:24px}.v-actions .btn{width:100%}.v-note{font-size:13px;color:var(--muted);margin-top:18px}.vcard-card .btn-call{background:var(--green);border-color:var(--green);color:#fff}.vcard-card .btn-mail{background:var(--navy);border-color:var(--navy);color:#fff}