/*!
 * RAMZO Design System — main.css (Light / Lumen-inspired)
 * Airy light surface, soft neutral grays, subtle borders, gentle luminescent glow.
 * Nazanin (Naskh) typography, RTL-first, logical properties.
 */

/* ============ Fonts ============ */
@font-face{font-family:"RZ Nazanin";src:url(../fonts/nazanin-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"RZ Nazanin";src:url(../fonts/nazanin-600.woff2) format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"RZ Nazanin";src:url(../fonts/nazanin-700.woff2) format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"RZ Latin";src:url(../fonts/latin.woff2) format("woff2");font-weight:400 700;font-display:swap}

/* ============ Tokens ============ */
:root{
  --v-50:#F1EEFF;--v-100:#E4DEFF;--v-200:#CABFFF;--v-300:#AB9BFF;--v-400:#917CFF;--v-500:#7C5CFF;--v-600:#6A45F0;--v-700:#5733CE;--v-800:#45299C;--v-900:#2F1C6B;
  --c-300:#8FEAF6;--c-400:#4FDAEE;--c-500:#1EC6E0;--c-600:#12A2BC;--c-700:#107C8F;
  --amber:#E88C00;--amber-50:#FFF6E8;--rose:#E23E63;--rose-50:#FCEDF0;--green:#12A66F;--green-50:#E9F8F1;

  --paper:#FBFBFD;--paper-2:#F5F5FA;--surface:#FFFFFF;--muted-bg:#F1F1F6;
  --ink-950:#0C0A1A;--ink-900:#15122B;--ink-800:#242140;--ink-700:#3A3658;--ink-600:#565270;--ink-500:#75718F;--ink-400:#9A97B0;--ink-300:#C3C0D4;

  --bg:var(--paper);--bg-2:var(--paper-2);--panel:var(--surface);--panel-2:var(--muted-bg);
  --fg:var(--ink-950);--fg-soft:var(--ink-700);--fg-muted:var(--ink-500);
  --border:#E8E7EF;--border-2:#DEDCE8;--border-glow:rgba(124,92,255,.42);
  --primary:var(--v-500);--primary-2:var(--v-600);--primary-ink:#fff;--primary-soft:#F1EEFF;
  --cyan:var(--c-500);--cyan-soft:#E6FAFD;
  --ring:0 0 0 3px rgba(124,92,255,.28);
  --grad:linear-gradient(120deg,var(--v-400),var(--v-500) 48%,var(--c-500));
  --grad-text:linear-gradient(100deg,#7C5CFF,#6A45F0 45%,#12A2BC);

  --shadow-xs:0 1px 2px rgba(20,16,50,.05);
  --shadow-sm:0 1px 3px rgba(20,16,50,.06),0 1px 2px -1px rgba(20,16,50,.06);
  --shadow-md:0 4px 12px -2px rgba(20,16,50,.08),0 2px 6px -2px rgba(20,16,50,.05);
  --shadow-lg:0 24px 48px -16px rgba(60,44,140,.18),0 8px 20px -8px rgba(20,16,50,.08);
  --glow-v:0 10px 40px -12px rgba(124,92,255,.35);

  --font:"Nazanin","B Nazanin","RZ Nazanin",Tahoma,serif;
  --display:"Nazanin","B Nazanin","RZ Nazanin",Tahoma,serif;
  --latin:"RZ Latin",ui-sans-serif,system-ui,sans-serif;
  --mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --fs-2xs:.76rem;--fs-xs:.84rem;--fs-sm:.92rem;--fs-base:1.06rem;--fs-md:1.14rem;--fs-lg:1.26rem;
  --fs-xl:clamp(1.35rem,1.1rem + .7vw,1.7rem);--fs-2xl:clamp(1.7rem,1.3rem + 1.4vw,2.35rem);
  --fs-3xl:clamp(2rem,1.45rem + 2.2vw,3.1rem);--fs-display:clamp(2.3rem,1.5rem + 3.6vw,4.3rem);
  --lh-tight:1.3;--lh-snug:1.6;--lh-base:2;

  --r-xs:6px;--r-sm:8px;--r:10px;--r-md:13px;--r-lg:16px;--r-xl:22px;--r-2xl:30px;--r-full:999px;
  --container:1200px;--container-narrow:780px;--gutter:clamp(16px,4vw,34px);--section-y:clamp(68px,8vw,120px);--header-h:76px;
  --ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--d1:120ms;--d2:220ms;--d3:360ms;--d4:640ms;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#0C0A1A;--bg-2:#110F22;--panel:#15122B;--panel-2:#1B1836;
  --fg:#F5F3FF;--fg-soft:#CFCCE6;--fg-muted:#9A97B5;
  --border:rgba(255,255,255,.1);--border-2:rgba(255,255,255,.16);--primary-soft:rgba(124,92,255,.16);--cyan-soft:rgba(30,198,224,.14);
  --shadow-md:0 8px 24px -8px rgba(0,0,0,.5);--shadow-lg:0 30px 60px -20px rgba(0,0,0,.6);
  color-scheme:dark;
}

/* ============ Base ============ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 18px)}
body{margin:0;font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--fg-soft);background:var(--bg);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;
  background-image:radial-gradient(1100px 520px at 88% -8%,rgba(124,92,255,.08),transparent 60%),radial-gradient(820px 460px at 2% 4%,rgba(30,198,224,.06),transparent 58%)}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--primary-2);text-decoration:none;transition:color var(--d2)}
.menu a,.btn,.brand,.footer__links a,.tool__more,.service__more,.breadcrumbs a{text-decoration:none}
a:hover{color:var(--v-700)}
h1,h2,h3,h4{margin:0 0 .5em;line-height:var(--lh-tight);font-family:var(--display);font-weight:700;color:var(--fg);letter-spacing:0;text-wrap:balance}
p{margin:0 0 1em;text-wrap:pretty}
ul,ol{margin:0;padding:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus{outline:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}
::selection{background:var(--v-100);color:var(--ink-900)}
hr{border:0;border-top:1px solid var(--border);margin:2rem 0}
.en,.ltr,code,kbd,.model,[lang="en"]{font-family:var(--latin)}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
code,kbd{font-family:var(--mono);font-size:.9em;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-xs);padding:.1em .4em;direction:ltr}
.sr-only,.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
.skip-link{position:fixed;inset-inline-start:16px;top:-100px;z-index:1000;background:var(--v-600);color:#fff;padding:.7rem 1.2rem;border-radius:var(--r)}
.skip-link:focus{top:16px;color:#fff}

/* ============ Layout ============ */
.container{width:100%;max-width:calc(var(--container) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}
.container--narrow{max-width:calc(var(--container-narrow) + var(--gutter)*2)}
.section{padding-block:var(--section-y);position:relative}
.section--tight{padding-block:calc(var(--section-y)*.6)}
.section--subtle{background:var(--bg-2)}
.section--panel{background:linear-gradient(180deg,var(--bg-2),transparent)}
.grid{display:grid;gap:clamp(16px,2vw,24px)}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}
.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap,.7rem)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,72px);align-items:center}
@media (max-width:960px){.split{grid-template-columns:1fr}}
.site-main{min-height:60vh}

.section-head{max-width:720px;margin:0 auto clamp(36px,5vw,56px);text-align:center}
.section-head--start{margin-inline:0;text-align:start}
.section-bar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-end;margin-bottom:clamp(30px,4vw,48px)}
.section-bar .section-head{margin-bottom:0}
.section-head__title{font-size:var(--fs-3xl);margin-bottom:.35em}
.section-head__desc{color:var(--fg-muted);font-size:var(--fs-md);margin:0}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--latin);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--primary-2);background:var(--primary-soft);border:1px solid var(--v-100);padding:.35rem .8rem;border-radius:var(--r-full);margin-bottom:1rem}
.eyebrow .icon{width:15px;height:15px}
.text-gradient{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone}

/* ============ Icons ============ */
.icon{width:1.25em;height:1.25em;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.icon--sm{width:1em;height:1em}.icon--lg{width:1.5em;height:1.5em}
.icon-tile{--tile:48px;width:var(--tile);height:var(--tile);border-radius:var(--r-md);display:grid;place-items:center;flex:none;
  background:var(--primary-soft);color:var(--primary-2);border:1px solid var(--v-100)}
.icon-tile .icon{width:24px;height:24px}
.icon-tile--cyan{background:var(--cyan-soft);color:var(--c-600);border-color:#CDF2F7}
.icon-tile--grad{background:var(--grad);color:#fff;border:0;box-shadow:var(--glow-v)}
.icon-tile--ghost{background:var(--panel-2);color:var(--fg-soft);border-color:var(--border)}

/* ============ Buttons ============ */
.btn{--h:46px;--px:1.25rem;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;height:var(--h);padding-inline:var(--px);
  border-radius:var(--r);border:1px solid transparent;font-weight:700;font-size:var(--fs-sm);line-height:1;white-space:nowrap;cursor:pointer;
  transition:background var(--d2),color var(--d2),border-color var(--d2),box-shadow var(--d2),transform var(--d1)}
.btn:active{transform:translateY(1px) scale(.99)}
.btn:focus-visible{box-shadow:var(--ring)}
.btn[disabled],.btn.is-disabled{opacity:.5;pointer-events:none}
.btn .icon{width:18px;height:18px}
.btn--sm{--h:38px;--px:.9rem;font-size:var(--fs-xs);border-radius:var(--r-sm)}
.btn--lg{--h:56px;--px:1.7rem;font-size:var(--fs-base);border-radius:var(--r-md)}
.btn--block{width:100%}.btn--icon{--px:0;width:var(--h)}
.btn--primary{background:var(--v-600);color:#fff;box-shadow:var(--shadow-sm)}
.btn--primary:hover{background:var(--v-500);color:#fff;box-shadow:0 8px 22px -8px rgba(124,92,255,.6);transform:translateY(-1px)}
.btn--solid{background:var(--ink-900);color:#fff}.btn--solid:hover{background:var(--ink-800);color:#fff}
.btn--outline{background:var(--surface);color:var(--fg);border-color:var(--border-2);box-shadow:var(--shadow-xs)}
.btn--outline:hover{border-color:var(--ink-300);background:var(--bg-2);color:var(--fg)}
.btn--ghost{background:transparent;color:var(--fg-soft)}.btn--ghost:hover{background:var(--panel-2);color:var(--fg)}
.btn--cyan{background:var(--c-500);color:#042b31}.btn--cyan:hover{background:var(--c-400);color:#042b31}
.btn--light{background:#fff;color:var(--ink-900);border-color:var(--border-2)}.btn--light:hover{background:var(--bg-2)}
.btn--dark{background:var(--ink-900);color:#fff}.btn--dark:hover{background:var(--ink-800);color:#fff}
.btn--glass{background:rgba(255,255,255,.7);color:var(--fg);border-color:var(--border-2);backdrop-filter:blur(8px)}
.btn--glass:hover{background:#fff;color:var(--fg)}
.btn--success{background:var(--green);color:#fff}
.btn .icon--arrow{transition:transform var(--d2)}.btn:hover .icon--arrow{transform:translateX(-3px)}
.btn.is-loading{color:transparent!important;pointer-events:none}
.btn.is-loading::before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-color:#fff #fff transparent transparent;animation:rz-spin .7s linear infinite}
.btn--outline.is-loading::before{border-color:var(--fg) var(--fg) transparent transparent}
@keyframes rz-spin{to{transform:rotate(360deg)}}
.btn--scan{overflow:hidden;isolation:isolate}
.btn--scan::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(120%);animation:rz-scan 3.6s var(--ease) infinite}
@keyframes rz-scan{0%,45%{transform:translateX(120%)}100%{transform:translateX(-120%)}}

/* ============ Badges ============ */
.badge{display:inline-flex;align-items:center;gap:.35rem;height:26px;padding-inline:.65rem;border-radius:var(--r-full);font-size:var(--fs-2xs);font-weight:700;
  background:var(--panel-2);color:var(--fg-soft);border:1px solid var(--border);white-space:nowrap}
.badge .icon{width:14px;height:14px}
.badge--primary{background:var(--primary-soft);color:var(--v-700);border-color:var(--v-100)}
.badge--cyan{background:var(--cyan-soft);color:var(--c-700);border-color:#CDF2F7}
.badge--success{background:var(--green-50);color:#0a6b49;border-color:#C7EEDE}
.badge--warning{background:var(--amber-50);color:#8a5200;border-color:#FBE3BC}
.badge--danger{background:var(--rose-50);color:#9c1f3c;border-color:#F6CDD6}
.badge--mono{font-family:var(--latin);letter-spacing:.04em}
.badge--lg{height:32px;padding-inline:.9rem;font-size:var(--fs-xs)}
.badge--glass{background:rgba(255,255,255,.7);border-color:var(--border);color:var(--fg-soft);backdrop-filter:blur(6px)}
.dot{width:8px;height:8px;border-radius:50%;background:currentColor;position:relative;flex:none}
.dot--live{background:var(--c-500);color:var(--c-500)}
.dot--live::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:rz-ping 1.6s var(--ease) infinite}
@keyframes rz-ping{0%{transform:scale(1);opacity:.6}80%,100%{transform:scale(2.6);opacity:0}}

/* ============ Cards ============ */
.card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:clamp(20px,2.4vw,28px);
  box-shadow:var(--shadow-xs);transition:border-color var(--d3),box-shadow var(--d3),transform var(--d3)}
.card--hover:hover{border-color:var(--v-200);box-shadow:var(--shadow-md);transform:translateY(-3px)}
.card--solid{background:var(--surface);border-color:var(--border)}
.card--flat{background:var(--panel-2);box-shadow:none}
.card__title{font-size:var(--fs-lg);margin:0 0 .4rem}
.card__text{color:var(--fg-muted);font-size:var(--fs-sm);margin:0}
.card__link::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.ticked{position:relative}
.ticked::before,.ticked::after{content:"";position:absolute;width:9px;height:9px;border-color:var(--border-2);pointer-events:none}
.ticked::before{top:11px;inset-inline-start:11px;border-top:1.5px solid;border-inline-start:1.5px solid}
.ticked::after{bottom:11px;inset-inline-end:11px;border-bottom:1.5px solid;border-inline-end:1.5px solid}
.spotlight{--mx:50%;--my:50%;overflow:hidden;isolation:isolate}
.spotlight::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity var(--d3);background:radial-gradient(400px circle at var(--mx) var(--my),rgba(124,92,255,.08),transparent 45%)}
.spotlight:hover::before{opacity:1}
@property --beam{syntax:"<angle>";initial-value:0deg;inherits:false}
.beam{position:relative;isolation:isolate}
.beam::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.4px;pointer-events:none;z-index:2;
  background:conic-gradient(from var(--beam),transparent 0 72%,var(--v-400) 84%,var(--c-400) 92%,transparent 98%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rz-beam 5s linear infinite}
@keyframes rz-beam{to{--beam:360deg}}

/* ============ Forms ============ */
.field{display:grid;gap:.45rem;margin-bottom:1.1rem}
.label{font-size:var(--fs-sm);font-weight:700;color:var(--fg)}
.label .req{color:var(--rose);margin-inline-start:.15rem}
.label .opt{color:var(--fg-muted);font-weight:500;font-size:var(--fs-xs);margin-inline-start:.25rem}
.input,.select,.textarea{width:100%;height:48px;padding-inline:.95rem;border-radius:var(--r);border:1px solid var(--border-2);background:var(--surface);color:var(--fg);
  font-size:var(--fs-sm);box-shadow:var(--shadow-xs);transition:border-color var(--d2),box-shadow var(--d2)}
.textarea{height:auto;min-height:112px;padding-block:.75rem;resize:vertical;line-height:1.9}
.select{appearance:none;padding-inline-end:2.4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2375718F' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px;background-position:left .8rem center}
.input::placeholder,.textarea::placeholder{color:var(--ink-400)}
.input:hover,.select:hover,.textarea:hover{border-color:var(--ink-300)}
.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:var(--ring)}
.input[dir="ltr"]{text-align:left;font-family:var(--latin)}
.field.has-error .input,.field.has-error .select,.field.has-error .textarea{border-color:var(--rose);box-shadow:0 0 0 3px rgba(226,62,99,.14)}
.help{font-size:var(--fs-xs);color:var(--fg-muted);margin:0}
.error-msg{font-size:var(--fs-xs);color:var(--rose);margin:0;display:none}
.field.has-error .error-msg{display:block}
.input-group{position:relative}
.input-group .icon{position:absolute;inset-inline-start:.9rem;top:50%;translate:0 -50%;color:var(--ink-400);width:18px;height:18px;pointer-events:none}
.input-group .input{padding-inline-start:2.6rem}
.check{display:flex;gap:.65rem;align-items:flex-start;font-size:var(--fs-sm);cursor:pointer;line-height:1.8}
.check input{appearance:none;flex:none;width:20px;height:20px;margin-top:.2rem;border:1.5px solid var(--ink-300);border-radius:6px;background:var(--surface);display:grid;place-items:center;transition:all var(--d2)}
.check input[type=radio]{border-radius:50%}
.check input:checked{background:var(--v-500);border-color:var(--v-500)}
.check input:checked::after{content:"";width:10px;height:6px;border:2px solid #fff;border-top:0;border-inline-end:0;transform:translateY(-1px) rotate(-45deg)}
.check input[type=radio]:checked::after{width:8px;height:8px;border:0;border-radius:50%;background:#fff;transform:none}
.check input:focus-visible{box-shadow:var(--ring)}
.tiles{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.tile{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1rem;border:1.5px solid var(--border-2);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:border-color var(--d2),background var(--d2),box-shadow var(--d2)}
.tile:hover{border-color:var(--v-300)}
.tile input{position:absolute;opacity:0;pointer-events:none}
.tile__icon{color:var(--fg-muted)}.tile__title{font-weight:700;font-size:var(--fs-sm);color:var(--fg)}
.tile__desc{font-size:var(--fs-2xs);color:var(--fg-muted);line-height:1.7}
.tile:has(input:checked){border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px rgba(124,92,255,.1)}
.tile:has(input:checked) .tile__icon{color:var(--primary-2)}
.tile:has(input:focus-visible){box-shadow:var(--ring)}
.tile::after{content:"";position:absolute;top:.75rem;inset-inline-end:.75rem;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ink-300);transition:all var(--d2)}
.tile:has(input:checked)::after{border:5px solid var(--primary);background:#fff}
.dropzone{position:relative;display:grid;place-items:center;gap:.4rem;text-align:center;padding:1.6rem 1rem;border:1.5px dashed var(--ink-300);border-radius:var(--r-md);background:var(--bg-2);transition:all var(--d2);cursor:pointer}
.dropzone:hover,.dropzone.is-over{border-color:var(--primary);background:var(--primary-soft)}
.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}
.dropzone__title{font-weight:700;font-size:var(--fs-sm);color:var(--fg)}
.dropzone__hint{font-size:var(--fs-2xs);color:var(--fg-muted)}
.file-list{display:grid;gap:.5rem;margin-top:.75rem}
.file-chip{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--r);font-size:var(--fs-xs);background:var(--panel-2)}
.file-chip img{width:36px;height:36px;object-fit:cover;border-radius:6px}
.file-chip span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right}
.file-chip button{border:0;background:none;color:var(--fg-muted);padding:.25rem;border-radius:6px}
.file-chip button:hover{color:var(--rose);background:var(--rose-50)}
.segmented{display:inline-flex;padding:4px;gap:4px;border-radius:var(--r);background:var(--panel-2);border:1px solid var(--border)}
.segmented button{border:0;background:none;padding:.5rem 1rem;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:700;color:var(--fg-muted)}
.segmented button[aria-pressed="true"],.segmented button[aria-selected="true"]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}

/* ============ Alerts ============ */
.alert{display:flex;gap:.75rem;padding:1rem 1.1rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--panel-2);font-size:var(--fs-sm);line-height:1.9}
.alert .icon{margin-top:.2rem;flex:none}
.alert--info{background:var(--primary-soft);border-color:var(--v-100);color:var(--v-800)}
.alert--success{background:var(--green-50);border-color:#C7EEDE;color:#0a6b49}
.alert--warning{background:var(--amber-50);border-color:#FBE3BC;color:#8a5200}
.alert--danger{background:var(--rose-50);border-color:#F6CDD6;color:#9c1f3c}

/* ============ Accordion ============ */
.accordion{display:grid;gap:.75rem}
.acc{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-xs);transition:border-color var(--d2),box-shadow var(--d2)}
.acc[open]{border-color:var(--v-200);box-shadow:var(--shadow-sm)}
.acc summary{list-style:none;display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:1.05rem 1.25rem;cursor:pointer;font-weight:700;font-size:var(--fs-md);color:var(--fg);line-height:1.7}
.acc summary::-webkit-details-marker{display:none}
.acc summary:focus-visible{box-shadow:var(--ring);border-radius:var(--r-md)}
.acc__icon{flex:none;width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--panel-2);color:var(--fg-soft);transition:background var(--d2),color var(--d2)}
.acc__icon .icon{transition:transform var(--d3)}
.acc[open] .acc__icon{background:var(--v-500);color:#fff}
.acc[open] .acc__icon .icon{transform:rotate(45deg)}
.acc::details-content{block-size:0;overflow:hidden;transition:block-size var(--d3),content-visibility var(--d3) allow-discrete}
.acc[open]::details-content{block-size:auto}
.acc__body{padding:0 1.25rem 1.2rem;color:var(--fg-soft);font-size:var(--fs-sm);line-height:2.1}
.acc__body p:last-child{margin:0}

/* ============ Backgrounds ============ */
.bg-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(20,16,50,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,16,50,.04) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 25%,#000 30%,transparent 72%);mask-image:radial-gradient(ellipse 70% 60% at 50% 25%,#000 30%,transparent 72%)}
.bg-dots{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(20,16,50,.07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 20%,transparent 75%)}
.bg-scan{position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(124,92,255,.03) 0 1px,transparent 1px 5px);-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent)}
.glow{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.5}
.glow--v{background:#B9A6FF}.glow--c{background:#8FE6F2}
.noise{display:none}

/* ============ Header ============ */
.topbar{background:var(--ink-950);color:var(--ink-300);font-size:var(--fs-xs)}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:38px}
.topbar a{color:#E9E8F2}.topbar a:hover{color:#fff}
.topbar__items{display:flex;gap:1.25rem;align-items:center}
.topbar__items span,.topbar__items a{display:inline-flex;align-items:center;gap:.4rem}
.topbar .icon{width:15px;height:15px;opacity:.85}
.topbar__code{font-family:var(--latin);letter-spacing:.08em;color:var(--c-400)}
@media (max-width:768px){.topbar__hide-sm{display:none!important}}

.site-header{position:sticky;top:0;z-index:100;background:rgba(251,251,253,.8);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--d3),box-shadow var(--d3),background var(--d3)}
.site-header.is-scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm);background:rgba(251,251,253,.92)}
.admin-bar .site-header{top:32px}@media (max-width:782px){.admin-bar .site-header{top:0}}
.header__inner{display:flex;align-items:center;gap:1.5rem;height:var(--header-h)}
.brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--fg);flex:none}
.brand:hover{color:var(--fg)}
.brand__mark{width:42px;height:42px;filter:drop-shadow(0 6px 14px rgba(124,92,255,.28))}
.brand__text{display:grid;line-height:1.05}
.brand__name{font-family:var(--display);font-weight:700;font-size:1.45rem;letter-spacing:0}
.brand__tag{font-family:var(--latin);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-600);font-weight:700}
.custom-logo{max-height:44px;width:auto}
.nav{flex:1;display:flex;justify-content:center}
.menu{list-style:none;display:flex;align-items:center;gap:.15rem}
.menu>li{position:relative}
.menu a{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .85rem;border-radius:var(--r-sm);color:var(--fg-soft);font-weight:600;font-size:var(--fs-sm)}
.menu a:hover,.menu .current-menu-item>a,.menu .current-menu-ancestor>a,.menu .current_page_item>a{color:var(--fg);background:var(--panel-2)}
.menu .menu-item-has-children>a::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.6}
.menu .sub-menu{list-style:none;position:absolute;top:calc(100% + 8px);inset-inline-start:0;min-width:240px;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(6px);transition:all var(--d2);z-index:20}
.menu .sub-menu::before{content:"";position:absolute;inset-inline:0;top:-10px;height:10px}
.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.menu .sub-menu a{display:flex;width:100%;padding:.6rem .75rem}
.header__actions{display:flex;align-items:center;gap:.5rem;flex:none}
.header__phone{display:inline-flex;align-items:center;gap:.5rem;color:var(--fg);font-weight:700;font-size:var(--fs-sm);padding-inline:.5rem}
.header__phone .icon-tile{--tile:36px;border-radius:var(--r-sm)}.header__phone .icon-tile .icon{width:18px;height:18px}
.header__phone small{display:block;font-size:.66rem;color:var(--fg-muted);font-weight:500}
.header__phone .ltr{color:var(--c-700)}
.nav-toggle{display:none}
@media (max-width:1100px){.header__phone{display:none}}
@media (max-width:980px){.nav{display:none}.nav-toggle{display:inline-flex}.header__cta-text{display:none}.header__inner{justify-content:space-between}}
@media (max-width:480px){.brand__tag{display:none}}

.drawer{position:fixed;inset:0;z-index:200;visibility:hidden}
.drawer.is-open{visibility:visible}
.drawer__overlay{position:absolute;inset:0;background:rgba(12,10,26,.4);backdrop-filter:blur(3px);opacity:0;transition:opacity var(--d3)}
.drawer.is-open .drawer__overlay{opacity:1}
.drawer__panel{position:absolute;top:0;bottom:0;inset-inline-start:0;width:min(88vw,380px);background:var(--surface);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;transform:translateX(100%);transition:transform var(--d3);box-shadow:var(--shadow-lg)}
.drawer.is-open .drawer__panel{transform:none}
.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}
.drawer__body{flex:1;overflow:auto;padding:1rem 1.25rem}
.drawer__foot{padding:1rem 1.25rem;border-top:1px solid var(--border);display:grid;gap:.6rem}
.mobile-menu{list-style:none}
.mobile-menu li{border-bottom:1px solid var(--border)}
.mobile-menu a{display:flex;padding:.9rem .25rem;color:var(--fg);font-weight:700}
.mobile-menu .sub-menu{list-style:none;padding:0 1rem .5rem}
.mobile-menu .sub-menu li{border:0}.mobile-menu .sub-menu a{padding:.5rem .25rem;font-weight:500;color:var(--fg-soft)}
.mobile-bar{display:none}
@media (max-width:768px){.mobile-bar{display:grid;grid-template-columns:auto 1fr;gap:.5rem;position:fixed;inset-inline:12px;bottom:12px;z-index:90;padding:.5rem;border-radius:var(--r-lg);background:rgba(255,255,255,.92);border:1px solid var(--border);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);transform:translateY(140%);transition:transform var(--d3)}.mobile-bar.is-visible{transform:none}body.has-mobile-bar .site-footer{padding-bottom:84px}}

/* ============ Hero ============ */
.hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(54px,8vw,100px) clamp(60px,9vw,112px)}
.hero .glow--v{width:560px;height:560px;top:-220px;inset-inline-end:-120px;opacity:.5}
.hero .glow--c{width:380px;height:380px;bottom:-200px;inset-inline-start:-90px;opacity:.4}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero__title{font-size:var(--fs-display);color:var(--fg);font-weight:700;line-height:1.26;letter-spacing:0;margin:1.1rem 0}
.hero__lead{font-size:var(--fs-lg);color:var(--fg-soft);max-width:560px;margin-bottom:2rem;line-height:2.05}
.hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}
.hero__meta{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;list-style:none;font-size:var(--fs-sm);color:var(--fg-muted)}
.hero__meta li{display:inline-flex;align-items:center;gap:.45rem}
.hero__meta .icon{color:var(--c-600);width:18px;height:18px}
@media (max-width:960px){.hero__grid{grid-template-columns:1fr}.hero__visual{max-width:560px;margin-inline:auto;width:100%}}

.console{position:relative;border-radius:var(--r-2xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden}
.console__bar{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-2)}
.console__dots{display:flex;gap:6px}.console__dots i{width:11px;height:11px;border-radius:50%;background:var(--ink-300)}
.console__dots i:first-child{background:#FF6058}.console__dots i:nth-child(2){background:#FFBD2E}.console__dots i:nth-child(3){background:#28C840}
.console__title{font-family:var(--latin);font-size:var(--fs-xs);color:var(--fg-muted);letter-spacing:.06em}
.console__body{padding:1.25rem}
.scanframe{position:relative;border-radius:var(--r-lg);border:1px solid var(--border);background:radial-gradient(400px 200px at 50% 0,var(--primary-soft),transparent 60%),var(--bg-2);aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;margin-bottom:1rem}
.scanframe__ap{width:44%;aspect-ratio:1;color:var(--primary);opacity:.85;filter:drop-shadow(0 6px 16px rgba(124,92,255,.3))}
.scanframe__ap .icon{width:100%;height:100%;stroke-width:1}
.scanframe__line{position:absolute;inset-inline:6%;height:2px;background:linear-gradient(90deg,transparent,var(--c-500),transparent);top:10%;animation:rz-scanline 2.8s var(--ease-out) infinite;box-shadow:0 0 12px var(--c-400)}
@keyframes rz-scanline{0%{top:8%}50%{top:90%}100%{top:8%}}
.scanframe__corner{position:absolute;width:20px;height:20px;border-color:var(--c-500)}
.scanframe__corner.tl{top:10px;inset-inline-start:10px;border-top:2px solid;border-inline-start:2px solid}
.scanframe__corner.tr{top:10px;inset-inline-end:10px;border-top:2px solid;border-inline-end:2px solid}
.scanframe__corner.bl{bottom:10px;inset-inline-start:10px;border-bottom:2px solid;border-inline-start:2px solid}
.scanframe__corner.br{bottom:10px;inset-inline-end:10px;border-bottom:2px solid;border-inline-end:2px solid}
.console__rows{display:grid;gap:.55rem}
.console__row{display:flex;align-items:center;gap:.7rem;padding:.6rem .75rem;border-radius:var(--r);background:var(--bg-2);border:1px solid var(--border);font-size:var(--fs-sm)}
.console__row .k{color:var(--fg-muted);font-size:var(--fs-xs)}
.console__row .v{margin-inline-start:auto;font-family:var(--latin);color:var(--fg);font-weight:700}
.console__row .ok{color:var(--green)}
.console__out{margin-top:1rem;padding:1rem;border-radius:var(--r-md);background:linear-gradient(120deg,var(--primary-soft),var(--cyan-soft));border:1px solid var(--v-100);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.console__out span{display:block;font-size:var(--fs-2xs);color:var(--fg-muted)}
.console__out b{color:var(--fg)}
.console__code{font-family:var(--mono);direction:ltr;letter-spacing:.16em;color:var(--v-800);background:#fff;border:1px solid var(--v-100);border-radius:var(--r-sm);padding:.45rem .7rem;position:relative;overflow:hidden;font-weight:700}
.console__code::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(124,92,255,.14),transparent);transform:translateX(-100%);animation:rz-sweep 2.6s var(--ease) infinite}
@keyframes rz-sweep{to{transform:translateX(100%)}}
.hero__chips{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border-radius:var(--r-md);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-md);font-size:var(--fs-xs);font-weight:700;color:var(--fg);animation:rz-float 6s ease-in-out infinite}
.hero__chips small{display:block;font-weight:500;color:var(--fg-muted);font-size:var(--fs-2xs)}
.hero__chips--a{top:-16px;inset-inline-start:-14px}
.hero__chips--b{bottom:-18px;inset-inline-end:-10px;animation-delay:-3s}
@keyframes rz-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media (max-width:560px){.hero__chips{display:none}}

/* ============ Stats ============ */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-sm)}
.stat{padding:clamp(20px,3vw,32px);text-align:center;position:relative}
.stat+.stat{border-inline-start:1px solid var(--border)}
.stat__value{display:block;font-family:var(--display);font-size:var(--fs-3xl);font-weight:700;color:var(--fg);line-height:1.1}
.stat__value .text-gradient{display:inline-block}
.stat__label{display:block;margin-top:.4rem;color:var(--fg-muted);font-size:var(--fs-sm)}
@media (max-width:768px){.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-inline-start:0}.stat:nth-child(n+3){border-top:1px solid var(--border)}}

/* ============ Tools ============ */
.tools{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,1.6vw,22px)}
.tools>*{grid-column:span 2}
.tools>.tool--wide{grid-column:span 3}
@media (max-width:1024px){.tools{grid-template-columns:repeat(2,1fr)}.tools>*,.tools>.tool--wide{grid-column:span 1}}
@media (max-width:620px){.tools{grid-template-columns:1fr}.tools>*,.tools>.tool--wide{grid-column:span 1}}
.tool{display:flex;flex-direction:column;gap:.9rem;min-height:208px}
.tool__kicker{font-family:var(--latin);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}
.tool__title{font-size:var(--fs-lg);margin:0;color:var(--fg)}
.tool__text{color:var(--fg-muted);font-size:var(--fs-sm);margin:0;flex:1}
.tool__more{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:var(--fs-sm);color:var(--primary-2)}
.tool__more .icon{width:16px;height:16px;transition:transform var(--d2)}
.tool:hover .tool__more .icon{transform:translateX(-4px)}

/* ============ Steps ============ */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px);counter-reset:step;position:relative;list-style:none}
.steps::before{content:"";position:absolute;top:34px;inset-inline:12%;height:1px;background:repeating-linear-gradient(90deg,var(--border-2) 0 10px,transparent 10px 18px);z-index:0}
.step{position:relative;z-index:1;text-align:center;padding:0 .5rem}
.step__num{width:68px;height:68px;margin:0 auto 1.1rem;border-radius:var(--r-lg);display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);position:relative}
.step__num .icon{width:28px;height:28px;color:var(--primary-2)}
.step__num::after{counter-increment:step;content:counter(step,persian);position:absolute;top:-6px;inset-inline-end:-6px;width:26px;height:26px;border-radius:50%;background:var(--grad);color:#fff;font-size:var(--fs-xs);font-weight:800;display:grid;place-items:center;font-family:var(--latin);box-shadow:0 0 0 3px var(--bg)}
.step__title{font-size:var(--fs-md);margin-bottom:.35rem;color:var(--fg)}
.step__text{color:var(--fg-muted);font-size:var(--fs-sm);margin:0;line-height:1.9}
@media (max-width:900px){.steps{grid-template-columns:1fr;gap:0}.steps::before{top:0;bottom:0;inset-inline-start:33px;inset-inline-end:auto;width:1px;height:auto;background:repeating-linear-gradient(180deg,var(--border-2) 0 10px,transparent 10px 18px)}.step{display:grid;grid-template-columns:68px 1fr;gap:1rem;text-align:start;padding:0 0 1.75rem}.step__num{margin:0}}

/* ============ Explorer ============ */
.explorer-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:1.5rem}
.explorer-bar .input-group{flex:1;max-width:400px;min-width:220px}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{display:inline-flex;align-items:center;gap:.4rem;height:36px;padding-inline:.9rem;border-radius:var(--r-full);border:1px solid var(--border-2);background:var(--surface);color:var(--fg-soft);font-size:var(--fs-xs);font-weight:700;cursor:pointer;transition:all var(--d2)}
.chip:hover{border-color:var(--v-300);color:var(--fg)}
.chip.is-active,.chip[aria-pressed="true"]{background:var(--v-600);border-color:transparent;color:#fff}
.chip small{opacity:.6;font-weight:600}
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,20px)}
@media (max-width:1024px){.brand-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.brand-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.brand-grid{grid-template-columns:1fr}}
.brand-card{display:flex;flex-direction:column;gap:.9rem;padding:1.25rem}
.brand-card__head{display:flex;align-items:center;gap:.85rem}
.brand-card__name{font-size:var(--fs-md);margin:0;line-height:1.5;color:var(--fg)}
.brand-card__name small{display:block;font-family:var(--latin);font-size:var(--fs-2xs);color:var(--fg-muted);font-weight:600;direction:ltr;text-align:right}
.brand-card__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;font-size:var(--fs-xs);color:var(--fg-muted)}
.brand-card__foot b{color:var(--fg)}
.monogram{--s:56px;width:var(--s);height:var(--s);border-radius:var(--r-md);display:grid;place-items:center;font-family:var(--latin);font-weight:800;font-size:calc(var(--s)*.32);letter-spacing:-.02em;color:var(--v-700);background:linear-gradient(145deg,var(--v-50),#fff);border:1px solid var(--v-100);text-transform:uppercase;flex:none}
.monogram img{width:78%;height:78%;object-fit:contain}
.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--grad);flex:none}
.facts{display:grid;gap:.75rem}
.fact{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:var(--r-md);background:var(--panel-2);border:1px solid var(--border)}
.fact .icon-tile{--tile:40px}
.fact span{display:block;font-size:var(--fs-2xs);color:var(--fg-muted)}
.fact b{display:block;font-size:var(--fs-sm);color:var(--fg)}
.model-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem;list-style:none}
.model-list a,.model-list span{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-radius:var(--r);border:1px solid var(--border-2);background:var(--surface);color:var(--fg);font-family:var(--latin);font-weight:700;font-size:var(--fs-sm);direction:ltr}
.model-list a:hover{border-color:var(--v-300);color:var(--primary-2)}
.empty{padding:3rem 1rem;text-align:center;color:var(--fg-muted);border:1px dashed var(--border-2);border-radius:var(--r-xl)}

/* ============ Assistant ============ */
.assistant{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
@media (max-width:900px){.assistant{grid-template-columns:1fr}}
.assistant__aside{position:sticky;top:calc(var(--header-h) + 20px)}
@media (max-width:900px){.assistant__aside{position:static}}
.assistant__progress{display:grid;gap:.4rem;margin-bottom:1rem}
.assistant__progress .bar{height:6px;border-radius:var(--r-full);background:var(--panel-2);overflow:hidden}
.assistant__progress .bar span{display:block;height:100%;background:var(--grad);width:20%;transition:width var(--d4)}
.assistant__panel{min-height:300px}
.q-step{display:none}.q-step.is-active{display:block;animation:rz-in var(--d4) var(--ease-out)}
@keyframes rz-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.q-title{font-size:var(--fs-xl);color:var(--fg);margin-bottom:.4rem}
.q-desc{color:var(--fg-muted);font-size:var(--fs-sm);margin-bottom:1.4rem}
.opts{display:grid;gap:.7rem}
.opt{display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;border:1.5px solid var(--border-2);border-radius:var(--r-md);background:var(--surface);cursor:pointer;text-align:start;transition:all var(--d2);color:var(--fg);font-weight:600;width:100%}
.opt:hover{border-color:var(--v-300);background:var(--bg-2)}
.opt.is-on{border-color:var(--primary);background:var(--primary-soft)}
.opt .icon-tile{--tile:40px;flex:none}
.opt small{display:block;font-size:var(--fs-2xs);color:var(--fg-muted);font-weight:500}
.opt__ar{margin-inline-start:auto;color:var(--fg-muted)}
.assistant__foot{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.6rem;padding-top:1.25rem;border-top:1px solid var(--border)}
.result-card{border-radius:var(--r-lg);border:1px solid var(--v-200);background:linear-gradient(140deg,var(--primary-soft),transparent 60%),var(--surface);padding:clamp(20px,3vw,30px);box-shadow:var(--shadow-md)}
.result-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.result-body ul{list-style:none;display:grid;gap:.6rem;margin:1rem 0}
.result-body li{display:flex;gap:.6rem;align-items:flex-start;font-size:var(--fs-sm)}
.result-body li .icon{color:var(--c-600);width:18px;height:18px;margin-top:.2rem;flex:none}

/* ============ Checker ============ */
.checker{display:grid;gap:1.25rem}
.checker__form{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:end}
@media (max-width:720px){.checker__form{grid-template-columns:1fr}}
.checker__result{border-radius:var(--r-lg);border:1px solid var(--border);padding:1.25rem;background:var(--bg-2);display:none}
.checker__result.is-shown{display:block;animation:rz-in var(--d3) var(--ease-out)}
.result-badge{display:inline-flex;align-items:center;gap:.5rem;height:40px;padding-inline:1rem;border-radius:var(--r-full);font-weight:800;font-size:var(--fs-sm)}
.result-badge.ok{background:var(--green-50);color:#0a6b49;border:1px solid #C7EEDE}
.result-badge.maybe{background:var(--amber-50);color:#8a5200;border:1px solid #FBE3BC}
.method-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.method-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:var(--r);background:var(--surface);border:1px solid var(--border-2);font-size:var(--fs-xs);font-weight:700;color:var(--fg)}
.method-pill .icon{width:15px;height:15px;color:var(--c-600)}

/* ============ Reviews / posts ============ */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,20px)}
@media (max-width:1024px){.reviews{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.reviews{grid-template-columns:1fr}}
.review{display:flex;flex-direction:column;gap:1rem}
.review__stars{display:flex;gap:2px;color:#F5A623}
.review__stars .icon{width:16px;height:16px;fill:currentColor;stroke:none}
.review__stars .is-off{color:var(--ink-300)}
.review__text{margin:0;color:var(--fg-soft);font-size:var(--fs-sm);line-height:2.1;flex:1}
.review__author{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border)}
.review__author b{display:block;font-size:var(--fs-sm);color:var(--fg)}
.review__author small{display:block;color:var(--fg-muted);font-size:var(--fs-2xs)}
.review__device{margin-inline-start:auto}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}
@media (max-width:1024px){.posts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.posts{grid-template-columns:1fr}}
.post-card{display:flex;flex-direction:column;padding:0;overflow:hidden}
.post-card__media{aspect-ratio:16/9;background:var(--panel-2);overflow:hidden;position:relative}
.post-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--d4)}
.post-card:hover .post-card__media img{transform:scale(1.05)}
.post-card__placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(300px 160px at 70% 0,var(--v-100),transparent),var(--bg-2)}
.post-card__placeholder svg{width:54px;height:54px;color:var(--v-400);opacity:.9}
.post-card__body{padding:1.25rem 1.35rem 1.4rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.post-card__meta{display:flex;align-items:center;gap:.75rem;font-size:var(--fs-2xs);color:var(--fg-muted);flex-wrap:wrap}
.post-card__meta span{display:inline-flex;align-items:center;gap:.3rem}.post-card__meta .icon{width:14px;height:14px}
.post-card__title{font-size:var(--fs-md);margin:0;line-height:1.7}
.post-card__title a{color:var(--fg)}.post-card__title a:hover{color:var(--primary-2)}
.post-card__excerpt{color:var(--fg-muted);font-size:var(--fs-sm);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-card--lead{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr}
.post-card--lead .post-card__media{aspect-ratio:auto;min-height:320px}
.post-card--lead .post-card__body{padding:clamp(24px,3vw,40px);justify-content:center}
.post-card--lead .post-card__title{font-size:var(--fs-2xl);line-height:1.5}
@media (max-width:860px){.post-card--lead{grid-template-columns:1fr}.post-card--lead .post-card__media{min-height:0;aspect-ratio:16/9}}

/* ============ Partners / CTA ============ */
.partners{border-radius:var(--r-2xl);padding:clamp(28px,5vw,60px);background:radial-gradient(640px 340px at 0 0,var(--v-50),transparent 60%),radial-gradient(560px 340px at 100% 100%,var(--cyan-soft),transparent 60%),var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;isolation:isolate;overflow:hidden}
.partners h2{color:var(--fg)}
.partners__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
@media (max-width:900px){.partners__grid{grid-template-columns:1fr}}
.perks{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
@media (max-width:520px){.perks{grid-template-columns:1fr}}
.perk{padding:1rem;border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--border)}
.perk .icon{color:var(--c-600);margin-bottom:.5rem}
.perk b{display:block;color:var(--fg);font-size:var(--fs-sm);margin-bottom:.15rem}
.perk span{font-size:var(--fs-xs);color:var(--fg-muted);line-height:1.7;display:block}
.cta-band{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-2xl);padding:clamp(36px,6vw,72px) clamp(24px,5vw,60px);text-align:center;background:radial-gradient(600px 320px at 50% -10%,var(--v-100),transparent 70%),linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.cta-band h2{color:var(--fg);font-size:var(--fs-3xl);max-width:760px;margin-inline:auto}
.cta-band p{max-width:620px;margin:0 auto 2rem;font-size:var(--fs-md);color:var(--fg-soft)}
.cta-band .cluster{justify-content:center}

/* ============ FAQ ============ */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,64px);align-items:start}
.faq__aside{position:sticky;top:calc(var(--header-h) + 24px)}
@media (max-width:900px){.faq{grid-template-columns:1fr}.faq__aside{position:static}}
.help-card{margin-top:1.5rem;display:flex;gap:1rem;align-items:center}
.help-card b{display:block;color:var(--fg)}.help-card span{font-size:var(--fs-xs);color:var(--fg-muted)}

/* ============ Page hero ============ */
.page-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(44px,6vw,78px) clamp(36px,5vw,56px);border-bottom:1px solid var(--border);background:var(--bg-2)}
.page-hero__title{font-size:var(--fs-3xl);margin:.75rem 0 .5rem;color:var(--fg)}
.page-hero__desc{color:var(--fg-muted);font-size:var(--fs-md);max-width:680px;margin:0}
.page-hero--dark{background:radial-gradient(760px 360px at 85% -10%,var(--v-50),transparent 60%),linear-gradient(180deg,var(--surface),var(--bg-2))}
.page-hero__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.breadcrumbs{font-size:var(--fs-xs);color:var(--fg-muted)}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.breadcrumbs li{display:inline-flex;align-items:center;gap:.35rem}
.breadcrumbs li+li::before{content:"/";opacity:.4;margin-inline-end:.15rem}
.breadcrumbs a{color:inherit}.breadcrumbs a:hover{color:var(--primary-2)}
.breadcrumbs [aria-current]{color:var(--fg);font-weight:600}

/* ============ Wizard ============ */
.wizard{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
@media (max-width:960px){.wizard{grid-template-columns:1fr}}
.wizard__aside{position:sticky;top:calc(var(--header-h) + 24px)}
@media (max-width:960px){.wizard__aside{position:static}}
.wizard__nav{list-style:none;display:grid;gap:.25rem}
.wizard__nav li{display:flex;gap:.85rem;align-items:center;padding:.7rem .75rem;border-radius:var(--r);color:var(--fg-muted);font-size:var(--fs-sm);font-weight:600}
.wizard__nav li i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--border-2);font-style:normal;font-weight:800;font-size:var(--fs-xs);background:var(--surface);flex:none;font-family:var(--latin);transition:all var(--d2)}
.wizard__nav li.is-current{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm);border:1px solid var(--border)}
.wizard__nav li.is-current i{border-color:var(--primary);color:var(--primary-2);box-shadow:0 0 0 4px var(--primary-soft)}
.wizard__nav li.is-done i{background:var(--green);border-color:var(--green);color:#fff}
@media (max-width:960px){.wizard__nav{grid-template-columns:repeat(4,1fr)}.wizard__nav li{flex-direction:column;text-align:center;font-size:var(--fs-2xs);padding:.5rem .25rem;gap:.4rem}.wizard__nav li.is-current{box-shadow:none;border-color:transparent;background:none}}
.wizard__panel{border-radius:var(--r-xl);padding:clamp(20px,3vw,36px)}
.wizard__progress{height:6px;border-radius:var(--r-full);background:var(--panel-2);overflow:hidden;margin-bottom:1.75rem}
.wizard__progress span{display:block;height:100%;background:var(--grad);border-radius:inherit;width:25%;transition:width var(--d4)}
.wizard__step{display:none}.wizard__step.is-active{display:block;animation:rz-in var(--d4) var(--ease-out)}
.wizard__title{font-size:var(--fs-xl);margin-bottom:.35rem;color:var(--fg);font-weight:700;font-family:var(--display)}
.wizard__desc{color:var(--fg-muted);font-size:var(--fs-sm);margin-bottom:1.5rem}
.wizard__foot{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--border)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
@media (max-width:640px){.form-row{grid-template-columns:1fr}}
.review-list{display:grid;gap:0;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;font-size:var(--fs-sm)}
.review-list div{display:grid;grid-template-columns:160px 1fr;gap:1rem;padding:.7rem 1rem}
.review-list div:nth-child(odd){background:var(--panel-2)}
.review-list dt{color:var(--fg-muted)}.review-list dd{margin:0;font-weight:700;color:var(--fg);word-break:break-word}
.success-state{text-align:center;padding:1rem 0}
.success-state__icon{width:84px;height:84px;margin:0 auto 1.25rem;border-radius:50%;display:grid;place-items:center;background:var(--green-50);color:var(--green);box-shadow:0 0 0 10px rgba(18,166,111,.08)}
.success-state__icon .icon{width:40px;height:40px;stroke-width:2.2}
.code-box{display:inline-flex;align-items:center;gap:.75rem;margin:1rem 0;padding:.6rem .6rem .6rem 1rem;border-radius:var(--r-md);border:1px dashed var(--v-300);background:var(--primary-soft);font-family:var(--mono);font-size:1.25rem;letter-spacing:.12em;direction:ltr;font-weight:700;color:var(--v-800)}
.hp-field{position:absolute!important;inset-inline-start:-9999px!important;width:1px;height:1px;overflow:hidden}
.timeline{list-style:none;display:grid;gap:0;margin-top:1.5rem}
.timeline li{display:grid;grid-template-columns:32px 1fr;gap:.85rem;position:relative;padding-bottom:1.25rem}
.timeline li::before{content:"";position:absolute;inset-inline-start:15px;top:32px;bottom:0;width:2px;background:var(--border)}
.timeline li:last-child::before{display:none}
.timeline i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--border-2);background:var(--surface);font-style:normal}
.timeline li.is-done i{background:var(--green);border-color:var(--green);color:#fff}
.timeline li.is-current i{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}
.timeline li.is-current i::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary)}
.timeline b{display:block;font-size:var(--fs-sm);color:var(--fg)}
.timeline span{font-size:var(--fs-xs);color:var(--fg-muted)}.timeline .icon{width:16px;height:16px}

/* ============ Pricing ============ */
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);align-items:stretch}
@media (max-width:960px){.pricing{grid-template-columns:1fr;max-width:480px;margin-inline:auto}}
.plan{display:flex;flex-direction:column;gap:1.25rem;border-radius:var(--r-xl);padding:clamp(24px,2.6vw,32px)}
.plan__name{font-size:var(--fs-lg);margin:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--fg)}
.plan__desc{color:var(--fg-muted);font-size:var(--fs-sm);margin:0;min-height:3.6em}
.plan__price{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}
.plan__price b{font-family:var(--display);font-size:clamp(2rem,1.6rem + 1.4vw,2.6rem);font-weight:700;color:var(--fg);line-height:1}
.plan__price span{color:var(--fg-muted);font-size:var(--fs-sm)}
.plan__price small{flex-basis:100%;color:var(--fg-muted);font-size:var(--fs-xs)}
.plan__features{list-style:none;display:grid;gap:.7rem;font-size:var(--fs-sm);flex:1}
.plan__features li{display:flex;gap:.6rem;align-items:flex-start;line-height:1.8;color:var(--fg-soft)}
.plan__features .icon{color:var(--c-600);width:18px;height:18px;margin-top:.2rem}
.plan--featured{background:linear-gradient(165deg,var(--primary-soft),var(--surface) 55%);border-color:var(--v-200);box-shadow:var(--shadow-lg);transform:translateY(-8px)}
@media (max-width:960px){.plan--featured{transform:none}}
.estimator{margin-top:clamp(32px,4vw,48px);display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem;align-items:center;border-radius:var(--r-xl)}
.estimator__form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.estimator__form .field{margin:0}
.estimator__result{border-radius:var(--r-lg);background:var(--bg-2);border:1px dashed var(--border-2);padding:1.25rem;min-height:120px;display:grid;align-content:center;gap:.35rem}
.estimator__result b{font-family:var(--display);font-size:var(--fs-2xl);font-weight:700;color:var(--fg)}
.estimator__result span{color:var(--fg-muted);font-size:var(--fs-sm)}
@media (max-width:860px){.estimator{grid-template-columns:1fr}.estimator__form{grid-template-columns:1fr}}

.feature-list{list-style:none;display:grid;gap:1rem}
.feature{display:flex;gap:1rem;align-items:flex-start}
.feature h3{font-size:var(--fs-md);margin:0 0 .25rem;color:var(--fg)}
.feature p{margin:0;color:var(--fg-muted);font-size:var(--fs-sm)}

.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.contact-card{display:flex;gap:.9rem;align-items:center}
.contact-card b{display:block;font-size:var(--fs-sm);color:var(--fg)}
.contact-card span{display:block;font-size:var(--fs-sm);color:var(--fg-muted);direction:ltr;text-align:right}
.map-embed{border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border);aspect-ratio:16/7;background:var(--panel-2)}
.map-embed iframe{width:100%;height:100%;border:0}

/* ============ Article ============ */
.reading-progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:300;background:transparent;pointer-events:none}
.reading-progress span{display:block;height:100%;width:100%;background:var(--grad);transform-origin:right;transform:scaleX(var(--p,0))}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,4vw,56px);align-items:start}
.article-layout--full{grid-template-columns:minmax(0,1fr)}
@media (max-width:1024px){.article-layout{grid-template-columns:1fr}}
.article-aside{position:sticky;top:calc(var(--header-h) + 24px);display:grid;gap:1rem}
@media (max-width:1024px){.article-aside{position:static}}
.toc{font-size:var(--fs-sm)}
.toc__title{font-weight:800;font-size:var(--fs-sm);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;color:var(--fg)}
.toc ol{list-style:none;display:grid;gap:.15rem;border-inline-start:2px solid var(--border)}
.toc a{display:block;padding:.35rem .9rem;color:var(--fg-muted);margin-inline-start:-2px;border-inline-start:2px solid transparent;line-height:1.7}
.toc a:hover{color:var(--fg)}
.toc a.is-active{color:var(--primary-2);border-inline-start-color:var(--primary);font-weight:700}
.toc .toc-h3 a{padding-inline-start:1.7rem;font-size:var(--fs-xs)}
.article-cover{border-radius:var(--r-xl);overflow:hidden;margin-bottom:2rem;border:1px solid var(--border)}
.article-cover img{width:100%}
.prose{font-size:var(--fs-md);line-height:2.1;color:var(--fg-soft)}
.prose>*+*{margin-top:1.15em}
.prose h2{font-size:var(--fs-2xl);margin:2em 0 .7em;color:var(--fg)}
.prose h3{font-size:var(--fs-xl);margin:1.7em 0 .6em;color:var(--fg)}
.prose h4{font-size:var(--fs-lg);margin:1.5em 0 .5em;color:var(--fg)}
.prose p{margin:0}
.prose a{color:var(--primary-2);text-decoration:underline;text-decoration-color:var(--v-200);text-underline-offset:4px}
.prose a:hover{text-decoration-color:var(--primary)}
.prose ul,.prose ol{padding-inline-start:1.4rem}
.prose li+li{margin-top:.4em}.prose li::marker{color:var(--primary-2)}
.prose img,.prose figure{border-radius:var(--r-lg)}.prose figure{margin-inline:0}
.prose figcaption{text-align:center;font-size:var(--fs-xs);color:var(--fg-muted);margin-top:.6rem}
.prose blockquote{margin-inline:0;padding:1.1rem 1.4rem;border-inline-start:4px solid var(--primary);background:var(--primary-soft);border-radius:var(--r-md);color:var(--fg)}
.prose blockquote p{margin:0}
.prose table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);display:block;overflow-x:auto}
.prose th,.prose td{padding:.75rem 1rem;border:1px solid var(--border);text-align:start}
.prose th{background:var(--panel-2);font-weight:800;color:var(--fg)}
.prose pre{direction:ltr;text-align:left;background:var(--ink-950);border:1px solid var(--border);color:#E9E8F2;border-radius:var(--r-md);padding:1rem 1.25rem;overflow-x:auto;font-size:var(--fs-sm)}
.prose pre code{background:none;padding:0;border:0;color:inherit}
.prose hr{margin:2.5em 0}
.alignwide{margin-inline:calc(-1 * clamp(0px,4vw,60px))}
.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw}
.aligncenter{margin-inline:auto}.alignright{float:right;margin-inline-start:1.5rem}.alignleft{float:left;margin-inline-end:1.5rem}
.article-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;font-size:var(--fs-sm);color:var(--fg-muted);margin-top:1rem}
.article-meta span{display:inline-flex;gap:.35rem;align-items:center}.article-meta .icon{width:16px;height:16px}
.share{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.share__label{font-size:var(--fs-sm);font-weight:700;margin-inline-end:.25rem;color:var(--fg)}
.inline-cta{margin-top:2.5rem;display:flex;gap:1.25rem;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:var(--r-xl);padding:clamp(20px,3vw,32px);background:radial-gradient(500px 220px at 0 0,var(--v-50),transparent),var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.inline-cta b{display:block;color:var(--fg);font-size:var(--fs-lg);margin-bottom:.25rem}
.author-box{display:flex;gap:1rem;align-items:flex-start;margin-top:2rem}
.author-box img{border-radius:50%}
.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:2rem}
.pagination{display:flex;justify-content:center;margin-top:3rem}
.pagination .nav-links{display:flex;gap:.4rem;flex-wrap:wrap}
.pagination .page-numbers{min-width:42px;height:42px;padding-inline:.75rem;display:grid;place-items:center;border-radius:var(--r);border:1px solid var(--border-2);color:var(--fg-soft);font-weight:700;font-size:var(--fs-sm);font-family:var(--latin)}
.pagination .page-numbers:hover{border-color:var(--v-300);color:var(--fg)}
.pagination .page-numbers.current{background:var(--v-600);border-color:transparent;color:#fff}
.comments{margin-top:3rem}
.comment-list{list-style:none;display:grid;gap:1rem}
.comment-list .children{list-style:none;margin-top:1rem;padding-inline-start:clamp(16px,4vw,40px);display:grid;gap:1rem}
.comment-body{border:1px solid var(--border);border-radius:var(--r-lg);padding:1.1rem 1.25rem;background:var(--surface)}
.comment-meta{display:flex;align-items:center;gap:.75rem;font-size:var(--fs-xs);color:var(--fg-muted);margin-bottom:.5rem}
.comment-meta img{border-radius:50%}
.comment-author .fn{font-weight:800;color:var(--fg);font-style:normal;font-size:var(--fs-sm)}
.comment-author .says{display:none}
.comment-content{font-size:var(--fs-sm);line-height:2.1}
.reply a{font-size:var(--fs-xs);font-weight:700}
.comment-respond{margin-top:2rem;border:1px solid var(--border);border-radius:var(--r-xl);padding:clamp(20px,3vw,32px);background:var(--bg-2)}
.comment-form{display:grid;gap:1rem}
.comment-form label{display:block;font-weight:700;font-size:var(--fs-sm);margin-bottom:.35rem;color:var(--fg)}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;border:1px solid var(--border-2);border-radius:var(--r);padding:.7rem .9rem;background:var(--surface);color:var(--fg)}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--primary);box-shadow:var(--ring)}
.comment-form .submit{background:var(--v-600);color:#fff;border:0;border-radius:var(--r);height:46px;padding-inline:1.4rem;font-weight:700}
.comment-form-cookies-consent{display:flex;gap:.5rem;align-items:center;font-size:var(--fs-xs)}
.divider-text{display:flex;align-items:center;gap:1rem;color:var(--fg-muted);font-size:var(--fs-xs)}
.divider-text::before,.divider-text::after{content:"";flex:1;height:1px;background:var(--border)}

/* ============ Marquee ============ */
.logos{padding-block:2.25rem;border-block:1px solid var(--border);background:var(--surface)}
.logos__title{text-align:center;font-size:var(--fs-sm);color:var(--fg-muted);margin-bottom:1.25rem}
.marquee{--gap:1rem;--dur:42s;display:flex;overflow:hidden;gap:var(--gap);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee__track{display:flex;flex:none;gap:var(--gap);min-width:100%;justify-content:space-around;animation:rz-marq var(--dur) linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes rz-marq{from{transform:translateX(0)}to{transform:translateX(calc(100% + var(--gap)))}}
.logo-chip{display:inline-flex;align-items:center;gap:.6rem;height:52px;padding-inline:1.1rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--fg-soft);font-family:var(--latin);font-weight:800;font-size:1rem;white-space:nowrap;transition:all var(--d2)}
.logo-chip:hover{color:var(--primary-2);border-color:var(--v-200)}

/* ============ Footer ============ */
.site-footer{background:var(--ink-950);color:var(--ink-300);font-size:var(--fs-sm);position:relative;isolation:isolate;overflow:hidden;margin-top:var(--section-y)}
.site-footer.no-gap{margin-top:0}
.site-footer a{color:#CFCDE0}.site-footer a:hover{color:#fff}
.footer__top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:clamp(24px,4vw,56px);padding-block:clamp(48px,6vw,80px) 2.5rem}
@media (max-width:960px){.footer__top{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer__top{grid-template-columns:1fr}}
.footer__about p{margin:1rem 0 1.25rem;line-height:2.1;max-width:360px;color:var(--ink-300)}
.footer__title{color:#fff;font-size:var(--fs-sm);font-weight:800;margin-bottom:1rem}
.footer__links{list-style:none;display:grid;gap:.55rem}
.footer__contact{list-style:none;display:grid;gap:.75rem}
.footer__contact li{display:flex;gap:.6rem;align-items:flex-start}
.footer__contact .icon{width:18px;height:18px;color:var(--c-400);margin-top:.25rem}
.socials{display:flex;gap:.5rem;flex-wrap:wrap}
.socials a{width:40px;height:40px;border-radius:var(--r);display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#CFCDE0;transition:all var(--d2)}
.socials a:hover{background:var(--grad);border-color:transparent;color:#fff;transform:translateY(-2px)}
.socials .icon{width:19px;height:19px}
.footer__trust{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}
.footer__trust>*{background:#fff;border-radius:var(--r);padding:.4rem;min-width:80px;min-height:80px;display:grid;place-items:center}
.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-block:1.25rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:var(--fs-xs)}
.footer__wordmark{position:absolute;inset-inline:0;bottom:-.28em;text-align:center;font-family:var(--display);font-weight:700;font-size:clamp(5rem,18vw,15rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(124,92,255,.14);z-index:-1;pointer-events:none;user-select:none;white-space:nowrap}

/* ============ Motion ============ */
.js .reveal{opacity:0;filter:blur(6px);transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease);transition-delay:calc(var(--d,0)*85ms)}
.js .reveal.is-in{opacity:1;filter:none;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js .reveal{opacity:1;filter:none;transform:none}.marquee__track{animation:none}}

/* ============ Utilities ============ */
.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-6{margin-top:3rem}
.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}
.text-center{text-align:center}.text-muted{color:var(--fg-muted)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}
.fw-800{font-weight:800}.w-full{width:100%}.hidden{display:none!important}.center{display:flex;justify-content:center}
@media (max-width:640px){.hide-sm{display:none!important}}@media (min-width:641px){.show-sm{display:none!important}}
.sticky .post-card{border-color:var(--v-200)}
.bypostauthor>.comment-body{border-color:var(--v-200)}
@media print{.site-header,.site-footer,.mobile-bar,.topbar,.article-aside,.inline-cta,.share{display:none!important}body{color:#000;background:#fff}}