/* ===== پایهٔ سازگاری (safe-area و hidden) ===== */:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}
/* =========================================================
   CRISPRmart Brand System  v1.0
   رنگ‌ها از خود لوگو نمونه‌برداری شده‌اند: آبی الکتریکی «mart»، نقره‌ی کروم «CRISPR»،
   طلای نشان Certified و سرمه‌ای عمیق پس‌زمینه.
   یک فایل برای دامنه‌های اکوسیستم. بدون وابستگی. RTL-first. فونت جایگزین سیستم.
   استفاده:  <link rel="stylesheet" href="/assets/crisprmart-brand.css">
   تم دامنه:  <body data-domain="aicrispr">   (crisprmart | aigenome | farsigene | crisprhub |
              aieran | aicrispr | aifoto | aishirt | aiaparat | shorachi)
   حالت روشن:  <html data-theme="light">  (پیش‌فرض تیره است، مثل لوگو)
   ========================================================= */

/* ---------- ۱. توکن‌ها ---------- */
:root{
  /* برند */
  --cm-blue:#0cb4fc;      /* آبی الکتریکی لوگو */
  --cm-blue-2:#0c9cfc;
  --cm-cyan:#0cccfc;
  --cm-blue-deep:#245484; /* صفحه‌ی شیشه‌ای زیر لوگو */
  --cm-silver:#e4e4e4;    /* کروم */
  --cm-silver-2:#cccce4;
  --cm-white:#fcfcfc;
  --cm-gold:#e4b454;      /* نشان Certified */
  --cm-gold-2:#fccc6c;
  --cm-gold-d:#cc9c3c;
  --cm-green:#22e55a;     /* حلقه‌ی اکوسیستم */

  /* سطوح (تیره، پیش‌فرض) */
  --bg:#070b1d; --bg-2:#0c1430; --surface:#0f1a3a; --surface-2:#142450;
  --line:#1f3566; --line-2:#2d4c8c;
  --fg:#eef3ff; --fg-2:#b6c3e4; --fg-3:#7385b3;
  --accent:var(--cm-blue); --accent-2:var(--cm-cyan); --accent-ink:#031526;
  --ok:#34d399; --warn:#fbbf24; --bad:#f87171;

  /* تایپوگرافی */
  --ff:'Vazirmatn',system-ui,'Segoe UI',Tahoma,sans-serif;
  --fm:'IBM Plex Mono',ui-monospace,Consolas,monospace;
  --fs-xs:12px; --fs-sm:13.5px; --fs-md:15px; --fs-lg:18px; --fs-xl:clamp(22px,4vw,30px); --fs-2xl:clamp(28px,6vw,46px);

  /* شکل و سایه (لبه‌های تیز مثل پنل آزمایشگاهی، فقط نشان‌ها گرد) */
  --r:0; --r-pill:999px; --gap:16px;
  --glow:0 0 0 1px var(--accent),0 10px 34px -12px var(--accent);
  --chrome:linear-gradient(180deg,#ffffff 0%,#eef0f6 42%,#aeb8d0 56%,#eef1f8 78%,#ffffff 100%);
  --electric:linear-gradient(180deg,#5fdcff 0%,#0cb4fc 55%,#0c8cf0 100%);
  --gold-grad:linear-gradient(160deg,#fccc6c 0%,#e4b454 45%,#cc9c3c 100%);
  --brand-grad:linear-gradient(135deg,#1560e0 0%,#0cb4fc 60%,#0cccfc 100%);
  color-scheme:dark;
}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]){
    --bg:#f3f6fd; --bg-2:#e8eefb; --surface:#ffffff; --surface-2:#eef3fc;
    --line:#cdd8ef; --line-2:#9db2dd; --fg:#0c1636; --fg-2:#40507a; --fg-3:#6a7aa3;
    --accent:#0a78d0; --accent-2:#0a9bc4; --accent-ink:#ffffff; --cm-gold:#b8860b;
    --ok:#0f9d6a; --warn:#b7791f; --bad:#c2413a;
    --chrome:linear-gradient(180deg,#5b6785,#2a3558); color-scheme:light;
  }
}
:root[data-theme="light"]{
  --bg:#f3f6fd; --bg-2:#e8eefb; --surface:#ffffff; --surface-2:#eef3fc;
  --line:#cdd8ef; --line-2:#9db2dd; --fg:#0c1636; --fg-2:#40507a; --fg-3:#6a7aa3;
  --accent:#0a78d0; --accent-2:#0a9bc4; --accent-ink:#ffffff; --cm-gold:#b8860b;
  --ok:#0f9d6a; --warn:#b7791f; --bad:#c2413a;
  --chrome:linear-gradient(180deg,#5b6785,#2a3558); color-scheme:light;
}

/* ---------- ۲. تم هر دامنه (هویت از تصویر برند همان دامنه) ---------- */
[data-domain="crisprmart"]{--accent:#14d8a0;--accent-2:#34e6c0}
[data-domain="aigenome"]{--accent:#b9c6e0;--accent-2:#e4e4e4;--accent-ink:#0c1636}
[data-domain="farsigene"]{--accent:#7fa6e6;--accent-2:#cfd9ee;--accent-ink:#071230}
[data-domain="crisprhub"]{--accent:#0cccfc;--accent-2:#6fe4ff}
[data-domain="aieran"]{--accent:#a855f7;--accent-2:#22d3ee}
[data-domain="aicrispr"]{--accent:#2f8cff;--accent-2:#38c8ff}
[data-domain="crisprtech"]{--accent:#9fb4d6;--accent-2:#cfe0ff;--accent-ink:#071230}
[data-domain="aifoto"]{--accent:#f59e0b;--accent-2:#fcd34d;--accent-ink:#1a1100}
[data-domain="aishirt"]{--accent:#f97316;--accent-2:#fdba74;--accent-ink:#1a0b00}
[data-domain="aiaparat"]{--accent:#ef4466;--accent-2:#fb8da4}
[data-domain="shorachi"]{--accent:#e4b454;--accent-2:#fccc6c;--accent-ink:#1a1100}

/* ---------- ۳. پایه ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 var(--fs-md)/1.8 var(--ff);direction:rtl;text-rendering:optimizeLegibility}
body.cm-grid{
  background-image:
    linear-gradient(rgba(110,150,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(110,150,255,.05) 1px,transparent 1px),
    radial-gradient(900px 420px at 85% -10%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),
    radial-gradient(700px 380px at 5% 0%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 70%);
  background-size:28px 28px,28px 28px,auto,auto}
h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.35;text-wrap:balance}
h1{font-size:var(--fs-2xl)} h2{font-size:var(--fs-xl)} h3{font-size:var(--fs-lg)}
p{margin:0}
a{color:var(--accent-2)} a:hover{filter:brightness(1.15)}
:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}
::selection{background:color-mix(in srgb,var(--accent) 40%,transparent)}
.cm-mono,.cm-num{font-family:var(--fm);direction:ltr;unicode-bidi:isolate}
.cm-num{font-variant-numeric:tabular-nums}
.cm-wrap{max-width:1180px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}
.cm-stack{display:flex;flex-direction:column;gap:var(--gap)}
.cm-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cm-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap)}

/* ---------- ۴. نشان‌واره و متن کروم ---------- */
.cm-chrome{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;letter-spacing:.5px}
.cm-electric{background:var(--electric);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.cm-wordmark{font:800 clamp(28px,6vw,48px)/1 var(--ff);direction:ltr;display:inline-flex;gap:.04em}
.cm-wordmark b{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.cm-wordmark i{font-style:normal;background:var(--electric);-webkit-background-clip:text;background-clip:text;color:transparent}
.cm-tagline{font:500 11px var(--fm);letter-spacing:.28em;text-transform:uppercase;color:var(--fg-2);direction:ltr}

/* ---------- ۵. دکمه ---------- */
.cm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 18px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--fg);font:600 var(--fs-sm)/1.4 var(--ff);cursor:pointer;border-radius:var(--r);text-decoration:none;transition:border-color .15s,background .15s,filter .15s}
.cm-btn:hover{border-color:var(--accent)}
.cm-btn--primary{background:var(--brand-grad);border-color:transparent;color:#fff}
.cm-btn--primary:hover{filter:brightness(1.12)}
.cm-btn--gold{background:var(--gold-grad);border-color:transparent;color:#2b1a00}
.cm-btn--ghost{background:transparent;border-color:var(--line)}
.cm-btn--danger{border-color:color-mix(in srgb,var(--bad) 55%,transparent);color:var(--bad);background:transparent}
.cm-btn--sm{min-height:34px;padding:4px 12px;font-size:var(--fs-xs)}
.cm-btn[disabled]{opacity:.5;cursor:not-allowed}

/* ---------- ۶. پنل، کارت، شیشه ---------- */
.cm-panel{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);padding:16px;border-radius:var(--r);position:relative}
.cm-panel--corner::before,.cm-panel--corner::after{content:"";position:absolute;width:10px;height:10px;border:0 solid var(--accent);opacity:.8}
.cm-panel--corner::before{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}
.cm-panel--corner::after{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}
.cm-panel--hover:hover{border-color:var(--accent);box-shadow:var(--glow);transform:translateY(-2px);transition:.2s}
.cm-glass{background:color-mix(in srgb,var(--surface) 62%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:0 20px 50px -24px #000}
.cm-seal{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--gold-grad);color:#2b1a00;font:800 12px var(--fm);box-shadow:0 0 0 4px #0c1430,0 0 0 6px var(--cm-gold-d),0 12px 30px -10px #000}

/* ---------- ۷. فرم ---------- */
.cm-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.cm-label{font-size:var(--fs-xs);color:var(--fg-2)}
.cm-input,.cm-select,.cm-textarea{width:100%;min-height:42px;padding:8px 12px;background:var(--bg-2);border:1px solid var(--line-2);color:var(--fg);font:inherit;border-radius:var(--r)}
.cm-textarea{line-height:1.6;resize:vertical}
.cm-input:focus,.cm-select:focus,.cm-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.cm-input::placeholder{color:var(--fg-3)}
.cm-code-input{font-family:var(--fm);direction:ltr;text-align:left;font-size:13px}
input[type=range].cm-range{width:100%;accent-color:var(--accent)}

/* ---------- ۸. برچسب، نشان، وضعیت ---------- */
.cm-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;min-height:32px;border:1px solid var(--line);background:var(--surface);color:var(--fg-2);font-size:var(--fs-xs);cursor:pointer;border-radius:var(--r-pill)}
.cm-chip[aria-pressed="true"],.cm-chip--on{border-color:var(--accent);color:var(--accent-2);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.cm-tag{display:inline-block;padding:0 8px;font-size:11px;line-height:1.8;border:1px solid var(--line-2);color:var(--fg-2)}
.cm-tag--free{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 55%,transparent)}
.cm-tag--pro{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}
.cm-tag--gold{color:var(--cm-gold);border-color:color-mix(in srgb,var(--cm-gold) 60%,transparent)}
.cm-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}
.cm-alert{padding:10px 14px;border:1px solid;font-size:var(--fs-sm)}
.cm-alert--ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 55%,transparent);background:color-mix(in srgb,var(--ok) 8%,transparent)}
.cm-alert--warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 55%,transparent);background:color-mix(in srgb,var(--warn) 8%,transparent)}
.cm-alert--bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 55%,transparent);background:color-mix(in srgb,var(--bad) 8%,transparent)}
.cm-progress{height:8px;background:var(--bg-2);border:1px solid var(--line);position:relative;overflow:hidden}
.cm-progress>i{position:absolute;inset:0 0 0 auto;background:var(--brand-grad);width:var(--v,0%)}

/* ---------- ۹. جدول ---------- */
.cm-table-wrap{overflow-x:auto;border:1px solid var(--line)}
.cm-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}
.cm-table th,.cm-table td{padding:8px 12px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.cm-table th{background:var(--surface);color:var(--fg-2);font-weight:500}
.cm-table tr:last-child td{border-bottom:0}
.cm-table td.cm-mono{text-align:left}

/* ---------- ۱۰. ناوبری و سربرگ ---------- */
.cm-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:14px}
.cm-nav{display:flex;flex-wrap:wrap;gap:4px}
.cm-nav a{padding:6px 12px;color:var(--fg-2);text-decoration:none;border-bottom:2px solid transparent}
.cm-nav a:hover,.cm-nav a[aria-current="page"]{color:var(--fg);border-bottom-color:var(--accent)}
.cm-footer{border-top:1px solid var(--line);padding-block:20px;color:var(--fg-2);font-size:var(--fs-sm)}

/* ---------- ۱۱. جلوه‌ها ---------- */
.cm-divider{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--line-2),transparent)}
.cm-glow{box-shadow:var(--glow)}
@keyframes cm-pulse{0%,86%,100%{opacity:1}92%{opacity:.35}}
.cm-led--pulse{animation:cm-pulse 2.8s infinite}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

:root{--gold:#f2c14e;--gold-2:#ffdc82;--ink:#03060f}
body{direction:ltr;background:#03060f;background-image:radial-gradient(1100px 500px at 80% 0%,rgba(12,180,252,.12),transparent 70%),radial-gradient(900px 400px at 10% 30%,rgba(228,180,84,.08),transparent 70%)}
.hm{max-width:1280px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}
/* نوار بالا */
.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(3,6,15,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(242,193,78,.45);box-shadow:0 1px 0 rgba(242,193,78,.15)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:#03060f}
.bar .hm{display:flex;align-items:center;gap:12px;min-height:76px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none;direction:ltr}
.brand img{width:52px;height:52px;object-fit:contain}
.brand .wm{display:flex;flex-direction:column;line-height:1}
.brand .wm span{font:800 28px/1 var(--ff);letter-spacing:.3px}
.brand .wm small{font:500 8.5px var(--fm);letter-spacing:.08em;color:var(--fg-2);margin-top:5px;text-transform:uppercase}
.nav{display:flex;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none;justify-content:center}
.nav::-webkit-scrollbar{display:none}
.nav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 12px;color:var(--fg-2);text-decoration:none;font-size:12.5px;white-space:nowrap;border:1px solid transparent;flex:none}
.nav a:hover{color:#fff}
.nav a[aria-current="page"]{color:var(--gold);border-color:rgba(242,193,78,.7);background:linear-gradient(180deg,rgba(242,193,78,.14),transparent);box-shadow:0 0 22px -8px var(--gold)}
.acts{display:flex;align-items:center;gap:8px;flex:none}
.lang{display:flex;align-items:center;gap:6px;color:var(--cm-cyan);font:500 12px var(--fm);background:transparent;border:0;cursor:pointer;min-height:36px}
.pill{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.55);color:#fff;text-decoration:none;font-weight:600;font-size:14px;background:transparent}
.pill.gold{background:linear-gradient(160deg,#ffdc82,#e4b454 55%,#cc9c3c);color:#2b1a00;border-color:transparent}
@media(max-width:1060px){.bar .hm{flex-wrap:wrap;padding-block:8px}.nav{order:3;flex-basis:100%;justify-content:flex-start}.acts{margin-inline-start:auto}}
/* هیرو */
.hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(242,193,78,.18)}
.hero-art{position:absolute;inset:0 0 0 auto;width:62%;background:url(../img/hero.webp) left center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
.hero .hm{position:relative;padding-block:46px 40px;display:grid;grid-template-columns:minmax(0,1fr);min-height:440px}
.hero-txt{width:min(540px,100%);display:flex;flex-direction:column;gap:16px;align-items:stretch;z-index:1}
p,h1,h2,h3,small,.eyebrow,.trust span,.tile b,.fi b,.nl b,.btn-gold b,.btn-out,.mini,.nav span,.pill,.copy a,.dc small,.dsec h2 span,.copy>span:not(.cm-mono){unicode-bidi:plaintext}
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.eyebrow{color:var(--gold-2);font-size:17px;font-weight:600}
.hero h1{font-size:clamp(40px,7vw,72px);line-height:1.15;font-weight:900;background:linear-gradient(90deg,#ffd876 0%,#f2c14e 38%,#2fd4ee 70%,#0cb4fc 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.hero p.lead{font-size:clamp(16px,2.2vw,20px);line-height:1.9;color:#e8edfa;font-weight:500}
.cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:4px}
.btn-gold{display:inline-flex;align-items:center;gap:14px;padding:8px 18px 8px 26px;min-height:60px;border-radius:999px;background:linear-gradient(160deg,#ffe08c,#f2c14e 50%,#cc9c3c);color:#2b1a00;text-decoration:none;box-shadow:0 0 0 1px rgba(255,220,130,.6),0 14px 34px -10px rgba(242,193,78,.7)}
.btn-gold b{display:block;font-size:20px;line-height:1.2}.btn-gold small{display:block;font-size:12px;opacity:.8}
.btn-gold .dot{width:38px;height:38px;border-radius:50%;background:#1a1405;color:var(--gold-2);display:grid;place-items:center}
.btn-out{display:inline-flex;align-items:center;gap:12px;padding:8px 22px;min-height:60px;border-radius:999px;border:1px solid var(--cm-blue-2);color:#fff;text-decoration:none;font-weight:600;background:rgba(12,40,80,.35)}
.btn-out .dot{width:34px;height:34px;border-radius:50%;border:1px solid var(--cm-cyan);display:grid;place-items:center;color:var(--cm-cyan)}
.trust{margin-top:10px;width:min(680px,100%)}.trust small{white-space:nowrap}@media(max-width:560px){.trust small{white-space:normal}}
.trust div{display:flex;align-items:center;gap:10px;color:var(--gold)}
.trust span{display:block;color:#fff;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap}.trust small{display:block;color:var(--fg-2);font-size:11.5px;font-weight:400}
@media(max-width:560px){.trust{grid-template-columns:minmax(0,1fr)}}
@media(max-width:820px){.hero-art{width:100%;opacity:.35;-webkit-mask-image:none;mask-image:none}}
/* دامنه‌ها */
.dsec{margin-top:22px;border:1px solid rgba(242,193,78,.45);background:linear-gradient(180deg,rgba(14,22,48,.8),rgba(5,9,20,.9));padding:14px 18px 20px;position:relative}
.dsec h2{text-align:center;font-size:20px;display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:14px;color:var(--gold-2)}
.dsec h2 b{direction:ltr;color:#fff}.dsec h2 i{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));display:inline-block}
.strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 2px 10px;scrollbar-width:thin}
.dc{--c:var(--gold);flex:0 0 clamp(142px,12.6%,170px);scroll-snap-align:start;border:1.5px solid var(--c);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--c) 22%,transparent),rgba(4,8,18,.9) 70%);box-shadow:0 0 22px -8px var(--c),inset 0 0 18px -10px var(--c);padding:16px 8px 12px;text-align:center;text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;border-radius:6px;transition:transform .2s}
.dc:hover{transform:translateY(-4px)}
.dc svg{color:var(--c);width:38px;height:38px;filter:drop-shadow(0 0 8px var(--c))}
.dc b{font:600 15px var(--ff);direction:ltr}.dc small{font-size:11.5px;color:#c4cde6;line-height:1.5}
.nv{position:absolute;top:58%;width:40px;height:40px;border-radius:50%;border:1px solid rgba(242,193,78,.6);background:#060a16;color:var(--gold);display:grid;place-items:center;cursor:pointer;z-index:2}
.nv.l{left:-14px}.nv.r{right:-14px}
@media(max-width:700px){.nv{display:none}}
/* ردیف پایین */
.row3{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:18px}
@media(min-width:1020px){.row3{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr)}}
.gbox{border:1px solid rgba(242,193,78,.4);background:linear-gradient(180deg,rgba(14,22,48,.7),rgba(5,9,20,.9));padding:16px;display:grid;gap:14px;min-width:0;border-radius:6px}
.world{grid-template-columns:minmax(0,1fr)}
@media(min-width:680px){.world{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr))}}
@media(min-width:1020px){.world{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}
.world .intro{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-content:start}
@media(min-width:680px){.world .intro{grid-template-columns:minmax(0,130px) minmax(0,1fr);align-items:center}}
.world img{width:100%;height:100%;object-fit:cover;min-height:120px;border-radius:4px;display:block;max-height:180px}
.world h3{color:#fff;font-size:20px;margin-bottom:4px}.world p{font-size:13px;color:#c4cde6;line-height:1.8}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:1020px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tile{border:1px solid rgba(120,140,200,.35);background:rgba(8,13,28,.8);padding:16px 8px;text-align:center;color:var(--gold);border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:6px}
.tile b{color:#fff;font-size:13px;font-weight:600}.tile small{color:var(--fg-2);font-size:11.5px}
.mini{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.5);padding:6px 18px;border-radius:999px;color:#fff;text-decoration:none;font-size:13px;justify-self:start;min-height:36px}
.demo{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media(min-width:420px){.demo{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}
.demo h3{font-size:19px;color:#fff;margin-bottom:4px}.demo p{font-size:13px;color:#c4cde6;margin-bottom:12px}
.thumb{position:relative;border-radius:4px;overflow:hidden;min-height:130px}.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb span{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:rgba(3,6,15,.7);border:2px solid #fff;display:grid;place-items:center;color:var(--gold-2)}
/* فوتر */
.ft{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:18px}
@media(min-width:1020px){.ft{grid-template-columns:minmax(0,1.1fr) minmax(0,1.7fr) minmax(0,1.3fr) minmax(0,1fr)}}
.fcell{border:1px solid rgba(242,193,78,.35);background:rgba(6,10,22,.85);padding:12px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-radius:6px;min-width:0}
.fcell .brand .wm small{font-size:7px;letter-spacing:.03em}.fcell .brand img{width:46px;height:46px}.fcell .brand .wm span{font-size:22px}
.fi{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;flex:1}
.fi div{display:flex;align-items:center;gap:8px;color:var(--gold);min-width:0}.fi b{display:block;color:#fff;font-size:12px;font-weight:600;line-height:1.4}.fi small{display:block;color:var(--fg-2);font-size:11px}
.nl{display:flex;flex-direction:column;gap:6px;width:100%}.nl b{color:var(--gold);font-size:13px}.nl small{color:var(--fg-2);font-size:11.5px}
.nl form{display:flex;gap:6px}.nl input{flex:1;min-width:0;min-height:38px;background:#050913;border:1px solid var(--line-2);color:#fff;padding:4px 12px;border-radius:999px;font:inherit;font-size:13px}
.nl button{width:38px;height:38px;border-radius:50%;border:0;background:linear-gradient(160deg,#ffdc82,#cc9c3c);color:#2b1a00;cursor:pointer;display:grid;place-items:center;flex:none}
.soc{display:flex;align-items:center;gap:10px;color:#fff;justify-content:space-between;width:100%}
.soc a{color:#fff;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%}
.qr{width:64px;height:64px;border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;color:#fff}
.copy{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:18px 34px;color:var(--fg-2);font-size:12.5px}
.copy nav{display:flex;gap:18px;flex-wrap:wrap}.copy a{color:var(--fg-2);text-decoration:none}.copy a:hover{color:#fff}
.tag{text-align:center;font:500 10px var(--fm);letter-spacing:.3em;color:var(--fg-2);padding-bottom:8px;direction:ltr}

/* ---------- فونت خودمیزبان (اختیاری) ----------
   پس از قرار دادن Vazirmatn-Variable.woff2 در assets/fonts/ این بلوک را فعال کنید:
@font-face{font-family:'Vazirmatn';src:local('Vazirmatn'),url('../fonts/Vazirmatn-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
*/

/* CRISPRmart substantive product upgrade v1.1.0 */
.workbench,.pathways,.status-panel{margin:34px 0 44px;padding:clamp(20px,3vw,34px);border:1px solid rgba(228,180,84,.2);border-radius:24px;background:linear-gradient(145deg,rgba(16,25,44,.96),rgba(6,10,20,.96));box-shadow:0 18px 55px rgba(0,0,0,.16)}
.section-head{max-width:850px;margin:0 auto 26px;text-align:center}.section-head h2,.status-panel h2{margin:8px 0 10px;font-size:clamp(1.45rem,2.5vw,2rem);color:var(--text,#f4f6fb)}.section-head p,.status-panel p{color:var(--muted,#a8b1c3);line-height:1.9;margin:0}.bench-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bench-panel{padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025);min-width:0}.bench-panel label{display:block;font-weight:700;margin:0 0 9px}.bench-panel textarea{box-sizing:border-box;width:100%;resize:vertical;background:#050914;color:#eaf0fa;border:1px solid #354158;border-radius:12px;padding:12px;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.bench-panel textarea:focus{outline:2px solid #d9ad54;outline-offset:2px}.bench-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.bench-actions button,.result-panel>button{cursor:pointer}.micro-note,.disclaimer{font-size:.88rem;line-height:1.9;color:var(--muted,#a8b1c3)}.tool-message{min-height:1.5em;color:#e8c46c;font-size:.92rem}.result-panel h3{margin:0 0 16px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.metric{display:flex;flex-direction:column;gap:3px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}.metric small,.metric span{color:var(--muted,#a8b1c3);font-size:.8rem}.metric strong{font-size:1.45rem;color:#eac56f;font-variant-numeric:tabular-nums}.result-panel>button{margin-top:10px}.disclaimer{margin:18px 0 0;padding:12px 15px;border-right:3px solid #d9ad54;background:rgba(217,173,84,.06);border-radius:8px}.path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.path-card{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:inherit;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);transition:transform .18s,border-color .18s}.path-card:hover{transform:translateY(-3px);border-color:rgba(228,180,84,.55)}.path-num{color:#eac56f;font:700 .85rem ui-monospace,monospace;letter-spacing:.08em}.path-card h3{margin:12px 0 8px;font-size:1.08rem}.path-card p{margin:0 0 18px;color:var(--muted,#a8b1c3);line-height:1.9;font-size:.92rem;flex:1}.path-link{color:#eac56f;font-weight:700;font-size:.88rem}.status-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}.status-list{display:flex;flex-direction:column;gap:0}.status-list>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.status-list>div:last-child{border-bottom:0}.status-list b,.status-list small{display:block}.status-list small{color:var(--muted,#a8b1c3);font-size:.82rem;margin-top:3px}.status-list em{font-style:normal;font-size:.77rem;color:#d7dce5;padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.06);white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;display:block}.status-dot.ready{background:#43d69e;box-shadow:0 0 0 4px rgba(67,214,158,.1)}.status-dot.pending{background:#e6b85c;box-shadow:0 0 0 4px rgba(230,184,92,.1)}
@media(max-width:900px){.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-panel{grid-template-columns:1fr}.bench-grid{grid-template-columns:1fr}}
@media(max-width:520px){.workbench,.pathways,.status-panel{padding:17px;margin:24px 0}.path-grid{grid-template-columns:1fr}.status-list>div{grid-template-columns:10px minmax(0,1fr)}.status-list em{grid-column:2;justify-self:start}.bench-panel{padding:14px}.section-head{text-align:right}}

.quick-tool-link{display:inline-flex;gap:8px;align-items:center;margin-top:15px;color:#eac56f;text-decoration:none;font-weight:700;font-size:.92rem;border-bottom:1px dashed rgba(234,197,111,.45);padding-bottom:4px}.quick-tool-link:hover{color:#fff}.bench-panel button{font:inherit}.bench-panel .btn-gold,.bench-panel .btn-out{padding:10px 16px;border-radius:10px}