:root{
  --bg:#070b17;
  --bg2:#0c1325;
  --panel:#10192d;
  --white:#f7fbff;
  --text:#dce4ef;
  --muted:#98a6ba;
  --pink:#ff2d88;
  --pink2:#ff76bb;
  --blue:#2f8dff;
  --cyan:#3bdcff;
  --line:rgba(255,255,255,.10);
  --shadow:0 28px 80px rgba(2,6,23,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:#f7fbff;color:#101827;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.header{
  height:82px;padding:0 clamp(20px,5vw,78px);display:flex;align-items:center;gap:34px;
  position:sticky;top:0;z-index:100;background:rgba(7,11,23,.95);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);color:#fff
}
.brand{display:flex;align-items:center;gap:10px;min-width:255px}
.brand img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,45,136,.28))}
.brand-copy strong,.brand-copy span{display:block}
.brand-copy strong{font-size:17px;letter-spacing:.06em}
.brand-copy span{font-size:8px;letter-spacing:.19em;color:#9ca9bb;margin-top:4px}
.nav{display:flex;align-items:center;gap:clamp(18px,2vw,34px);margin-left:auto}
.nav a{font-size:13px;font-weight:750;color:#e4eaf3}
.nav a:hover{color:var(--pink2)}
.header-cta{
  padding:13px 21px;border-radius:999px;font-weight:850;border:1px solid rgba(59,220,255,.62);
  background:linear-gradient(110deg,rgba(255,45,136,.20),rgba(47,141,255,.20))
}
.menu-toggle{display:none;margin-left:auto;border:0;background:none}
.menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:5px}
.hero{
  min-height:680px;padding:clamp(72px,8vw,118px) clamp(20px,6vw,96px);
  display:grid;grid-template-columns:1fr .95fr;gap:clamp(40px,6vw,90px);align-items:center;color:#fff;
  background:
    radial-gradient(circle at 15% 12%,rgba(47,141,255,.17),transparent 32%),
    radial-gradient(circle at 65% 85%,rgba(255,45,136,.16),transparent 30%),
    var(--bg)
}
.eyebrow{
  display:inline-flex;padding:8px 15px;border-radius:999px;border:1px solid rgba(255,45,136,.38);
  background:rgba(255,45,136,.07);color:var(--pink2);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase
}
.hero h1{
  font-size:clamp(46px,5.2vw,76px);line-height:1.03;letter-spacing:-.055em;margin:24px 0 22px;max-width:780px
}
.hero h1 span{color:var(--pink2)}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero p{font-size:clamp(16px,1.3vw,19px);line-height:1.75;color:#c6d0de;max-width:760px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:33px}
.button{
  padding:15px 23px;border-radius:12px;border:0;font:inherit;font-weight:850;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;transition:.2s ease
}
.button:hover{transform:translateY(-2px)}
.button-primary{color:#fff;background:linear-gradient(110deg,var(--pink),#cf3cff,var(--blue));box-shadow:0 16px 36px rgba(255,45,136,.23)}
.button-ghost{color:#fff;border:1px solid rgba(59,220,255,.55);background:rgba(255,255,255,.03)}
.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.hero-trust div{padding-left:15px;border-left:2px solid var(--blue)}
.hero-trust strong,.hero-trust span{display:block}
.hero-trust strong{font-size:13px}
.hero-trust span{font-size:12px;color:#8f9daf;margin-top:4px}
.hero-visual{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(59,220,255,.20);box-shadow:0 34px 100px rgba(0,0,0,.48)}
.hero-visual img{width:100%;aspect-ratio:1.5;object-fit:cover}
.hero-badge{
  position:absolute;left:22px;bottom:22px;padding:16px 19px;border-radius:14px;
  background:rgba(7,11,23,.82);backdrop-filter:blur(12px);border:1px solid var(--line)
}
.hero-badge strong,.hero-badge span{display:block}
.hero-badge span{font-size:12px;color:#a4b1c4;margin-top:4px}
.metrics{
  display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:1px solid #e4eaf1;
  padding:0 clamp(20px,6vw,96px)
}
.metrics article{padding:26px;text-align:center;border-right:1px solid #e8edf3}
.metrics article:last-child{border-right:0}
.metrics strong,.metrics span{display:block}
.metrics strong{font-size:28px;color:#0f172a}
.metrics span{font-size:13px;color:#64748b;margin-top:5px}
.section{padding:96px clamp(20px,6vw,96px)}
.section-heading{max-width:830px;margin-bottom:44px}
.section-heading>span{color:var(--pink);font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.section-heading h2{font-size:clamp(36px,4.1vw,56px);line-height:1.08;letter-spacing:-.045em;margin:11px 0 14px}
.section-heading p{color:#64748b;font-size:17px;line-height:1.7}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:23px}
.service-card{min-height:410px;position:relative;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.service-card:hover img{transform:scale(1.045)}
.service-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(5,9,20,.94) 86%)}
.service-body{position:absolute;left:0;right:0;bottom:0;padding:29px;color:#fff}
.service-body small{color:var(--cyan);font-weight:900}
.service-body h3{font-size:28px;margin:8px 0 9px}
.service-body p{color:#c8d1df;line-height:1.65;max-width:570px}
.service-body a{display:inline-block;margin-top:9px;color:var(--pink2);font-weight:850}
.partners{padding:96px clamp(20px,6vw,96px);background:var(--bg);color:#fff}
.section-heading.light p{color:#a9b5c8}
.partners-image{padding:11px;border-radius:20px;border:1px solid var(--line);background:#10172a}
.partners-image img{width:100%;height:120px;object-fit:cover;border-radius:12px}
.partner-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}
.partner-list span{padding:13px;text-align:center;border:1px solid var(--line);border-radius:12px;color:#d7deea;font-weight:750}
.zone{
  padding:96px clamp(20px,6vw,96px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(44px,7vw,100px);
  align-items:center;color:#fff;background:
  radial-gradient(circle at 15% 18%,rgba(47,141,255,.15),transparent 30%),
  radial-gradient(circle at 86% 78%,rgba(255,45,136,.14),transparent 32%),
  var(--bg2)
}
.zone h2{font-size:clamp(38px,4.6vw,62px);line-height:1.06;letter-spacing:-.05em;margin:20px 0}
.zone-copy>p{color:#aeb9ca;font-size:17px;line-height:1.75}
.zone-points{display:grid;gap:12px;margin-top:30px}
.zone-points div{padding:18px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.035)}
.zone-points strong,.zone-points span{display:block}
.zone-points strong{color:var(--cyan)}
.zone-points span{font-size:14px;color:#9eabbe;margin-top:4px}
.zone-map{position:relative;padding:12px;border-radius:26px;border:1px solid rgba(59,220,255,.20);background:#0c1425;box-shadow:var(--shadow)}
.zone-map img{width:100%;border-radius:16px}
.zone-map-caption{position:absolute;left:28px;bottom:28px;padding:14px 17px;border-radius:13px;background:rgba(7,11,23,.86);border:1px solid var(--line)}
.zone-map-caption strong,.zone-map-caption span{display:block}
.zone-map-caption span{font-size:12px;color:#a5b1c4;margin-top:3px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.why article{padding:27px;border-radius:18px;border:1px solid #e4eaf1;background:#fff;box-shadow:0 13px 38px rgba(15,23,42,.08)}
.why article div{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(255,45,136,.13),rgba(47,141,255,.15));color:var(--pink);font-weight:900}
.why h3{margin:18px 0 8px}
.why p{color:#64748b;line-height:1.65}
.contact{
  padding:96px clamp(20px,6vw,96px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(44px,7vw,100px);color:#fff;
  background:radial-gradient(circle at 12% 18%,rgba(255,45,136,.14),transparent 28%),
  radial-gradient(circle at 88% 82%,rgba(47,141,255,.16),transparent 33%),var(--bg)
}
.contact h2{font-size:clamp(40px,4.8vw,64px);line-height:1.05;letter-spacing:-.05em;margin:20px 0}
.contact-copy>p{color:#aab6c8;font-size:17px;line-height:1.75}
.contact-links{display:grid;gap:12px;margin-top:30px}
.contact-links a{padding:17px;border:1px solid var(--line);border-radius:14px}
.contact-links span,.contact-links strong{display:block}
.contact-links span{font-size:11px;color:#8f9bb0;text-transform:uppercase;letter-spacing:.12em}
.contact-links strong{margin-top:5px}
form{padding:clamp(25px,4vw,42px);border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}
form label{display:grid;gap:7px;margin-bottom:15px;color:#dce4ef;font-size:13px;font-weight:750}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
input,select,textarea{width:100%;padding:14px 15px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:rgba(5,9,20,.80);color:#fff;font:inherit}
select option{color:#111827}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(47,141,255,.45);border-color:var(--blue)}
form .button{width:100%}
form>small{display:block;margin-top:12px;text-align:center;color:#7f8ba1}
footer{padding:32px clamp(20px,6vw,96px);display:flex;justify-content:space-between;align-items:center;gap:30px;background:#040711;color:#8794a7;border-top:1px solid var(--line)}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand img{width:68px;height:68px;object-fit:contain}
.footer-brand strong,.footer-brand span{display:block}
.footer-brand strong{color:#fff}
.footer-brand span{font-size:12px;margin-top:3px}
.mobile-actions{display:none}
@media(max-width:1050px){
  .nav,.header-cta{display:none}
  .menu-toggle{display:block}
  .nav.open{display:flex;position:absolute;top:81px;left:0;right:0;padding:22px;background:#080d1c;flex-direction:column}
  .hero,.zone,.contact{grid-template-columns:1fr}
  .why-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  body{padding-bottom:68px}
  .header{height:72px;padding-inline:17px}
  .brand{min-width:0}
  .brand img{width:54px;height:54px}
  .brand-copy strong{font-size:14px}
  .brand-copy span{font-size:6px}
  .hero{padding:68px 20px 60px}
  .hero h1{font-size:42px}
  .hero-trust{grid-template-columns:1fr}
  .hero-actions{display:grid}
  .metrics{grid-template-columns:1fr 1fr;padding:0}
  .metrics article{padding:21px;border-bottom:1px solid #e8edf3}
  .section,.partners,.zone,.contact{padding:68px 20px}
  .service-grid,.partner-list,.why-grid{grid-template-columns:1fr}
  .service-card{min-height:365px}
  .partners-image img{height:88px}
  .form-row{grid-template-columns:1fr;gap:0}
  footer{display:grid;text-align:center}
  .footer-brand{justify-content:center}
  .mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;bottom:0;left:0;right:0;z-index:200;padding:9px;background:#080d1c;border-top:1px solid var(--line)}
  .mobile-actions a{padding:13px;text-align:center;border-radius:8px;font-size:12px;font-weight:850;color:#fff;background:linear-gradient(110deg,var(--pink),var(--blue))}
  .mobile-actions a:last-child{background:var(--blue)}
}