:root{
    --bg-deep:#020617;
    --bg-base:#020617;
    --bg-elev:#111827;
    --bg-card:#374151;
    --accent:#60A5FA;
    --accent-2:#818CF8;
    --accent-3:#22D3EE;
    --text:#F9FAFB;
    --text-mute:rgba(249,250,251,.72);
    --text-dim:rgba(249,250,251,.48);
    --border:rgba(96,165,250,.18);
    --border-soft:rgba(249,250,251,.08);
    --glass:rgba(17,24,39,.55);
    --glass-strong:rgba(17,24,39,.78);
    --radius:24px;
    --radius-lg:32px;
    --radius-pill:999px;
    --shadow-glow:0 0 0 1px rgba(96,165,250,.15), 0 24px 60px -20px rgba(96,165,250,.25);
    --ease:cubic-bezier(.22,1,.36,1);
    --ease-precise:cubic-bezier(.4,0,.2,1);
    --container:1240px;
  }

  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  body{
    font-family:'IBM Plex Sans',system-ui,-apple-system,sans-serif;
    background:var(--bg-base);
    color:var(--text);
    line-height:1.6;
    font-weight:400;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  
  ::selection{background:rgba(96,165,250,.3);color:var(--text)}
  
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
  input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
  
  /* ========== BACKGROUND ORBS ========== */
  .orb{
    position:fixed;
    border-radius:50%;
    filter:blur(80px);
    opacity:.5;
    pointer-events:none;
    z-index:0;
    will-change:transform;
  }
  .orb-1{
    width:500px;height:500px;
    background:radial-gradient(circle,#60A5FA 0%,transparent 70%);
    top:-150px;left:-150px;
    animation:float-1 22s var(--ease) infinite;
  }
  .orb-2{
    width:600px;height:600px;
    background:radial-gradient(circle,#818CF8 0%,transparent 70%);
    top:40%;right:-200px;
    animation:float-2 26s var(--ease) infinite;
  }
  .orb-3{
    width:450px;height:450px;
    background:radial-gradient(circle,#22D3EE 0%,transparent 70%);
    bottom:-100px;left:30%;
    opacity:.3;
    animation:float-3 24s var(--ease) infinite;
  }
  
  @keyframes float-1{
    0%,100%{transform:translate(0,0) scale(1)}
    50%{transform:translate(80px,60px) scale(1.1)}
  }
  @keyframes float-2{
    0%,100%{transform:translate(0,0) scale(1)}
    50%{transform:translate(-60px,-40px) scale(1.15)}
  }
  @keyframes float-3{
    0%,100%{transform:translate(0,0) scale(1)}
    50%{transform:translate(40px,-80px) scale(1.08)}
  }
  
  /* ========== LAYOUT ========== */
  .container{
    width:100%;
    max-width:var(--container);
    margin:0 auto;
    padding:0 24px;
    position:relative;
    z-index:1;
  }
  section{position:relative;z-index:1;padding:120px 0}
  
  .glass{
    background:var(--glass);
    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    border:1px solid var(--border);
  }
  
  /* ========== TYPOGRAPHY ========== */
  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:8px 16px;
    background:rgba(96,165,250,.1);
    border:1px solid var(--border);
    border-radius:var(--radius-pill);
    font-size:13px;
    font-weight:500;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--accent);
  }
  .eyebrow .dot{
    width:6px;height:6px;
    background:var(--accent);
    border-radius:50%;
    box-shadow:0 0 12px var(--accent);
    animation:pulse 2.4s ease-in-out infinite;
  }
  @keyframes pulse{
    0%,100%{opacity:1;transform:scale(1)}
    50%{opacity:.5;transform:scale(1.4)}
  }
  
  h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--text)}
  h1{font-size:clamp(2.6rem,6vw,4.6rem);font-weight:700;letter-spacing:-.035em}
  h2{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:600;letter-spacing:-.03em}
  h3{font-size:clamp(1.3rem,2vw,1.6rem)}
  h4{font-size:1.1rem;font-weight:600}
  
  .section-head{max-width:720px;margin-bottom:64px}
  .section-head.center{margin-left:auto;margin-right:auto;text-align:center}
  .section-head p{color:var(--text-mute);font-size:1.05rem;margin-top:20px}
  
  .grad-text{
    background:linear-gradient(135deg,#60A5FA 0%,#818CF8 50%,#22D3EE 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
  }
  
  /* ========== BUTTONS ========== */
  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:16px 28px;
    border-radius:var(--radius-pill);
    font-weight:500;
    font-size:.95rem;
    transition:all .4s var(--ease);
    position:relative;
    overflow:hidden;
    white-space:nowrap;
  }
  .btn-primary{
    background:linear-gradient(135deg,#60A5FA 0%,#818CF8 100%);
    color:#020617;
    font-weight:600;
    box-shadow:0 8px 24px -8px rgba(96,165,250,.5);
  }
  .btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 32px -8px rgba(96,165,250,.6);
  }
  .btn-ghost{
    background:rgba(249,250,251,.04);
    border:1px solid var(--border-soft);
    color:var(--text);
  }
  .btn-ghost:hover{
    background:rgba(249,250,251,.08);
    border-color:var(--border);
  }
  .btn-lg{padding:18px 36px;font-size:1rem}
  
  /* ========== NAVIGATION ========== */
  .nav{
    position:fixed;
    top:20px;left:50%;
    transform:translateX(-50%);
    z-index:1000;
    width:calc(100% - 40px);
    max-width:var(--container);
    transition:all .4s var(--ease);
  }
  .nav-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 18px 14px 24px;
    border-radius:var(--radius-pill);
    background:rgba(2,6,23,.7);
    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    border:1px solid var(--border-soft);
    transition:all .4s var(--ease);
  }
  .nav.scrolled .nav-inner{
    background:rgba(2,6,23,.85);
    border-color:var(--border);
    box-shadow:0 16px 40px -16px rgba(0,0,0,.5);
  }
  .logo{
    display:flex;
    align-items:center;
    gap:12px;
    font-weight:600;
    font-size:1.05rem;
    letter-spacing:-.01em;
  }
  .logo-mark{
    width:38px;height:38px;
    background:linear-gradient(135deg,#60A5FA,#818CF8);
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#020617;
    font-size:1.1rem;
    box-shadow:0 8px 20px -6px rgba(96,165,250,.5);
  }
  .logo-mark i{transform:translateY(-1px)}
  .logo span{display:flex;flex-direction:column;line-height:1.1}
  .logo small{font-size:.7rem;color:var(--text-dim);font-weight:400;letter-spacing:.04em}
  
  .nav-links{
    display:flex;
    align-items:center;
    gap:4px;
    list-style:none;
  }
  .nav-links a{
    padding:10px 16px;
    border-radius:var(--radius-pill);
    font-size:.92rem;
    color:var(--text-mute);
    transition:all .3s var(--ease);
    font-weight:500;
  }
  .nav-links a:hover{color:var(--text);background:rgba(96,165,250,.08)}
  .nav-cta{margin-left:8px}
  
  .nav-toggle{
    display:none;
    width:44px;height:44px;
    border-radius:12px;
    background:rgba(249,250,251,.06);
    border:1px solid var(--border-soft);
    align-items:center;
    justify-content:center;
    font-size:1.1rem;
  }
  
  /* ========== HERO ========== */
  .hero{
    padding:180px 0 100px;
    position:relative;
    overflow:hidden;
  }
  .hero-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:64px;
    align-items:center;
  }
  .hero h1{margin:24px 0 24px}
  .hero h1 span{display:block}
  .hero-desc{
    font-size:1.15rem;
    color:var(--text-mute);
    max-width:560px;
    margin-bottom:36px;
  }
  .hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px}
  .hero-trust{display:flex;gap:32px;flex-wrap:wrap}
  .hero-trust-item{display:flex;flex-direction:column;gap:4px}
  .hero-trust-item strong{font-size:1.8rem;font-weight:600;letter-spacing:-.02em}
  .hero-trust-item span{font-size:.85rem;color:var(--text-dim)}
  .hero-trust-item .stars{color:#FBBF24;font-size:.9rem;letter-spacing:2px}
  
  /* Hero calculator card */
  .hero-card{
    padding:32px;
    border-radius:var(--radius-lg);
    box-shadow:0 32px 80px -20px rgba(0,0,0,.6),0 0 0 1px var(--border);
    position:relative;
  }
  .hero-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:var(--radius-lg);
    background:linear-gradient(135deg,rgba(96,165,250,.15),transparent 50%);
    pointer-events:none;
  }
  .hero-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:24px;
    position:relative;
  }
  .hero-card-head h3{font-size:1.15rem}
  .hero-card-head .tag{
    font-size:.75rem;
    color:var(--accent);
    padding:6px 12px;
    background:rgba(96,165,250,.1);
    border:1px solid var(--border);
    border-radius:var(--radius-pill);
    font-weight:500;
  }
  .calc-row{margin-bottom:22px;position:relative}
  .calc-row label{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:.85rem;
    color:var(--text-mute);
    margin-bottom:10px;
  }
  .calc-row label span{color:var(--text);font-weight:600;font-size:1rem}
  .calc-row input[type=range]{
    width:100%;
    height:6px;
    background:rgba(249,250,251,.08);
    border-radius:var(--radius-pill);
    appearance:none;
    -webkit-appearance:none;
    outline:none;
  }
  .calc-row input[type=range]::-webkit-slider-thumb{
    appearance:none;
    -webkit-appearance:none;
    width:20px;height:20px;
    background:linear-gradient(135deg,#60A5FA,#818CF8);
    border-radius:50%;
    cursor:pointer;
    box-shadow:0 0 0 4px rgba(96,165,250,.2),0 4px 12px rgba(0,0,0,.4);
    transition:all .2s var(--ease);
  }
  .calc-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}
  .calc-row input[type=range]::-moz-range-thumb{
    width:20px;height:20px;
    background:linear-gradient(135deg,#60A5FA,#818CF8);
    border-radius:50%;
    cursor:pointer;
    border:none;
  }
  .calc-result{
    padding:20px;
    background:rgba(2,6,23,.5);
    border:1px solid var(--border-soft);
    border-radius:var(--radius);
    margin-bottom:20px;
    display:flex;
    flex-direction:column;
    gap:4px;
  }
  .calc-result span{font-size:.85rem;color:var(--text-mute)}
  .calc-result strong{font-size:2rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#60A5FA,#22D3EE);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .calc-result small{font-size:.75rem;color:var(--text-dim)}
  .hero-card .btn{width:100%}
  
  /* Floating mini-cards near hero card */
  .float-badge{
    position:absolute;
    padding:12px 16px;
    border-radius:14px;
    background:rgba(17,24,39,.85);
    backdrop-filter:blur(16px);
    border:1px solid var(--border);
    font-size:.8rem;
    display:flex;
    align-items:center;
    gap:10px;
    box-shadow:0 16px 40px -10px rgba(0,0,0,.5);
    animation:float-badge 6s var(--ease) infinite;
  }
  .float-badge i{color:var(--accent)}
  .float-badge-1{top:-20px;right:-30px;animation-delay:0s}
  .float-badge-2{bottom:30px;left:-40px;animation-delay:-3s}
  @keyframes float-badge{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-12px)}
  }
  
  /* ========== ABOUT ========== */
  .about-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:64px;
    align-items:center;
  }
  .about-media{
    position:relative;
    border-radius:var(--radius-lg);
    overflow:hidden;
    aspect-ratio:4/5;
  }
  .about-media img{
    width:100%;height:100%;
    object-fit:cover;
    transition:transform 1.2s var(--ease);
  }
  .about-media:hover img{transform:scale(1.05)}
  .about-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 50%,rgba(2,6,23,.8));
  }
  .about-media .since{
    position:absolute;
    bottom:24px;left:24px;
    z-index:2;
    display:flex;
    flex-direction:column;
  }
  .about-media .since strong{font-size:2.4rem;font-weight:700;line-height:1}
  .about-media .since span{color:var(--text-mute);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}
  
  .about-content h2{margin-bottom:20px}
  .about-content > p{color:var(--text-mute);margin-bottom:32px;font-size:1.05rem}
  
  .vmv-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin-bottom:32px;
  }
  .vmv-card{
    padding:24px;
    border-radius:var(--radius);
    background:rgba(17,24,39,.5);
    border:1px solid var(--border-soft);
    transition:all .4s var(--ease);
  }
  .vmv-card:hover{
    border-color:var(--border);
    background:rgba(17,24,39,.8);
    transform:translateY(-4px);
  }
  .vmv-card .icon{
    width:44px;height:44px;
    border-radius:12px;
    background:rgba(96,165,250,.1);
    color:var(--accent);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.1rem;
    margin-bottom:14px;
  }
  .vmv-card h4{margin-bottom:8px}
  .vmv-card p{color:var(--text-mute);font-size:.92rem;line-height:1.55}
  
  /* ========== MILESTONES / METRICS ========== */
  .metrics{
    padding:80px 0;
    background:linear-gradient(180deg,transparent,rgba(17,24,39,.5),transparent);
    border-top:1px solid var(--border-soft);
    border-bottom:1px solid var(--border-soft);
  }
  .metrics-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:24px;
    text-align:center;
  }
  .metric-item{
    padding:24px 12px;
    border-right:1px solid var(--border-soft);
  }
  .metric-item:last-child{border-right:none}
  .metric-item strong{
    display:block;
    font-size:clamp(2rem,3.5vw,3rem);
    font-weight:700;
    letter-spacing:-.025em;
    background:linear-gradient(135deg,#F9FAFB,#60A5FA);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    margin-bottom:6px;
  }
  .metric-item span{color:var(--text-mute);font-size:.9rem}
  
  .timeline{
    margin-top:80px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    position:relative;
  }
  .timeline::before{
    content:"";
    position:absolute;
    top:24px;left:5%;right:5%;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--border),transparent);
  }
  .timeline-item{
    text-align:center;
    position:relative;
    padding-top:56px;
  }
  .timeline-item::before{
    content:"";
    position:absolute;
    top:16px;left:50%;
    transform:translateX(-50%);
    width:16px;height:16px;
    border-radius:50%;
    background:var(--bg-base);
    border:2px solid var(--accent);
    box-shadow:0 0 0 6px rgba(96,165,250,.1);
  }
  .timeline-item strong{display:block;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:var(--accent)}
  .timeline-item h4{margin:6px 0 6px;font-size:1rem}
  .timeline-item p{color:var(--text-mute);font-size:.88rem}
  
  /* ========== WHY CHOOSE US ========== */
  .features-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
  }
  .feature-card{
    padding:32px;
    border-radius:var(--radius);
    background:rgba(17,24,39,.5);
    border:1px solid var(--border-soft);
    transition:all .5s var(--ease);
    position:relative;
    overflow:hidden;
  }
  .feature-card::before{
    content:"";
    position:absolute;
    top:0;left:0;right:0;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--accent),transparent);
    opacity:0;
    transition:opacity .5s var(--ease);
  }
  .feature-card:hover{
    transform:translateY(-6px);
    border-color:var(--border);
    background:rgba(17,24,39,.8);
    box-shadow:0 24px 60px -20px rgba(0,0,0,.6);
  }
  .feature-card:hover::before{opacity:1}
  .feature-card .icon{
    width:54px;height:54px;
    border-radius:14px;
    background:linear-gradient(135deg,rgba(96,165,250,.15),rgba(129,140,248,.1));
    border:1px solid var(--border);
    color:var(--accent);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.3rem;
    margin-bottom:20px;
  }
  .feature-card h3{margin-bottom:10px}
  .feature-card p{color:var(--text-mute);font-size:.95rem}
  
  /* ========== WORK PROCESS ========== */
  .process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    position:relative;
  }
  .process-card{
    padding:32px 24px;
    border-radius:var(--radius);
    background:rgba(17,24,39,.5);
    border:1px solid var(--border-soft);
    text-align:center;
    position:relative;
    transition:all .5s var(--ease);
  }
  .process-card:hover{
    border-color:var(--border);
    transform:translateY(-4px);
  }
  .process-num{
    width:60px;height:60px;
    margin:0 auto 20px;
    border-radius:50%;
    background:linear-gradient(135deg,#60A5FA,#818CF8);
    color:#020617;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.4rem;
    font-weight:700;
    box-shadow:0 12px 30px -8px rgba(96,165,250,.5);
  }
  .process-card h4{margin-bottom:10px}
  .process-card p{color:var(--text-mute);font-size:.92rem}
  
  /* ========== SERVICES ========== */
  .services-grid{display:grid;gap:24px}
  .services-grid.cols-3{grid-template-columns:repeat(3,1fr)}
  .services-grid.cols-2{grid-template-columns:repeat(2,1fr)}
  
  .service-card{
    padding:32px;
    border-radius:var(--radius);
    background:rgba(17,24,39,.5);
    border:1px solid var(--border-soft);
    transition:all .5s var(--ease);
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
  }
  .service-card::after{
    content:"";
    position:absolute;
    top:-50%;right:-50%;
    width:200px;height:200px;
    background:radial-gradient(circle,rgba(96,165,250,.15),transparent 60%);
    opacity:0;
    transition:opacity .6s var(--ease);
    pointer-events:none;
  }
  .service-card:hover{
    transform:translateY(-6px);
    border-color:var(--border);
    background:rgba(17,24,39,.85);
    box-shadow:0 24px 60px -20px rgba(0,0,0,.6);
  }
  .service-card:hover::after{opacity:1}
  .service-icon{
    width:56px;height:56px;
    border-radius:14px;
    background:linear-gradient(135deg,rgba(96,165,250,.18),rgba(129,140,248,.12));
    border:1px solid var(--border);
    color:var(--accent);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.4rem;
    margin-bottom:20px;
  }
  .service-card h3{margin-bottom:10px}
  .service-card p{
    color:var(--text-mute);font-size:.94rem;margin-bottom:20px;flex:1;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
    line-clamp:3;overflow:hidden;line-height:1.55;
  }
  .service-card .learn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--accent);
    font-size:.9rem;
    font-weight:500;
    transition:gap .3s var(--ease);
  }
  .service-card:hover .learn{gap:12px}
  
  /* Service tags inside card */
  .service-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:20px;
  }
  .service-tags span{
    font-size:.75rem;
    padding:4px 10px;
    background:rgba(96,165,250,.08);
    border:1px solid var(--border-soft);
    border-radius:var(--radius-pill);
    color:var(--text-mute);
  }
  
  /* ========== CTA STRIPS ========== */
  .cta-strip{
    margin-top:64px;
    padding:48px;
    border-radius:var(--radius-lg);
    background:linear-gradient(135deg,rgba(96,165,250,.12),rgba(129,140,248,.08));
    border:1px solid var(--border);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    position:relative;
    overflow:hidden;
  }
  .cta-strip::before{
    content:"";
    position:absolute;
    top:-50%;right:-10%;
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(96,165,250,.2),transparent 60%);
    pointer-events:none;
  }
  .cta-strip > div{position:relative;z-index:1}
  .cta-strip h3{margin-bottom:6px;font-size:1.5rem}
  .cta-strip p{color:var(--text-mute)}
  
  /* ========== PRICING ========== */
  .pricing-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
  }
  .price-card{
    padding:36px;
    border-radius:var(--radius);
    background:rgba(17,24,39,.5);
    border:1px solid var(--border-soft);
    transition:all .5s var(--ease);
    position:relative;
    display:flex;
    flex-direction:column;
  }
  .price-card.featured{
    background:linear-gradient(180deg,rgba(96,165,250,.12),rgba(17,24,39,.6));
    border-color:var(--accent);
    box-shadow:0 24px 60px -20px rgba(96,165,250,.3);
  }
  .price-card.featured::before{
    content:"Most Popular";
    position:absolute;
    top:-12px;left:50%;
    transform:translateX(-50%);
    padding:6px 16px;
    background:linear-gradient(135deg,#60A5FA,#818CF8);
    color:#020617;
    border-radius:var(--radius-pill);
    font-size:.75rem;
    font-weight:600;
    letter-spacing:.05em;
    text-transform:uppercase;
  }
  .price-card:hover{transform:translateY(-6px)}
  .price-name{font-size:.85rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-weight:500;margin-bottom:8px}
  .price-card h3{font-size:1.3rem;margin-bottom:6px}
  .price-card > p{color:var(--text-mute);font-size:.92rem;margin-bottom:24px}
  .price-amount{display:flex;align-items:baseline;gap:6px;margin-bottom:24px}
  .price-amount strong{font-size:3rem;font-weight:700;letter-spacing:-.03em}
  .price-amount span{color:var(--text-mute);font-size:.9rem}
  .price-features{list-style:none;margin-bottom:28px;flex:1}
  .price-features li{
    padding:10px 0;
    color:var(--text-mute);
    font-size:.92rem;
    display:flex;
    align-items:flex-start;
    gap:10px;
    border-bottom:1px solid var(--border-soft);
  }
  .price-features li:last-child{border-bottom:none}
  .price-features li i{color:var(--accent);font-size:.85rem;margin-top:4px}
  .price-card .btn{width:100%}
  
  /* ========== FORMS ========== */
  .form-card{
    padding:40px;
    border-radius:var(--radius-lg);
    background:rgba(17,24,39,.6);
    backdrop-filter:blur(20px);
    border:1px solid var(--border-soft);
  }
  .form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
  }
  .form-group{display:flex;flex-direction:column;gap:8px}
  .form-group.full{grid-column:1/-1}
  .form-group label{
    font-size:.85rem;
    color:var(--text-mute);
    font-weight:500;
  }
  .form-group label .req{color:var(--accent)}
  .form-control{
    width:100%;
    padding:14px 16px;
    background:rgba(2,6,23,.5);
    border:1px solid var(--border-soft);
    border-radius:14px;
    color:var(--text);
    font-size:.95rem;
    transition:all .3s var(--ease);
    outline:none;
  }
  .form-control:focus{
    border-color:var(--accent);
    background:rgba(2,6,23,.8);
    box-shadow:0 0 0 3px rgba(96,165,250,.15);
  }
  .form-control::placeholder{color:var(--text-dim)}
  textarea.form-control{resize:vertical;min-height:120px;font-family:inherit}
  select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360A5FA' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:40px}
  
  .checkbox-row{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:14px;
    background:rgba(2,6,23,.4);
    border:1px solid var(--border-soft);
    border-radius:12px;
    cursor:pointer;
    transition:all .3s var(--ease);
  }
  .checkbox-row:hover{border-color:var(--border)}
  .checkbox-row input{
    width:18px;height:18px;
    margin-top:2px;
    accent-color:var(--accent);
    cursor:pointer;
    flex-shrink:0;
  }
  .checkbox-row label{font-size:.88rem;color:var(--text-mute);cursor:pointer;line-height:1.5}
  .checkbox-row label a{color:var(--accent);text-decoration:underline}
  
  .form-success{
    display:none;
    padding:16px;
    border-radius:12px;
    background:rgba(34,211,238,.1);
    border:1px solid rgba(34,211,238,.3);
    color:#22D3EE;
    font-size:.9rem;
    margin-bottom:18px;
    align-items:center;
    gap:10px;
  }
  .form-success.show{display:flex}
  
  /* Booking section layout */
  .booking-grid{
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:48px;
    align-items:start;
  }
  .booking-info h2{margin-bottom:20px}
  .booking-info > p{color:var(--text-mute);margin-bottom:32px}
  .booking-info-list{list-style:none}
  .booking-info-list li{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:18px 0;
    border-bottom:1px solid var(--border-soft);
  }
  .booking-info-list li:last-child{border-bottom:none}
  .booking-info-list .icon{
    width:42px;height:42px;
    flex-shrink:0;
    border-radius:11px;
    background:rgba(96,165,250,.1);
    color:var(--accent);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1rem;
  }
  .booking-info-list h4{font-size:1rem;margin-bottom:2px}
  .booking-info-list p{color:var(--text-mute);font-size:.88rem}
  
  /* ========== REVIEWS ========== */
  .reviews-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
  }
  .review-card{
    padding:32px;
    border-radius:var(--radius);
    background:rgba(17,24,39,.5);
    border:1px solid var(--border-soft);
    transition:all .5s var(--ease);
    display:flex;
    flex-direction:column;
  }
  .review-card:hover{
    border-color:var(--border);
    transform:translateY(-4px);
    background:rgba(17,24,39,.8);
  }
  .review-stars{color:#FBBF24;font-size:.95rem;letter-spacing:2px;margin-bottom:16px}
  .review-text{color:var(--text);font-size:1rem;line-height:1.65;margin-bottom:24px;flex:1}
  .review-text::before{content:"“";font-size:2.5rem;color:var(--accent);line-height:0;vertical-align:-12px;margin-right:4px;font-family:Georgia,serif}
  .review-author{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--border-soft)}
  .review-avatar{
    width:48px;height:48px;
    border-radius:50%;
    background:linear-gradient(135deg,#60A5FA,#818CF8);
    color:#020617;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    font-size:1.1rem;
  }
  .review-author-info{display:flex;flex-direction:column}
  .review-author-info strong{font-size:.95rem;font-weight:600}
  .review-author-info span{color:var(--text-dim);font-size:.82rem}
  
  /* ========== FAQ ========== */
  .faq-list{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
  .faq-item{
    border-radius:var(--radius);
    background:rgba(17,24,39,.5);
    border:1px solid var(--border-soft);
    overflow:hidden;
    transition:all .4s var(--ease);
  }
  .faq-item.active{
    border-color:var(--border);
    background:rgba(17,24,39,.8);
  }
  .faq-q{
    width:100%;
    padding:22px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    text-align:left;
    font-size:1.05rem;
    font-weight:500;
    color:var(--text);
    transition:color .3s var(--ease);
  }
  .faq-q:hover{color:var(--accent)}
  .faq-q i{
    color:var(--accent);
    transition:transform .4s var(--ease);
    flex-shrink:0;
  }
  .faq-item.active .faq-q i{transform:rotate(45deg)}
  .faq-a{
    max-height:0;
    overflow:hidden;
    transition:max-height .5s var(--ease);
  }
  .faq-a-inner{
    padding:0 24px 24px;
    color:var(--text-mute);
    font-size:.95rem;
    line-height:1.65;
  }
  
  /* ========== CONTACT ========== */
  .contact-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:48px;
    align-items:start;
  }
  .contact-info h2{margin-bottom:20px}
  .contact-info > p{color:var(--text-mute);margin-bottom:36px}
  .contact-methods{display:flex;flex-direction:column;gap:14px;margin-bottom:36px}
  .contact-method{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 20px;
    border-radius:var(--radius);
    background:rgba(17,24,39,.5);
    border:1px solid var(--border-soft);
    transition:all .3s var(--ease);
  }
  .contact-method:hover{border-color:var(--border);transform:translateX(4px)}
  .contact-method .icon{
    width:44px;height:44px;
    border-radius:12px;
    background:rgba(96,165,250,.12);
    color:var(--accent);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.05rem;
    flex-shrink:0;
  }
  .contact-method .label{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
  .contact-method .value{font-size:1rem;font-weight:500}
  .contact-socials{display:flex;gap:10px}
  .contact-socials a{
    width:44px;height:44px;
    border-radius:12px;
    background:rgba(17,24,39,.5);
    border:1px solid var(--border-soft);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--text-mute);
    transition:all .3s var(--ease);
  }
  .contact-socials a:hover{color:var(--accent);border-color:var(--border);transform:translateY(-2px)}
  
  /* ========== NEWSLETTER ========== */
  .newsletter{
    padding:80px 0;
    background:linear-gradient(135deg,rgba(96,165,250,.08),rgba(129,140,248,.04));
    border-top:1px solid var(--border-soft);
    border-bottom:1px solid var(--border-soft);
  }
  .newsletter-card{
    max-width:880px;
    margin:0 auto;
    text-align:center;
    padding:48px;
    border-radius:var(--radius-lg);
    background:rgba(17,24,39,.6);
    backdrop-filter:blur(20px);
    border:1px solid var(--border);
    position:relative;
    overflow:hidden;
  }
  .newsletter-card::before{
    content:"";
    position:absolute;
    top:-100px;left:50%;
    transform:translateX(-50%);
    width:400px;height:200px;
    background:radial-gradient(ellipse,rgba(96,165,250,.2),transparent 60%);
    pointer-events:none;
  }
  .newsletter-card > *{position:relative;z-index:1}
  .newsletter-card h2{margin-bottom:12px}
  .newsletter-card > p{color:var(--text-mute);margin-bottom:32px;max-width:540px;margin-left:auto;margin-right:auto}
  
  /* ========== FOOTER ========== */
  footer{
    padding:80px 0 32px;
    background:var(--bg-deep);
    border-top:1px solid var(--border-soft);
    position:relative;
    z-index:1;
  }
  .footer-grid{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1.2fr;
    gap:48px;
    margin-bottom:64px;
  }
  .footer-brand .logo{margin-bottom:20px}
  .footer-brand p{color:var(--text-mute);font-size:.92rem;max-width:340px;margin-bottom:20px}
  .footer-col h5{
    font-size:.85rem;
    text-transform:uppercase;
    letter-spacing:.1em;
    color:var(--text);
    margin-bottom:18px;
    font-weight:500;
  }
  .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
  .footer-col a{
    color:var(--text-mute);
    font-size:.92rem;
    transition:color .3s var(--ease);
  }
  .footer-col a:hover{color:var(--accent)}
  .footer-cta{
    padding:20px;
    border-radius:var(--radius);
    background:rgba(96,165,250,.06);
    border:1px solid var(--border-soft);
  }
  .footer-cta p{font-size:.88rem;color:var(--text-mute);margin-bottom:14px}
  .footer-bottom{
    padding-top:32px;
    border-top:1px solid var(--border-soft);
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
  }
  .footer-bottom p{color:var(--text-dim);font-size:.85rem}
  .footer-bottom-links{display:flex;gap:24px;flex-wrap:wrap}
  .footer-bottom-links a{color:var(--text-dim);font-size:.85rem;transition:color .3s var(--ease)}
  .footer-bottom-links a:hover{color:var(--accent)}
  
  /* ========== MODAL ========== */
  .modal{
    position:fixed;
    inset:0;
    z-index:2000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
  }
  .modal.open{display:flex}
  .modal-overlay{
    position:absolute;
    inset:0;
    background:rgba(2,6,23,.85);
    backdrop-filter:blur(8px);
    animation:fade-in .3s var(--ease);
  }
  .modal-content{
    position:relative;
    max-width:720px;
    width:100%;
    max-height:85vh;
    overflow-y:auto;
    padding:40px;
    border-radius:var(--radius-lg);
    background:var(--bg-elev);
    border:1px solid var(--border);
    box-shadow:0 40px 80px -20px rgba(0,0,0,.6);
    animation:modal-up .4s var(--ease);
  }
  .modal-content::-webkit-scrollbar{width:6px}
  .modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
  .modal-close{
    position:absolute;
    top:20px;right:20px;
    width:40px;height:40px;
    border-radius:12px;
    background:rgba(249,250,251,.06);
    border:1px solid var(--border-soft);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--text-mute);
    transition:all .3s var(--ease);
  }
  .modal-close:hover{color:var(--text);background:rgba(249,250,251,.1)}
  .modal-content h2{margin-bottom:8px;font-size:1.8rem}
  .modal-content > p{color:var(--text-mute);font-size:.9rem;margin-bottom:24px}
  .modal-content h3{font-size:1.05rem;margin:24px 0 10px;color:var(--accent)}
  .modal-content p{color:var(--text-mute);font-size:.92rem;line-height:1.65;margin-bottom:12px}
  .modal-content ul{padding-left:20px;margin-bottom:12px;color:var(--text-mute);font-size:.92rem;line-height:1.7}
  
  @keyframes fade-in{from{opacity:0}to{opacity:1}}
  @keyframes modal-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
  
  /* ========== REVEAL ANIMATION ========== */
  .reveal{
    opacity:0;
    transform:translateY(30px);
    transition:opacity .8s var(--ease),transform .8s var(--ease);
    transition-delay:calc(var(--i,0) * 80ms);
  }
  .reveal.in{opacity:1;transform:translateY(0)}
  
  /* ========== RESPONSIVE ========== */
  @media (max-width:1024px){
    .nav-links{display:none}
    .nav-toggle{display:flex}
    .hero-grid,.about-grid,.booking-grid,.contact-grid{grid-template-columns:1fr;gap:48px}
    .features-grid,.services-grid.cols-3,.reviews-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}
    .metrics-grid{grid-template-columns:repeat(3,1fr)}
    .metric-item:nth-child(3){border-right:none}
    .timeline{grid-template-columns:repeat(2,1fr)}
    .timeline::before{display:none}
    .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
    .cta-strip{flex-direction:column;text-align:center;padding:36px}
  }
  
  @media (max-width:680px){
    section{padding:80px 0}
    .container{padding:0 18px}
    .nav{top:12px;width:calc(100% - 24px)}
    .nav-inner{padding:10px 14px 10px 18px}
    .logo small{display:none}
    h1{font-size:2.4rem}
    h2{font-size:1.8rem}
    .features-grid,.services-grid.cols-3,.services-grid.cols-2,.reviews-grid,.pricing-grid,.vmv-grid,.process-grid,.form-grid,.timeline{grid-template-columns:1fr}
    .metrics-grid{grid-template-columns:repeat(2,1fr)}
    .metric-item{border-right:none;border-bottom:1px solid var(--border-soft);padding-bottom:20px}
    .footer-grid{grid-template-columns:1fr}
    .hero-trust{gap:20px}
    .hero-trust-item strong{font-size:1.4rem}
    .form-card{padding:24px}
    .modal-content{padding:28px}
    .float-badge{display:none}
    .cta-strip{padding:28px}
    .newsletter-card{padding:32px 24px}
  }
  
  /* Mobile nav drawer */
  .mobile-nav{
    position:fixed;
    top:0;right:-100%;
    width:80%;max-width:340px;
    height:100vh;
    background:rgba(2,6,23,.95);
    backdrop-filter:blur(24px);
    border-left:1px solid var(--border);
    z-index:1500;
    padding:80px 24px 24px;
    transition:right .4s var(--ease);
    overflow-y:auto;
  }
  .mobile-nav.open{right:0}
  .mobile-nav ul{list-style:none;display:flex;flex-direction:column;gap:6px}
  .mobile-nav a{
    display:block;
    padding:14px 16px;
    border-radius:12px;
    color:var(--text-mute);
    font-size:1.05rem;
    transition:all .3s var(--ease);
  }
  .mobile-nav a:hover{color:var(--text);background:rgba(96,165,250,.08)}
  .mobile-nav .btn{margin-top:16px;width:100%}
  .mobile-nav-close{
    position:absolute;
    top:20px;right:20px;
    width:40px;height:40px;
    border-radius:12px;
    background:rgba(249,250,251,.06);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.1rem;
  }
  .nav-backdrop{
    position:fixed;inset:0;
    background:rgba(2,6,23,.7);
    backdrop-filter:blur(4px);
    z-index:1400;
    opacity:0;pointer-events:none;
    transition:opacity .3s var(--ease);
  }
  .nav-backdrop.show{opacity:1;pointer-events:auto}
  
  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{
      animation-duration:.01ms !important;
      animation-iteration-count:1 !important;
      transition-duration:.01ms !important;
      scroll-behavior:auto !important;
    }
    .orb{animation:none}
  }