:root{
  --bg:#f8fafc;
  --text:#0f172a;
  --muted:#475569;
  --white:#ffffff;
  --line:rgba(148,163,184,.25);
  --panel:rgba(255,255,255,.88);
  --panel-strong:rgba(255,255,255,.94);
  --dark:#0f172a;
  --dark-2:#020617;
  --sky:#0ea5e9;
  --sky-soft:#e0f2fe;
  --cyan:#06b6d4;
  --violet:#8b5cf6;
  --pink:#ec4899;
  --emerald:#10b981;
  --radius:1.75rem;
  --shadow:0 10px 30px rgba(15,23,42,.08);
  --shadow-lg:0 20px 45px rgba(15,23,42,.12);
  --container:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top, rgba(186,230,253,.7), rgba(248,250,252,1) 38%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:var(--container);margin:0 auto;padding:0 1rem}
.site-header{
  position:sticky;top:0;z-index:30;
  border-bottom:1px solid rgba(255,255,255,.6);
  background:rgba(255,255,255,.72);
  backdrop-filter: blur(18px);
}
.header-inner{
  min-height:78px;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.brand{display:flex;align-items:center;gap:.8rem}
.brand-mark{
  width:42px;height:42px;border-radius:18px;background:var(--dark);
  display:grid;place-items:center;color:#fff;box-shadow:var(--shadow)
}
.brand-title{font-size:1.25rem;font-weight:900;letter-spacing:-.03em}
.brand-sub{font-size:.75rem;color:#64748b}
nav ul{display:flex;align-items:center;gap:.55rem;list-style:none;padding:0;margin:0}
.nav-link{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.7rem 1rem;border-radius:999px;font-size:.95rem;font-weight:600;
  background:rgba(255,255,255,.85);color:#334155;border:1px solid rgba(255,255,255,.75)
}
.nav-link.active{background:var(--dark);color:#fff;border-color:var(--dark)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  border:none;border-radius:1.1rem;padding:.95rem 1.25rem;
  font-size:.95rem;font-weight:700;cursor:pointer;transition:.2s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-dark{background:var(--dark);color:#fff;box-shadow:0 12px 24px rgba(15,23,42,.12)}
.btn-light{background:#fff;color:var(--text);border:1px solid rgba(148,163,184,.28)}
.btn-full{width:100%}
.hero{
  padding:4.5rem 0 3rem;
  display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center
}
.pill{
  display:inline-flex;align-items:center;gap:.55rem;
  padding:.65rem 1rem;border-radius:999px;background:rgba(255,255,255,.82);
  border:1px solid #bae6fd;color:#075985;font-size:.73rem;font-weight:800;
  text-transform:uppercase;letter-spacing:.19em;backdrop-filter:blur(10px)
}
.hero h1{
  margin:.9rem 0 0;font-size:clamp(2.4rem,6vw,4.4rem);line-height:.96;
  letter-spacing:-.05em;max-width:13ch
}
.lead{max-width:42rem;margin:1.2rem 0 0;color:#475569;font-size:1.08rem;line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.hero-stats{
  margin-top:2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;max-width:38rem
}
.stat-card,.glass-card,.panel,.contact-card,.info-card{
  background:var(--panel);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(10px);
  box-shadow:var(--shadow)
}
.stat-card{padding:1rem;border-radius:1.6rem}
.stat-card strong{display:block;font-size:1.8rem;line-height:1;font-weight:900}
.stat-card span{display:block;margin-top:.35rem;color:#64748b;font-size:.92rem}
.hero-visual-wrap{position:relative}
.blur-bubble{
  position:absolute;border-radius:999px;filter:blur(28px);z-index:0
}
.blur-a{width:130px;height:130px;left:-12px;top:48px;background:rgba(186,230,253,.62)}
.blur-b{width:180px;height:180px;right:-12px;bottom:30px;background:rgba(165,243,252,.45)}
.hero-visual{
  position:relative;overflow:hidden;border-radius:2.25rem;padding:1.6rem;
  background:var(--dark);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-lg)
}
.hero-visual::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at top right, rgba(56,189,248,.35), transparent 32%),
    radial-gradient(circle at bottom left, rgba(255,255,255,.09), transparent 25%);
}
.hero-visual > *{position:relative}
.hero-top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.eyebrow-dark{
  font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#cbd5e1
}
.hero-top h2{margin:.65rem 0 0;font-size:2rem;line-height:1.05;letter-spacing:-.04em}
.icon-box{
  width:56px;height:56px;border-radius:1rem;display:grid;place-items:center;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15)
}
.dark-mini{
  margin-top:1.4rem;padding:1.2rem;border-radius:1.6rem;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)
}
.dark-mini-row{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end}
.dark-mini small{color:#cbd5e1}
.dark-mini strong{display:block;font-size:2.6rem;line-height:1;font-weight:900;margin-top:.4rem}
.dark-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}
.dark-card{
  padding:1.2rem;border-radius:1.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)
}
.dark-card .label{display:flex;gap:.55rem;align-items:center;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.dark-card p{margin:.85rem 0 0;color:#e2e8f0;line-height:1.7;font-size:.94rem}
.section{padding:1.25rem 0 2.2rem}
.section-title{max-width:46rem}
.section-title .eyebrow{
  color:#0369a1;font-size:.78rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase
}
.section-title h2{
  margin:.7rem 0 0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;line-height:1.05
}
.section-title p{margin:1rem 0 0;color:#475569;line-height:1.8}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem;margin-top:2rem}
.package-card{
  overflow:hidden;border-radius:2rem;background:var(--panel);border:1px solid rgba(255,255,255,.72);
  box-shadow:var(--shadow)
}
.package-top{padding:1.4rem}
.package-top.sky{background:linear-gradient(135deg, rgba(14,165,233,.18), rgba(34,211,238,.16))}
.package-top.amber{background:linear-gradient(135deg, rgba(245,158,11,.18), rgba(249,115,22,.15))}
.package-top.violet{background:linear-gradient(135deg, rgba(139,92,246,.18), rgba(217,70,239,.14))}
.package-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.package-top .bestfor{font-size:.92rem;font-weight:700;color:#475569}
.package-top h3{margin:.45rem 0 0;font-size:1.65rem;letter-spacing:-.03em}
.package-price{margin-top:1rem;font-size:2rem;font-weight:900;letter-spacing:-.04em}
.icon-pill{
  width:48px;height:48px;border-radius:1rem;background:var(--dark);color:#fff;display:grid;place-items:center
}
.package-body{padding:1.4rem}
.feature-list{list-style:none;padding:0;margin:0}
.feature-list li{
  display:flex;gap:.75rem;align-items:flex-start;color:#475569;font-size:.96rem;line-height:1.6
}
.feature-list li+li{margin-top:.7rem}
.tick{
  width:20px;height:20px;border-radius:999px;display:grid;place-items:center;flex:0 0 20px;
  background:var(--dark);color:#fff;margin-top:.15rem
}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem}
.info-card{
  border-radius:2rem;padding:1.5rem;border:1px solid rgba(255,255,255,.72)
}
.info-icon{
  width:48px;height:48px;border-radius:1rem;display:grid;place-items:center
}
.info-icon.sky{background:#e0f2fe;color:#0369a1}
.info-icon.cyan{background:#cffafe;color:#0e7490}
.info-icon.violet{background:#ede9fe;color:#6d28d9}
.info-card h3{margin:1rem 0 0;font-size:1.35rem;letter-spacing:-.03em}
.info-card p{margin:.55rem 0 0;color:#475569;line-height:1.75}
.page-hero{padding:4rem 0 0}
.page-hero h1{margin:.7rem 0 0;font-size:clamp(2.1rem,4vw,3.3rem);letter-spacing:-.04em;line-height:1.05}
.page-hero p{margin:1rem 0 0;color:#475569;line-height:1.8;max-width:46rem}
.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;padding:2.2rem 0 3rem}
.form-panel,.side-panel{
  border-radius:2rem;background:var(--panel-strong);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow)
}
.form-panel{padding:1.5rem}
.side-panel{padding:1.5rem}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.field{display:flex;flex-direction:column;gap:.45rem}
.field.full{grid-column:1/-1}
label{font-size:.92rem;font-weight:700}
input,select,textarea{
  width:100%;padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(148,163,184,.35);
  font:inherit;color:var(--text);background:#fff;outline:none
}
input:focus,select:focus,textarea:focus{border-color:#7dd3fc;box-shadow:0 0 0 3px rgba(125,211,252,.22)}
textarea{min-height:138px;resize:vertical}
.form-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}
.dark-side{
  border-radius:2rem;background:var(--dark);color:#fff;border:1px solid rgba(255,255,255,.12);
  box-shadow:var(--shadow-lg);padding:1.5rem
}
.dark-side h3{margin:.6rem 0 0;font-size:1.7rem;letter-spacing:-.04em}
.dark-side p{color:#cbd5e1;line-height:1.75}
.mini-note{
  margin-top:1rem;border-radius:2rem;padding:1.4rem;background:var(--panel-strong);
  border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow)
}
.mini-note h4{margin:0;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:#64748b}
.mini-note p{margin:.8rem 0 0;color:#475569;line-height:1.75}
.contact-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:2rem;padding:2.2rem 0 3rem}
.contact-stack{display:flex;flex-direction:column;gap:1rem}
.contact-card{
  border-radius:2rem;padding:1.2rem;border:1px solid rgba(255,255,255,.72)
}
.contact-card-inner{display:flex;gap:1rem;align-items:center}
.contact-icon{
  width:48px;height:48px;border-radius:1rem;display:grid;place-items:center
}
.contact-icon.sky{background:#e0f2fe;color:#0369a1}
.contact-icon.pink{background:#fce7f3;color:#be185d}
.contact-icon.emerald{background:#d1fae5;color:#047857}
.contact-label{font-size:.88rem;font-weight:700;color:#64748b}
.contact-value{font-size:1.1rem;font-weight:900;word-break:break-word}
.note-banner{
  margin-top:1.2rem;padding:1rem 1.1rem;border-radius:1.25rem;background:#fff7ed;
  border:1px solid #fed7aa;color:#9a3412;font-size:.92rem;line-height:1.65
}
.site-footer{
  border-top:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.72);backdrop-filter:blur(18px)
}
.footer-inner{
  display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:2rem 0;color:#64748b;font-size:.95rem
}
.footer-nav{display:flex;flex-wrap:wrap;gap:1rem}
.footer-nav a:hover,.nav-link:hover{color:#0f172a}
.icon{width:22px;height:22px;display:inline-block;vertical-align:middle}
.icon.sm{width:16px;height:16px}
.icon.lg{width:30px;height:30px}
.visually-hidden{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}
@media (max-width: 920px){
  .hero,.two-col,.contact-layout,.cards-3,.info-grid{grid-template-columns:1fr}
  .hero{padding-top:3rem}
  .dark-grid{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .header-inner{flex-wrap:wrap;padding:.8rem 0}
  nav{width:100%}
  nav ul{justify-content:flex-start;overflow:auto;padding-bottom:.15rem}
  .hero-stats,.form-grid{grid-template-columns:1fr}
  .footer-inner{flex-direction:column;align-items:flex-start}
}