/* ═══════════════════════════════════════════════════════════════
   GEETAI STUDIO — PRIVACY V3 (POLISHED)
   Design language extracted from Home / BuildAI / Pricing / Contact.
   Sapphire teal gradient on pearl. One premium continuous document.
   ═══════════════════════════════════════════════════════════════ */

/* ─── HERO ─── */
.pr-hero{padding-top:calc(var(--nav-h) + var(--sp-5));padding-bottom:var(--sp-4);position:relative}
.pr-hero-inner{max-width:820px;margin:0 auto;text-align:center}
.pr-hero-title{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(2.4rem,5vw,4.2rem);letter-spacing:var(--ls-tight);line-height:1.05;color:var(--ink);margin-bottom:var(--sp-3)}
.pr-hero-title .gv-accent-text{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent)}
.pr-hero-lead{font-size:var(--fs-lead);color:var(--ink-dim);line-height:1.7;max-width:58ch;margin:0 auto}

/* ─── STICKY SECTION NAV ─── */
.pr-sticky{
  position:sticky;top:var(--nav-h);z-index:900;
  background:rgba(250,249,246,0.86);backdrop-filter:blur(22px) saturate(1.5);
  -webkit-backdrop-filter:blur(22px) saturate(1.5);
  border-top:1px solid rgba(18,107,120,0.08);
  border-bottom:1px solid rgba(18,107,120,0.08);
  box-shadow:0 8px 24px -16px rgba(18,107,120,0.16);
}
.pr-sticky-inner{
  max-width:var(--container);margin:0 auto;padding:16px clamp(20px,5vw,48px);
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;
  align-items:center;scrollbar-width:none;-ms-overflow-style:none;
}
.pr-sticky-inner::-webkit-scrollbar{display:none}
.pr-sticky-inner a{
  flex-shrink:0;display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;
  border:1px solid transparent;font-family:'Inter',sans-serif;
  font-size:11px;font-weight:600;letter-spacing:0.3px;color:var(--ink-dim);
  text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:color .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease);
}
.pr-sticky-inner a:hover{color:var(--ink);border-color:rgba(18,107,120,0.16)}
.pr-sticky-inner a.active{
  color:#fff;background:var(--accent-gradient);border-color:transparent;
  box-shadow:0 8px 20px -8px rgba(18,107,120,0.4);
}

/* ─── SECTION SYSTEM (one consistent rhythm) ─── */
.pr-section{padding:var(--sp-5) 0;position:relative;scroll-margin-top:calc(var(--nav-h) + 160px)}
.pr-section--ink{background:var(--ink-bg);color:var(--on-ink)}
.pr-section--ink .gv-h2,.pr-section--ink .gv-h3{color:var(--on-ink)}
.pr-section--ink .gv-lead,.pr-section--ink .gv-body{color:var(--on-ink-dim)}
.pr-section--alt{background:var(--paper-3)}
.pr-inner{max-width:820px;margin:0 auto}

/* Consistent heading + lead rhythm */
.pr-inner .gv-h2{margin-bottom:var(--sp-2)}
.pr-inner .gv-lead{margin-bottom:var(--sp-3);max-width:58ch}
.pr-inner .gv-h2 + .gv-lead{margin-bottom:var(--sp-4)}

/* Gradient word — light sections use full brand gradient */
.pr-inner .gv-h2 .gv-accent-text{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent)}
/* Gradient word — ink (dark) sections use brighter teal for contrast */
.pr-section--ink .gv-h2 .gv-accent-text{
  background:linear-gradient(120deg,#3bb8c9 0%,#1a8898 55%,#38c2d4 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--brand-teal-light)
}

/* ─── CARD GRID (consistent card sizing) ─── */
.pr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);margin-top:var(--sp-4)}
.pr-grid .gv-card{display:flex;flex-direction:column;gap:8px;padding:var(--sp-4)}
.pr-grid .gv-card h3{font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:-0.01em;color:var(--ink);margin:0}
.pr-grid .gv-card p{font-size:0.95rem;color:var(--ink-dim);line-height:1.7;margin:0}
.pr-section--ink .pr-grid .gv-card h3{color:var(--on-ink)}
.pr-section--ink .pr-grid .gv-card p{color:var(--on-ink-dim)}

/* ─── PROSE / TEXT BLOCKS (consistent reading width) ─── */
.pr-block{margin-top:var(--sp-4)}
.pr-block ul{list-style:none;padding:0;margin:0}
.pr-block ul li{position:relative;padding-left:24px;font-size:0.98rem;color:var(--ink-dim);line-height:1.7;margin-bottom:14px}
.pr-block ul li::before{content:'';position:absolute;left:2px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--accent-gradient)}
.pr-section--ink .pr-block ul li{color:var(--on-ink-dim)}
.pr-section--ink .pr-block ul li::before{background:linear-gradient(120deg,#1a8898,#38c2d4)}
.pr-block ul li strong{font-weight:600;color:var(--ink)}
.pr-section--ink .pr-block ul li strong{color:var(--on-ink)}

/* ─── CONTACT CARD ─── */
.pr-contact{margin-top:var(--sp-3)}
.pr-contact .gv-card{max-width:560px;margin:0 auto;padding:var(--sp-5);text-align:center}
.pr-contact h3{font-family:'Sora',sans-serif;font-weight:700;font-size:1.4rem;color:var(--ink);margin-bottom:10px}
.pr-contact p{font-size:0.98rem;color:var(--ink-dim);line-height:1.7;margin-bottom:var(--sp-3)}
.pr-contact-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ─── LAST UPDATED ─── */
.pr-updated{padding:0 0 var(--sp-5);font-family:'Inter',sans-serif;font-size:var(--fs-meta);color:var(--ink-muted);text-align:center}

/* ─── RESPONSIVE ─── */
@media(max-width:1024px){
  .pr-sticky-inner{padding:14px clamp(20px,4vw,40px);gap:8px 10px}
}
@media(max-width:768px){
  .pr-grid{grid-template-columns:1fr}
  .pr-section{padding:var(--sp-4) 0}
  .pr-hero-title{font-size:clamp(2rem,7vw,2.8rem)}
  .pr-sticky-inner{flex-wrap:wrap;justify-content:center;padding:14px 16px;overflow-x:visible}
}
@media(max-width:560px){
  .pr-sticky-inner{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:14px 16px}
  .pr-sticky-inner a{flex-shrink:0;min-height:44px;display:inline-flex;align-items:center}
  .pr-section{scroll-margin-top:calc(var(--nav-h) + 90px)}
  [data-page="privacy"] .hamburger{min-width:44px;min-height:44px;justify-content:center;align-items:center}
}
@media(max-width:480px){
  .pr-section{padding:var(--sp-4) 0}
  .pr-hero{padding-top:calc(var(--nav-h) + var(--sp-4))}
  .pr-hero-title{font-size:1.9rem}
  .pr-hero-lead{font-size:1rem}
  .pr-grid .gv-card{padding:var(--sp-3)}
  .pr-contact .gv-card{padding:var(--sp-4)}
  .pr-contact-actions{flex-direction:column;align-items:stretch}
  .pr-contact-actions .gv-btn{width:100%;justify-content:center}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .pr-hero-title,.pr-hero-lead,.pr-sticky-inner a,.gv-reveal,.gv-reveal-left,.gv-reveal-right{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
  .pr-sticky-inner{scroll-behavior:auto!important}
  html{scroll-behavior:auto!important}
}
