/* ===== Mandgaar — shared design language (Liquid Glass · gold/black) ===== */
/* Bodoni (Latin wordmark) from Google with graceful serif fallback; Vazirmatn self-hosted below. */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,500;6..96,700&display=swap');

/* Vazirmatn — self-hosted (reliable inside Iran, no CDN dependency) */
@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}

:root{
  --bg:#0a0907; --bg2:#100e0a; --surface:rgba(255,255,255,.045); --surface2:rgba(255,255,255,.07);
  --line:rgba(212,175,55,.16); --line2:rgba(255,255,255,.08);
  --gold:#e7c66b; --gold-2:#d4af37; --gold-3:#b8860b; --gold-soft:#f5e6b8;
  --ink:#f5f1e8; --muted:#a99f8b; --danger:#ff8a8a;
  --radius:18px; --radius-lg:26px;
  --glass-blur:blur(16px) saturate(140%);
  --grad-gold:linear-gradient(135deg,#f5e6b8,#e7c66b 40%,#c9a227 70%,#9c7b1a);
  --shadow:0 18px 60px rgba(0,0,0,.55);
  --z-nav:50;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.p013-body{margin:0;background:var(--bg);color:var(--ink);
  font-family:Vazirmatn,Tahoma,system-ui,sans-serif;line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.p013-body a{color:inherit;text-decoration:none}
/* gold buttons need dark text — override the generic a{color:inherit} with higher specificity */
.p013-body a.p013-cta{color:#241b06}
.p013-body a.p013-ghost{color:var(--ink)}
/* form controls do NOT inherit font by default — force Vazirmatn everywhere */
.p013-body input,.p013-body button,.p013-body textarea,.p013-body select{font-family:Vazirmatn,Tahoma,system-ui,sans-serif}
.p013-wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 22px}
.p013-latin{font-family:'Bodoni Moda',Vazirmatn,serif}

/* atmosphere */
.p013-atmos{position:fixed;inset:0;z-index:-2;background:
  radial-gradient(900px 500px at 78% -8%,rgba(212,175,55,.14),transparent 60%),
  radial-gradient(700px 500px at 8% 12%,rgba(184,134,11,.10),transparent 60%),
  linear-gradient(180deg,var(--bg),var(--bg2));}
.p013-grain{position:fixed;inset:0;z-index:-1;opacity:.04;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1px);background-size:3px 3px}

/* buttons */
.p013-cta{display:inline-flex;align-items:center;gap:9px;padding:14px 30px;border-radius:999px;
  font-weight:700;font-size:15px;cursor:pointer;border:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;
  background:var(--grad-gold);color:#241b06;box-shadow:0 10px 30px rgba(212,175,55,.28)}
.p013-cta:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(212,175,55,.42)}
.p013-cta:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px}
.p013-ghost{display:inline-flex;align-items:center;gap:9px;padding:14px 28px;border-radius:999px;font-weight:600;font-size:15px;
  cursor:pointer;background:var(--surface);border:1px solid var(--line);color:var(--ink);backdrop-filter:var(--glass-blur);transition:.25s}
.p013-ghost:hover{background:var(--surface2);border-color:var(--gold-2)}
.p013-ghost:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px}

/* glass card */
.p013-glass{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
  backdrop-filter:var(--glass-blur);box-shadow:var(--shadow)}

/* header (shared) */
.p013-head{position:sticky;top:0;z-index:var(--z-nav);backdrop-filter:blur(18px);
  background:rgba(10,9,7,.55);border-bottom:1px solid var(--line2)}
.p013-nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.p013-brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:22px;letter-spacing:.3px}
.p013-brand .mk{width:30px;height:30px;border-radius:9px;background:var(--grad-gold);display:grid;place-items:center;
  color:#241b06;font-weight:800;box-shadow:0 6px 18px rgba(212,175,55,.4)}
.p013-brand b{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:'Bodoni Moda',serif}
.p013-logo{height:48px;width:48px;border-radius:50%;display:block;object-fit:cover;
  box-shadow:0 4px 16px rgba(0,0,0,.5),0 0 0 1px rgba(212,175,55,.25)}
.v-brand .p013-logo{height:44px;width:44px}
.p013-navcta{display:flex;gap:10px;align-items:center}
.p013-langsw{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--surface);backdrop-filter:var(--glass-blur)}
.p013-langsw a{padding:7px 13px;font-size:13px;font-weight:700;color:var(--muted);transition:.2s;line-height:1}
.p013-langsw a.on{background:var(--grad-gold);color:#241b06}
.p013-langsw a:not(.on):hover{color:var(--gold)}

/* section shells */
.p013-sec{padding:88px 0}
.p013-eyebrow{text-align:center;color:var(--gold);font-size:12px;letter-spacing:3px;text-transform:uppercase;margin-bottom:14px}
.p013-h2{text-align:center;font-size:clamp(26px,4.6vw,42px);font-weight:800;letter-spacing:-.5px;margin:0 0 14px}
.p013-lead{text-align:center;color:var(--muted);max-width:600px;margin:0 auto 54px;font-size:clamp(15px,2vw,17px)}

@media(max-width:820px){.p013-navcta .p013-ghost{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}