@font-face{font-family:Gilroy;src:url("/fonts/Gilroy-Regular1.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Gilroy;src:url("/fonts/Gilroy-Medium1.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
:root{--text:#111113;--muted:rgba(17,17,19,.62);--line:rgba(17,17,19,.10);--soft:#f7f6f3;--soft2:#eeece7;--max:1380px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--text);font-family:Gilroy,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;display:block}
picture{display:contents}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid #111;outline-offset:4px}
.boh{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.boh__in{max-width:var(--max);margin:0 auto;min-height:72px;padding:0 clamp(18px,4vw,48px);display:flex;align-items:center;gap:30px}
.boh__logo{font-size:40px;line-height:1;font-weight:400;letter-spacing:0;white-space:nowrap}
.boh__nav{display:flex;align-items:center;gap:clamp(18px,2.6vw,38px);margin-left:auto}
.boh__nav a{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:rgba(17,17,19,.82);white-space:nowrap}
.boh__phone{font-size:14px;font-weight:500;white-space:nowrap}
.container{max-width:var(--max);margin:0 auto;padding-left:clamp(18px,4vw,48px);padding-right:clamp(18px,4vw,48px)}
.hero{min-height:calc(100svh - 72px);display:grid;grid-template-columns:minmax(0,720px) minmax(420px,1fr);gap:clamp(56px,8vw,140px);align-items:center;padding-top:clamp(52px,6vw,90px);padding-bottom:clamp(58px,8vw,120px)}
.eyebrow{margin:0 0 18px;font-size:13px;line-height:1.5;color:var(--muted)}
h1{margin:0;font-size:clamp(52px,5.8vw,94px);line-height:1;font-weight:400;letter-spacing:0;max-width:760px}
.lead{margin:24px 0 0;max-width:720px;font-size:clamp(21px,1.7vw,30px);line-height:1.34;color:rgba(17,17,19,.72)}
.trust{margin:24px 0 0;color:rgba(17,17,19,.58);font-size:14px;line-height:1.55}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:999px;border:1px solid rgba(17,17,19,.14);background:#fff;color:#111;font-size:14px;font-weight:500;cursor:pointer}
.btn--dark{background:#111;color:#fff;border-color:#111}
.hero__media{position:relative;min-height:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;isolation:isolate}
.hero__media img{width:min(760px,100%);height:auto;object-fit:contain}
.hero__caption{position:static;width:min(360px,76%);margin-top:14px;font-size:14px;line-height:1.55;color:rgba(17,17,19,.58)}
.section{padding:clamp(70px,9vw,130px) 0;border-top:1px solid rgba(17,17,19,.06)}
.section__head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,.52fr);gap:clamp(28px,7vw,100px);align-items:end;margin-bottom:clamp(34px,5vw,76px)}
h2{margin:0;font-size:clamp(42px,5.6vw,88px);line-height:1.02;font-weight:400;letter-spacing:0}
.section__text{margin:0;font-size:clamp(20px,2vw,30px);line-height:1.38;color:rgba(17,17,19,.70)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}
.card{background:#fff;padding:clamp(24px,3vw,42px);min-height:220px;display:flex;flex-direction:column;justify-content:space-between}
.card h3{margin:0;font-size:clamp(24px,2.2vw,36px);line-height:1.08;font-weight:400}
.card p{margin:18px 0 0;font-size:17px;line-height:1.55;color:rgba(17,17,19,.66)}
.benefits{grid-template-columns:repeat(4,minmax(0,1fr))}
.benefits .card{min-height:240px}
.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,38px)}
.entry{display:grid;grid-template-rows:340px auto;gap:22px}
.entry__media{background:#fff;border:1px solid rgba(17,17,19,.08);display:grid;place-items:center;overflow:hidden}
.entry__media img{width:100%;height:100%;object-fit:contain;padding:42px}
.entry__body{border-top:1px solid var(--line);padding-top:22px}
.entry__body h3{font-size:30px;line-height:1.1;font-weight:400;margin:0}
.entry__body p{font-size:17px;line-height:1.55;color:rgba(17,17,19,.64);margin:12px 0 18px}
.textlink{display:inline-flex;border-bottom:1px solid rgba(17,17,19,.28);font-size:15px}
.process{counter-reset:step;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line)}
.step{counter-increment:step;background:#fff;padding:26px;min-height:210px}
.step:before{content:counter(step,decimal-leading-zero);display:block;margin-bottom:28px;color:rgba(17,17,19,.36);font-size:13px}
.step h3{margin:0;font-size:22px;line-height:1.18;font-weight:400}
.conditions{background:var(--soft);padding:clamp(34px,5vw,70px);display:grid;grid-template-columns:minmax(0,.85fr) auto;gap:28px;align-items:end}
.proof{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center}
.proof__media{background:#fff}
.proof__media img{width:100%;height:auto}
.proof__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.proof__item{border-top:1px solid var(--line);padding-top:16px;font-size:18px;color:rgba(17,17,19,.70);line-height:1.45}
.formBand{background:var(--soft);padding:clamp(70px,9vw,130px) 0}
.formWrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(420px,.72fr);gap:clamp(34px,7vw,100px);align-items:start}
.formCard{background:#fff;border:1px solid rgba(17,17,19,.08);padding:clamp(24px,3vw,42px)}
.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field{display:flex;flex-direction:column;gap:7px}
.field--full{grid-column:1/-1}
.field span{font-size:13px;color:rgba(17,17,19,.62)}
input,textarea,select{width:100%;border:1px solid rgba(17,17,19,.14);border-radius:0;background:#fff;color:#111;font:inherit;font-size:16px;padding:13px 12px}
textarea{min-height:112px;resize:vertical}
input:focus,textarea:focus,select:focus{border-color:rgba(17,17,19,.48);outline:none}
.consent{display:flex;gap:10px;margin:16px 0 0;font-size:13px;color:rgba(17,17,19,.62);line-height:1.45}
.consent input{width:auto;margin-top:2px}
.formActions{display:flex;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap}
.note{font-size:14px;color:rgba(17,17,19,.64);line-height:1.45}
.status{font-size:14px;color:rgba(17,17,19,.70)}
.hp{position:absolute!important;left:-9999px!important;opacity:0!important}
.mobileCta{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:40}
.templates{background:#fff}
.templateGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.template{border:1px solid var(--line);padding:22px;background:#fff}
.template h3{margin:0 0 12px;font-size:20px;font-weight:500}
.template p{white-space:pre-line;margin:0;color:rgba(17,17,19,.68);line-height:1.5;font-size:15px}
.bof{border-top:1px solid var(--line);padding:42px clamp(18px,4vw,48px);color:rgba(17,17,19,.64)}
.bof__in{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}
.bof__logo{font-size:28px;color:#111;margin-bottom:10px}
.bof p{font-size:14px;line-height:1.55;margin:0;max-width:620px}
.bof__links{display:flex;gap:18px;flex-wrap:wrap}
.bof__links a{font-size:13px;color:rgba(17,17,19,.70)}
@media (max-width:1120px){.benefits{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1180px){
  .boh__nav{display:none}.boh__logo{font-size:34px}.boh__in{min-height:66px}
}
@media (max-width:980px){
  .hero,.section__head,.proof,.formWrap{grid-template-columns:1fr}
  .hero{min-height:auto}.hero__media{min-height:320px}.hero__caption{position:static;width:auto;margin-top:16px}
  .grid,.catalog,.templateGrid{grid-template-columns:1fr 1fr}
  .conditions{grid-template-columns:1fr}
  .mobileCta{display:block}
  body{padding-bottom:74px}
}
@media (max-width:640px){
  .boh__phone{display:none}
  h1{font-size:48px}.lead{font-size:20px}
  .grid,.catalog,.benefits,.process,.templateGrid,.proof__list,.formGrid{grid-template-columns:1fr}
  .card,.step{min-height:auto}
  .entry{grid-template-rows:250px auto}
  .entry__media img{padding:28px}
  .formWrap{gap:26px}.formCard{padding:20px}
}