/* ════════════════════════════════════════════════════════════════════
   PDFZero — Shared content-page stylesheet
   Used by About, Privacy, Terms, Contact. Mirrors the homepage tokens
   so theme + language switcher behave identically.
   ════════════════════════════════════════════════════════════════════ */
:root{
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --display:'Poppins','Inter',sans-serif;
  --serif:'Instrument Serif',Georgia,serif;
  --bg:#06060a; --bg2:#0c0c12; --surface:#101018; --surface2:#16161f; --surface3:#1e1e2a;
  --b1:rgba(255,255,255,0.055); --b2:rgba(255,255,255,0.10); --b3:rgba(255,255,255,0.18);
  --t1:#f2f0fa; --t2:rgba(242,240,250,0.58); --t3:rgba(242,240,250,0.30);
  --lime:#c8ff57; --lime-d:#050507; --teal:#57ffe8; --violet:#a78bfa;
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-2xl:28px; --r-pill:9999px;
  --menti-blue:#5568f6;
  --ease-expo:cubic-bezier(0.16,1,0.3,1);
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
}
[data-theme="light"]{
  --bg:#f8f7ff; --bg2:#efeff8; --surface:#ffffff; --surface2:#f4f3fc; --surface3:#eaeaf5;
  --b1:rgba(0,0,0,0.06); --b2:rgba(0,0,0,0.10); --b3:rgba(0,0,0,0.18);
  --t1:#0d0d18; --t2:rgba(13,13,24,0.58); --t3:rgba(13,13,24,0.32);
  --lime:#3f7200; --lime-d:#fff; --teal:#006b5f; --violet:#5b21b6;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);color:var(--t1);
  font-family:var(--font);font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;transition:background .4s,color .4s;
}
a{text-decoration:none;color:inherit;}
button{font-family:var(--font);cursor:pointer;border:none;background:none;}
img{display:block;max-width:100%;}
::selection{background:var(--lime);color:var(--lime-d);}

/* ── Nav ── */
.nav{
  position:sticky;top:0;z-index:300;height:72px;
  display:flex;align-items:center;justify-content:space-between;padding:0 40px;
  background:rgba(6,6,10,0.72);backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%);
  border-bottom:1px solid var(--b1);
}
[data-theme="light"] .nav{background:rgba(248,247,255,0.82);}
.nav-logo{display:flex;align-items:center;gap:12px;font-family:var(--display);
  font-size:23px;font-weight:700;letter-spacing:-0.035em;color:var(--t1);}
.nav-logo-mark{width:46px;height:46px;border-radius:12px;object-fit:contain;
  background:#fff;padding:3px;box-shadow:0 2px 12px rgba(0,0,0,0.25);
  transition:transform .35s var(--ease-spring);}
.nav-logo:hover .nav-logo-mark{transform:rotate(-8deg) scale(1.12);}
.nav-right{display:flex;align-items:center;gap:12px;}
.nav-back{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 20px;border-radius:var(--r-pill);
  background:var(--lime);color:var(--lime-d);
  font-size:13.5px;font-weight:700;letter-spacing:-0.01em;
  transition:transform .2s var(--ease-spring),box-shadow .3s;white-space:nowrap;
}
.nav-back:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(200,255,87,0.3);}
.theme-btn{width:44px;height:24px;border-radius:var(--r-pill);background:var(--surface2);
  border:1px solid var(--b2);position:relative;flex-shrink:0;}
.theme-btn::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;
  border-radius:50%;background:var(--t1);transition:transform .35s var(--ease-spring);}
[data-theme="light"] .theme-btn::after{transform:translateX(20px);}

/* ── Page shell ── */
.page-hero{
  position:relative;overflow:hidden;
  padding:80px 24px 48px;text-align:center;
  border-bottom:1px solid var(--b1);
  background:
    radial-gradient(60% 80% at 50% 0%,rgba(200,255,87,0.06),transparent 60%),
    radial-gradient(50% 60% at 100% 100%,rgba(87,255,232,0.05),transparent 60%),
    var(--bg2);
}
.page-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--lime);margin-bottom:14px;}
.page-hero h1{font-family:var(--display);font-size:clamp(34px,6vw,60px);font-weight:600;
  letter-spacing:-0.035em;line-height:1.05;color:var(--t1);}
.page-hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--lime);}
.page-hero p{font-size:clamp(15px,2vw,18px);color:var(--t2);max-width:600px;margin:18px auto 0;}
.page-meta{font-size:13px;color:var(--t3);margin-top:16px;}

.page-wrap{max-width:840px;margin:0 auto;padding:56px 24px 90px;}
.page-wrap h2{font-family:var(--display);font-size:clamp(22px,3vw,30px);font-weight:600;
  letter-spacing:-0.02em;margin:42px 0 14px;color:var(--t1);}
.page-wrap h2:first-child{margin-top:0;}
.page-wrap h3{font-family:var(--display);font-size:19px;font-weight:600;margin:28px 0 10px;color:var(--t1);}
.page-wrap p{color:var(--t2);margin-bottom:16px;}
.page-wrap ul{margin:0 0 18px 22px;color:var(--t2);}
.page-wrap li{margin-bottom:9px;}
.page-wrap a.inline{color:var(--teal);font-weight:600;}
.page-wrap a.inline:hover{text-decoration:underline;}
.page-wrap strong{color:var(--t1);font-weight:700;}
.card{
  background:var(--surface);border:1px solid var(--b1);border-radius:var(--r-xl);
  padding:28px 28px;margin:24px 0;
}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0;}
.feature{background:var(--surface);border:1px solid var(--b1);border-radius:var(--r-lg);padding:22px;}
.feature .ic{font-size:26px;margin-bottom:10px;}
.feature h4{font-family:var(--display);font-size:16px;font-weight:600;margin-bottom:6px;color:var(--t1);}
.feature p{font-size:13.5px;color:var(--t2);margin:0;}

/* ── Footer (compact blue) ── */
.pfooter{background:var(--menti-blue);color:#fff;padding:48px max(24px,calc((100% - 1100px)/2)) 40px;}
.pfoot-top{display:flex;align-items:center;gap:13px;margin-bottom:22px;}
.pfoot-logo{width:38px;height:38px;border-radius:10px;object-fit:cover;background:#fff;}
.pfoot-name{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-0.03em;}
.pfoot-links{display:flex;flex-wrap:wrap;gap:10px 26px;margin-bottom:24px;}
.pfoot-links a{font-size:14.5px;color:rgba(255,255,255,0.85);transition:color .2s;}
.pfoot-links a:hover{color:#fff;text-decoration:underline;}
.pfoot-note{font-size:13px;color:rgba(255,255,255,0.78);border-top:1px solid rgba(255,255,255,0.25);padding-top:20px;}

@media(max-width:768px){
  .nav{padding:0 18px;height:62px;}
  .nav-logo{font-size:19px;} .nav-logo-mark{width:34px;height:34px;}
}