:root{
      --bg0:#04060d;
      --bg1:#000;
      --text: rgba(255,255,255,.92);
      --muted: rgba(255,255,255,.70);
      --muted2: rgba(255,255,255,.55);
      --blue:#16a3ff;
      --orange:#ff9a1f;
      --good:#22c55e;
      --glass: rgba(255,255,255,.05);
      --stroke: rgba(255,255,255,.10);
      --shadow2: 0 14px 38px rgba(0,0,0,.45);
      --shadow: 0 20px 60px rgba(0,0,0,.55);
      --r: 18px;
      --max: 980px;

      --heroPhoto: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAEMuMjoyKkM6NjpLR0NPZKZsZFxcZMySmnmm8dT++u3U6eX//////////+Xp////////////////////////////2wBDAUdLS2RXZMRsbMT//+n/////////////////////////////////////////////////////////////////////wAARCAAzAGADASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIDAQT/xAAiEAACAgIBBAMBAAAAAAAAAAAAAQIRAzEhEiJRYQQTQTL/xAAYAQEBAQEBAAAAAAAAAAAAAAAAAQIDBP/EABgRAQEBAQEAAAAAAAAAAAAAAAABEQMh/9oADAMBAAIRAxEAPwC1mX5YWY0nsgzqgpXdv0PF2uUKkl+DIDJKK2jI9Dbod1+mcLQEpy6Z+mOSz7VGY8jbpgWFgpfZaVmkZZXCboDrku1t7oX49LHdnPLM5J8iRyOqsaOkCDzPwPCbkraAoMiaY8QCZi0bIxaAWSXS2c6dSOiX8M5GgOu/aOXM+9mgkntE0KpcApJPQ3THwDhHaEm3EPGr7i0aS40TnTQsZOLLFXpfg0eBId+uGUacFyUDVmUK8ojy+yCkoqmjllBp6K/aK8ja5JRNIZRYyaTspaSsz6hPr4JS3SHnlb4RM9HLnZ7UtWSRrS6WAHJpmN8jzk/IAZo53sAAIAACAsywA9XKeJQAAdUf/9k=");
      --photo1: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAEMuMjoyKkM6NjpLR0NPZKZsZFxcZMySmnmm8dT++u3U6eX//////////+Xp////////////////////////////2wBDAUdLS2RXZMRsbMT//+n/////////////////////////////////////////////////////////////////////wAARCADYASADASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAECAwQF/8QAKBAAAgICAgIBBQACAwAAAAAAAAECEQMhEjFBUTIEEyJCYSOBM1Jx/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAEC/8QAFhEBAQEAAAAAAAAAAAAAAAAAABEB/9oADAMBAAIRAxEAPwBfTr/KdZy4P+Q6gM5/MycW8y0btJu2S5xi9bYGtp9AZ4722qs0Azyk/qishP6ogQwQAMAAAAAAAGIAAAABDACWiWixNAYyiQbtESiFZph/UDVBYHRhyXUWbs4Oto6MWW9MuI0fZFeRyehJ3SKNIdbKehJFUwIlsUXcxy0Zb5aINWrshprvopOiq0Uc+CL53WjpObDOUp7OkgicHJ90hxgl4KGAAAAZ5Cf1RWQn9UQIYIAGAAADAAAAAAEMAEAwAQhgBLE0UIDOUbMmqOh1eyZRAwH10OUaJCt4TUoU+ysfeznTo3xSUmkVG6Y5SoVpA9lEyknFmcXdMqcdNEpJSVEGi7Ka1ojkrZXJFHP9P8zqOXB8zqIAAABgIAIyE/qishP6ogEAIYAAAADEMAAAAAAAAAAAEMAEIYAY5nTRMMn+zTLHkZwg03YGjVmUom9EtIKw6BOnaNJQIUbYG+OfLsuzKKUSn1ZUOUmyExNgBpFeSiYNdF6ooywRalbNyI25W1RZADEMAAAAjIT+pWQlfEgEMSGAAAAMAAAAAAAAAAAAAAAAQDABNJk8WuigARnl0jUmStAZwtrYJfkXFUS9SAfS2PVEtsSbaKEFiQeQNISRTkiF4HWwNwAAAAAAGAARkIXxLyEL4kDQxIYAAAAwAAAAAAAAAABgAAAAAAAAIYAIBgAjKfZsYZOwJTH/AFEjvRQLoBLwUgGrDZSWx1tgbAAAAAADAQwIydEL4l5CF8SBoYkADAAAYAAAAAAEzdIomStATGVvRoRFUWAAAAAAAAAAAAAABhkezc58vyAzlLjFsIO42Z5nqgxS1QGwRewEnsK0jK3srnoyTBLyUdgBaHaCEA7QaAQw17H/ALAzmQviaTI/UgEMSK17AQD0GgAAtBaAAC0LkgFKSirFGXNWOVSQR4pUA0AckHOIAMn7kQ+7ECgIlmjFWyVni+ugLeSKdNi+5H2ck3cmwtV0UdEpXPT0aqSfk4bGm/YHa5JeTDJuWmZOT9hyZBGWLctIMcWpFXscfmgLbpUSlscuxR7JVOpegqXo2jG0NxFGnEOP9KA0jLLccbafRyr6rIdmdXikkeeoNdgdmDJPJFt0a3Iy+kVRZ0AZTb9ExtxNMnREfiQJ34D8ikAE/l7Cn7KACafszz3GFps2IzY5ZI1FbA4vuT/7M3+lblduxr6PI+6Rth+meO99lD4oOKNftjUEBiooTivR0cELhEg5+K9CkmqpI6HGJnJxvQGOeLlCkjKK4Raa2byZm5ewMgFexgA/AgfRQDRKKRAvJSdMm9gQOTtiT2D6sEB0Y5a7NLOaJaJFdaAQPZpDE4RfaQxlExio9IoAAiZK+JUyV8SAQxAFMQAAFwdGZcAjTn/BPKo9k2DSa2UU8ioh5fSF4JIG8k30hXN9yAYE17bZnJNeaNjLPqIVnPIvBlyBmbCLsZMdlqNAIG9D0JhUp7LTI4lJBCdoIyG42ChQU9saQ0hpACVDsTHG2B0xyxauy00/JwdFcmvIHWpXLWyzlx5uGmtG8MsZ9AaCWgsPIE5OjH7sIqm9muU4MquTYR1wyKfRRl9OksejS6CmBLkvYnOK8kFWXDo55ZUjX6eXJNlGtAMComRBciCAGIYCMs7/ABKcW2RnjWNBXOKkOlQUAKPopehJFJIAUbHQ6LjF1dBWXF3spRLa/hPKmAmgoNjSCEn/AAdWUCRKJBMqgcQjDlbGrJXZotL+lANaCg8BVrK15NPvaOZqh0qsg2nl5I5pptlxG6YDxz4wpkSySkOkLjZQrYmWot6DhurAjZ1/SL8GZwwP0Wp/ZlTWgOgCI5YS6kaWVESJLm0uyHrtkABnLNFdbYlHJl7/ABQFSyRj/WEYSyO5qo+hqOPEr7Znk+ofgKc8OOPkwcd6BychrQCUWOqC37HVhQpUUpsFAfFIIFO1TRLgUqGtkEP8eik0+x1YnH0EHJDIqgtgVoozSaKv2QY+SrtmaYtmla9+QbSRmrsdOwG2JO9A0CW9ERVUg6QLyUthVRj7DSYnKgi7e+gpPlLrRUcbj+VmkEuxZMngqHHM+maKUZraOdxb2kJNx7A2eHHJ/i6ZP2csfjMiLaldm3N1pgZyjnlpqyl9POe5ypGkc3snJ9RapFQ1jx4l/SMmfxExlJtWQmRVu5dsmmx8tArASX+htJFJX2FbAEkVFe2JB5IKdAwC7AQXSHQ6AlMbbHxE0EH/AKCSFJMS0QaUiWirGFc6ghuGhoav2aEVQFNCaoBNIi0noqSbWiAKUgTEkXWtAOlX9BNX/CV8hukBqpRp2De1oyTHYG8ZET3Ii2hwkn2gqowT22N62uyk1JV4MsmVRdVYRM23vyRt9s2TU6TVJkzhvQEx6E4jjGSQ7oCUi0gT/giCkUtkpByp0BTSFoHsSuwHexodBXoAGiRogbAKAAYnH0P+BYC2UnoQdAR0TYAaC5Ox+OgABNPwTVsAAqgfoAClpA1qwAIE9VQaAACUtlRWrAAByS0Q5KwAIalrRtj+NyAArOffYugABjoAIDontgAFWUndUAANv2KwAAvZPJpgAFoaQAQPsVAABexuwAD/2Q==");
      --photo2: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA8Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2ODApLCBxdWFsaXR5ID0gMTAwCv/bAEMAQy4yOjIqQzo2OktHQ09kpmxkXFxkzJKaeabx1P767dTp5f//////////5en////////////////////////////bAEMBR0tLZFdkxGxsxP//6f/////////////////////////////////////////////////////////////////////AABEIANcBIAMBIgACEQEDEQH/xAAZAAEAAwEBAAAAAAAAAAAAAAAAAQIEAwX/xAAsEAACAgAEBgEEAgMBAAAAAAAAAQIRAxIhMQQTMkFCUSJSYXGBBRQjM5Fi/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAEC/8QAFhEBAQEAAAAAAAAAAAAAAAAAABEB/9oADAMBAAIRAxEAPwDeAAAAAzcX2Mpo426TRmg2wqaFF4029NgqZBUrTs65UMqsDj3YS0O2RNlZQVaFRy9ENKmXoq1oBCjrZeV5CFuT2AzPcWdMiWs/+DmR+hAcyU2ti+dfQhzF9CALE9l7UinMX0IcxfSgElRCLrFvTKic6XgiDmwti+dfShzF9KAQLS2CxFtlRaU1XSio43qdFRGdfSi8cstlTGKijVwfcyp/Jpmrg/IqNQAIoAAAAAAADLxvSjNgq6Rp43pRmwapWBpeHGN7/knlRtLXUrDFgrpt/YTxraysCywUk03+CnKjDWbepd40dNLoTxcPEdO9AIjhR1abaIWGpSrVL7iGJhxzJWiM8G7zMCuLGMVommcrR3xMSLhlWv3OKhpctEBCjm2LOoLTVkN9o6IrWgHCTbepXudXhO2OUxRzohHbIRy2SjkO50eGyOWy0RBanQhRa3QpkESK0y9Ev8AUp2WZKVslx+IFEWTdkpBbgJ9dmzgtmZMVfI1cDs0BrABQAAAAAAABm4tWkjNGOVUauK7GewKxi02ydbJAApTzMuAKLuEm1SOijer0QcktIgRpHV6srebcEAO5K3IJW4ET6iuqLTfybKJmdFkxd7FGxqiQWzE3pZzZd3oWApeyU0yraITrYQdLQ0OblTLZiQX0D/BRkqWgFtB3KZiU9QLT1kaODVWZ5v5HfgruVlwawAaAAAAA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");
      --photo3: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA8Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2ODApLCBxdWFsaXR5ID0gMTAwCv/bAEMAQy4yOjIqQzo2OktHQ09kpmxkXFxkzJKaeabx1P767dTp5f//////////5en////////////////////////////bAEMBR0tLZFdkxGxsxP//6f/////////////////////////////////////////////////////////////////////AABEIANcBIAMBIgACEQEDEQH/xAAZAAADAQEBAAAAAAAAAAAAAAAAAQIDBAX/xAArEAACAgEDBAICAQQDAAAAAAAAAQIRAxIhMRMyQVEEIjNhgRQjQnFDUpH/xAAWAQEBAQAAAAAAAAAAAAAAAAAAAQL/xAAWEQEBAQAAAAAAAAAAAAAAAAAAARH/2gAMAwEAAhEDEQA/AOJK2axh6MktzeL0JWVCacnpMpJxdHSlb1cGeR9R0gMBxdMbVOgirYB3M10aaZEvrVIJTbVAVlqtjINxAO2AUCAqEXJ7DknF0aYYuxTSWTcAw6k+C8z25HqVfUxUnKe4CdrkTk+DbItkzKbvhAKM3EpLqeTNjTa4A0cIxW73I4jyK23uCVugCLpm8J+tiHBKNkbvgDdwjPnkX49kYqTiaY25y3At5d6MZx3tGuSNOzPVXAGRtidRbJ0XK/BtJwjDYDKO+Q6KdcnLF1NM6te3BK1BBfbksjG7kaEGWftMEzoz9pgosoEo3YpamxRi7T8Fua1UVlKboIy0N2VjaUm2Tk33QFKEZO2U1jgtuTKMqVC5Apy1yorpqKtsx4ZTboAjLcbS5JSBgDKx43LfwEY6jST0qkA03/iZXcty8c1G7M5PVK0BqqUdmLDGLdszafBcItMDScorYybLnHy2Zqk9wIKcaVjkldolybVAOKtF4oXIjHFylRrL+2qXIBP0RFtOkidTs1hBr7SAykmnuXjlpVhmlZkgNvvlf6IljcXub4nphsTlbktwMk3wiW35KhyOWPawJxr7o6Zo5oK5I3aJWorF3M1MsS3NSFZ5u0xTNs/aYIoqbS+pmoPVYpy1SNINtFZC0+eSJz1f6HpqQowcpNIB40t7JezNZpQhS5M2lp53AW3Ici8BYDqtyb3HdglY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");
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--text);
      background:
        radial-gradient(900px 520px at 20% 0%, rgba(22,163,255,.16), transparent 60%),
        radial-gradient(900px 520px at 80% 10%, rgba(255,154,31,.14), transparent 62%),
        linear-gradient(135deg, var(--bg0), var(--bg1));
    }
    a{color:inherit;text-decoration:none}

    .heroWrap{ position: relative; overflow: hidden; padding-bottom: 6px; }
    .heroWrap:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(900px 520px at 20% 0%, rgba(22,163,255,.25), transparent 60%),
        radial-gradient(900px 520px at 80% 10%, rgba(255,154,31,.22), transparent 62%),
        linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,.88)),
        var(--heroPhoto);
      background-size: cover;
      background-position: center;
      filter: saturate(1.05) contrast(1.05);
      transform: scale(1.03);
      z-index:-1;
    }

    .container{ max-width: var(--max); margin: 0 auto; padding: 18px; text-align:center; position:relative; z-index:2; }
    .hero-logo{
      width: min(560px, 94%);
      height:auto;
      margin: 22px auto 6px;
      display:block;
      filter: drop-shadow(0 18px 45px rgba(0,0,0,.70));
    }
    h1{ margin: 8px 0 8px; font-size: 38px; letter-spacing: 1px; font-weight: 900; }
    .sub{ color: var(--blue); font-size: 22px; margin: 0 0 14px; font-weight: 500; }
    .price{ margin: 14px 0 12px; font-size: 46px; font-weight: 900; color: var(--orange); letter-spacing: .5px; }

    .secondary-cta{ display:flex; gap: 10px; justify-content:center; flex-wrap:wrap; margin: 10px 0 12px; }
    .btn{
      display:inline-block; padding: 14px 18px; border-radius: 14px;
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.06);
      color: var(--text);
      font-weight: 900;
      box-shadow: var(--shadow2);
    }
    .btn.blue{ border-color: rgba(22,163,255,.35); background: rgba(22,163,255,.16); }
    .btn.orange{ border-color: rgba(255,154,31,.35); background: rgba(255,154,31,.18); }
    .btn.gray{ border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.08); }

    .panel{
      text-align:left;
      background: var(--glass);
      border: 1px solid var(--stroke);
      border-radius: var(--r);
      padding: 18px;
      box-shadow: var(--shadow2);
      margin: 18px 0;
      backdrop-filter: blur(10px);
    }
    .panel h2{margin:0 0 12px; text-align:center;}

    ul{list-style:none; padding:0; margin:0}
    li{margin:10px 0; font-size:16px}
    li:before{content:"✔ "; color: var(--good); font-weight:900}

    .photoStrip{ display:grid; grid-template-columns: 1.3fr .7fr; gap: 12px; margin-top: 14px; }
    @media(max-width:760px){.photoStrip{grid-template-columns:1fr}}
    .bigPhoto{
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: var(--shadow2);
      height: 280px;
      background:
        linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.65)),
        var(--photo1);
      background-size: cover;
      background-position: center;
      overflow:hidden;
      position: relative;
    }
    .photoStack{ display:grid; gap: 12px; }
    .smallPhoto{
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: var(--shadow2);
      height: 134px;
      overflow:hidden;
      position: relative;
      background-size: cover;
      background-position: center;
    }
    .p2{ background-image: linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.65)), var(--photo2); }
    .p3{ background-image: linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.65)), var(--photo3); }
    .photoTag{
      position:absolute; left:12px; bottom:12px;
      padding: 8px 10px; border-radius: 999px;
      font-size: 12px; font-weight: 900;
      background: rgba(0,0,0,.45);
      border: 1px solid rgba(255,255,255,.14);
      backdrop-filter: blur(6px);
    }

    #map{
      height: 320px;
      border-radius: 14px;
      overflow:hidden;
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: var(--shadow2);
      margin-top: 12px;
    }

    .fine{ font-size: 12px; color: var(--muted2); text-align:center; margin-top: 10px; line-height:1.35; }

    /* ── Trust signals strip ── */
    .trust-strip{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
      margin:20px 0 24px;
    }
    @media(min-width:600px){.trust-strip{grid-template-columns:repeat(4,1fr)}}
    .trust-card{
      background:var(--glass);
      border:1px solid var(--stroke);
      border-radius:14px;
      padding:14px 10px;
      text-align:center;
      backdrop-filter:blur(8px);
    }
    .trust-icon{font-size:24px;margin-bottom:6px;display:block}
    .trust-label{font-size:13px;font-weight:700;color:var(--text);display:block;line-height:1.2}
    .trust-sub{font-size:11px;color:var(--muted2);margin-top:3px;display:block;line-height:1.3}

    /* ── Brands strip ── */
    .brands-strip{
      display:flex;flex-wrap:wrap;gap:8px;
      justify-content:center;
      margin-top:14px;
      padding-top:14px;
      border-top:1px solid rgba(255,255,255,.07);
    }
    .brand-chip{
      padding:6px 14px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:999px;
      font-size:12px;font-weight:700;
      background:rgba(255,255,255,.05);
      color:var(--muted);
      letter-spacing:.3px;
    }

    /* ── Testimonials ── */
    .testimonials-grid{display:grid;gap:14px;margin-top:4px}
    @media(min-width:640px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}
    .t-card{
      background:var(--glass);
      border:1px solid var(--stroke);
      border-radius:14px;
      padding:18px 16px;
      display:flex;flex-direction:column;
      backdrop-filter:blur(8px);
    }
    .t-stars{color:var(--orange);font-size:15px;margin-bottom:8px;letter-spacing:2px}
    .t-quote{
      font-size:13.5px;color:rgba(255,255,255,.84);
      line-height:1.55;margin:0 0 auto;
      font-style:italic;
    }
    .t-attr{font-size:12px;font-weight:700;color:var(--muted2);margin-top:14px}
    .t-disclaimer{
      font-size:11px;color:rgba(255,154,31,.55);
      text-align:center;margin-top:10px;
    }

    /* ── Partner block ── */
    .partner-section{
      margin:8px 0 0;
      border-top:1px solid rgba(255,255,255,.08);
      border-bottom:1px solid rgba(255,255,255,.08);
      background:
        radial-gradient(ellipse 80% 60% at 10% 50%,rgba(255,154,31,.11),transparent 60%),
        linear-gradient(135deg,rgba(10,18,40,.70),rgba(4,6,13,.82));
      padding:32px 18px 36px;
      position:relative;z-index:2;
    }
    .partner-inner{
      max-width:var(--max);margin:0 auto;
      display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;
    }
    .partner-label{
      font-size:11px;letter-spacing:.10em;text-transform:uppercase;
      color:var(--orange);opacity:.78;
    }
    .partner-logo-wrap{
      background:#fff;
      border-radius:10px;
      padding:8px 14px;
      display:inline-flex;
      align-items:center;
      width:fit-content;
      align-self:flex-start;
    }
    .partner-logo{max-width:200px;height:auto;display:block;}
    .partner-headline{font-size:22px;font-weight:900;margin:0;color:var(--text);}
    .partner-sub{font-size:14px;color:var(--muted);margin:0;line-height:1.55;}
    .partner-cta{
      display:block;width:100%;
      padding:16px;
      background:var(--orange);color:#000;
      font-size:16px;font-weight:800;
      border-radius:14px;text-align:center;
      text-decoration:none;letter-spacing:.02em;
      box-shadow:0 4px 18px rgba(255,154,31,.30);
    }
    .partner-cta:hover{background:#ffb74d;text-decoration:none;}
    @media(min-width:768px){
      .partner-inner{flex-direction:row;text-align:left;gap:32px;align-items:center;}
      .partner-left{display:flex;flex-direction:column;gap:10px;flex:1;}
      .partner-cta{width:auto;white-space:nowrap;padding:16px 30px;flex-shrink:0;}
    }

    /* ── Background weather — slow rain + glass drops ── */
    .weather-layer{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden;}

    /* falling rain streaks */
    .drop{
      position:absolute;top:-28px;width:1.5px;border-radius:2px;
      background:linear-gradient(to bottom,transparent,rgba(180,215,255,.52));
      animation:rain-fall linear infinite;will-change:transform;
    }
    @keyframes rain-fall{to{transform:translateY(110vh) translateX(22px);}}

    /* glass impact drop — hits surface, bulges, runs down */
    .gdrop{
      position:absolute;
      width:7px;height:9px;
      border-radius:50%;
      background:radial-gradient(circle at 38% 28%,
        rgba(255,255,255,.48),
        rgba(180,215,255,.14) 48%,
        rgba(0,0,0,.18));
      box-shadow:inset 0 1px 2px rgba(255,255,255,.32), 0 1px 5px rgba(0,0,0,.32);
      opacity:0;
      animation:gdrop-run linear infinite;
      will-change:opacity,transform;
    }
    @keyframes gdrop-run{
      0%   {opacity:0;  transform:translateY(0)    scaleY(.4); border-radius:50%;}
      5%   {opacity:.9; transform:translateY(0)    scaleY(1.1);border-radius:50%;}
      18%  {opacity:.8; transform:translateY(10px) scaleY(1.5);border-radius:44% 44% 52% 52%;}
      88%  {opacity:.5; transform:translateY(72px) scaleY(2.2);border-radius:34% 34% 52% 52%;}
      100% {opacity:0;  transform:translateY(82px) scaleY(2.4);}
    }

    /* Booking CTA box */
    .book-cta-box{
      background: rgba(22,163,255,.08);
      border: 1px solid rgba(22,163,255,.28);
      border-radius: var(--r);
      padding: 28px 20px;
      margin: 24px 0;
      text-align: center;
      backdrop-filter: blur(10px);
      box-shadow: var(--shadow2);
    }
    .book-cta-title{ font-size: 26px; font-weight: 900; color: var(--blue); margin: 0 0 10px; }
    .book-cta-text{ color: rgba(255,255,255,.82); font-size: 16px; line-height: 1.5; margin: 0 0 22px; }
    .book-cta-btn{
      display: inline-block;
      padding: 16px 34px;
      border-radius: 14px;
      background: var(--blue);
      color: #fff;
      font-size: 18px;
      font-weight: 900;
      box-shadow: var(--shadow2);
    }
    .book-cta-or{
      margin: 16px 0 10px;
      color: var(--muted2);
      font-size: 13px;
    }
    .contact-row{
      display: flex;
      gap: 14px;
      justify-content: center;
      flex-wrap: wrap;
    }
    .contact-btn{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 14px 24px;
      border-radius: 14px;
      font-size: 16px;
      font-weight: 900;
      box-shadow: var(--shadow2);
      cursor: pointer;
    }
    .contact-btn.call{
      background: rgba(255,154,31,.18);
      border: 1px solid rgba(255,154,31,.35);
      color: var(--text);
    }
    .contact-btn.email{
      background: rgba(22,163,255,.16);
      border: 1px solid rgba(22,163,255,.35);
      color: var(--text);
    }

    details{ background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.10); border-radius: 14px; padding: 12px; margin-top:10px;}
    summary{ cursor:pointer; font-weight:900; list-style:none; }
    summary::-webkit-details-marker{display:none}
    .terms{ margin-top: 10px; color: rgba(255,255,255,.84); font-size: 12.5px; line-height:1.45; }

    footer{ margin: 26px 0 80px; color: var(--muted2); font-size: 12px; text-align:center; }
    footer a{ color:inherit; text-decoration:none; }
    footer a:hover{ text-decoration:underline; }

    .sticky{
      position: fixed; left: 12px; right: 12px; bottom: 12px;
      display:flex; gap: 10px; z-index: 50;
    }
    .sticky a{
      flex:1; text-align:center; font-weight: 900;
      border-radius: 14px; padding: 14px 12px;
      box-shadow: var(--shadow);
    }
    .sticky .book{ background: var(--blue); border: 1px solid rgba(22,163,255,.55); color: #fff; }
    .sticky .email{ background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); color: var(--text); }
    .sticky .call{ background: rgba(255,154,31,.18); border: 1px solid rgba(255,154,31,.28); color: var(--text); }
    @media(min-width: 980px){ .sticky{ display:none; } }

    /* ── LQIP progressive photo loading ── */
    /* Initial state: blurry placeholder (base64 thumbnails in CSS vars above) */
    .heroWrap:before,.bigPhoto,.p2,.p3{transition:filter .55s ease;}
    .heroWrap:before{filter:saturate(1.05) contrast(1.05) blur(8px);}
    .bigPhoto,.p2,.p3{filter:blur(7px);}
    /* Loaded state: swap to real images (set by JS), remove blur */
    body.photos-loaded .heroWrap:before{filter:saturate(1.05) contrast(1.05);}
    body.photos-loaded .bigPhoto,body.photos-loaded .p2,body.photos-loaded .p3{filter:none;}