:root{
  --bg:#07070b;--bg2:#0b0b12;--panel:#11111a;--text:#f8f8fc;--muted:#a9a9b8;
  --violet:#7c42ff;--magenta:#d300f5;--cyan:#43e6f5;--line:#262637;
  --light:#f5f6fa;--light2:#ffffff;--ink:#15151d;--inkmuted:#626273;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,96px);position:sticky;top:0;background:rgba(7,7,11,.88);backdrop-filter:blur(18px);z-index:20;border-bottom:1px solid rgba(255,255,255,.07)}
.brand{display:flex;align-items:center;height:100%}
.brand img{width:132px;height:78px;object-fit:contain}
.nav nav{display:flex;align-items:center;gap:30px;font-size:14px}
.nav nav a{color:var(--cyan)}
.nav-cta{padding:10px 17px;border:1px solid #414153;border-radius:999px}
.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1fr;align-items:center;padding:76px clamp(24px,7vw,120px) 88px;position:relative;overflow:hidden;background:
radial-gradient(circle at 18% 48%,rgba(210,0,245,.09),transparent 31%),
radial-gradient(circle at 83% 43%,rgba(67,230,245,.06),transparent 28%),
linear-gradient(180deg,#07070b,#08080d)}
.hero-copy{max-width:1040px;margin:0 auto;text-align:center;z-index:2}
.eyebrow,.kicker{letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--cyan)}
h1{font-size:clamp(48px,6vw,88px);line-height:1.08;letter-spacing:-.055em;margin:18px auto 20px;width:fit-content;max-width:100%}
h1,h2{
  background:linear-gradient(90deg,var(--magenta) 0%,var(--violet) 28%,#4f66ff 50%,var(--cyan) 72%,var(--cyan) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  padding-bottom:.14em;
  overflow:visible;
}
.hero-copy>p{max-width:760px;margin-left:auto;margin-right:auto;color:#fff;font-size:clamp(18px,1.6vw,22px)}
.actions{display:flex;justify-content:center;gap:14px;margin:36px 0 28px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:10px;font-weight:750}
.primary{background:linear-gradient(100deg,#c10af4,#6746ff,#35dbe9);color:white;box-shadow:0 10px 38px rgba(112,67,255,.25)}
.secondary{border:1px solid #383849;background:#101017}
.trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;color:#fff;font-size:13px}
.section-inner{margin:auto}
.narrow{max-width:980px}
.intro{text-align:center;padding:108px 24px 52px;background:#09090f;border-top:1px solid var(--line)}
.intro h2,.process h2,.about h2,.contact h2{font-size:clamp(36px,4.5vw,62px);line-height:1.14;letter-spacing:-.04em;margin:14px 0 14px;width:fit-content;max-width:100%}
.intro h2,.contact h2{margin-left:auto;margin-right:auto}
.intro>div>p:last-child{color:#fff;font-size:18px}
.services-wrap{padding:26px clamp(24px,7vw,120px) 118px;background:#09090f}
.services{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.services article{background:#101018;border:1px solid var(--line);padding:38px;border-radius:20px;min-height:245px;box-shadow:0 12px 36px rgba(0,0,0,.16);transition:.25s}
.services article:hover{transform:translateY(-4px);border-color:#56447c;box-shadow:0 18px 46px rgba(0,0,0,.24)}
.num{color:var(--cyan);font-size:13px;font-weight:800}
.services h3{font-size:25px;margin:34px 0 12px;color:#6680ff}
.services p{color:#fff;max-width:560px}
.process{padding:110px clamp(24px,7vw,120px);display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;background:
radial-gradient(circle at 14% 28%,rgba(210,0,245,.07),transparent 25%),#0a0a10;border-top:1px solid #181821;border-bottom:1px solid #181821}
.process>div>p:last-child,.process li p,.contact>p{color:#fff;font-size:18px}
.process ol{list-style:none;padding:0;margin:0}
.process li{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--line)}
.process li b{color:var(--cyan)}
.process strong{font-size:22px;color:#6680ff}
.process li p{margin:6px 0;font-size:16px}
.about{padding:112px clamp(24px,10vw,180px);background:#09090f}
.about-card{max-width:1120px;margin:auto;padding:58px 62px;border:1px solid var(--line);border-radius:26px;background:#101018;box-shadow:0 16px 55px rgba(0,0,0,.16)}
.about-card p{color:#fff;font-size:18px;max-width:900px}
.contact{text-align:center;padding:120px 24px;background:
radial-gradient(circle at 50% 110%,rgba(65,222,240,.08),transparent 34%),#07070b}
.contact .big{font-size:18px;margin:22px 0}
.small{font-size:13px!important}
footer{border-top:1px solid var(--line);padding:30px clamp(24px,7vw,120px);display:flex;justify-content:space-between;align-items:center;color:#8b8b99;font-size:13px;background:#060609}
footer>div{display:flex;align-items:center;gap:20px}
footer img{width:58px;height:58px;object-fit:contain}
footer a:hover{color:white}
@media(max-width:900px){
  .nav nav a:not(.nav-cta){display:none}
  .brand img{width:116px}
  .hero{grid-template-columns:1fr;padding-top:54px;gap:12px}
  .services{grid-template-columns:1fr}
  .process{grid-template-columns:1fr;gap:40px}
  .about{padding:80px 24px}
  .about-card{max-width:1120px;margin:auto;padding:58px 62px;border:1px solid var(--line);border-radius:26px;background:#101018;box-shadow:0 16px 55px rgba(0,0,0,.16)}
  .about-mark img{width:130px}
  footer{align-items:flex-start;gap:20px;flex-direction:column}
  .trust{flex-direction:column;gap:7px}
}

/* V5 – final color consistency fixes */
.about-card p.kicker,
.contact > p.kicker {
  color: var(--cyan);
}
footer,
footer a {
  color: #fff;
}