/* SEO-лендинг «Удаление объектов с фото» — только семантические токены NaidiAI DS */
.nai-page{overflow:clip;position:relative}
.nai-page::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 34% 6%,rgba(76,165,255,.5) 50%,transparent 51%),radial-gradient(1px 1px at 58% 24%,rgba(255,255,255,.4) 50%,transparent 51%),radial-gradient(2px 2px at 79% 11%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(1px 1px at 91% 32%,rgba(76,165,255,.45) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 5% 47%,rgba(255,255,255,.35) 50%,transparent 51%),radial-gradient(1px 1px at 27% 62%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1px 1px at 44% 41%,rgba(76,165,255,.4) 50%,transparent 51%),radial-gradient(2px 2px at 66% 55%,rgba(255,255,255,.45) 50%,transparent 51%),radial-gradient(1px 1px at 85% 68%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 15% 82%,rgba(76,165,255,.45) 50%,transparent 51%),radial-gradient(1px 1px at 38% 91%,rgba(255,255,255,.4) 50%,transparent 51%),radial-gradient(1px 1px at 56% 74%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(2px 2px at 73% 88%,rgba(76,165,255,.4) 50%,transparent 51%),radial-gradient(1px 1px at 95% 79%,rgba(255,255,255,.45) 50%,transparent 51%),radial-gradient(1px 1px at 48% 12%,rgba(255,255,255,.35) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 8% 30%,rgba(255,255,255,.3) 50%,transparent 51%),radial-gradient(1px 1px at 69% 37%,rgba(255,255,255,.35) 50%,transparent 51%),radial-gradient(1px 1px at 22% 25%,rgba(76,165,255,.35) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 62% 95%,rgba(255,255,255,.35) 50%,transparent 51%);animation:ro-twinkle 5s ease-in-out infinite alternate}
@keyframes ro-twinkle{from{opacity:.5}to{opacity:1}}
.nai-page::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 23px 41px,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 117px 152px,rgba(255,255,255,.65) 50%,transparent 51%),radial-gradient(1px 1px at 201px 88px,rgba(255,255,255,.4) 50%,transparent 51%),radial-gradient(2px 2px at 64px 233px,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(1px 1px at 172px 269px,rgba(76,165,255,.5) 50%,transparent 51%),radial-gradient(1px 1px at 258px 197px,rgba(255,255,255,.45) 50%,transparent 51%);background-size:300px 300px;animation:ro-twinkle 7s ease-in-out infinite alternate-reverse}
[data-theme="light"] .nai-page::after{display:none}
[data-theme="light"] .nai-page::before{display:none}
.nai-page>*{position:relative;z-index:1}
.ro-wrap{max-width:var(--container);margin:0 auto;padding:0 32px}
.ro-section{margin-top:96px}
.ro-h2{font-size:clamp(26px,3vw,var(--fs-section));font-weight:var(--fw-medium);line-height:1.12;text-align:center;margin:0}
.ro-h2-sub{max-width:720px;margin:20px auto 0;text-align:center;color:var(--text-secondary);font-weight:var(--fw-regular);font-size:var(--fs-body);line-height:145%}
.ro-after-h{margin-top:var(--heading-gap)}
.nai-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 34px;border:none;border-radius:var(--r-26);background:var(--action-primary);color:var(--text-on-action);font-family:var(--font-core);font-size:var(--fs-label);font-weight:var(--fw-medium);line-height:var(--lh-flat);cursor:pointer;text-decoration:none;transition:opacity var(--transition)}
/* ---------- hero ---------- */
.ro-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:88px;align-items:stretch;padding-top:72px;position:relative;z-index:1}
.ro-hero-left{display:flex;flex-direction:column}
.ro-hero-right{display:flex}
.ro-hero h1{font-size:clamp(32px,4.2vw,var(--fs-display));font-weight:var(--fw-medium);line-height:1.06;margin:0}
.ro-hero-lead{margin:22px 0 0;color:var(--text-secondary);font-weight:var(--fw-regular);font-size:var(--fs-body);line-height:145%}
.ro-trust{margin-top:18px;color:var(--text-secondary);font-size:var(--fs-caption);letter-spacing:var(--ls-wide)}
.ro-drop{box-sizing:border-box;margin-top:32px;flex:1;min-height:220px;border-radius:var(--r-20);background:transparent;border:1.5px dashed var(--accent);width:100%;padding:34px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-family:var(--font-core);color:var(--text-primary)}
.ro-drop .nai-btn{margin-top:12px}
.ro-drop-note{font-size:var(--fs-body);font-weight:var(--fw-medium)}
.ro-drop-fmt{color:var(--text-secondary);font-size:var(--fs-caption);letter-spacing:var(--ls-wide)}
.ro-drop .nai-btn{position:relative;isolation:isolate;will-change:box-shadow,transform;animation:ro-btn-pulse 2.6s ease-in-out infinite}
.ro-drop .nai-btn::before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:inherit;background:var(--action-primary);filter:blur(12px);opacity:.3;animation:ro-btn-halo 2.6s ease-in-out infinite}
@keyframes ro-btn-pulse{0%,100%{box-shadow:0 0 14px 1px rgba(0,127,255,.3),0 0 36px 6px rgba(0,127,255,.12);transform:scale(1)}50%{box-shadow:0 0 24px 4px rgba(0,127,255,.5),0 0 56px 10px rgba(0,127,255,.22);transform:scale(1.015)}}
@keyframes ro-btn-halo{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.5;transform:scale(1.03)}}
@media (prefers-reduced-motion:reduce){.ro-drop .nai-btn,.ro-drop .nai-btn::before{animation:none}.ro-drop .nai-btn{box-shadow:0 0 18px 2px rgba(0,127,255,.35)}}
/* ---------- before/after ---------- */
.ro-ba{position:relative;border-radius:var(--r-30);overflow:hidden;aspect-ratio:7/5;--pos:55%;background:var(--surface-card);box-shadow:var(--card-stroke);touch-action:pan-y;user-select:none;cursor:ew-resize}
.ro-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ro-ba-afterwrap{position:absolute;inset:0;clip-path:inset(0 0 0 var(--pos))}
.ro-ba-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:rgba(255,255,255,.9);box-shadow:0 0 12px rgba(76,165,255,.7)}
.ro-ba-handle{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:46px;height:46px;border-radius:var(--r-full);background:var(--action-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(0,0,0,.35),0 0 0 4px rgba(0,127,255,.25);touch-action:none;border:none;cursor:ew-resize}
.ro-ba-tag{position:absolute;top:16px;height:30px;display:inline-flex;align-items:center;padding:0 14px;border-radius:var(--r-16);background:var(--alpha-surface-30);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-on-media);font-size:var(--fs-caption);letter-spacing:var(--ls-wide)}
.ro-ba-tag-b{left:16px}.ro-ba-tag-a{right:16px}
.ro-ba-wide{aspect-ratio:16/8}
.ro-ba-hero{flex:1;aspect-ratio:auto;min-height:420px}
/* категории под hero-слайдером */
.ro-cats{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ro-cat{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 18px;border:none;border-radius:var(--r-30);background:var(--surface-card);box-shadow:var(--card-stroke);color:var(--text-secondary);font-family:var(--font-core);font-size:var(--fs-ui);font-weight:var(--fw-medium);line-height:var(--lh-flat);cursor:pointer;transition:box-shadow var(--transition),color var(--transition)}
.ro-cat:hover{color:var(--text-primary)}
.ro-cat[aria-selected="true"]{color:var(--text-primary);box-shadow:var(--card-stroke),var(--stroke-accent)}
.ro-cat[aria-selected="true"] .ro-cat-ic{background:var(--accent)}
.ro-cat-ic{width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
/* ---------- что можно удалить (editorial) ---------- */
.ro-ed-img{width:100%;aspect-ratio:16/9.5;object-fit:cover;border-radius:var(--r-20);display:block}
/* ---------- восстановление фона ---------- */
.ro-restore{position:relative}
.ro-restore .ro-ba{max-width:1120px;margin:0 auto}
/* ---------- feature 50/50 ---------- */
.ro-feat{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;margin-top:120px}
.ro-feat-media{position:relative}
.ro-feat-media::before{content:"";position:absolute;inset:-24px;border-radius:var(--r-30);background:radial-gradient(closest-side,rgba(0,127,255,.22),transparent 72%);filter:blur(28px);z-index:0}
[data-theme="light"] .ro-feat-media::before{background:radial-gradient(closest-side,rgba(0,127,255,.14),transparent 72%)}
.ro-feat-media img{position:relative;z-index:1;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-20);display:block}
.ro-feat-t{margin:0;font-size:clamp(26px,3vw,var(--fs-section));font-weight:var(--fw-medium);line-height:1.12}
.ro-feat-d{margin:20px 0 0;color:var(--text-secondary);font-weight:var(--fw-regular);font-size:var(--fs-body);line-height:150%}
.ro-feat .nai-btn{margin-top:30px}
/* ---------- erasable note ---------- */
.ro-feat{position:relative}
.ro-erase{position:absolute;top:-58px;right:8px;width:min(280px,24vw);aspect-ratio:2172/724;transform:rotate(-4deg);z-index:3;touch-action:none;user-select:none;-webkit-user-select:none}
.ro-erase-canvas{display:block;width:100%;height:100%;cursor:none;transition:opacity 600ms ease}
.ro-erase.done .ro-erase-canvas{opacity:0;pointer-events:none}
.ro-erase-cursor{position:absolute;top:0;left:0;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#0E1011;border:1.5px solid var(--accent);box-shadow:0 0 14px rgba(0,127,255,.45),0 4px 14px rgba(0,0,0,.35);color:var(--accent);display:none;align-items:center;justify-content:center;pointer-events:none;z-index:2}
.ro-erase.hover .ro-erase-cursor{display:flex}
.ro-erase-hint{position:absolute;left:50%;bottom:100%;transform:translateX(-50%) ;margin-bottom:10px;white-space:nowrap;color:var(--text-secondary);font-size:var(--fs-caption);letter-spacing:var(--ls-wide);opacity:1;transition:opacity 400ms ease;pointer-events:none}
.ro-erase.touched .ro-erase-hint{opacity:0}
@media (max-width:1023px){.ro-erase{position:static;order:-1;width:min(240px,64%);margin:0 0 4px auto}}
/* ---------- шаги ---------- */
.ro-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:20px;align-items:start;margin-top:var(--heading-gap)}
.ro-step{position:relative}
.ro-step img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-20);display:block}
.ro-step-t{margin:16px 0 6px;font-size:var(--fs-label);font-weight:var(--fw-medium)}
.ro-step-d{margin:0;color:var(--text-secondary);font-weight:var(--fw-regular);font-size:var(--fs-ui);line-height:145%}
.ro-arrow{align-self:center;color:var(--accent);font-size:30px;line-height:1;padding-top:0}
.ro-sel{position:absolute;border:2px dashed var(--accent);border-radius:var(--r-10);background:rgba(76,165,255,.12);pointer-events:none}
.ro-step-media{position:relative}
/* ---------- editorial-ряды ---------- */
.ro-ex{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;align-items:center;margin-top:64px}
.ro-ex:first-of-type{margin-top:var(--heading-gap)}
/* ---------- сценарии ---------- */
.ro-scen{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1060px;margin:var(--heading-gap) auto 0}
.ro-scen-item{border-top:1px solid var(--border-hairline);padding-top:22px}
.ro-scen-t{margin:0;font-size:var(--fs-label);font-weight:var(--fw-medium)}
.ro-scen-d{margin:10px 0 0;color:var(--text-secondary);font-weight:var(--fw-regular);font-size:var(--fs-ui);line-height:145%}
.ro-ex-rev .ro-ex-text{order:2}
.ro-ex-t{margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:var(--fw-medium);line-height:1.15}
.ro-ex-d{margin:14px 0 0;color:var(--text-secondary);font-weight:var(--fw-regular);font-size:var(--fs-ui);line-height:150%}
/* ---------- почему ---------- */
.ro-why{margin-top:96px;background:var(--surface-card);padding:64px 0}
[data-theme="light"] .ro-why{background:var(--surface-2)}
.ro-why-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:44px}
.ro-why-item{display:inline-flex;align-items:center;min-height:52px;padding:14px 26px;border-radius:var(--r-30);background:var(--bg-page);box-shadow:var(--stroke-hairline);text-align:center;font-size:var(--fs-label);letter-spacing:var(--ls-wide);line-height:130%}
/* ---------- другие инструменты ---------- */
.ro-tools{text-align:center}
.ro-tools-h{font-size:clamp(20px,2.2vw,26px);font-weight:var(--fw-medium);margin:0}
.ro-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.ro-pill{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);color:var(--text-primary);font-size:var(--fs-ui);font-weight:var(--fw-medium);line-height:var(--lh-flat);transition:box-shadow var(--transition),opacity var(--transition)}
.ro-pill:hover{color:var(--text-primary);opacity:1;box-shadow:var(--card-stroke),var(--stroke-accent)}
/* ---------- faq ---------- */
.ro-faq-list{max-width:var(--container-faq);margin:var(--heading-gap) auto 0;display:flex;flex-direction:column;gap:14px}
.nai-faq{border-radius:var(--r-30);background:var(--surface-card);box-shadow:var(--card-stroke)}
.ro-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:none;border:none;padding:24px 28px;font-family:var(--font-core);font-size:var(--fs-label);font-weight:var(--fw-medium);color:var(--text-primary);text-align:left;cursor:pointer;line-height:1.3}
.ro-faq-x{flex:none;font-size:28px;font-weight:var(--fw-medium);line-height:1;color:var(--text-secondary);transition:color var(--transition)}
.ro-faq-x::before{content:"+"}
.nai-faq.open .ro-faq-x{color:var(--accent)}
.nai-faq.open .ro-faq-x::before{content:"−"}
.ro-faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows 260ms ease}
.nai-faq.open .ro-faq-a{grid-template-rows:1fr}
.ro-faq-a>div{overflow:hidden}
.ro-faq-a p{margin:0;padding:0 28px 24px;color:var(--text-secondary);font-weight:var(--fw-regular);font-size:var(--fs-ui);line-height:150%}
/* ---------- финальный CTA ---------- */
.ro-cta{margin:96px auto 0;position:relative;z-index:1}
.ro-cta-band{border-radius:var(--r-30);background:#02080F url("../assets/images/cta-bg.png") center/cover no-repeat;padding:var(--band-pad-y) var(--band-pad-x);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#FFFFFF}
.ro-cta-band h2{margin:0;font-size:clamp(24px,3vw,var(--fs-section));font-weight:var(--fw-bold);line-height:1.12;text-transform:uppercase;letter-spacing:.02em}
.ro-cta-band p{max-width:640px;margin:18px auto 0;font-weight:var(--fw-regular);font-size:var(--fs-body);line-height:145%;color:rgba(255,255,255,.88)}
.ro-cta-band .nai-btn{margin-top:30px}
.ro-end-pad{height:96px}
/* ---------- responsive ---------- */
@media (max-width:1023px){
.ro-hero{grid-template-columns:1fr;gap:44px;padding-top:52px}
.ro-ba-hero{aspect-ratio:7/5;min-height:0;width:100%}
.ro-steps{grid-template-columns:1fr;gap:32px}
.ro-feat{grid-template-columns:1fr;gap:36px;margin-top:96px}
.ro-arrow{display:none}
.ro-ex,.ro-ex-rev{grid-template-columns:1fr;gap:24px}
.ro-ex-rev .ro-ex-text{order:0}
.ro-why-grid{gap:12px}
.ro-scen{grid-template-columns:1fr;gap:28px}
}
@media (max-width:639px){
.ro-wrap{padding:0 20px}
.ro-section{margin-top:64px}
.ro-why,.ro-cta{margin-top:64px}
.ro-ed-img{aspect-ratio:4/3}
.ro-why-grid{gap:10px}
.ro-cta-band{padding:48px 24px}
.ro-ba{aspect-ratio:4/3.4}
.ro-ba-wide{aspect-ratio:4/3.4}
.ro-end-pad{height:64px}
}