﻿@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400;700;800&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,700;1,9..144,400&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--pearl-bg:#0c0c0d;--pearl-accent:#d1d5db;--pearl-light:#f9fafb;--pearl-text:#f3f4f6;--pearl-muted:#9ca3af;--pearl-surface:#18181b;--pearl-border:#3f3f46;--pearl-cta:#6366f1}
body{background:var(--pearl-bg);color:var(--pearl-text);font-family:'Fraunces',serif;line-height:1.75}
h1,h2,h3,h4{font-family:'Wix Madefor Display',sans-serif;font-weight:800;color:var(--pearl-light);line-height:1.2}
h1{font-size:clamp(1.6rem,4vw,2.5rem);margin-bottom:1rem}
h2{font-size:clamp(1.2rem,3vw,1.8rem);margin-bottom:.8rem}
a{color:var(--pearl-cta);text-decoration:none}
a:hover{color:var(--pearl-light)}
p{margin-bottom:1rem}
.pearl-container{max-width:1100px;margin:0 auto;padding:0 1.5rem}
.pearl-btn{display:inline-block;background:var(--pearl-cta);color:#fff;padding:.8rem 2rem;border-radius:8px;font-family:'Wix Madefor Display',sans-serif;font-weight:700;font-size:.95rem;transition:background .2s}
.pearl-btn:hover{background:var(--pearl-light);color:#18181b}
.pearl-header{background:var(--pearl-surface);border-bottom:1px solid var(--pearl-border);padding:1rem 0}
.pearl-header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.pearl-logo{font-family:'Wix Madefor Display',sans-serif;font-weight:800;font-size:1.3rem;color:var(--pearl-light)}
.pearl-nav{display:flex;gap:1.5rem;list-style:none;flex-wrap:wrap}
.pearl-nav a{color:var(--pearl-text);font-size:.9rem}
.pearl-hero{padding:4rem 0;background:linear-gradient(135deg,#0c0c0d 0%,#1a1a2e 100%);text-align:center;border-bottom:1px solid var(--pearl-border)}
.pearl-hero p{font-size:1.05rem;color:var(--pearl-muted);margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}
.pearl-section{padding:3rem 0;border-bottom:1px solid var(--pearl-border)}
.pearl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem}
.pearl-card{background:var(--pearl-surface);border:1px solid var(--pearl-border);border-radius:10px;padding:1.5rem}
.pearl-card h3{color:var(--pearl-light)}
.pearl-steps{list-style:none;counter-reset:s;margin-top:1.5rem}
.pearl-steps li{counter-increment:s;padding:1rem 1rem 1rem 3.5rem;position:relative;border:1px solid var(--pearl-border);border-radius:8px;margin-bottom:.75rem;background:var(--pearl-surface)}
.pearl-steps li::before{content:counter(s);position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.8rem;height:1.8rem;background:var(--pearl-cta);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Wix Madefor Display',sans-serif;font-size:.85rem}
.pearl-vip-tier{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--pearl-surface);border:1px solid var(--pearl-border);border-radius:8px;margin-bottom:.6rem}
.pearl-vip-name{font-family:'Wix Madefor Display',sans-serif;font-weight:700;color:var(--pearl-light);min-width:90px}
.pearl-reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem}
.pearl-review{background:var(--pearl-surface);border:1px solid var(--pearl-border);border-radius:10px;padding:1.5rem}
.pearl-review-author{margin-top:.75rem;font-size:.85rem;color:var(--pearl-muted);font-style:italic}
.pearl-faq{margin-top:1.5rem}
.pearl-faq-item{border:1px solid var(--pearl-border);border-radius:8px;margin-bottom:.75rem;padding:1.25rem;background:var(--pearl-surface)}
.pearl-faq-q{font-family:'Wix Madefor Display',sans-serif;font-size:.95rem;font-weight:700;color:var(--pearl-light);margin-bottom:.5rem}
.pearl-author-note{background:var(--pearl-surface);border-left:3px solid var(--pearl-cta);padding:1.5rem;border-radius:0 8px 8px 0;margin:2rem 0}
.pearl-author-note h3{color:var(--pearl-cta);margin-bottom:.75rem}
.pearl-footer{background:var(--pearl-surface);border-top:1px solid var(--pearl-border);padding:2rem 0;text-align:center;font-size:.82rem;color:var(--pearl-muted)}
.pearl-footer p{margin-bottom:.5rem}
@media(max-width:768px){.pearl-hero{padding:2.5rem 0}.pearl-section{padding:2rem 0}}