/* ویترین — platform landing + console. Ink and signal amber; the product's own voice, separate from any dealer's. */
:root,.tone-dark{--accent:#F5B83D;--accent-hi:#FFCB62;--accent-ink:#F5B83D;--on-accent:#1A1305;--accent-soft:rgba(245,184,61,.13);--bg:#0C0E12;--surface:#13161C;--raised:#1C2028;--sunk:#090A0D}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--accent:#E9A21C;--accent-hi:#D89110;--accent-ink:#8A5A00;--on-accent:#1A1305;--accent-soft:rgba(233,162,28,.14);--bg:#F5F4F0;--surface:#FFFFFF;--raised:#ECEAE4;--sunk:#E4E2DB}}
:root[data-theme="light"]{--accent:#E9A21C;--accent-hi:#D89110;--accent-ink:#8A5A00;--on-accent:#1A1305;--accent-soft:rgba(233,162,28,.14);--bg:#F5F4F0;--surface:#FFFFFF;--raised:#ECEAE4;--sunk:#E4E2DB}
.spacer{flex:1}
.ph{position:sticky;top:0;z-index:50;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.ph-in{display:flex;align-items:center;gap:18px;min-height:68px}
.plogo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg)}
.plogo b{font-size:1.3rem;font-weight:900}
.pmark{width:38px;height:38px;border-radius:11px;background:var(--fg);color:var(--accent);display:grid;place-items:center}
.pmark svg{width:24px;height:24px}
.pnav{display:flex;gap:4px;margin-inline:auto}
.pnav a{padding:8px 12px;border-radius:999px;color:var(--fg-2);text-decoration:none;font-size:.9375rem}
.pnav a:hover{background:var(--raised)}
.pacts{display:flex;gap:8px;align-items:center;margin-inline-start:auto}
@media (max-width:860px){.pnav{display:none}}
.phero{padding-block:clamp(40px,7vw,96px)}
.phero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
@media (max-width:900px){.phero-in{grid-template-columns:minmax(0,1fr)}}
.phero h1{font-size:clamp(2.1rem,5vw,3.8rem);font-weight:900;line-height:1.3;margin-top:16px}
.phero h1 em{font-style:normal;color:var(--accent-ink)}
.plede{font-size:1.1rem;color:var(--fg-2);margin-top:20px;max-width:56ch}
.pcta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.pchecks{list-style:none;padding:0;margin:24px 0 0;display:flex;gap:8px 20px;flex-wrap:wrap;font-size:.9375rem;color:var(--fg-2)}
.pchecks li::before{content:"✓";color:var(--ok);font-weight:800;margin-inline-end:6px}
.pshot{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow);overflow:hidden;min-width:0}
.pshot-win{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line)}
.pshot-win span{width:10px;height:10px;border-radius:50%;background:var(--raised)}
.pshot-body{padding:18px;display:flex;flex-direction:column;gap:14px}
.ps-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ps-k div{background:var(--raised);border-radius:var(--r-m);padding:12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.ps-k small{font-size:.75rem;color:var(--mute)}
.ps-k b{font-size:1.05rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-rows p{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:.875rem}
.ps-rows span{color:var(--fg-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ok{color:var(--ok)}.warn{color:var(--warn)}
.psec{padding-block:clamp(48px,7vw,96px)}
.psec.alt{background:var(--surface);border-block:1px solid var(--line)}
.psec-h{max-width:720px;margin-bottom:32px}
.psec h2{font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:900;line-height:1.35;margin-top:10px}
.psec p{color:var(--fg-2)}
.psec-h p:last-child{margin-top:12px}
.tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:900px){.tgrid{grid-template-columns:minmax(0,1fr)}}
.tcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;background:var(--surface);text-decoration:none;color:var(--fg);transition:transform .25s var(--ease),border-color .2s}
.tcard:hover{transform:translateY(-3px);border-color:var(--accent)}
.tcard img{aspect-ratio:16/11;object-fit:cover;object-position:top;width:100%;background:var(--raised)}
.tcard div{padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.tcard b{font-size:1.1rem}
.tcard span{font-size:.875rem;color:var(--mute)}
.tcard i{font-style:normal;color:var(--accent-ink);font-size:.875rem;font-weight:600;margin-top:6px}
.fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}
@media (max-width:900px){.fgrid{grid-template-columns:minmax(0,1fr)}}
.fgrid div{background:var(--surface);padding:22px;display:flex;flex-direction:column;gap:8px}
.fgrid b{font-size:1.05rem}
.fgrid p{font-size:.9375rem}
.split2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:900px){.split2{grid-template-columns:minmax(0,1fr)}}
.split2>div>p{margin-top:14px}
.acclist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}
.acclist li{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-bottom:1px solid var(--line)}
.acclist b{font-weight:700}
.acclist span{color:var(--mute);font-size:.9375rem}
.steps3{display:flex;flex-direction:column;gap:10px}
.steps3 div{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--bg);font-weight:600}
.steps3 span{width:34px;height:34px;border-radius:10px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:900;flex:none}
.slugbox{display:flex;align-items:center;gap:0;background:var(--raised);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;direction:ltr}
.slugbox input{border:0!important;background:none!important;min-width:0;flex:1}
.slugbox span{padding:0 12px;color:var(--mute);font-size:.875rem;white-space:nowrap;max-width:55%;overflow:hidden;text-overflow:ellipsis}
.pf{border-top:1px solid var(--line);padding-block:28px}
.pf-in{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
/* console */
.cbody{padding-block:24px 60px;display:flex;flex-direction:column;gap:20px}
.ctbl{width:100%;border-collapse:collapse;font-size:.9375rem}
.ctbl th{text-align:right;font-weight:500;color:var(--mute);font-size:.8125rem;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.ctbl td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.ctbl tr.clickable{cursor:pointer}.ctbl tr.clickable:hover td{background:var(--raised)}
.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:20px;min-width:0}
.box-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.box-h h2{font-size:1.15rem}
.kgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.kgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kgrid div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.kgrid small{color:var(--mute);font-size:.8125rem}
.kgrid b{font-size:1.6rem;font-weight:900}
.tw{overflow-x:auto}
.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--raised);color:var(--mute)}
.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.warn{background:var(--warn-soft);color:var(--warn)}
.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;margin:0;font-size:.9375rem}
.kv dt{color:var(--mute)}.kv dd{margin:0;font-weight:500;overflow-wrap:anywhere}