/* Стили сайта «видим тебя». Перенесены из макета. Тёмная тема — через prefers-color-scheme и data-theme. */
:root{
  --bg:#F7F6F3; --panel:#FFFFFF; --dark:#1D201C; --dark-2:#262A25; --ink:#161816; --ink-2:#6A6E68; --ink-3:#9A9E97; --line:#E3E1DB; --line-d:#3A3E38;
  --lime:#CFF35C; --lime-ink:#161816; --lime-soft:#EEF8C8; --lime-text:#6F8C12;
  --risk:#D6473A; --risk-soft:#FBE4E1; --ok:#2E8A55; --ok-soft:#DFF2E5;
  --disp:'Manrope',system-ui,sans-serif; --body:'Onest',system-ui,-apple-system,sans-serif;
  --r-s:10px; --r-m:14px; --r-l:22px;
  --sh:0 1px 2px rgba(22,24,22,.04),0 12px 32px -16px rgba(22,24,22,.18);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#141613; --panel:#1D201C; --dark:#0E100D; --dark-2:#1A1D19; --ink:#F1F0EC; --ink-2:#A9ADA6; --ink-3:#6F736D; --line:#2C302B; --line-d:#3A3E38;
  --lime:#CFF35C; --lime-ink:#161816; --lime-soft:#2A3318; --lime-text:#CFF35C;
  --risk:#F27A6E; --risk-soft:#3E1F1B; --ok:#5DC98A; --ok-soft:#173424;
  --sh:0 1px 2px rgba(0,0,0,.3),0 12px 32px -16px rgba(0,0,0,.6);
}}
:root[data-theme="dark"]{
  --bg:#141613; --panel:#1D201C; --dark:#0E100D; --dark-2:#1A1D19; --ink:#F1F0EC; --ink-2:#A9ADA6; --ink-3:#6F736D; --line:#2C302B; --line-d:#3A3E38;
  --lime:#CFF35C; --lime-ink:#161816; --lime-soft:#2A3318; --lime-text:#CFF35C;
  --risk:#F27A6E; --risk-soft:#3E1F1B; --ok:#5DC98A; --ok-soft:#173424;
  --sh:0 1px 2px rgba(0,0,0,.3),0 12px 32px -16px rgba(0,0,0,.6);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
::selection{background:var(--lime);color:var(--lime-ink)}
a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--ink-3)}
button{font:inherit;cursor:pointer;color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
h1,h2,h3{font-family:var(--disp);margin:0;text-wrap:balance}
h1{font-size:clamp(40px,6.2vw,84px);font-weight:500;line-height:1.02;letter-spacing:-.04em}
h2{font-size:clamp(28px,3.6vw,46px);font-weight:500;line-height:1.08;letter-spacing:-.035em}
h3{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.3}
p{margin:0}
.num{font-variant-numeric:tabular-nums}
.lbl{font-family:var(--disp);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.lbl.on-dark{color:#9DA39A}
.hl{background:linear-gradient(transparent 58%,var(--lime) 58%,var(--lime) 92%,transparent 92%);padding:0 .06em}
.ar{display:inline-block;width:1em;height:1em;vertical-align:-.1em}
.ar svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* chrome */
.site{max-width:1320px;margin:0 auto;padding:0 40px}
.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.logo{font-family:var(--disp);font-weight:600;font-size:28px;letter-spacing:-.04em;text-decoration:none;line-height:1;display:inline-flex;align-items:flex-end}
.logo b{display:inline-block;width:.32em;height:.32em;background:var(--lime);margin-left:.05em;margin-bottom:.06em;border-radius:2px}
.logo i{display:block;height:3px;width:1.6em;background:var(--ink);margin:-.02em 0 0 .06em}
.top nav{display:flex;gap:32px;font-size:17px;font-weight:500;justify-content:center}
.top nav a{text-decoration:none}
.top nav a:hover{text-decoration:underline;text-underline-offset:5px}
.top .right{text-align:right;font-size:14px;color:var(--ink-2);display:flex;justify-content:flex-end;align-items:center;gap:8px}
.top .right:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);border:1px solid #9FBF2A}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;border:0;border-radius:var(--r-s);padding:18px 24px;font-family:var(--disp);font-weight:600;font-size:17px;letter-spacing:-.01em;background:var(--ink);color:var(--bg);text-decoration:none;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn.lime{background:var(--lime);color:var(--lime-ink)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.btn.sm{padding:12px 18px;font-size:15px}
.btn.center{justify-content:center}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel)}
.pill.dark{background:transparent;border-color:var(--line-d);color:#E8EAE4}
.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime)}
.pill.risk:before{background:var(--risk)} .pill.ok:before{background:var(--ok)} .pill.none:before{background:var(--ink-3)}
.example{font-size:12px;color:var(--ink-3)}
footer{border-top:1px solid var(--line);margin-top:110px;padding:32px 0 56px;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:14px;color:var(--ink-2);justify-content:space-between}
footer a{text-decoration:none;color:var(--ink-2)}
footer a:hover{color:var(--ink)}

/* ===== HOME ===== */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:80px 0 40px;align-items:start}
.hero .kick{display:flex;gap:12px;align-items:center;margin-bottom:34px}
.hero .kick .ar{color:var(--ink)}
.hero .lede{font-size:22px;line-height:1.45;color:var(--ink-2);margin-top:34px;max-width:36ch;letter-spacing:-.01em}
.form{margin-top:44px;max-width:700px}
.field{display:grid;gap:10px;margin-bottom:20px}
.field label{font-size:15px;color:var(--ink-2)}
.field input{font:inherit;font-size:17px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--panel);color:var(--ink);width:100%}
.field input::placeholder{color:var(--ink-3)}
.field input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px var(--lime-soft)}
.row2{display:grid;grid-template-columns:160px 1fr;gap:16px}
.consent{display:grid;grid-template-columns:20px 1fr;gap:12px;font-size:14px;color:var(--ink-2);margin:4px 0 22px;align-items:start;line-height:1.45}
.consent input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--ink)}
.under{font-size:14px;color:var(--ink-2);text-align:center;margin-top:16px}

.map{background:var(--dark);color:#F1F0EC;border-radius:var(--r-l);padding:34px 36px;position:relative;overflow:hidden;min-height:640px;display:grid;grid-template-rows:auto 1fr auto;gap:20px}
.map:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.map .hd{display:flex;justify-content:space-between;align-items:center;position:relative}
.orbit{position:relative;height:460px}
.orbit svg{position:absolute;inset:0;width:100%;height:100%}
.core{position:absolute;left:50%;top:50%;width:160px;height:160px;margin:-80px 0 0 -80px;border-radius:50%;background:var(--lime);color:var(--lime-ink);display:grid;place-items:center;align-content:center;box-shadow:0 0 0 24px rgba(207,243,92,.06),0 0 80px rgba(207,243,92,.25)}
.core b{font-family:var(--disp);font-size:72px;font-weight:500;line-height:1;letter-spacing:-.05em}
.core span{font-family:var(--disp);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-top:6px}
.node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;background:var(--dark-2);border:1px solid var(--line-d);border-radius:var(--r-s);padding:9px 14px 9px 9px;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}
.node i{width:26px;height:26px;border-radius:7px;background:#3A4A1C;display:grid;place-items:center;color:var(--lime);font-family:var(--disp);font-weight:700;font-size:12px}
.map .note{position:relative;background:var(--dark-2);border:1px solid var(--line-d);border-radius:var(--r-m);padding:22px 24px;display:grid;grid-template-columns:36px 1fr;gap:16px;align-items:start}
.map .note .ast{color:var(--lime);font-size:34px;line-height:.9;font-family:var(--disp)}
.map .note b{display:block;font-size:17px;margin-bottom:4px}
.map .note p{font-size:14px;color:#A9ADA6}

.sec{padding:110px 0 0}
.sec-h{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:40px}
.sec-h p{color:var(--ink-2);font-size:19px;max-width:44ch}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:30px 30px 34px;display:grid;gap:14px;align-content:start}
.step .n{width:44px;height:44px;border-radius:50%;background:var(--lime);color:var(--lime-ink);display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:16px}
.step h3{font-size:21px;margin-top:8px}
.step p{color:var(--ink-2);font-size:15.5px}
.step .when{font-size:13px;color:var(--ink-3);margin-top:6px}
.trust{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.trust > div{border-radius:var(--r-m);padding:36px;display:grid;gap:14px;align-content:start}
.trust .a{background:var(--dark);color:#F1F0EC}
.trust .a p{color:#B5B9B1}
.trust .b{background:var(--lime);color:var(--lime-ink)}
.trust .b p{color:#3F4A1F}
.trust h3{font-size:26px;font-weight:500;letter-spacing:-.03em}
.trust p{font-size:16.5px;max-width:44ch}
.prices .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pl{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:36px;display:grid;gap:22px;grid-template-rows:auto auto 1fr auto}
.pl.hi{background:var(--dark);color:#F1F0EC;border-color:var(--dark)}
.pl .amt{font-family:var(--disp);font-weight:500;font-size:64px;letter-spacing:-.05em;line-height:1}
.pl .amt small{font-family:var(--body);font-size:15px;letter-spacing:0;color:var(--ink-3);margin-left:12px}
.pl.hi .amt small{color:#8F948C}
.pl ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:15.5px;color:var(--ink-2)}
.pl.hi ul{color:#C9CDC5}
.pl li{padding-left:22px;position:relative}
.pl li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--lime)}
.pl .pill.dark{justify-self:start}
.pl .pill{justify-self:start}

/* ===== WAIT ===== */
.wait{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:80px 0 20px}
.wait h2{margin:22px 0 18px}
.wait .left p{color:var(--ink-2);font-size:18px;max-width:38ch}
.bigtime{font-family:var(--disp);font-size:clamp(80px,11vw,168px);font-weight:500;letter-spacing:-.06em;line-height:.9;margin-top:56px}
.bigtime small{display:block;font-family:var(--body);font-size:15px;letter-spacing:0;color:var(--ink-2);margin-top:18px;font-weight:400}
.panel{background:var(--dark);color:#F1F0EC;border-radius:var(--r-l);padding:34px 36px}
.bar{height:6px;background:var(--dark-2);border-radius:999px;margin:18px 0 26px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--lime);border-radius:999px;transition:width .6s ease-out}
.src{display:grid;grid-template-columns:22px 1fr auto;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line-d);font-size:15.5px}
.src:last-child{border-bottom:0}
.src .st{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--line-d)}
.src.run .st{border-color:var(--lime);border-top-color:transparent;animation:spin .9s linear infinite}
.src.done .st{background:#4B5147;border-color:#4B5147}
.src.done.has .st{background:var(--lime);border-color:var(--lime)}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.src.run .st{animation:none;border-top-color:var(--lime)}}
.src .res{font-size:13px;color:#8F948C}
.src.done.has .res{color:var(--lime)}
.panel .mail{margin-top:26px;background:var(--dark-2);border:1px solid var(--line-d);border-radius:var(--r-m);padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:15px}

/* ===== REPORT ===== */
.rep-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:64px 0 48px;align-items:end}
.rep-head .who{font-family:var(--disp);font-size:clamp(30px,3.6vw,46px);font-weight:500;letter-spacing:-.04em;margin:18px 0 8px;line-height:1.05}
.rep-head .meta{color:var(--ink-2);font-size:16px}
.scorebox{background:var(--dark);color:#F1F0EC;border-radius:var(--r-l);padding:32px 36px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
.scorebox .n{font-family:var(--disp);font-size:120px;font-weight:500;letter-spacing:-.07em;line-height:.85;color:var(--lime)}
.scorebox b{display:block;font-family:var(--disp);font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}
.scorebox span{font-size:14px;color:#A9ADA6;display:block;max-width:30ch}
.scale{height:6px;background:var(--dark-2);border-radius:999px;position:relative;margin:18px 0 8px}
.scale i{position:absolute;left:0;top:0;height:100%;background:var(--lime);border-radius:999px}
.scale-l{display:flex;justify-content:space-between;font-size:12px;color:#8F948C}
.rep{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:start}
.sum{position:sticky;top:56px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:26px 28px}
.sum .row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.sum .row:first-child{padding-top:0}
.sum .row .v{font-family:var(--disp);font-weight:700}
.sum .row .v.f{color:var(--lime-text)} .sum .row .v.r{color:var(--risk)} .sum .row .v.z{color:var(--ink-3);font-weight:500}
.sum .cta{margin-top:22px;display:grid;gap:12px}
.sum .cta p{font-size:14px;color:var(--ink-2)}
.notme{font-size:13px;color:var(--ink-3)}
.notme button{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;font-size:13px;color:var(--ink-2)}
.blocks{display:grid;gap:16px}
.blk{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:28px 30px}
.blk header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.blk header h3{font-size:22px;font-weight:600;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.blk header .src-l{font-size:13px;color:var(--ink-3)}
.blk .desc{color:var(--ink-2);font-size:14.5px;max-width:70ch}
.find{display:grid;grid-template-columns:1fr auto;gap:4px 24px;padding:14px 0;border-top:1px solid var(--line);font-size:15.5px}
.find:first-of-type{border-top:0}
.find .t{font-weight:500}
.find .u{font-size:13px;color:var(--ink-3);word-break:break-all;margin-top:2px}
.find .u a{color:var(--ink-3)}
.find .d{font-size:13px;color:var(--ink-3);white-space:nowrap;padding-top:2px}
.locked{position:relative;overflow:hidden}
.blur{filter:blur(7px);user-select:none;pointer-events:none}
.locked:after{content:"Доступно в полном отчёте";position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;font-size:13px;font-weight:600;color:var(--ink);background:linear-gradient(180deg,transparent 15%,var(--panel) 80%)}
.ai{background:var(--dark);color:#F1F0EC;border-radius:var(--r-m);padding:34px 36px}
.ai .lbl{color:var(--lime);margin-bottom:18px;display:flex;gap:10px;align-items:center}
.ai .lbl:before{content:"✳";font-size:18px;line-height:1}
.ai p{font-size:18px;line-height:1.5;letter-spacing:-.01em;max-width:62ch}
.ai p+p{margin-top:14px}
.ai .foot{font-size:12px;color:#8F948C;margin-top:22px}
.ai.locked:after{background:linear-gradient(180deg,transparent 15%,var(--dark) 80%);color:#F1F0EC}

/* ===== PAY ===== */
.pay{max-width:580px;margin:72px auto 0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:40px;box-shadow:var(--sh)}
.pay h2{font-size:36px;margin:12px 0 6px}
.pay .line{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.pay .line.t{border:0;font-family:var(--disp);font-weight:600;font-size:24px;letter-spacing:-.03em;padding-top:18px}
.pay .modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}
.pay .mode{padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--bg);text-align:left}
.pay .mode[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.pay .mode b{display:block;font-weight:600}
.pay .mode span{font-size:13px;opacity:.65}
.pay .fine{font-size:12.5px;color:var(--ink-3);margin-top:16px;line-height:1.5}

/* ===== PLAN ===== */
.plan-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:64px 0 40px;align-items:end}
.plan-head p{color:var(--ink-2);font-size:19px;max-width:44ch}
.done-in{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.done-in div{background:var(--lime);color:var(--lime-ink);border-radius:var(--r-m);padding:24px 28px}
.done-in .lbl{color:#4F5D22}
.done-in b{display:block;font-family:var(--disp);font-weight:600;font-size:26px;letter-spacing:-.03em;margin-top:10px}
.stp{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:30px 32px;display:grid;grid-template-columns:56px 1fr 150px;gap:24px;align-items:start;margin-bottom:12px}
.stp .k{width:44px;height:44px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:15px}
.stp h3{font-size:22px;font-weight:600;margin-bottom:10px;padding-top:8px}
.stp p{color:var(--ink-2);font-size:15.5px;max-width:64ch}
.stp .tpl{margin-top:16px;padding:16px 20px;background:var(--bg);border-radius:var(--r-s);font-size:14.5px;color:var(--ink-2);max-width:64ch}
.stp .eff{font-family:var(--disp);font-size:30px;font-weight:600;letter-spacing:-.04em;text-align:right;padding-top:6px}
.stp .eff small{display:block;font-family:var(--body);font-size:13px;letter-spacing:0;color:var(--ink-3);font-weight:400;margin-top:4px}
.stp .eff.r{color:var(--risk)} .stp .eff.a{color:var(--lime-text)}

@media (max-width:960px){
  .site{padding:0 20px}
  .hero,.wait,.rep,.rep-head,.plan-head,.sec-h,.trust,.steps,.prices .grid,.done-in{grid-template-columns:1fr;gap:24px}
  .hero{padding:44px 0 20px}
  .top{grid-template-columns:1fr auto}.top nav,.top .right{display:none}
  .sum{position:static}
  .stp{grid-template-columns:44px 1fr}.stp .eff{grid-column:2;text-align:left}
  .map{min-height:auto}.orbit{height:360px}.core{width:150px;height:150px;margin:-75px 0 0 -75px}.core b{font-size:64px}
  .node{font-size:13px;padding:8px 12px 8px 8px}
  .scorebox .n{font-size:88px}
  .row2{grid-template-columns:1fr 1fr}
}

/* ===== ДОБАВЛЕНО ДЛЯ РАБОЧЕГО САЙТА ===== */
.errors{background:var(--risk-soft);color:var(--risk);border-radius:var(--r-s);padding:14px 18px;margin-bottom:20px;font-size:14.5px}
.errors p+p{margin-top:6px}
.btn.w100{width:100%}
.center-text{text-align:center;margin-top:8px}
.find .u a{word-break:break-all}
.src.error .st{border-color:var(--risk)}
.src.off .st{border-style:dashed}
.src.error .res{color:var(--risk)}
.src.off .res{color:#6F736D}
.pw-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px;align-items:center}
.pw-row input{font:inherit;font-size:16px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--bg);color:var(--ink)}
.pw-result{margin-top:14px;padding:16px 18px;border-radius:var(--r-s);font-weight:500}
.pw-result.bad{background:var(--risk-soft);color:var(--risk)}
.pw-result.good{background:var(--ok-soft);color:var(--ok)}
.desc.mt{margin-top:10px}
.page{max-width:760px;margin:64px auto 0}
.page h1{font-size:clamp(32px,4vw,52px);margin-bottom:24px}
.page h2{font-size:24px;margin:36px 0 12px}
.page p{color:var(--ink-2);margin-bottom:14px;font-size:16.5px}
.page table{border-collapse:collapse;width:100%;font-size:15px;margin:10px 0 20px}
.page th,.page td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.page th{font-family:var(--disp);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.wrap{overflow-x:auto}
.plan-head h2{margin-top:14px}
.pay .who{color:var(--ink-2);font-size:15px;margin-bottom:20px}
.pay .modes label{display:flex;gap:8px;align-items:center}
.demo-note{background:var(--lime-soft);color:var(--lime-text);border-radius:var(--r-s);padding:12px 18px;font-size:14px;margin:24px 0 0}
.locked.h110{height:110px}
.blk.locked.min{min-height:150px}