/* NaidiAI — Решение уравнений онлайн. Standalone page.css: required DS tokens inlined (dark on :root, light on [data-theme="light"]). */
:root,[data-theme="dark"]{
--black:#000000;--white:#FFFFFF;--ink-900:#02080F;--surface-900:#0E1011;--surface-800:#1C1E20;
--grey-500:#828282;--grey-450:#898989;--blue-500:#007FFF;--blue-400:#4CA5FF;
--alpha-white-10:rgba(255,255,255,0.1);
--bg-page:var(--black);--surface-card:var(--surface-900);--surface-inset:var(--black);--surface-tag:var(--surface-800);
--text-primary:var(--white);--text-secondary:var(--grey-500);--text-ui:var(--grey-450);
--action-primary:var(--blue-500);--accent:var(--blue-400);
--cta-band:var(--blue-500);--cta-button-bg:var(--ink-900);--cta-button-fg:var(--blue-500);
--border:rgba(255,255,255,0.12);--border-hairline:rgba(255,255,255,0.12);
--card-stroke:none;--shadow:none;--surface-hover:#131617;
--stroke-hairline:inset 0 0 0 1px rgba(255,255,255,0.07);
--gradient-stroke:linear-gradient(90deg,rgba(76,165,255,0) 55%,rgba(76,165,255,0.55) 88%,#4CA5FF 100%);
--gradient-stroke-w:1.5px;
--glow-opacity:.55;
--font-core:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--font-math:"SF Mono",ui-monospace,"Cascadia Mono","Roboto Mono",Menlo,Consolas,monospace;
--fs-display:48px;--fs-section:36px;--fs-body:20px;--fs-label:16px;--fs-ui:15px;--fs-caption:14px;
--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;
--lh-flat:100%;--ls-wide:0.100em;
--r-10:10px;--r-16:16px;--r-20:20px;--r-26:26px;--r-30:30px;--r-full:9999px;
--section-gap:60px;--heading-gap:40px;--card-gap:23px;--card-pad:20px;--container:1280px;--container-faq:865px;
--transition:160ms ease;
}
[data-theme="light"]{
--bg-page:#F6F8FB;--surface-card:#FFFFFF;--surface-2:#F1F4F8;--surface-hover:#E8EDF4;
--text-primary:#111827;--text-secondary:#5F6875;--text-ui:#5F6875;
--border:rgba(17,24,39,0.12);--border-hairline:rgba(17,24,39,0.10);
--card-stroke:inset 0 0 0 1px rgba(17,24,39,0.12),0 1px 2px rgba(17,24,39,0.05),0 8px 20px rgba(17,24,39,0.04);
--stroke-hairline:inset 0 0 0 1px rgba(17,24,39,0.12);
--shadow:0 8px 20px rgba(17,24,39,0.06);
--alpha-white-10:rgba(17,24,39,0.06);
--surface-tag:#E8EDF4;
--glow-opacity:.18;
}
/* base */
/* Reset the UA body margin + paint html/body with the page background so the prototype has no white
   frame around it when embedded in an iframe (the dark ground otherwise only lived on .nai-page). */
html,body{margin:0;padding:0;background:var(--bg-page)}
.nai-page{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-core);font-weight:var(--fw-medium);-webkit-font-smoothing:antialiased;overflow-x:clip;display:block}
.nai-page a{color:var(--accent);text-decoration:none;transition:opacity var(--transition)}
.nai-page a:hover{color:var(--text-primary);opacity:1}
.nai-page *,.nai-page *::before,.nai-page *::after{box-sizing:border-box;text-wrap:pretty}
.nai-page img{max-width:100%;display:block}
.nai-container{max-width:var(--container);margin:0 auto;padding:0 24px}
.nai-section{padding:var(--section-gap) 0}
.nai-h2{font-size:var(--fs-section);font-weight:var(--fw-medium);line-height:110%;margin:0 0 var(--heading-gap)}
.nai-lead{font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary);margin:0}
.nai-lead+.nai-lead{margin-top:16px}
/* buttons */
.nai-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 32px;border:none;border-radius:var(--r-26);cursor:pointer;background:var(--action-primary);color:var(--white);font-family:var(--font-core);font-size:var(--fs-label);font-weight:var(--fw-medium);line-height:var(--lh-flat);text-decoration:none;transition:opacity var(--transition)}
.nai-btn:hover{opacity:.88}
.nai-btn:active{opacity:.76}
.nai-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border:none;border-radius:var(--r-26);cursor:pointer;background:var(--surface-tag);color:var(--text-primary);font-family:var(--font-core);font-size:var(--fs-label);font-weight:var(--fw-medium);line-height:var(--lh-flat);box-shadow:var(--stroke-hairline);transition:opacity var(--transition),background var(--transition)}
.nai-btn-ghost:hover{opacity:.85}
/* gradient right-edge stroke */
.nai-gradient-edge{position:relative}
.nai-gradient-edge::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--gradient-stroke-w);background:var(--gradient-stroke);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
/* decorative glow */
.nai-glow{position:absolute;border-radius:50%;filter:blur(90px);background:radial-gradient(circle,rgba(0,127,255,.5) 0%,rgba(76,165,255,.18) 45%,transparent 70%);opacity:var(--glow-opacity);pointer-events:none;z-index:0}
/* cards */
.nai-card{position:relative;border-radius:var(--r-30);background:var(--surface-card);box-shadow:var(--card-stroke);padding:var(--card-pad)}
/* reveal on scroll */
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}

/* ============ HERO ============ */
.eq-hero{position:relative;padding:80px 0 var(--section-gap);overflow:hidden}
.eq-hero .nai-container{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:60px;align-items:center}
.eq-hero-h1{font-size:var(--fs-display);font-weight:var(--fw-medium);line-height:112%;margin:0 0 24px}
.eq-hero-p{font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary);margin:0 0 32px;max-width:520px}
.eq-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.eq-trust{display:flex;gap:10px;flex-wrap:wrap}
.eq-trust li{list-style:none;display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:var(--r-16);background:var(--surface-tag);box-shadow:var(--stroke-hairline);color:var(--text-ui);font-size:var(--fs-caption);line-height:var(--lh-flat)}
.eq-trust{padding:0;margin:0}
/* solver widget */
.eq-solver-col{position:relative}
.eq-mascot{position:absolute;top:-62px;right:2px;width:110px;height:auto;z-index:2;filter:drop-shadow(0 16px 30px rgba(0,127,255,.35));pointer-events:none;transform:scaleX(-1)}
.eq-solver{position:relative;border-radius:var(--r-30);background:var(--surface-card);box-shadow:var(--card-stroke),0 30px 80px rgba(0,0,0,.45);padding:26px;display:grid;gap:16px}
[data-theme="light"] .eq-solver{box-shadow:var(--card-stroke)}
.eq-solver::before{content:"";position:absolute;inset:-46px;border-radius:70px;background:radial-gradient(60% 60% at 72% 4%,rgba(0,127,255,.25),transparent 70%);opacity:var(--glow-opacity);pointer-events:none;z-index:-1}
.eq-modes{display:flex;flex-wrap:wrap;gap:8px}
.eq-modes button{border:none;cursor:pointer;height:34px;padding:0 15px;border-radius:var(--r-16);background:var(--surface-tag);box-shadow:var(--stroke-hairline);font-family:var(--font-core);font-size:13px;font-weight:var(--fw-medium);line-height:var(--lh-flat);color:var(--text-ui);transition:background var(--transition),color var(--transition),box-shadow var(--transition)}
.eq-modes button.on{background:rgba(0,127,255,.16);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(76,165,255,.4)}
.eq-modes button:hover{color:var(--text-primary)}
.eq-field{position:relative}
.eq-field textarea{display:block;width:100%;min-height:150px;resize:vertical;border:none;border-radius:var(--r-16);background:var(--surface-inset);box-shadow:inset 0 0 0 1px rgba(76,165,255,.18);padding:18px 64px 18px 18px;font-family:var(--font-math);font-size:17px;line-height:150%;color:var(--text-primary);outline:none;transition:box-shadow var(--transition)}
[data-theme="light"] .eq-field textarea{background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(17,24,39,.15)}
.eq-field textarea:focus{box-shadow:inset 0 0 0 1.5px rgba(76,165,255,.55)}
.eq-field textarea::placeholder{color:var(--text-ui);font-family:var(--font-core)}
.eq-photo-btn{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--surface-tag);box-shadow:var(--stroke-hairline);color:var(--text-ui);transition:color var(--transition),box-shadow var(--transition)}
.eq-photo-btn:hover{color:var(--accent);box-shadow:inset 0 0 0 1px rgba(76,165,255,.4)}
.eq-photo-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eq-file-name{position:absolute;bottom:12px;right:16px;font-size:12px;color:var(--accent);max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.eq-submit{width:100%}
.eq-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.eq-quick-cap{font-size:var(--fs-caption);color:var(--text-secondary)}
.eq-quick button{border:none;cursor:pointer;height:30px;padding:0 13px;border-radius:var(--r-16);background:var(--surface-tag);box-shadow:var(--stroke-hairline);font-family:var(--font-core);font-size:13px;font-weight:var(--fw-medium);line-height:var(--lh-flat);color:var(--text-ui);transition:color var(--transition),box-shadow var(--transition)}
.eq-quick button.m{font-family:var(--font-math)}
.eq-quick button:hover{color:var(--accent);box-shadow:inset 0 0 0 1px rgba(76,165,255,.4)}
.eq-perks{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:2px 0 0}
.eq-perks li{position:relative;padding-left:14px;font-size:12px;color:var(--text-secondary)}
.eq-perks li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent)}
@keyframes eqStep{to{opacity:1;transform:none}}

/* ============ 2. FEATURES ============ */
.eq-features-intro{max-width:none}
.eq-features-intro .nai-lead{max-width:none}
.eq-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--card-gap);margin-top:var(--heading-gap)}
.eq-feature{position:relative;border-radius:var(--r-30);background:var(--surface-card);box-shadow:var(--card-stroke);padding:26px 26px 26px 30px;overflow:hidden}
.eq-feature .bar{position:absolute;left:0;top:26px;bottom:26px;width:3px;border-radius:2px;background:linear-gradient(180deg,#007FFF,rgba(76,165,255,.15))}
.eq-feature h3{font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:120%;margin:0 0 10px}
.eq-feature p{font-size:var(--fs-label);font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary);margin:0}
.eq-features-cta{margin-top:var(--heading-gap)}

/* ============ 3. STEPS ============ */
.eq-steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap);position:relative}
.eq-step{position:relative;padding:0 8px}
.eq-step .idx{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:var(--r-16);background:var(--alpha-white-10);color:var(--text-ui);font-size:var(--fs-caption);letter-spacing:var(--ls-wide);margin-bottom:18px}
.eq-step h3{font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:125%;margin:0 0 12px}
.eq-step p{font-size:var(--fs-label);font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary);margin:0}
.eq-step::before{content:"";position:absolute;top:14px;left:calc(100% - 4px);width:calc(var(--card-gap) + 8px);height:1px;background:linear-gradient(90deg,rgba(76,165,255,.5),rgba(76,165,255,.08))}
.eq-step:last-child::before{display:none}

/* ============ 4. TYPES ============ */
.eq-types{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--card-gap)}
.eq-type{position:relative;border-radius:var(--r-30);background:var(--surface-card);box-shadow:var(--card-stroke);padding:var(--card-pad);display:flex;flex-direction:column;gap:12px}
.eq-type h3{font-size:17px;font-weight:var(--fw-medium);line-height:125%;margin:0}
.eq-type p{font-size:var(--fs-caption);font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary);margin:0}
.eq-math{margin-top:auto;border-radius:var(--r-10);background:var(--surface-inset);box-shadow:inset 0 0 0 1px rgba(76,165,255,.18);padding:12px 14px;font-family:var(--font-math);font-size:14px;line-height:150%;color:var(--accent);white-space:pre-line}
[data-theme="light"] .eq-math{background:#0E1011;color:#4CA5FF}

/* ============ 5. SOLUTION DEMO ============ */
.eq-demo{position:relative;overflow:hidden}
.eq-demo-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:60px;align-items:center}
.eq-demo-panel{border-radius:var(--r-30);background:#0E1011;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.4)}
[data-theme="light"] .eq-demo-panel{box-shadow:0 24px 60px rgba(17,24,39,.16)}
.eq-demo-panel,.eq-demo-panel *{color:#FFFFFF}
.eq-flow{list-style:none;margin:0;padding:0;display:grid;justify-items:center;gap:6px}
.eq-flow .ln{font-family:var(--font-math);font-size:22px;padding:12px 26px;border-radius:var(--r-10);background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);text-align:center}
.eq-flow .ar{color:#4CA5FF!important;font-size:18px;line-height:1;padding:2px 0}
.eq-check{margin:22px 0 0;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}
.eq-check .cap{font-size:12px;letter-spacing:var(--ls-wide);text-transform:uppercase;color:#898989!important;margin:0 0 10px}
.eq-check .m{font-family:var(--font-math);font-size:16px;line-height:170%;margin:0}
.eq-final{margin-top:18px;border-radius:var(--r-16);background:rgba(0,127,255,.14);box-shadow:inset 0 0 0 1px rgba(76,165,255,.4);padding:16px 20px;font-family:var(--font-math);font-size:20px;color:#4CA5FF!important;text-align:center}
.eq-demo-copy p{font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary);margin:0 0 28px}

/* ============ UNIVERSAL SHOWCASE ============ */
.eq-uni{position:relative;overflow:hidden}
.eq-uni-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--card-gap);margin-top:var(--heading-gap);align-items:stretch}
.eq-uni-nav{display:grid;gap:10px;align-content:start}
.eq-uni-nav button{position:relative;border:none;cursor:pointer;text-align:left;border-radius:var(--r-20);background:transparent;box-shadow:inset 0 0 0 1px var(--border-hairline);padding:14px 18px;font-family:var(--font-core);color:var(--text-primary);transition:background var(--transition),box-shadow var(--transition)}
.eq-uni-nav button strong{display:block;font-size:var(--fs-label);font-weight:var(--fw-medium);line-height:125%}
.eq-uni-nav button span{display:none;margin-top:8px;font-size:var(--fs-caption);font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary)}
.eq-uni-nav button.on{background:var(--surface-card);box-shadow:var(--card-stroke),inset 0 0 0 1px rgba(76,165,255,.35)}
.eq-uni-nav button.on span{display:block}
.eq-uni-nav button:hover{background:var(--surface-card)}
.eq-uni-preview{border-radius:var(--r-30);background:#0E1011;padding:34px;display:flex;flex-direction:column;justify-content:center;gap:14px;box-shadow:0 30px 80px rgba(0,0,0,.4)}
[data-theme="light"] .eq-uni-preview{box-shadow:0 24px 60px rgba(17,24,39,.16)}
.eq-uni-preview,.eq-uni-preview *{color:#FFFFFF}
.eq-uni-cap{margin:0;font-size:12px;letter-spacing:var(--ls-wide);text-transform:uppercase;color:#898989!important}
.eq-uni-task{font-size:17px}
.eq-uni-arrow{margin:0;text-align:center;color:#4CA5FF!important;font-size:18px;line-height:1}
.eq-uni-note{font-size:var(--fs-ui);font-weight:var(--fw-regular);line-height:150%;color:#898989!important}
.eq-uni-answer{border-radius:var(--r-10);background:rgba(0,127,255,.14);box-shadow:inset 0 0 0 1px rgba(76,165,255,.4);padding:14px 18px;font-family:var(--font-math);font-size:16px;color:#4CA5FF!important}
.eq-uni-preview.swap>*{animation:eqStep .4s ease}

/* ============ CHAIN ============ */
.eq-chain{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.eq-chain span{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:var(--r-30);background:var(--surface-card);box-shadow:var(--card-stroke),var(--stroke-hairline);font-size:var(--fs-ui);line-height:var(--lh-flat)}
.eq-chain i{font-style:normal;color:var(--accent);font-size:18px}
.eq-chain-note{margin:28px 0 14px;font-size:var(--fs-label);font-weight:var(--fw-regular);color:var(--text-secondary)}
.eq-chain-chips{display:flex;flex-wrap:wrap;gap:10px}
.eq-chain-chips span{display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:var(--r-16);background:var(--surface-tag);box-shadow:inset 0 0 0 1px rgba(76,165,255,.25);color:var(--accent);font-size:var(--fs-caption);line-height:var(--lh-flat)}

/* ============ 6. PHOTO ============ */
.eq-photo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:stretch}
.eq-photo-img{border-radius:var(--r-20);overflow:hidden;position:relative;height:100%;min-height:340px}
.eq-photo-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 360ms cubic-bezier(.22,1,.36,1)}
.eq-photo-img:hover img{transform:scale(1.03)}
.eq-hint{border-radius:var(--r-16);background:var(--surface-tag);box-shadow:var(--stroke-hairline);padding:14px 18px;font-size:var(--fs-caption);font-weight:var(--fw-regular);line-height:150%;color:var(--text-ui);margin-bottom:28px}

/* ============ SUBSCRIPTION ============ */
.eq-sub{position:relative;overflow:hidden}
.eq-sub-lead{max-width:640px}
.eq-sub-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:var(--heading-gap);align-items:stretch}
.eq-sub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.eq-sub-item{border-radius:var(--r-20);background:transparent;box-shadow:inset 0 0 0 1px var(--border-hairline);padding:20px;transition:background var(--transition),box-shadow var(--transition)}
.eq-sub-item:hover{background:var(--surface-card);box-shadow:inset 0 0 0 1px rgba(76,165,255,.3)}
.eq-sub-item h4{font-size:var(--fs-ui);font-weight:var(--fw-medium);line-height:125%;margin:0 0 8px;color:var(--accent)}
.eq-sub-item p{font-size:var(--fs-caption);font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary);margin:0}
.eq-sub-card{position:relative;border-radius:var(--r-30);background:var(--surface-card);box-shadow:var(--card-stroke);padding:30px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-self:stretch}
.eq-sub-card::before{content:"";position:absolute;inset:-44px;border-radius:70px;background:radial-gradient(60% 55% at 50% 0%,rgba(0,127,255,.28),transparent 70%);opacity:var(--glow-opacity);pointer-events:none;z-index:-1}
.eq-sub-card h3{font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:125%;margin:0 0 12px}
.eq-sub-card-p{font-size:var(--fs-ui);font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary);margin:0 0 24px}
.eq-sub-cta{width:100%}
.eq-sub-note{margin:14px 0 0;font-size:12px;font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary);text-align:center}

/* ============ 7. ADVANTAGES ============ */
.eq-adv-h2{text-align:center;margin-bottom:18px}
.eq-adv-sub{margin:0 auto var(--heading-gap);max-width:640px;text-align:center;font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary)}
.eq-adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}
.eq-adv-item{position:relative;border-radius:var(--r-20);background:transparent;box-shadow:inset 0 0 0 1px var(--border-hairline);padding:28px 26px;transition:box-shadow var(--transition)}
.eq-adv-item:hover{box-shadow:inset 0 0 0 1px rgba(76,165,255,.35),0 0 34px rgba(0,127,255,.14)}
.eq-adv-ico{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(0,127,255,.12);box-shadow:inset 0 0 0 1px rgba(76,165,255,.3);color:var(--accent);margin-bottom:16px}
.eq-adv-item h3{font-size:var(--fs-label);font-weight:var(--fw-medium);line-height:125%;margin:0 0 10px}
.eq-adv-item p{font-size:var(--fs-caption);font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary);margin:0}
.eq-adv-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:var(--heading-gap);border-radius:var(--r-30);background:var(--surface-card);box-shadow:var(--card-stroke);padding:28px 34px}
.eq-adv-cta h3{font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:125%;margin:0 0 8px}
.eq-adv-cta p{font-size:var(--fs-ui);font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary);margin:0;max-width:560px}
.eq-adv-cta .nai-btn{flex:0 0 auto}

/* ============ 8. AUDIENCE ============ */
.eq-aud{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--card-gap)}
.eq-aud div{padding-top:16px;border-top:1px solid var(--border)}
.eq-aud h3{font-size:17px;font-weight:var(--fw-medium);margin:0 0 10px;line-height:125%}
.eq-aud p{font-size:var(--fs-caption);font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary);margin:0}

/* ============ 10. FAQ ============ */
.eq-faq-wrap{max-width:var(--container-faq);margin:0 auto}
.nai-faq{border-radius:var(--r-30);background:var(--surface-card);box-shadow:var(--card-stroke);margin-bottom:14px;overflow:hidden;transition:background var(--transition)}
.nai-faq:hover{background:var(--surface-hover)}
.nai-faq-q{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border:none;background:none;cursor:pointer;padding:26px 30px;text-align:left;font-family:var(--font-core);font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:130%;color:var(--text-primary)}
.nai-faq-glyph{flex:0 0 auto;font-size:var(--fs-section);font-weight:var(--fw-medium);line-height:var(--lh-flat);color:var(--text-secondary);transition:color var(--transition)}
.nai-faq.open .nai-faq-glyph{color:var(--accent)}
.nai-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.nai-faq-a p{padding:0 30px 26px;margin:0;font-size:var(--fs-label);font-weight:var(--fw-regular);line-height:150%;color:var(--text-secondary);max-width:700px}

/* ============ 11. CTA BAND ============ */
.eq-cta{position:relative;border-radius:var(--r-30);background:#050B1E url("../assets/images/cta-grid.webp") center/cover no-repeat;padding:68px 79px;text-align:center;overflow:hidden}
.eq-cta h2{font-size:var(--fs-section);font-weight:var(--fw-bold);line-height:115%;letter-spacing:var(--ls-wide);text-transform:uppercase;color:#FFFFFF;margin:0 0 20px}
.eq-cta p{font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:150%;color:rgba(255,255,255,.85);margin:0 auto 32px;max-width:640px}
.eq-cta .nai-btn{background:var(--action-primary);color:#FFFFFF;font-weight:var(--fw-semibold)}
.eq-cta-note{margin:24px 0 0;font-size:var(--fs-caption);color:rgba(255,255,255,.75)}

/* ============ responsive ============ */
@media (max-width:1100px){
.eq-hero .nai-container,.eq-demo-wrap,.eq-photo{grid-template-columns:1fr;gap:40px}
.eq-types{grid-template-columns:repeat(2,1fr)}
.eq-uni-wrap{grid-template-columns:1fr}
.eq-sub-wrap{grid-template-columns:1fr}
.eq-sub-grid{grid-template-columns:repeat(2,1fr)}
.eq-adv-grid{grid-template-columns:repeat(2,1fr)}
.eq-aud{grid-template-columns:repeat(2,1fr);gap:32px var(--card-gap)}
}
@media (max-width:760px){
.nai-section{padding:44px 0}
.eq-hero{padding-top:48px}
.eq-hero-h1{font-size:32px}
.nai-h2{font-size:27px;margin-bottom:28px}
.eq-steps-row{grid-template-columns:1fr;gap:32px}
.eq-step::before{display:none}
.eq-features-grid,.eq-types,.eq-aud,.eq-sub-grid,.eq-adv-grid{grid-template-columns:1fr}
.eq-sub-card{padding:26px 20px}
.eq-adv-cta{flex-direction:column;align-items:stretch;text-align:center;padding:26px 20px}
.eq-adv-cta p{max-width:none}
.eq-cta{padding:48px 24px}
.eq-cta h2{font-size:24px}
.eq-solver{padding:18px}
.eq-solver-col{margin-top:44px}
.eq-mascot{width:78px;top:-46px;right:4px}
.eq-modes{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.eq-modes button{flex:0 0 auto}
.eq-field textarea{min-height:170px;font-size:16px}
.eq-flow .ln{font-size:18px;padding:10px 18px}
.eq-demo-panel{padding:20px}
.nai-faq-q{padding:20px 22px;font-size:17px}
.nai-faq-a p{padding:0 22px 20px}
.eq-hero-cta .nai-btn,.eq-hero-cta .nai-btn-ghost{width:100%}
}
@media (prefers-reduced-motion:reduce){
.rv{opacity:1;transform:none;transition:none}
.eq-photo-img img{transition:none}
.nai-faq-a{transition:none}
*{animation-duration:.01ms!important}
}