:root{
  --purple:#7931B7;
  --purple-dark:#572383;
  --navy:#161B3D;
  --navy-2:#1F2657;
  --black:#0B0C10;
  --white:#ffffff;
  --gray:#9AA0B4;
  --radius:14px;
  --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;
  background:var(--black);
  color:var(--white);
  line-height:1.6;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}

/* NAV */
header.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(11,12,16,0.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:var(--max);margin:0 auto;}
.nav .brand{display:flex;align-items:center;gap:10px;}
.nav .brand img{height:44px;width:auto;}
.nav .switch-site{
  display:flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:50%;background:var(--black);margin-left:12px;flex-shrink:0;
  border:2px solid #fff;overflow:hidden;transition:transform .15s ease;
}
.nav .switch-site:hover{transform:scale(1.08);}
.nav .switch-site img{width:100%;height:100%;object-fit:contain;padding:5px;}
.nav .home-hub{
  display:flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:50%;background:var(--black);margin-left:10px;flex-shrink:0;
  border:2px solid rgba(255,255,255,0.3);color:#fff;transition:transform .15s ease, border-color .15s ease;
}
.nav .home-hub:hover{transform:scale(1.08);border-color:#fff;}
@media (max-width:820px){.nav .switch-site{margin-left:8px;}.nav .home-hub{margin-left:6px;width:34px;height:34px;}}

/* HERO */
.hero{
  position:relative;
  padding:70px 24px 50px;
  background:
    radial-gradient(1100px 500px at 80% -10%, rgba(121,49,183,0.28), transparent 60%),
    linear-gradient(180deg,var(--navy) 0%, var(--black) 70%);
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,0.06);
  text-align:center;
}
.hero-logo{max-width:340px;margin:0 auto 28px;}
.hero .eyebrow{color:var(--purple);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;margin-bottom:12px;}
.hero h1{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;line-height:1.2;margin-bottom:16px;max-width:760px;margin-left:auto;margin-right:auto;}
.hero h1 span{color:var(--purple);}
.hero p.lead{color:var(--gray);font-size:1.05rem;max-width:600px;margin:0 auto 26px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}
.btn{display:inline-block;padding:14px 26px;border-radius:10px;font-weight:700;font-size:.98rem;transition:.2s;border:none;cursor:pointer;font-family:inherit;}
.btn-primary{background:var(--purple);color:#fff;}
.btn-primary:hover{background:var(--purple-dark);transform:translateY(-1px);}
.btn-outline{border:1.5px solid rgba(255,255,255,0.3);color:#fff;background:transparent;}
.btn-outline:hover{border-color:var(--purple);color:var(--purple);}

/* SECTIONS */
section{padding:70px 24px;}
.section-title{text-align:center;margin-bottom:44px;}
.section-title .eyebrow{color:var(--purple);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;margin-bottom:10px;}
.section-title h2{font-size:clamp(1.7rem,3vw,2.2rem);font-weight:800;}
.section-title p{color:var(--gray);max-width:600px;margin:14px auto 0;}

/* SERVICE CARDS */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--max);margin:0 auto;}
.card{background:var(--navy);border:1px solid rgba(255,255,255,0.07);border-radius:var(--radius);padding:32px 26px;}
.card .icon{width:112px;height:112px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;margin-left:-8px;}
.card .icon img{width:100%;height:100%;object-fit:contain;}
.card h3{font-size:1.15rem;margin-bottom:10px;color:#fff;}
.card p{color:var(--gray);font-size:.92rem;}
.card .soon{display:inline-block;margin-top:14px;background:rgba(121,49,183,0.18);color:var(--purple);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:6px;}
@media (max-width:900px){.cards3{grid-template-columns:1fr;}}
.cards3.cards2{grid-template-columns:repeat(2,1fr);max-width:820px;}
@media (max-width:700px){.cards3.cards2{grid-template-columns:1fr;}}

/* CONTACT FORM */
.contact-form-wrap{max-width:640px;margin:0 auto;background:var(--navy);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius);padding:34px;}
.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.cf-field{margin-bottom:16px;}
.cf-field label{display:block;font-size:.85rem;color:var(--gray);margin-bottom:7px;}
.cf-field input,.cf-field select,.cf-field textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,0.15);background:var(--black);color:#fff;font-family:inherit;font-size:.95rem;resize:vertical;}
.cf-field select{appearance:auto;cursor:pointer;}
.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{outline:none;border-color:var(--purple);}
.cf-field small{display:block;color:var(--gray);font-size:.78rem;margin-top:6px;}
.cf-radio-group{display:flex;gap:10px;flex-wrap:wrap;}
.cf-radio{display:flex;align-items:center;gap:8px;background:var(--black);border:1px solid rgba(255,255,255,0.15);border-radius:8px;padding:10px 14px;cursor:pointer;font-size:.9rem;flex:1;min-width:120px;justify-content:center;transition:.15s;}
.cf-radio:has(input:checked){border-color:var(--purple);color:var(--purple);background:rgba(121,49,183,0.1);}
.cf-radio input{width:auto;margin:0;}
.cf-submit{width:100%;font-size:1rem;margin-top:4px;}
.cf-status{margin-top:14px;font-size:.88rem;text-align:center;min-height:1.2em;color:var(--gray);}
.cf-status.ok{color:#34C759;}
.cf-status.fout{color:#E31E24;}
@media (max-width:600px){.cf-grid{grid-template-columns:1fr;}.contact-form-wrap{padding:24px 20px;}}

/* ABOUT */
.about-block{max-width:760px;margin:0 auto;text-align:center;}
.about-block p{color:var(--gray);font-size:1rem;margin-top:16px;}

/* CTA BAND */
.cta-band{background:linear-gradient(120deg,var(--purple),var(--purple-dark));text-align:center;padding:64px 24px;}
.cta-band h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:14px;}
.cta-band p{opacity:.9;margin-bottom:24px;}
.cta-band .btn-outline{border-color:#fff;}
.cta-band .btn-outline:hover{background:#fff;color:var(--purple);}

/* FOOTER */
footer{background:var(--black);border-top:1px solid rgba(255,255,255,0.08);padding:50px 24px 26px;}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;max-width:var(--max);margin:0 auto 30px;}
.footer-grid .brand-block img{height:40px;margin-bottom:14px;}
.footer-grid .brand-block p{color:var(--gray);font-size:.9rem;max-width:380px;}
.footer-grid h4{margin-bottom:14px;font-size:.95rem;}
.footer-grid ul{list-style:none;}
.footer-grid ul li{margin-bottom:8px;}
.footer-grid ul li a{color:var(--gray);font-size:.9rem;}
.footer-grid ul li a:hover{color:var(--purple);}
@media (max-width:600px){.footer-grid{grid-template-columns:1fr;}}
.footer-bottom{max-width:var(--max);margin:0 auto;padding-top:22px;border-top:1px solid rgba(255,255,255,0.08);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--gray);font-size:.82rem;}
.footer-bottom a{color:var(--gray);}
.hub-link{color:var(--purple)!important;font-weight:700;}