/* ==========================================================
   Aqua Public Services v36 — Full dark, mobile + desktop
   Scoped strictly to body.aqua-public-only .lp-services-v36
   to prevent leakage into the user dashboard.
   ========================================================== */

body.aqua-public-only .lp-services-v36 {
  --svc-bg: #05070d;
  --svc-bg-2: #0a0f1c;
  --svc-surface: rgba(18, 24, 40, .72);
  --svc-surface-2: rgba(28, 36, 58, .55);
  --svc-border: rgba(120, 160, 220, .14);
  --svc-border-strong: rgba(120, 160, 220, .28);
  --svc-ink: #e9eefb;
  --svc-ink-soft: #aab4cc;
  --svc-ink-mute: #6b7493;
  --svc-cyan: #22d3ee;
  --svc-violet: #8b5cf6;
  --svc-grad: linear-gradient(135deg,#22d3ee 0%,#6366f1 50%,#8b5cf6 100%);
  --svc-grad-soft: linear-gradient(135deg,rgba(34,211,238,.18),rgba(139,92,246,.18));
  color: var(--svc-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;
}

body.aqua-public-only .lp-services-v36 *,
body.aqua-public-only .lp-services-v36 *::before,
body.aqua-public-only .lp-services-v36 *::after { box-sizing: border-box; }

/* Lock the page background dark */
body.aqua-public-only:has(.lp-services-v36),
html:has(body.aqua-public-only .lp-services-v36) { background:#05070d !important; }

body.aqua-public-only .lp-services-v36 {
  position: relative;
  min-height: 100vh;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(139,92,246,.18), transparent 60%),
    radial-gradient(900px 500px at -10% 20%, rgba(34,211,238,.14), transparent 60%),
    linear-gradient(180deg,#05070d 0%, #070a14 100%);
  overflow-x: hidden;
}

/* Background glow blobs */
body.aqua-public-only .lp-services-v36 .svc-bg-glow{
  position:absolute; inset:0; pointer-events:none; z-index:0; overflow:hidden;
}
body.aqua-public-only .lp-services-v36 .svc-bg-glow span{
  position:absolute; border-radius:50%; filter:blur(80px); opacity:.35;
}
body.aqua-public-only .lp-services-v36 .svc-bg-glow span:nth-child(1){
  width:480px; height:480px; top:-120px; right:-80px;
  background:radial-gradient(circle, #8b5cf6, transparent 65%);
}
body.aqua-public-only .lp-services-v36 .svc-bg-glow span:nth-child(2){
  width:520px; height:520px; top:30%; left:-160px;
  background:radial-gradient(circle, #22d3ee, transparent 65%);
}
body.aqua-public-only .lp-services-v36 .svc-bg-glow span:nth-child(3){
  width:380px; height:380px; bottom:-120px; left:40%;
  background:radial-gradient(circle, #6366f1, transparent 65%);
}

/* ===== Sticky glass nav ===== */
body.aqua-public-only .lp-services-v36 .svc-nav{
  position:sticky; top:0; z-index:50;
  background:rgba(5,7,13,.72); backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  border-bottom:1px solid var(--svc-border);
}
body.aqua-public-only .lp-services-v36 .lp-nav-inner{
  max-width:1240px; margin:0 auto; padding:14px 22px;
  display:flex; align-items:center; gap:18px;
}
body.aqua-public-only .lp-services-v36 .lp-logo{
  display:inline-flex; align-items:center; gap:10px; color:var(--svc-ink);
  text-decoration:none; font-weight:800; font-size:18px; letter-spacing:.2px;
}
body.aqua-public-only .lp-services-v36 .lp-logo-icon{
  width:34px; height:34px; border-radius:10px; display:inline-flex;
  align-items:center; justify-content:center; background:var(--svc-grad);
  box-shadow:0 8px 24px rgba(99,102,241,.45); color:#fff;
}
body.aqua-public-only .lp-services-v36 .lp-nav-links{
  display:flex; gap:6px; margin-left:auto;
}
body.aqua-public-only .lp-services-v36 .lp-nav-links a{
  color:var(--svc-ink-soft); text-decoration:none; padding:8px 14px;
  border-radius:10px; font-size:14px; font-weight:500; transition:all .2s;
}
body.aqua-public-only .lp-services-v36 .lp-nav-links a:hover{
  color:var(--svc-ink); background:rgba(255,255,255,.04);
}
body.aqua-public-only .lp-services-v36 .lp-nav-links a.active{
  color:var(--svc-ink); background:var(--svc-grad-soft);
  border:1px solid var(--svc-border-strong);
}
body.aqua-public-only .lp-services-v36 .lp-nav-cta{
  display:flex; gap:8px;
}
body.aqua-public-only .lp-services-v36 .lp-btn{
  display:inline-flex; align-items:center; gap:6px;
  padding:9px 16px; border-radius:10px; text-decoration:none;
  font-size:14px; font-weight:600; border:1px solid var(--svc-border-strong);
  color:var(--svc-ink); background:rgba(255,255,255,.04); transition:all .2s;
}
body.aqua-public-only .lp-services-v36 .lp-btn:hover{
  background:rgba(255,255,255,.08); border-color:var(--svc-cyan);
}
body.aqua-public-only .lp-services-v36 .lp-btn-primary{
  background:var(--svc-grad); border:none; color:#fff;
  box-shadow:0 6px 20px rgba(99,102,241,.45);
}
body.aqua-public-only .lp-services-v36 .lp-btn-primary:hover{
  transform:translateY(-1px); box-shadow:0 10px 28px rgba(99,102,241,.55);
}

/* ===== Hero ===== */
body.aqua-public-only .lp-services-v36 .svc-hero{
  position:relative; z-index:1; max-width:1100px; margin:0 auto;
  padding:64px 22px 28px; text-align:center;
}
body.aqua-public-only .lp-services-v36 .svc-badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 14px; border-radius:999px;
  background:rgba(34,211,238,.10); border:1px solid rgba(34,211,238,.28);
  color:#a7f3ff; font-size:12px; font-weight:600; letter-spacing:.4px;
  text-transform:uppercase;
}
body.aqua-public-only .lp-services-v36 .svc-pulse{
  width:8px; height:8px; border-radius:50%; background:#22d3ee;
  box-shadow:0 0 0 0 rgba(34,211,238,.7); animation:svcPulse 2s infinite;
}
@keyframes svcPulse{
  0%{box-shadow:0 0 0 0 rgba(34,211,238,.7);}
  70%{box-shadow:0 0 0 12px rgba(34,211,238,0);}
  100%{box-shadow:0 0 0 0 rgba(34,211,238,0);}
}
body.aqua-public-only .lp-services-v36 .svc-title{
  font-size:clamp(34px,5.4vw,58px); font-weight:800; letter-spacing:-1px;
  line-height:1.05; margin:18px 0 14px;
}
body.aqua-public-only .lp-services-v36 .svc-title-grad{
  background:var(--svc-grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
body.aqua-public-only .lp-services-v36 .svc-sub{
  color:var(--svc-ink-soft); font-size:clamp(15px,1.6vw,18px);
  max-width:640px; margin:0 auto;
}

/* ===== Toolbar ===== */
body.aqua-public-only .lp-services-v36 .svc-toolbar-wrap{
  position:sticky; top:64px; z-index:40;
  background:linear-gradient(180deg,rgba(5,7,13,.95),rgba(5,7,13,.85) 70%,transparent);
  padding:18px 0 14px;
}
body.aqua-public-only .lp-services-v36 .svc-toolbar{
  position:relative; z-index:1; max-width:1100px; margin:0 auto;
  padding:0 22px; display:grid; grid-template-columns:1fr 240px; gap:12px;
}
body.aqua-public-only .lp-services-v36 .svc-search{
  position:relative; display:flex; align-items:center;
  background:var(--svc-surface); border:1px solid var(--svc-border);
  border-radius:14px; transition:border-color .2s, box-shadow .2s;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
}
body.aqua-public-only .lp-services-v36 .svc-search:focus-within{
  border-color:var(--svc-cyan);
  box-shadow:0 0 0 4px rgba(34,211,238,.12);
}
body.aqua-public-only .lp-services-v36 .svc-search > i{
  position:absolute; left:18px; color:var(--svc-ink-mute); font-size:15px;
}
body.aqua-public-only .lp-services-v36 .svc-search input{
  flex:1; background:transparent; border:none; outline:none;
  color:var(--svc-ink); padding:14px 18px 14px 46px; font-size:15px;
  font-family:inherit;
}
body.aqua-public-only .lp-services-v36 .svc-search input::placeholder{
  color:var(--svc-ink-mute);
}
body.aqua-public-only .lp-services-v36 .svc-select{
  position:relative; display:flex; align-items:center;
  background:var(--svc-surface); border:1px solid var(--svc-border);
  border-radius:14px; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  transition:border-color .2s;
}
body.aqua-public-only .lp-services-v36 .svc-select:focus-within{
  border-color:var(--svc-cyan);
}
body.aqua-public-only .lp-services-v36 .svc-select > i:first-child{
  position:absolute; left:18px; color:var(--svc-ink-mute); font-size:14px;
  pointer-events:none;
}
body.aqua-public-only .lp-services-v36 .svc-select-caret{
  position:absolute; right:16px; color:var(--svc-ink-mute); font-size:12px;
  pointer-events:none;
}
body.aqua-public-only .lp-services-v36 .svc-select select{
  flex:1; background:transparent; border:none; outline:none;
  color:var(--svc-ink); padding:14px 36px 14px 44px; font-size:15px;
  font-family:inherit; -webkit-appearance:none; appearance:none;
  cursor:pointer;
}
body.aqua-public-only .lp-services-v36 .svc-select select option{
  background:#0a0f1c; color:var(--svc-ink);
}

/* ===== Main grid ===== */
body.aqua-public-only .lp-services-v36 .svc-main{
  position:relative; z-index:1; max-width:1240px; margin:0 auto;
  padding:8px 22px 80px;
}
body.aqua-public-only .lp-services-v36 .svc-cat{
  margin-bottom:48px;
}
body.aqua-public-only .lp-services-v36 .svc-cat-head{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; margin:0 4px 16px; padding-bottom:12px;
  border-bottom:1px solid var(--svc-border);
}
body.aqua-public-only .lp-services-v36 .svc-cat-title{
  font-size:clamp(20px,2.4vw,26px); font-weight:700; color:var(--svc-ink);
  margin:0; letter-spacing:-.2px;
}
body.aqua-public-only .lp-services-v36 .svc-cat-title::before{
  content:""; display:inline-block; width:4px; height:18px; vertical-align:-2px;
  margin-right:10px; border-radius:3px; background:var(--svc-grad);
}
body.aqua-public-only .lp-services-v36 .svc-cat-count{
  font-size:12px; font-weight:600; color:var(--svc-ink-mute);
  text-transform:uppercase; letter-spacing:.6px;
}
body.aqua-public-only .lp-services-v36 .svc-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:16px;
}

/* ===== Service card ===== */
body.aqua-public-only .lp-services-v36 .svc-card{
  position:relative; padding:20px;
  background:var(--svc-surface); border:1px solid var(--svc-border);
  border-radius:18px; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  display:flex; flex-direction:column; gap:14px;
  transition:transform .25s, border-color .25s, box-shadow .25s, background .25s;
  overflow:hidden; isolation:isolate;
}
body.aqua-public-only .lp-services-v36 .svc-card::before{
  content:""; position:absolute; inset:0; border-radius:inherit;
  padding:1px; background:var(--svc-grad);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity .25s; pointer-events:none; z-index:1;
}
body.aqua-public-only .lp-services-v36 .svc-card:hover{
  transform:translateY(-3px);
  background:var(--svc-surface-2);
  box-shadow:0 14px 40px rgba(0,0,0,.45),0 0 0 1px rgba(99,102,241,.35);
}
body.aqua-public-only .lp-services-v36 .svc-card:hover::before{ opacity:1; }
body.aqua-public-only .lp-services-v36 .svc-card-top{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
}
body.aqua-public-only .lp-services-v36 .svc-id{
  font-family:"SF Mono",ui-monospace,Menlo,monospace;
  font-size:11px; font-weight:600; color:var(--svc-ink-mute);
  padding:4px 10px; border-radius:6px;
  background:rgba(255,255,255,.04); border:1px solid var(--svc-border);
  letter-spacing:.4px;
}
body.aqua-public-only .lp-services-v36 .svc-price{
  font-size:18px; font-weight:800; color:#fff;
  background:var(--svc-grad); -webkit-background-clip:text;
  background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
}
body.aqua-public-only .lp-services-v36 .svc-price small{
  font-size:11px; font-weight:600; opacity:.65;
  -webkit-text-fill-color:var(--svc-ink-mute); color:var(--svc-ink-mute);
}
body.aqua-public-only .lp-services-v36 .svc-name{
  font-size:15px; font-weight:600; line-height:1.4;
  color:var(--svc-ink); margin:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}
body.aqua-public-only .lp-services-v36 .svc-meta{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(3,1fr); gap:8px;
}
body.aqua-public-only .lp-services-v36 .svc-meta li{
  padding:8px 10px; border-radius:8px;
  background:rgba(255,255,255,.03); border:1px solid var(--svc-border);
  display:flex; flex-direction:column; gap:2px;
}
body.aqua-public-only .lp-services-v36 .svc-meta li span{
  font-size:10px; font-weight:600; color:var(--svc-ink-mute);
  text-transform:uppercase; letter-spacing:.5px;
}
body.aqua-public-only .lp-services-v36 .svc-meta li strong{
  font-size:13px; font-weight:700; color:var(--svc-ink);
  font-family:"SF Mono",ui-monospace,Menlo,monospace;
}
body.aqua-public-only .lp-services-v36 .svc-cta{
  display:inline-flex; align-items:center; justify-content:center;
  gap:8px; padding:11px 14px; border-radius:10px; text-decoration:none;
  font-size:13px; font-weight:600; color:#fff;
  background:rgba(255,255,255,.04); border:1px solid var(--svc-border-strong);
  transition:all .2s; min-height:44px;
}
body.aqua-public-only .lp-services-v36 .svc-cta:hover{
  background:var(--svc-grad); border-color:transparent;
  box-shadow:0 8px 22px rgba(99,102,241,.45);
}
body.aqua-public-only .lp-services-v36 .svc-cta-arrow{
  font-size:11px; opacity:.7; transition:transform .2s;
}
body.aqua-public-only .lp-services-v36 .svc-cta:hover .svc-cta-arrow{
  transform:translateX(3px); opacity:1;
}
body.aqua-public-only .lp-services-v36 .svc-cta:focus-visible{
  outline:2px solid var(--svc-cyan); outline-offset:3px;
}

/* Empty state */
body.aqua-public-only .lp-services-v36 .svc-empty{
  text-align:center; color:var(--svc-ink-mute); font-size:15px;
  padding:60px 20px; margin:0;
}

/* ===== Footer ===== */
body.aqua-public-only .lp-services-v36 .svc-footer{
  position:relative; z-index:1;
  border-top:1px solid var(--svc-border);
  background:rgba(5,7,13,.65);
}
body.aqua-public-only .lp-services-v36 .svc-footer .lp-footer-inner{
  max-width:1240px; margin:0 auto; padding:24px 22px;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:14px;
}
body.aqua-public-only .lp-services-v36 .svc-footer p{
  margin:0; color:var(--svc-ink-mute); font-size:13px;
}
body.aqua-public-only .lp-services-v36 .svc-footer .lp-footer-links{
  display:flex; flex-wrap:wrap; gap:18px;
}
body.aqua-public-only .lp-services-v36 .svc-footer .lp-footer-links a{
  color:var(--svc-ink-soft); text-decoration:none; font-size:13px;
  transition:color .2s;
}
body.aqua-public-only .lp-services-v36 .svc-footer .lp-footer-links a:hover{
  color:var(--svc-cyan);
}

/* ===== Tablet ===== */
@media (max-width:1024px){
  body.aqua-public-only .lp-services-v36 .svc-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

/* ===== Mobile ===== */
@media (max-width:767px){
  body.aqua-public-only .lp-services-v36 .lp-nav-inner{
    padding:12px 16px; gap:10px;
  }
  body.aqua-public-only .lp-services-v36 .lp-nav-links{ display:none; }
  body.aqua-public-only .lp-services-v36 .lp-logo{ font-size:16px; }
  body.aqua-public-only .lp-services-v36 .lp-logo-icon{ width:30px; height:30px; }
  body.aqua-public-only .lp-services-v36 .lp-nav-cta{ margin-left:auto; }
  body.aqua-public-only .lp-services-v36 .lp-btn{
    padding:8px 12px; font-size:13px; min-height:40px;
  }

  body.aqua-public-only .lp-services-v36 .svc-hero{
    padding:36px 18px 18px;
  }
  body.aqua-public-only .lp-services-v36 .svc-toolbar-wrap{
    top:58px; padding:14px 0 12px;
  }
  body.aqua-public-only .lp-services-v36 .svc-toolbar{
    grid-template-columns:1fr; gap:10px; padding:0 18px;
  }
  body.aqua-public-only .lp-services-v36 .svc-search input,
  body.aqua-public-only .lp-services-v36 .svc-select select{
    padding-top:13px; padding-bottom:13px; font-size:14px; min-height:46px;
  }

  body.aqua-public-only .lp-services-v36 .svc-main{
    padding:8px 16px 60px;
  }
  body.aqua-public-only .lp-services-v36 .svc-cat{ margin-bottom:36px; }
  body.aqua-public-only .lp-services-v36 .svc-grid{
    grid-template-columns:1fr; gap:12px;
  }
  body.aqua-public-only .lp-services-v36 .svc-card{
    padding:16px; border-radius:16px;
  }
  body.aqua-public-only .lp-services-v36 .svc-cat-head{ margin:0 2px 14px; }

  body.aqua-public-only .lp-services-v36 .svc-footer .lp-footer-inner{
    flex-direction:column; align-items:flex-start; padding:20px 18px;
  }
}

@media (max-width:380px){
  body.aqua-public-only .lp-services-v36 .svc-meta{
    grid-template-columns:repeat(2,1fr);
  }
}