/* MirrorSeal v1 — Contrast-Verified Palette — A11yGate Site Styles — 2026-03-26 */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,400&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
:root{--cream:#f5f2ec;--cream-light:#faf8f4;--white:#fff;--black:#000;--text:#1a1a1a;--text-secondary:#4b5563;--gold:#7a5a00;--gold-soft:#8a6b1f;--gold-bright:#d6b168;--link:#0b3d91;--link-hover:#0d47a1;--pass:#166534;--conditional:#854d0e;--fail:#991b1b;--border:#e5e1da;--font-serif:'Source Serif 4',Georgia,'Times New Roman',serif;--font-sans:'Inter','Helvetica Neue',Arial,sans-serif;--font-mono:'JetBrains Mono','SF Mono',Consolas,'Courier New',monospace;--max-width:960px;--gap:24px;--radius:10px;--radius-sm:6px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-serif);color:var(--text);background:var(--cream);line-height:1.7;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--max-width);margin:0 auto;padding:48px 24px}
h1,h2,h3,h4{font-family:var(--font-sans);color:var(--black);line-height:1.25;letter-spacing:-.01em}
h1{font-size:2.25rem;font-weight:700;margin-bottom:16px}
h2{font-size:1.5rem;font-weight:600;margin-top:48px;margin-bottom:16px}
h3{font-size:1.125rem;font-weight:600;margin-top:32px;margin-bottom:12px}
p{margin-bottom:16px;max-width:65ch}
a{color:var(--link);text-decoration:underline;text-underline-offset:3px;transition:color .15s}
a:hover{color:var(--link-hover)}
strong{font-weight:600}
small{font-size:.875rem;color:var(--text-secondary)}
code{font-family:var(--font-mono);font-size:.85em;background:var(--cream-light);padding:2px 5px;border-radius:3px}
.seal-line{border:0;height:2px;background:var(--gold-bright);opacity:.5;margin:40px 0}
hr{border:0;border-top:1px solid var(--border);margin:32px 0}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:40px}
.nav-brand{font-family:var(--font-sans);font-weight:700;font-size:1.125rem;color:var(--black);text-decoration:none}
.nav-links{display:flex;gap:24px;list-style:none}
.nav-links a{font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .15s}
.nav-links a:hover{color:var(--black)}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;padding:12px 24px;border-radius:var(--radius-sm);border:2px solid var(--gold);color:var(--gold);background:transparent;text-decoration:none;cursor:pointer;transition:all .2s ease;line-height:1}
.btn:hover{background:var(--gold);color:var(--cream)}
.btn-primary{background:var(--black);color:var(--cream);border-color:var(--black)}
.btn-primary:hover{background:var(--text);border-color:var(--text);color:var(--cream)}
.btn-stripe{background:var(--gold);color:var(--white);border-color:var(--gold);font-size:.875rem;padding:10px 20px}
.btn-stripe:hover{background:var(--gold-soft);border-color:var(--gold-soft);color:var(--white)}
.btn-sm{font-size:.8125rem;padding:8px 16px}
.btn-ghost{border-color:var(--border);color:var(--text-secondary)}
.btn-ghost:hover{border-color:var(--text);color:var(--text);background:transparent}
.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:var(--gap);transition:border-color .2s}
.card:hover{border-color:var(--gold-soft)}
.card-featured{border:2px solid var(--gold);position:relative}
.card-featured::before{content:'Most Popular';position:absolute;top:-12px;left:24px;background:var(--gold);color:var(--white);font-family:var(--font-sans);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 12px;border-radius:3px}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap);margin-top:32px}
.price-tag{font-family:var(--font-sans);font-size:2rem;font-weight:700;color:var(--black);line-height:1}
.price-tag .period{font-size:.875rem;font-weight:500;color:var(--text-secondary)}
.price-tag .original{font-size:1rem;color:var(--text-secondary);text-decoration:line-through;margin-right:8px}
.tier-name{font-family:var(--font-sans);font-size:1.125rem;font-weight:700;color:var(--black);margin-bottom:4px}
.tier-desc{font-size:.875rem;color:var(--text-secondary);margin-bottom:16px;font-family:var(--font-sans)}
.feature-list{list-style:none;margin:16px 0 24px;padding:0}
.feature-list li{font-family:var(--font-sans);font-size:.875rem;padding:6px 0 6px 24px;position:relative;color:var(--text)}
.feature-list li::before{content:'\2713';position:absolute;left:0;color:var(--pass);font-weight:700}
.badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:3px}
.badge-pass{background:#dcfce7;color:var(--pass)}
.badge-conditional{background:#fef3c7;color:var(--conditional)}
.badge-fail{background:#fee2e2;color:var(--fail)}
.badge-new{background:#dbeafe;color:#1e40af}
.success-box{text-align:center;padding:64px 24px}
.success-icon{font-size:4rem;margin-bottom:16px}
.success-box h1{margin-bottom:12px}
.footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--border);text-align:center;font-family:var(--font-sans);font-size:.8125rem;color:var(--text-secondary)}
.footer a{color:var(--text-secondary)}
.footer a:hover{color:var(--black)}
@media(max-width:640px){.wrap{padding:24px 16px}h1{font-size:1.75rem}.pricing-grid{grid-template-columns:1fr}.nav{flex-direction:column;gap:12px}.nav-links{gap:16px}}
.loading{display:none;align-items:center;gap:8px}
.loading.active{display:inline-flex}
.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}