:root{
      --bg:#0f172a; --bg-soft:#111827; --muted:#94a3b8; --text:#e5e7eb;
      --brand:#22d3ee; --brand-2:#a78bfa; --accent:#34d399;
      --radius:14px; --shadow:0 10px 30px rgba(2,6,23,.45); --ring:0 0 0 3px rgba(34,211,238,.35);
      --container:1200px;
    }
    *{box-sizing:border-box}
    html,body{margin:0;background:linear-gradient(180deg,#0b1023 0%,#0f172a 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;scroll-behavior:smooth}
    img{max-width:100%;height:auto;display:block}
    a{color:var(--brand);text-decoration:none}
    .container{max-width:var(--container);margin:0 auto;padding:0 20px}

    /* Header / Nav */
    header{position:sticky;top:0;z-index:40;background:rgba(15,23,42,.6);backdrop-filter: blur(10px);border-bottom:1px solid rgba(148,163,184,.15)}
    .nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
    .brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.3px}
    .brand-badge{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:grid;place-items:center;color:#0b1023;font-weight:800;box-shadow:var(--shadow)}
    .nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
    .nav a{padding:8px 12px;border-radius:10px;color:var(--text)}
    .nav a:hover{background:rgba(148,163,184,.12)}
    .cta-btn{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#0b1023;font-weight:700;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center}
    .cta-btn:hover{filter:brightness(1.05)}
    .nav li {display: flex;}

    /* Mobile nav */
    .nav-toggle{display:none;gap:8px;align-items:center;justify-content:center;background:#0b1023;border:1px solid rgba(148,163,184,.25);color:var(--text);padding:8px 10px;border-radius:10px}
    @media (max-width: 840px){
      .nav ul{display:none;position:absolute;top:58px;right:20px;background:#0b1023;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:8px;flex-direction:column;gap:6px;min-width:200px}
      .nav ul.show{display:flex}
      .nav a{display:block}
      .nav .cta-btn{width:100%}
      .nav-toggle{display:inline-flex}
    }

    /* Hero */
    .hero{position:relative;overflow:hidden}
    .hero-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:56px 0}
    .tag{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(148,163,184,.25);border-radius:999px;color:var(--muted);background:rgba(17,24,39,.7)}
    .h1{font-size:clamp(28px,4.5vw,52px);line-height:1.08;margin:14px 0 12px;font-weight:800;letter-spacing:-.3px}
    .lead{color:var(--muted);font-size:clamp(16px,2.4vw,18px)}
    .hero-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    .card{background:linear-gradient(180deg,#0f172a,#0b1023);border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
    .card h3{margin:0 0 6px}

    /* Grids */
    .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
    .grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}

    /* Sections */
    section{padding:54px 0;border-top:1px solid rgba(148,163,184,.12)}
    .section-title{font-size:26px;margin:0 0 8px}
    .muted{color:var(--muted)}
    .pill{display:inline-block;background:rgba(34,211,238,.12);color:#a5f3fc;border:1px solid rgba(34,211,238,.35);padding:6px 10px;border-radius:999px;font-weight:600}

    /* Feature rows */
    .feature{display:flex;gap:14px;align-items:flex-start}
    .check{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(52,211,153,.16);color:var(--accent);border:1px solid rgba(52,211,153,.4)}

    /* Gallery */
    .gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
    .gallery img{width:100%;height:160px;object-fit:cover;border-radius:12px;border:1px solid rgba(148,163,184,.2)}

    /* Testimonials */
    .testimonials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
    .testimonials-slider{position:relative;max-width:800px;margin:0 auto}
    .slider-container{position:relative;overflow:hidden;border-radius:16px}
    .slide{display:none;animation:fadeIn 0.5s ease-in-out}
    .slide:first-child{display:block}
    .slider-nav{display:flex;justify-content:center;gap:12px;margin-top:16px}
    .slider-nav button{background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.25);color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:18px;transition:all 0.3s ease}
    .slider-nav button:hover{background:rgba(34,211,238,.2);border-color:var(--brand);color:var(--brand)}
    .slider-nav button:active{transform:scale(0.95)}
    blockquote{margin:0;background:linear-gradient(180deg,#101827,#0b1226);border:1px solid rgba(148,163,184,.18);padding:18px;border-radius:16px}
    blockquote footer{margin-top:15px;color:var(--muted);font-size:14px;padding:10px 0px}
    
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* Contact */
    .contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
    .contact-cta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
    .cta-chip{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#0b1023;font-weight:700;border:none;padding:12px 14px;border-radius:12px;text-align:center;box-shadow:var(--shadow)}
    .cta-chip:hover{filter:brightness(1.05)}
    .kv{display:flex;gap:10px;align-items:flex-start;margin:8px 0}
    .kv .ico{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(148,163,184,.12);color:#a5b4fc;border:1px solid rgba(148,163,184,.24);font-weight:800}
    .contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}
    .mini{font-size:13px;color:var(--muted)}
    .map{width:100%;height:320px;border:1px solid rgba(148,163,184,.25);border-radius:14px}

    /* Footer */
    footer{padding:26px 0;border-top:1px solid rgba(148,163,184,.12);color:var(--muted);font-size:14px}

    /* Utilities */
    ul.clean{padding-left:18px;margin:10px 0 0 0}
    ul.clean li{margin:4px 0}

    /* Decorative glow */
    .glow{position:absolute;inset:auto -10% -20% -10%;height:300px;background:radial-gradient(60% 60% at 50% 50%, rgba(167,139,250,.25), transparent 60%),radial-gradient(50% 50% at 20% 30%, rgba(34,211,238,.18), transparent 60%);filter:blur(40px);pointer-events:none}

    /* Responsive Breakpoints */
    /* Large tablets and down */
    @media (max-width: 1080px){
      .grid-4{grid-template-columns:repeat(3,1fr)}
    }
    /* Tablets and down */
    @media (max-width: 920px){
      .hero-wrap{grid-template-columns:1fr;gap:18px}
      .hero-cards{grid-template-columns:repeat(2,1fr)}
      .grid-3{grid-template-columns:repeat(2,1fr)}
      .gallery{grid-template-columns:repeat(3,1fr)}
      .testimonials{grid-template-columns:repeat(2,1fr)}
      .testimonials-slider{max-width:100%}
      .slider-nav button{padding:6px 10px;font-size:16px}
      .contact-grid{grid-template-columns:1fr}
      .contact-cta-grid{grid-template-columns:repeat(2,1fr)}
      .contact-cards{grid-template-columns:1fr}
      .map{height:280px}
    }
    /* Small phones */
    @media (max-width: 560px){
      .grid-4{grid-template-columns:1fr}
      .grid-3{grid-template-columns:1fr}
      .hero-cards{grid-template-columns:1fr}
      .gallery{grid-template-columns:1fr}
      .testimonials{grid-template-columns:1fr}
      .slider-nav{gap:8px}
      .slider-nav button{padding:6px 8px;font-size:14px}
      .h1{font-size:clamp(26px,8vw,36px)}
      .lead{font-size:16px}
      .contact-cta-grid{grid-template-columns:1fr}
      .map{height:240px}
      .nav{padding:10px 0}
    }