:root{
    --akva-ink:#14202e;
    --akva-water:#2b6a8f;
    --akva-water-deep:#1d4f6e;
    --akva-water-lt:#cfe0e8;
    --akva-mist:#f4f7f8;
    --akva-gold:#b8945f;
    --akva-line:#dfe6ea;
    --akva-white:#ffffff;
    --serif:"Cormorant Garamond",Georgia,serif;
    --sans:"Jost",system-ui,sans-serif;
    --wa:#25d366;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:var(--sans);
    color:var(--akva-ink);
    background:var(--akva-mist);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    padding-bottom:72px; /* room for sticky mobile bar */
  }
  .wrap{max-width:1080px;margin:0 auto;padding:0 20px}
  a{color:inherit;text-decoration:none}
 /* ---------- HERO ---------- */
  .hero{
    background:
      linear-gradient(180deg, rgba(20,32,46,.62) 0%, rgba(20,32,46,.42) 55%, rgba(20,32,46,.72) 100%),
      linear-gradient(160deg,#1d4f6e 0%, #2b6a8f 45%, #14202e 100%);
    color:var(--akva-white);
    padding:56px 0 48px;
    position:relative;
    overflow:hidden;
  }
  .hero:after{ /* water surface line */
    content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
    background:linear-gradient(90deg,transparent,rgba(207,224,232,.7),transparent);
  }
  .eyebrow{
    font-family:var(--sans);font-weight:500;letter-spacing:.22em;
    text-transform:uppercase;font-size:.7rem;color:var(--akva-water-lt);
    margin-bottom:18px;
  }
  .hero h1{
    font-family:var(--serif);font-weight:500;
    font-size:clamp(2.1rem,7vw,3.6rem);line-height:1.05;
    letter-spacing:.01em;margin-bottom:16px;max-width:16ch;
  }
  .hero p.lede{
    font-size:1.05rem;font-weight:300;max-width:46ch;color:#e8eff2;margin-bottom:14px;
  }
  .from-anchor{
    font-family:var(--serif);font-style:italic;font-size:1.25rem;
    color:var(--akva-water-lt);margin-bottom:28px;
  }
  .from-anchor strong{font-style:normal;font-weight:600;color:#fff}
  .hero-cta{display:flex;gap:12px;flex-wrap:wrap}
  .btn{
    font-family:var(--sans);font-weight:500;font-size:.98rem;
    padding:14px 26px;border-radius:2px;border:1px solid transparent;
    cursor:pointer;transition:.18s;display:inline-flex;align-items:center;gap:9px;
  }
  .btn-primary{background:var(--akva-gold);color:#fff}
  .btn-primary:hover{background:#a37f4d}
  .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
  .btn-ghost:hover{background:rgba(255,255,255,.1)}
  .btn-wa{background:var(--wa);color:#fff}
  .btn-wa:hover{filter:brightness(.94)}
 
  .trust-row{
    display:flex;gap:26px;flex-wrap:wrap;margin-top:34px;
    font-size:.82rem;color:#dce6ea;font-weight:300;
  }
  .trust-row span{display:flex;align-items:center;gap:7px}
  .trust-row b{color:var(--akva-gold);font-weight:600;font-family:var(--serif);font-size:1.05rem}
 
  /* ---------- PRICE INTENT STRIP ---------- */
  .intent{background:var(--akva-white);border-bottom:1px solid var(--akva-line);padding:20px 0}
  .intent .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;text-align:center}
  .intent p{font-size:.95rem;color:#3a4a58}
  .intent strong{color:var(--akva-water-deep)}
 
  /* ---------- TIERS ---------- */
  .tiers{padding:56px 0 40px}
  .sec-head{text-align:center;margin-bottom:8px}
  .sec-head h2{
    font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,5vw,2.6rem);
    margin-bottom:10px;
  }
  .sec-head p{color:#5a6b78;font-weight:300;max-width:52ch;margin:0 auto 34px}
  .tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .tier{
    background:var(--akva-white);border:1px solid var(--akva-line);border-radius:3px;
    padding:0 0 26px;position:relative;overflow:hidden;display:flex;flex-direction:column;
    transition:.2s;
  }
  .tier:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(20,32,46,.4)}
  /* water-level signature: fill rises entry<comfort<premium */
  .tier .fill{
    position:absolute;left:0;right:0;bottom:0;
    background:linear-gradient(180deg,rgba(43,106,143,.09),rgba(43,106,143,.16));
    border-top:1.5px solid rgba(43,106,143,.35);z-index:0;pointer-events:none;
  }
  .tier.entry   .fill{height:34%}
  .tier.comfort .fill{height:58%}
  .tier.premium .fill{height:82%}
  .tier > *{position:relative;z-index:1}
  .tier-label{
    padding:22px 24px 0;font-family:var(--sans);font-weight:600;
    letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:var(--akva-water-deep);
  }
  .tier.premium .tier-label{color:var(--akva-gold)}
  .tier-name{padding:4px 24px 0;font-family:var(--serif);font-size:1.7rem;font-weight:500}
  .tier-from{padding:12px 24px 0;font-size:.8rem;color:#7a8792;text-transform:uppercase;letter-spacing:.08em}
  .tier-price{padding:2px 24px 0;font-family:var(--serif);font-size:2.2rem;font-weight:600;color:var(--akva-ink)}
  .tier-price small{font-size:.9rem;font-weight:400;color:#7a8792}
  .tier ul{list-style:none;padding:18px 24px 22px;margin:0;flex:1}
  .tier li{
    font-size:.9rem;color:#3a4a58;padding:7px 0 7px 22px;position:relative;font-weight:300;
    border-bottom:1px solid rgba(223,230,234,.6);
  }
  .tier li:last-child{border-bottom:0}
  .tier li:before{
    content:"";position:absolute;left:0;top:13px;width:9px;height:9px;border-radius:50%;
    background:var(--akva-water);opacity:.7;
  }
  .tier.premium li:before{background:var(--akva-gold);opacity:.85}
  .tier .btn{margin:0 24px;justify-content:center}
  .tier .btn-tier{background:var(--akva-ink);color:#fff;width:calc(100% - 48px)}
  .tier .btn-tier:hover{background:var(--akva-water-deep)}
  .tier.premium .btn-tier{background:var(--akva-gold)}
  .tier.premium .btn-tier:hover{background:#a37f4d}
  .badge-pop{
    position:absolute;top:16px;right:16px;background:var(--akva-water);color:#fff;
    font-size:.64rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
    padding:5px 10px;border-radius:2px;z-index:2;
  }
 
  /* ---------- OBJECTION MELT ---------- */
  .reassure{background:var(--akva-ink);color:#eef4f6;padding:52px 0}
  .reassure h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,4.5vw,2.4rem);text-align:center;margin-bottom:36px;color:#fff}
  .rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
  .rcard h3{font-family:var(--serif);font-size:1.3rem;font-weight:500;margin-bottom:8px;color:#fff}
  .rcard h3 .q{color:var(--akva-water-lt);font-style:italic}
  .rcard p{font-size:.92rem;font-weight:300;color:#c3d2da;line-height:1.6}
  .rcard{border-top:2px solid var(--akva-water);padding-top:16px}
 
  /* ---------- LEAD FORM ---------- */
  .quote{padding:56px 0}
  .quote-card{
    background:var(--akva-white);border:1px solid var(--akva-line);border-radius:4px;
    max-width:640px;margin:0 auto;padding:38px 34px;
    box-shadow:0 24px 60px -34px rgba(20,32,46,.5);
  }
  .quote-card h2{font-family:var(--serif);font-weight:500;font-size:2rem;text-align:center;margin-bottom:6px}
  .quote-card .sub{text-align:center;color:#5a6b78;font-weight:300;margin-bottom:26px;font-size:.95rem}
  .field{margin-bottom:16px}
  .field label{display:block;font-size:.8rem;font-weight:500;margin-bottom:6px;color:#3a4a58}
  .field input,.field select{
    width:100%;padding:13px 14px;border:1px solid var(--akva-line);border-radius:2px;
    font-family:var(--sans);font-size:.95rem;background:var(--akva-mist);color:var(--akva-ink);
  }
  .field input:focus,.field select:focus{outline:2px solid var(--akva-water);border-color:transparent}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .quote-card .btn-primary{width:100%;justify-content:center;background:var(--akva-water);margin-top:6px}
  .quote-card .btn-primary:hover{background:var(--akva-water-deep)}
  .alt-actions{display:flex;gap:12px;margin-top:18px;justify-content:center;flex-wrap:wrap}
  .alt-actions a{font-size:.9rem;font-weight:500;color:var(--akva-water-deep);display:flex;align-items:center;gap:7px}
  .privacy{text-align:center;font-size:.72rem;color:#8a97a1;margin-top:16px;font-weight:300}
 
  /* ---------- STICKY MOBILE BAR ---------- */
  .mobar{
    position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;
    background:var(--akva-white);border-top:1px solid var(--akva-line);
    box-shadow:0 -6px 20px -12px rgba(20,32,46,.4);
    padding:8px 10px;gap:8px;
  }
  .mobar a{
    flex:1;text-align:center;padding:12px 4px;border-radius:3px;font-weight:600;font-size:.82rem;
    display:flex;flex-direction:column;align-items:center;gap:3px;
  }
  .mobar .m-quote{background:var(--akva-water);color:#fff}
  .mobar .m-wa{background:var(--wa);color:#fff}
  .mobar .m-call{background:var(--akva-ink);color:#fff}
  .mobar svg{width:18px;height:18px}
 
  /* ---------- RESPONSIVE ---------- */
  @media(max-width:860px){
    .tier-grid{grid-template-columns:1fr}
    .rgrid{grid-template-columns:1fr;gap:22px}
    .tier.entry .fill,.tier.comfort .fill,.tier.premium .fill{height:0} /* drop motif noise on stacked mobile */
  }
  @media(max-width:640px){
    .mobar{display:flex}
    .hero{padding:42px 0 40px}
    .row2{grid-template-columns:1fr}
    .trust-row{gap:18px}
  }
  @media(prefers-reduced-motion:reduce){
    *{transition:none!important;scroll-behavior:auto!important}
  }