/* دژنبشت — product + release-authenticity site. Brand system from src/.../css/brand.css:
   لاجورد / طلای کتیبه / سنگ آهک / مرکب. Rule honoured: ONE gold element per page
   (the کتیبه hairline under the wordmark). Committed single visual world (institutional
   light body + lapis-dark hero) — a deliberate choice, not a missing dark theme. */

@font-face{font-family:Vazirmatn;font-weight:400;font-display:swap;src:url("fonts/Vazirmatn-Regular.woff2") format("woff2")}
@font-face{font-family:Vazirmatn;font-weight:500;font-display:swap;src:url("fonts/Vazirmatn-Medium.woff2") format("woff2")}
@font-face{font-family:Vazirmatn;font-weight:600;font-display:swap;src:url("fonts/Vazirmatn-SemiBold.woff2") format("woff2")}
@font-face{font-family:Vazirmatn;font-weight:700;font-display:swap;src:url("fonts/Vazirmatn-Bold.woff2") format("woff2")}
@font-face{font-family:Vazirmatn;font-weight:900;font-display:swap;src:url("fonts/Vazirmatn-Black.woff2") format("woff2")}

:root{
  --lapis:#1C3D6B; --lapis-dark:#0F2340; --lapis-600:#24508c;
  --gold:#C9A227;
  --stone:#EDE7DA; --page:#F6F3EC;
  --ink:#14161A; --ink-2:#3a4250;
  --line:#dcd6c8;                       /* stone-biased hairline */
  --card:#ffffff;
  --ok:#1f7a4d;                          /* semantic (separate from the gold accent) */
  --mono:"Courier New",ui-monospace,monospace;
  --wrap:1120px;
  --r:14px;
  --shadow:0 1px 2px rgba(15,35,64,.06),0 8px 30px rgba(15,35,64,.07);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;font-family:Vazirmatn,Tahoma,system-ui,sans-serif;color:var(--ink);
  background:var(--page);line-height:1.85;font-size:17px;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(18px,4vw,40px)}
a{color:var(--lapis);text-decoration:none}
a:hover{color:var(--lapis-600)}
:focus-visible{outline:2.5px solid var(--gold);outline-offset:3px;border-radius:4px}
h1,h2,h3{text-wrap:balance;line-height:1.3;margin:0}

/* ── top bar ─────────────────────────────────────────────── */
header.top{position:sticky;top:0;z-index:20;background:rgba(15,35,64,.92);
  backdrop-filter:blur(8px);border-bottom:1px solid rgba(201,162,39,.18)}
.top .wrap{display:flex;align-items:center;gap:22px;height:66px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;color:#fff;font-size:1.35rem;letter-spacing:-.01em}
.brand .seal{width:30px;height:30px;flex:none}
.top nav{margin-inline-start:auto;display:flex;gap:26px;font-weight:500;font-size:.98rem}
.top nav a{color:#cdd6e4}
.top nav a:hover{color:#fff}
@media(max-width:640px){.top nav{display:none}}

/* ── hero ────────────────────────────────────────────────── */
.hero{background:
    radial-gradient(120% 90% at 85% -10%,#1e3f74 0,transparent 60%),
    linear-gradient(160deg,#0F2340 0%,#16305a 55%,#0F2340 100%);
  color:#eaf0f8;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 46px);
  mask-image:linear-gradient(to bottom,transparent,#000 40%,transparent)}
.hero .wrap{position:relative;padding:clamp(60px,10vw,120px) 0 clamp(52px,8vw,96px)}
.eyebrow{font-size:.82rem;font-weight:600;letter-spacing:.14em;color:#a9b8d0;
  text-transform:none;margin-bottom:20px}
.wordmark{font-weight:900;font-size:clamp(3rem,10vw,6rem);letter-spacing:-.02em;color:#fff;line-height:1}
/* کتیبه (inscription) hairline under the wordmark — kept quiet (steel), so the single GOLD
   accent of the page is spent on the release-authenticity thumbprint (the site's whole purpose). */
.katibe{width:132px;height:3px;
  background:linear-gradient(90deg,#7f93b4,rgba(127,147,180,0));
  border-radius:3px;margin:22px 0 26px}
.lede{font-size:clamp(1.05rem,2.4vw,1.35rem);max-width:34ch;color:#c9d4e6;font-weight:400}
.by{margin-top:26px;font-size:.95rem;color:#9fb0cb}
.by b{color:#d8e2f0;font-weight:600}
.cta{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-weight:600;font-size:1rem;
  padding:13px 24px;border-radius:11px;border:1px solid transparent;cursor:pointer;transition:.15s}
.btn-solid{background:#fff;color:var(--lapis-dark)}
.btn-solid:hover{background:#eef3fb;color:var(--lapis-dark);transform:translateY(-1px)}
.btn-ghost{border-color:rgba(201,214,235,.35);color:#dbe4f1;background:transparent}
.btn-ghost:hover{border-color:var(--gold);color:#fff}

/* ── sections ────────────────────────────────────────────── */
section{padding:clamp(52px,7vw,92px) 0}
.kicker{color:var(--lapis);font-weight:600;font-size:.9rem;letter-spacing:.04em;margin-bottom:12px}
.h2{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:800;color:var(--lapis-dark);margin-bottom:16px}
.sub{color:var(--ink-2);max-width:60ch;font-size:1.05rem}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px;margin-top:38px}
.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;
  box-shadow:var(--shadow)}
.feature .ic{width:40px;height:40px;color:var(--lapis);margin-bottom:14px}
.feature h3{font-size:1.15rem;font-weight:700;color:var(--lapis-dark);margin-bottom:7px}
.feature p{margin:0;color:var(--ink-2);font-size:.98rem;line-height:1.75}

/* ── verification panel (the functional core / TOFU channel) ─ */
.verify{background:var(--stone)}
.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);
  overflow:hidden;margin-top:36px}
.panel-head{display:flex;align-items:center;gap:14px;padding:22px 28px;
  background:linear-gradient(180deg,#fbf9f4,#fff);border-bottom:1px solid var(--line)}
.panel-head .badge{width:44px;height:44px;flex:none;color:var(--lapis)}
.panel-head h3{font-size:1.2rem;font-weight:800;color:var(--lapis-dark)}
.panel-head p{margin:2px 0 0;font-size:.9rem;color:var(--ink-2)}
.panel-body{padding:26px 28px;display:grid;gap:24px}
.field{display:grid;gap:8px}
.field label{font-weight:600;font-size:.92rem;color:var(--lapis-dark)}
.thumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.thumb code{font-family:var(--mono);font-size:1.02rem;letter-spacing:.06em;background:#0F2340;color:#e8d9a6;
  padding:11px 15px;border-radius:9px;direction:ltr;overflow-x:auto;white-space:nowrap;flex:1;min-width:0}
.copy{font-family:inherit;font-weight:600;font-size:.85rem;padding:9px 15px;border-radius:9px;
  border:1px solid var(--line);background:#fff;color:var(--lapis);cursor:pointer;flex:none}
.copy:hover{border-color:var(--lapis);background:#f4f7fc}
.copy.done{color:var(--ok);border-color:var(--ok)}
.dl{display:flex;flex-wrap:wrap;gap:12px}
.dl a{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:.95rem;padding:11px 18px;
  border-radius:10px;border:1px solid var(--lapis);color:var(--lapis);background:#fff}
.dl a:hover{background:var(--lapis);color:#fff}
.dl a svg{width:18px;height:18px}
.steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:14px}
.steps li{position:relative;padding-inline-start:44px;color:var(--ink-2);font-size:.98rem}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;inset-inline-start:0;top:1px;
  width:29px;height:29px;border-radius:50%;background:var(--lapis);color:#fff;font-weight:700;font-size:.9rem;
  display:grid;place-items:center}
.steps code{font-family:var(--mono);font-size:.9em;background:#eef1f4;padding:2px 7px;border-radius:6px;direction:ltr;display:inline-block}
.note{background:#eef2f7;border:1px solid #d3deec;border-inline-start:3px solid var(--lapis);
  border-radius:10px;padding:14px 18px;font-size:.92rem;color:#3a4657}
.note b{color:var(--lapis-dark)}

/* ── contact ─────────────────────────────────────────────── */
.contact{background:var(--lapis-dark);color:#e4ebf5}
.contact .h2{color:#fff}
.contact .sub{color:#b9c6dc}
.cinfo{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-top:36px}
.cinfo dl{margin:0;background:rgba(255,255,255,.04);border:1px solid rgba(201,214,235,.14);border-radius:12px;padding:20px 22px}
.cinfo dt{font-size:.8rem;color:#9fb0cb;font-weight:600;letter-spacing:.05em;margin-bottom:5px}
.cinfo dd{margin:0;font-size:1.02rem;color:#eef3fb;font-weight:500}
.cinfo dd a{color:#eef3fb}
.cinfo dd a:hover{color:var(--gold)}

/* ── footer ──────────────────────────────────────────────── */
footer{background:#0a1729;color:#8fa0bd;font-size:.9rem;padding:30px 0}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
footer b{color:#cdd6e4;font-weight:600}