:root{ --bg:#0b0f17; --bg-soft:#0f1521; --card:#121a29; --acc:#ffd166; --acc-2:#06d6a0; --text:#e6edf6; --muted:#98a2b3; --stroke:rgba(255,255,255,.08); --shadow:0 10px 30px rgba(0,0,0,.35); --radius:18px; }
    *{box-sizing:border-box} html,body{margin:0}
    body{ font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif; color:var(--text);
      background:radial-gradient(1200px 600px at 80% -10%, rgba(6,214,160,.15), transparent 60%), radial-gradient(900px 450px at 10% -10%, rgba(255,209,102,.12), transparent 60%), var(--bg); line-height:1.6; scroll-behavior:smooth; }
    a{color:var(--acc)} .container{max-width:1100px;margin:auto;padding:0 20px}
    header{position:sticky;top:0;z-index:1000;backdrop-filter:saturate(140%) blur(8px); background:linear-gradient(180deg, rgba(15,21,33,.85), rgba(15,21,33,.65)); border-bottom:1px solid var(--stroke)}
    nav{display:flex;align-items:center;justify-content:space-between;height:70px}
    .brand{display:flex;align-items:center;gap:12px;font-weight:700;text-decoration:none;}
    .brand .logo{width:38px;height:38px;border-radius:12px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-soft);border:1px solid var(--stroke);box-shadow:var(--shadow);}
    .brand .logo img{width:100%;height:100%;object-fit:cover;display:block;}
    .nav-links{display:flex;gap:18px;flex-wrap:wrap}
    .nav-links a{padding:10px 12px;border-radius:12px;border:1px solid transparent;color:var(--text);transition:background .2s ease, color .2s ease, border-color .2s ease}
    .nav-links a:hover{border-color:var(--stroke);background:rgba(255,255,255,.06)}
    .nav-links a.active{background:rgba(255,255,255,.1);border-color:var(--stroke)}
    .btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;border:1px solid var(--stroke);text-decoration:none;color:var(--text);background:linear-gradient(180deg,#121a29,#0f1521);box-shadow:var(--shadow);transition:transform .2s ease, box-shadow .2s ease}
    .btn.acc{background:linear-gradient(180deg,#ffd166,#f7c54b);color:#2b2b2b;border-color:#e1b748}
    .btn.wa{background:linear-gradient(180deg,#15d186,#0dbf78)}
    .btn:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
    .btn:hover{transform:translateY(-2px);box-shadow:0 18px 28px rgba(0,0,0,.38)}
    #declineCookies{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;border-color:#b91c1c;}
    .ico{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--stroke);box-shadow:var(--shadow);background:linear-gradient(180deg,#111827,#0f172a)}
    .ico:hover{transform:translateY(-1px);box-shadow:0 12px 20px rgba(0,0,0,.35)}
    .hero{position:relative;overflow:hidden;perspective:1000px}
    .hero-parallax{position:absolute;inset:0;pointer-events:none}
    .hero-parallax .p-layer{position:absolute;filter:blur(40px);opacity:.3;border-radius:50%}
    .hero-parallax .l1{width:520px;height:520px;background:#ffd16622;top:-120px;left:-160px}
    .hero-parallax .l2{width:420px;height:420px;background:#06d6a022;top:-80px;right:-120px}
    .hero-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:68px 0}
    .tagline{display:inline-flex;gap:10px;align-items:center;background:rgba(255,255,255,.06);border:1px solid var(--stroke);padding:8px 12px;border-radius:999px;font-weight:600;margin-bottom:14px}
    h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:8px 0 14px}
    .lead{color:var(--muted);max-width:60ch;margin-bottom:22px}
    .phone{font-weight:700;font-size:1.25rem;letter-spacing:.3px}
    .hero-card{border:1px solid var(--stroke);background:linear-gradient(180deg,#101827,#0d1422);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transform:translateY(10px)}
    .hero-card img{width:100%;border-radius:14px;display:block}
    section{padding:70px 0;border-top:1px solid var(--stroke);scroll-margin-top:90px}
    section h2{font-size:clamp(1.6rem,3.2vw,2.2rem);margin:0 0 14px}
    .muted{color:var(--muted)}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .card{border:1px solid var(--stroke);background:linear-gradient(180deg,#121a29,#0f1521);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);overflow:hidden;transition:transform .25s ease, box-shadow .25s ease}
    .card:hover{transform:translateY(-6px);box-shadow:0 22px 32px rgba(0,0,0,.35)}
    .card img{width:100%;height:170px;object-fit:cover;border-radius:14px;margin-bottom:10px;will-change:transform;transform:translateZ(0)}
    .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
    .tariff{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
    table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:14px;border:1px solid var(--stroke)}
    th,td{padding:10px 12px;border-bottom:1px solid var(--stroke)} tr:last-child td{border-bottom:none} th{background:#0f1521;text-align:left}
    .calc{border:1px solid var(--stroke);border-radius:var(--radius);padding:16px;background:linear-gradient(180deg,#111a2a,#0f1521)}
    .calc .row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
    .calc label{font-size:.95rem;color:var(--muted)}
    .calc input,.calc select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--stroke);background:#0f1521;color:var(--text)}
    .calc .total{margin-top:12px;padding:12px;border-radius:12px;background:#0f1521;border:1px dashed var(--stroke)}
    .reviews-embed{border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;background:#0f1521}
    .reviews-embed iframe{display:block;width:100%;height:420px;border:0}
    form.book{display:grid;gap:12px}
    form.book label {
      display: grid;
      grid-template-columns: 120px 1fr; /* Fixed width for label, rest for input */
      align-items: center; /* Vertically align items in the row */
      gap: 10px; /* Gap between label and input */
    }
    form.book input, form.book textarea{padding:12px;border-radius:12px;border:1px solid var(--stroke);background:#0f1521;color:var(--text)}
    form.book textarea{min-height:120px;resize:vertical}
    .location{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .map{border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden}
    .map iframe{width:100%;height:400px;border:0;display:block}
    footer{border-top:1px solid var(--stroke);padding:40px 0;color:var(--muted)}
    .footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .footer-links{display:flex;gap:16px;flex-wrap:wrap}
    .cookie{position:fixed;bottom:16px;left:16px;right:16px;z-index:9999;}
    .cookie-hidden{display:none;}
    .cookie .wrap{max-width:1080px;margin:auto;background:#0f1521;border:1px solid var(--stroke);border-radius:14px;padding:14px;display:flex;gap:12px;align-items:flex-start;box-shadow:var(--shadow)}
    .cookie .wrap p{margin:0;color:var(--muted)}
    .cookie .wrap .content {flex-grow: 1;}
    .cookie .wrap .cta-row {display: flex;gap: 10px;flex-shrink: 0;}
    @media (max-width: 800px) {
      .cookie .wrap {
        flex-direction: column;
        align-items: stretch;
        padding: 10px;
      }
      .cookie .wrap .content p {
        font-size: 14px;
        margin-bottom: 10px;
      }
      .cookie .wrap .cta-row {
        flex-direction: row;
        gap: 8px;
        justify-content: flex-end;
      }
    }
    .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease, transform .6s ease}
    .reveal.in{opacity:1;transform:none}
    .nav-links{display:none;flex-direction:column;gap:18px;position:absolute;top:70px;left:0;background:var(--bg-soft);width:100%;padding:20px;border-top:1px solid var(--stroke)}
    .nav-links.active{display:flex}
    .hamburger{display:block;cursor:pointer;background:0 0;border:none;padding:0}
    .hamburger .bar{display:block;width:25px;height:3px;margin:5px auto;background-color:var(--text);transition:.4s}
    @media (min-width: 801px) {
      .nav-links{display:flex;flex-direction:row;position:static;width:auto;padding:0;border:none;}
      .hamburger{display:none}
    }
    @media (max-width: 768px){
      .hero-wrap{
        grid-template-columns:1fr;
        padding: 20px 20px;
        justify-items: center;
      }
      .hero-wrap > div:first-child {
        text-align: center;
        max-width: 90%;
        margin: 0 auto;
      }
      .tagline, h1, .lead {
        text-align: center;
      }
      .lead {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
      }
      .hero-card {
        margin: 20px auto 0 auto;
        max-width: 300px;
      }
      .tariff,.location{grid-template-columns:1fr}
      .cta-row{
        flex-direction:column;
        gap:10px;
        align-items: center;
        width: 100%;
      }
      .cta-row .btn {
        width: 100%;
      }
    }
    @media (max-width: 800px){ .grid-3{grid-template-columns:1fr} .grid-2{grid-template-columns:1fr} nav{gap:10px} }
    body.light{ --bg:#f7f9fc; --bg-soft:#ffffff; --card:#ffffff; --text:#0b0f17; --muted:#475467; --stroke:rgba(0,0,0,.12);
      background:radial-gradient(1200px 600px at 80% -10%, rgba(6,214,160,.15), transparent 60%), radial-gradient(900px 450px at 10% -10%, rgba(255,209,102,.12), transparent 60%), var(--bg) }
    body.light header{ background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.65)); }
    body.light .btn{ background: var(--bg-soft); border-color: var(--stroke); color: var(--text); }
    body.light .btn.acc{ background:linear-gradient(180deg,#ffd166,#f7c54b);color:#2b2b2b;border-color:#e1b748 }
    body.light .hero-card{ background: var(--bg-soft); }
    body.light .card{ background: var(--bg-soft); }
    body.light .calc{ background: var(--bg-soft); }
    body.light .calc input, body.light .calc select{ background: #f0f3f8; color: var(--text); border-color: var(--stroke); }
    body.light .total{ background: #f0f3f8; }
    body.light th{ background: #f0f3f8; }
    body.light .reviews-embed{ background: var(--bg-soft); }
    body.light form.book input, body.light form.book textarea{ background: #f0f3f8; color: var(--text); border-color: var(--stroke); }
    body.light .cookie .wrap{ background: var(--bg-soft); }
    body.light .fab .bubble.main{ background: var(--bg-soft); color: var(--text); border: 1px solid var(--stroke); }
    body.light .ico{ background: var(--bg-soft); border-color: var(--stroke); color: var(--text); }
    body.light .nav-links a{ color: var(--text); }
    body.light .nav-links a:hover{ background: rgba(0,0,0,.06); }
    body.light .nav-links a.active{ background: rgba(0,0,0,.1); }
    body.light .btn.wa{ background: linear-gradient(180deg,#15d186,#0dbf78); color: #fff; }
    .toggles{display:flex;gap:10px;align-items:center}
    .chip-group{display:flex;background:rgba(255,255,255,.06);border:1px solid var(--stroke);padding:4px;border-radius:999px}
    .chip{background:transparent;border:0;color:var(--text);padding:6px 10px;border-radius:999px;cursor:pointer;opacity:1}
    .chip.active{background:rgba(255,255,255,.1);font-weight:700;opacity:1}
    .theme-icon-sun, .theme-icon-moon {
      width: 24px;
      height: 24px;
      color: var(--text);
      display: none;
    }
    body.light .theme-icon-moon {
      display: block;
    }
    body:not(.light) .theme-icon-sun {
      display: block;
    }
    .top-ctas{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
    @media (max-width:800px){ .top-ctas{display:none} }
    .fab{position:fixed;right:18px;bottom:18px;z-index:10000;transition: bottom 0.3s ease;}
    .fab.fab-raised{bottom: 150px;}
    .fab .dial{position:absolute;right:0;bottom:64px;display:flex;flex-direction:column;gap:8px}
    .fab.minimized .dial{display:none;}
    .fab.minimized .bubble.main{display:flex;} /* Show main button when minimized */
    .fab .bubble.main{display:none;} /* Hide main button when not minimized */
    
    .fab .bubble{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--stroke);box-shadow:var(--shadow);cursor:pointer}
    .fab .bubble.main{background:linear-gradient(180deg,#121a29,#0f1521);color:#fff;display:flex;}
    .fab .bubble.wa{background:linear-gradient(180deg,#15d186,#0dbf78);color:#fff}
    .fab .bubble.call{background:linear-gradient(180deg,#ffd166,#f7c54b);color:#222}
    body.light .fab .bubble.main{ background: var(--bg-soft); color: var(--text); border: 1px solid var(--stroke); }
    .ico:hover{transform:translateY(-1px);box-shadow:0 12px 20px rgba(0,0,0,.35)}
    .live-banner{position:sticky;top:0;z-index:999;background:var(--bg-soft);border-bottom:1px solid var(--stroke);}
    .par-svc{will-change:transform; transform:translate3d(0,0,0)}
    @media (prefers-reduced-motion: reduce){ .par-svc{transform:none !important} }
    @media (prefers-reduced-motion: reduce){ .card,.btn{transition:none} .btn:hover,.card:hover{transform:none;box-shadow:var(--shadow);} }
  .slide-image {
      width: 100%;
      height: 420px; /* Same height as the iframe */
      object-fit: contain; /* Ensure images cover the area */
      display: none; /* Hide all images by default */
      border-radius: 14px; /* Match existing card styling */
    }
    .slide-image.active {
      display: block; /* Show the active image */
    }
      .location-grid{display:grid;grid-template-columns:1fr;gap:16px}

.ml-auto{margin-left:auto}
.m-8-0-0{margin:8px 0 0}