.theme-b2c{
  --font-display:'Manrope','Golos Text',system-ui,sans-serif;
  --font-body:'Golos Text','Helvetica Neue',Arial,sans-serif;
  --display-w:800;--display-ls:-.03em;

  --bg:#0E1217;--bg-2:#161C24;--bg-soft:#F4F2ED;
  --fg:#F4F6F8;--fg-dim:#9AA6B3;
  --ink:#12171E;--ink-dim:#5D6976;

  --accent:#F7A81B;--accent-hi:#FFBC42;--accent-ink:#1A1205;--accent-soft:rgba(247,168,27,.13);
  --accent-dark:#8A5A0A;
  --alert:#FF4A32;

  --hair-dark:rgba(255,255,255,.10);--hair-light:rgba(18,23,30,.13);
  --card-dark:rgba(255,255,255,.035);--card-dark-hi:rgba(255,255,255,.07);
  --card-light:#fff;--card-light-hi:#FBF9F5;
  --plan-dark:#12171D;--plan-light:#F7F5F1;
  --input-dark:rgba(255,255,255,.05);
  --hdr-bg:#0E1217;

  --caret:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%239AA6B3' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  --r-sm:8px;--r:10px;--r-lg:14px;--container:1240px;--gutter:24px;

  --surface:var(--bg);--text:var(--fg);--dim:var(--fg-dim);--hair:var(--hair-dark);
  --card:var(--card-dark);--card-hi:var(--card-dark-hi);--input:var(--input-dark);--plan-bg:var(--plan-dark);
  --accent-text:var(--accent);
}
.sec--light{--caret:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%235D6976' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
.sec--light .hdr__tel span{color:var(--ink-dim)}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ico{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.hero{position:relative;padding:clamp(30px, 3.4vw, 54px) 0 clamp(44px, 5vw, 78px)}
.hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(26px, 4vw, 58px);align-items:center}
.hero h1{margin-bottom:.42em}
.hero__lead{font-size:clamp(1.02rem, .98rem + .35vw, 1.18rem);color:var(--fg-dim);max-width:52ch}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 22px}
.hero__facts{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:14px;color:var(--fg-dim)}
.hero__facts b{display:block;color:var(--fg);font-family:var(--font-display);font-size:19px;letter-spacing:-.02em}
.hero__view{display:grid;gap:16px}

@media (max-width:980px){.hero__grid{grid-template-columns:1fr}}

.trust{border-block:1px solid var(--hair-dark);background:var(--bg-2)}
.trust__row{display:grid;grid-template-columns:repeat(4,1fr)}
.trust__i{display:flex;gap:13px;align-items:flex-start;padding:22px clamp(12px, 1.8vw, 26px)}
.trust__i+.trust__i{border-left:1px solid var(--hair-dark)}
.trust__i .ico{color:var(--accent-text);flex:none}
.trust__i b{display:block;font-size:15px;line-height:1.3}
.trust__i span{font-size:13px;color:var(--fg-dim);line-height:1.35}
@media (max-width:900px){.trust__row{grid-template-columns:1fr 1fr}
  .trust__i:nth-child(n+3){border-top:1px solid var(--hair-dark)}}
@media (max-width:520px){.trust__row{grid-template-columns:1fr}
  .trust__i+.trust__i{border-left:0;border-top:1px solid var(--hair-dark)}}

.obj{display:grid;grid-template-columns:1fr 1.02fr;gap:clamp(22px, 3vw, 46px);align-items:center}
@media (max-width:900px){.obj{grid-template-columns:1fr}}
.obj__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin:22px 0 20px}

.caps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px, 1.5vw, 20px)}
@media (max-width:1000px){.caps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.caps{grid-template-columns:1fr}}
.cap{padding:clamp(20px, 2.2vw, 28px);border:1px solid var(--hair);border-radius:var(--r-lg);background:var(--card)}
.cap__n{display:block;margin-bottom:16px;font-family:var(--font-display);font-weight:800;
  font-size:clamp(1.45rem, 1.2rem + .9vw, 1.85rem);letter-spacing:-.035em;line-height:1;color:var(--accent-text)}
.cap h3{margin-bottom:.35em;font-size:1.04rem}
.cap p{font-size:14.5px;color:var(--dim);line-height:1.5}

.kits{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px, 1.3vw, 18px);align-items:stretch}
@media (max-width:1080px){.kits{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.kits{grid-template-columns:1fr}}
.kit{display:flex;flex-direction:column;position:relative;padding:clamp(20px, 2vw, 26px);
  border:1px solid var(--hair);border-radius:var(--r-lg);background:var(--card);transition:border-color .18s ease}
.kit:hover{border-color:var(--accent-text)}
.kit--hit{border-color:var(--accent-text);background:var(--card-hi)}
.kit__tag{position:absolute;right:16px;top:-11px}
.kit h3{margin:0 0 .35em}
.kit__price{margin:6px 0 16px}
.kit ul{margin-bottom:20px}
.kit li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.4;color:var(--dim)}
.kit li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:1px;background:var(--accent-text)}
.kit .btn{margin-top:auto}
.kits__note{margin-top:22px;font-size:14px;color:var(--dim);max-width:88ch}

.app{display:grid;grid-template-columns:.74fr 1.26fr;gap:clamp(28px, 4vw, 64px);align-items:center}
@media (max-width:900px){.app{grid-template-columns:1fr}.app__phone{margin-inline:auto}}
  background:#20262F;border:1px solid rgba(255,255,255,.12)}
  border-bottom:1px solid rgba(255,255,255,.08)}
  border-bottom:1px solid rgba(255,255,255,.06);font-size:13.5px;color:#ccd5dd}
  font-size:10px;color:#6f7b87}
.app__list{margin-top:26px}
.app__list li{padding:16px 0;border-top:1px solid var(--hair)}
.app__list b{display:block;margin-bottom:3px}
.app__list span{font-size:14.5px;color:var(--dim);line-height:1.5}

.kit__ph{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-sm);
  margin-bottom:16px;background:#fff}
.work__ph{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r);margin:0 0 16px}

.iphone{position:relative;width:min(298px, 78vw);aspect-ratio:9/19.5;margin-inline:auto;
  padding:10px;border-radius:46px;background:#3a4046;
  box-shadow:inset 0 0 0 1.5px #6d757e, inset 0 0 0 9px #15181c, 0 16px 34px rgba(0,0,0,.38)}
.iphone__btn{position:absolute;background:#2b3036;border-radius:2px}
.iphone__btn--sil{left:-2px;top:104px;width:3px;height:26px}
.iphone__btn--vol1{left:-2px;top:150px;width:3px;height:44px}
.iphone__btn--vol2{left:-2px;top:204px;width:3px;height:44px}
.iphone__btn--pwr{right:-2px;top:172px;width:3px;height:68px}
.iphone__screen{position:relative;display:flex;flex-direction:column;height:100%;
  border-radius:37px;overflow:hidden;background:#0A0D12;color:#E8EDF2}
.iphone__island{position:absolute;top:9px;left:50%;transform:translateX(-50%);
  width:80px;height:23px;border-radius:12px;background:#000;z-index:6}
.iphone__bar{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);
  width:104px;height:4px;border-radius:2px;background:rgba(255,255,255,.45)}

.ios-status{display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px 4px;font-size:12px;font-weight:600;letter-spacing:.01em}
.ios-status__r{display:flex;align-items:center;gap:5px;fill:currentColor}
.ios-head{padding:12px 16px 10px}
.ios-head b{display:block;font-family:var(--font-display);font-size:19px;letter-spacing:-.025em}
.ios-head span{font-size:11.5px;color:#8b96a2}

.ios-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 10px}
.ios-cam{position:relative;margin:0;overflow:hidden;border-radius:9px;background:#000;aspect-ratio:16/10}
.ios-cam img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.04)}
.ios-cam figcaption{position:absolute;left:6px;bottom:5px;font-size:9px;font-weight:600;
  text-shadow:0 1px 3px rgba(0,0,0,.95)}
.ios-cam time{position:absolute;right:6px;top:5px;font-size:8.5px;
  text-shadow:0 1px 3px rgba(0,0,0,.95)}

.ios-arch{padding:14px 16px 0}
.ios-rail{position:relative;height:30px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden}
.ios-rail i{position:absolute;top:0;bottom:0;width:3px;background:var(--accent-text)}
.ios-rail__x{display:flex;justify-content:space-between;margin-top:5px;font-size:9px;color:#6f7b87}
.ios-events{padding:14px 16px 0}
.ios-events__t{margin:0 0 4px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#6f7b87}
.ios-ev{display:flex;justify-content:space-between;gap:10px;align-items:baseline;
  padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:12.5px}
.ios-ev:last-child{border-bottom:0}
.ios-ev time{flex:none;font-size:11px;color:#8b96a2}

.ios-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:auto;
  padding:11px 8px 20px;border-top:1px solid rgba(255,255,255,.07);
  text-align:center;font-size:10px;color:#7d8894}
.ios-tabs .is-on{color:var(--accent-text);font-weight:600}

.calc{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(18px, 2.4vw, 34px);align-items:start}
@media (max-width:980px){.calc{grid-template-columns:1fr}}
.calc__box{padding:clamp(20px, 2.4vw, 32px);border:1px solid var(--hair);border-radius:var(--r-lg);background:var(--card)}
.calc__q{margin-bottom:26px}
.calc__q:last-child{margin-bottom:0}
.calc__q>b{display:block;margin-bottom:13px;font-size:15px;font-weight:600}
.calc__opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}
.calc__range{display:flex;align-items:center;gap:18px}
.calc__range input[type=range]{flex:1;accent-color:var(--accent-text);height:6px}
.calc__num{font-family:var(--font-display);font-size:2rem;letter-spacing:-.03em;min-width:2.2ch;text-align:center}
.calc__res{position:sticky;top:96px;padding:clamp(20px, 2.4vw, 30px);border-radius:var(--r-lg);
  background:var(--ink);border:1px solid var(--ink);color:#F4F6F8;
  --text:#F4F6F8;--dim:#9AA6B3;--hair:rgba(255,255,255,.13);--input:rgba(255,255,255,.06);
  --accent-text:var(--accent);--card:rgba(255,255,255,.05)}
.calc__sum{color:var(--accent)}
.calc__lbl{margin:0;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.calc__sum{font-family:var(--font-display);font-size:clamp(1.9rem, 1.3rem + 1.7vw, 2.7rem);
  letter-spacing:-.035em;line-height:1;margin:6px 0 4px}
.calc__lines{margin:18px 0;font-size:14px}
.calc__lines li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;
  border-bottom:1px dashed var(--hair);color:var(--dim)}
.calc__lines li b{color:var(--text);font-weight:500;text-align:right}
.calc__res .btn{margin-top:6px}

.day{position:relative;padding-left:clamp(20px, 3vw, 42px)}
.day::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:var(--hair)}
.day__i{position:relative;padding:0 0 26px}
.day__i:last-child{padding-bottom:0}
.day__i::before{content:"";position:absolute;left:calc(-1 * clamp(20px, 3vw, 42px) + 1px);top:7px;
  width:11px;height:11px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)}
.day__t{display:block;margin-bottom:5px;font-size:12px;color:var(--accent-text)}
.day__i b{display:block;margin-bottom:4px}
.day__i p{font-size:14.5px;color:var(--dim)}

.works{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px, 1.8vw, 24px)}
@media (max-width:1000px){.works{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.works{grid-template-columns:1fr}}
.work{display:flex;flex-direction:column;overflow:hidden;background:var(--card);
  border:1px solid var(--hair);border-radius:var(--r-lg);
  transition:border-color .2s ease, transform .2s ease}
.work:hover{border-color:var(--accent);transform:translateY(-3px)}
.work__media{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--card-hi)}
.work__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.work:hover .work__media img{transform:scale(1.04)}
.work__price{position:absolute;right:10px;bottom:10px;padding:7px 12px;border-radius:8px;
  background:var(--accent);color:var(--accent-ink);
  font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:-.02em}
.work__b{display:flex;flex-direction:column;flex:1;padding:clamp(18px, 2vw, 22px)}
.work h3{margin-bottom:.15em;font-size:1.06rem}
.work p.work__loc{margin:0 0 .7em;font-size:11.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--accent-text)}
.work p{font-size:14.5px;color:var(--dim);line-height:1.5}
.work__d{display:flex;gap:clamp(18px, 2vw, 28px);margin:auto 0 0;padding-top:14px;border-top:1px solid var(--hair)}
.work__d dt{font-size:12px;color:var(--dim);margin-bottom:2px}
.work__d dd{margin:0;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.02em}

.adv{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px, 4vw, 64px);margin:0}
@media (max-width:760px){.adv{grid-template-columns:1fr}}
.adv__i{padding:24px 0;border-top:1px solid var(--hair)}
.adv__i dt{display:flex;align-items:center;gap:12px;margin-bottom:.5em;
  font-family:var(--font-display);font-weight:800;font-size:1.06rem;letter-spacing:-.02em}
.adv__i dt .ico{flex:none;width:38px;height:38px;padding:8px;border-radius:10px;
  color:var(--accent-text);background:var(--accent-soft);stroke-width:1.9}
.adv__i dd{margin:0 0 0 50px;font-size:14.5px;color:var(--dim);line-height:1.55}
@media (max-width:480px){.adv__i dd{margin-left:0}}

.team li{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline;padding:18px 0;border-top:1px solid var(--hair)}
.team li:last-child{border-bottom:1px solid var(--hair)}
.team b{flex:none;width:120px;font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.02em}
.team span{flex:1 1 260px;color:var(--dim);font-size:15px}
.team em{flex:none;font-style:normal;font-size:12.5px;color:var(--accent-text)}

.revs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px, 1.6vw, 22px)}
@media (max-width:1000px){.revs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.revs{grid-template-columns:1fr}}
.chat{margin:0;border:1px solid var(--hair);border-radius:var(--r-lg);overflow:hidden;background:#EDE7DE}
.chat__top{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#F3EFE8;border-bottom:1px solid rgba(0,0,0,.09)}
.chat__av{width:34px;height:34px;border-radius:50%;background:#C9BFAF;display:grid;place-items:center;
  font-size:13px;font-weight:600;color:#2A2620;flex:none}
.chat__top b{display:block;font-size:14px;color:#22262B;line-height:1.2}
.chat__top b+span{font-size:11px;color:#5E656D}
.chat__body{padding:14px;display:flex;flex-direction:column;gap:9px;min-height:186px}
.msg{max-width:88%;padding:9px 12px;border-radius:12px;font-size:14px;line-height:1.45;color:#1B1F24;
  box-shadow:0 1px 1px rgba(0,0,0,.07)}
.msg--in{align-self:flex-start;background:#fff;border-top-left-radius:3px}
.msg--out{align-self:flex-end;background:#DCF6C9;border-top-right-radius:3px}
.msg time{display:block;margin-top:4px;font-size:10.5px;color:#5F666E;text-align:right}
.chat__cap{padding:12px 14px;background:#DFD7CB;border-top:1px solid rgba(0,0,0,.09);font-size:13px;color:#4B525A}
.chat__cap b{color:#1D2228}

.leadgrid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(26px, 3.5vw, 56px);align-items:start}
@media (max-width:900px){.leadgrid{grid-template-columns:1fr}}
.lead__form{padding:clamp(22px, 2.6vw, 34px);border:1px solid var(--hair);border-radius:var(--r-lg);background:var(--card)}
.lead__grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}
@media (max-width:480px){.lead__grid{grid-template-columns:1fr}}
.lead__stat{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}
.lead__stat b{display:block;font-family:var(--font-display);font-size:clamp(1.7rem, 1.3rem + 1.2vw, 2.3rem);
  letter-spacing:-.035em;line-height:1;color:var(--accent-text)}
.lead__stat b span{font:inherit;color:inherit}
.lead__stat span{font-size:13.5px;color:var(--dim)}
