/* Главная: фирменные элементы ПРОЗИ, более наглядная история продукта. */
.page-home{
  --home-ink:#17291d;
  --home-muted:#59645c;
  --home-line:#dde6de;
  color:var(--home-ink);
}
.page-home .wrap{ max-width:1280px; }
.page-home h1,.page-home h2,.page-home h3{ font-weight:600; letter-spacing:-.045em; }
.page-home .site-header{ background:rgba(255,255,255,.96); }
.page-home .site-header__inner{ height:84px; }
.page-home .btn{ --btn-bg:var(--green-ink); font-weight:600; }
.page-home .btn::after{ display:none; }
.page-home .btn:hover{ background:#145d2c; box-shadow:0 7px 20px #19753720; }
.page-home .btn:active{ background:#104d24; }
.page-home .vh:focus{ position:fixed; top:12px; left:12px; z-index:100; width:auto; height:auto; padding:12px 20px; background:#fff; clip-path:none; }
.home-eyebrow{ display:flex; align-items:center; gap:9px; font-size:14px; font-weight:500; color:var(--green-ink); }
.home-eyebrow .icon{ width:17px; height:17px; }
.home-link{ display:inline-flex; align-items:center; gap:12px; min-height:48px; font-size:16px; font-weight:600; }
.home-link span{ border-bottom:1px solid currentColor; padding-block:3px; }
.home-link .icon{ width:20px; transition:transform 180ms ease; }
.home-link:hover .icon{ transform:translateX(4px); }
.home-hero{ padding-block:44px 60px; }
.home-hero__grid{ display:grid; grid-template-columns:minmax(0,1.13fr) minmax(0,1fr); gap:48px; align-items:center; }
.home-hero__copy{ padding-block:24px; }
.home-hero h1{ max-width:10ch; margin-top:25px; font-size:clamp(48px,5.3vw,74px); line-height:1.04; }
.home-hero h1 span{ display:block; color:var(--green-ink); }
.home-hero__lead{ max-width:37ch; margin-top:26px; font-size:18px; line-height:1.6; color:var(--home-muted); }
.home-hero__actions{ display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px; margin-top:32px; }
.home-hero__note{ display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:18px; font-size:14px; color:var(--home-muted); }
.home-hero__note span[aria-hidden]{ color:var(--home-muted); }   /* #839287 давал 3.27:1 */
.home-visual{ position:relative; display:grid; justify-items:center; align-content:center; min-width:0; height:600px; background:#e9f3e8; border-radius:32px; isolation:isolate; }
.home-visual::before{ content:""; position:absolute; width:390px; max-width:95%; aspect-ratio:1; top:90px; border:1px solid #c9ddc7; border-radius:50%; z-index:-1; }
.home-visual::after{ content:""; position:absolute; width:290px; max-width:75%; aspect-ratio:1; top:140px; background:#d9ebd3; border-radius:50%; z-index:-1; }
.home-visual__caption{ position:absolute; bottom:18px; left:12px; right:12px; text-align:center; font-size:12px; color:#596a5b; }
.home-phone{ position:relative; width:236px; border:6px solid #223a2a; border-radius:33px; overflow:hidden; background:#f8f5ec; box-shadow:0 24px 42px #1c4a2422; transform:rotate(-5deg); }
.home-phone img{ width:100%; border-radius:26px; }
.home-visual__label{ position:absolute; top:44px; right:25px; display:flex; align-items:center; gap:9px; padding:11px 15px; border:1px solid #c8dcc8; background:#f5faf2; border-radius:999px; color:var(--green-ink); font-size:14px; font-weight:500; transform:rotate(5deg); }
.home-visual__label .icon{ width:18px; height:18px; }
.home-cashback{ position:absolute; left:-18px; bottom:90px; display:flex; align-items:center; gap:14px; max-width:calc(100% - 20px); padding:17px 22px 17px 17px; background:#fff; border:1px solid #e0e9df; border-radius:18px; box-shadow:0 14px 34px #1c4a2414; }
.home-cashback__icon{ display:grid; place-items:center; width:46px; height:46px; flex:none; border-radius:50%; background:var(--green-soft); color:var(--green-ink); font-size:27px; font-weight:600; }
.home-cashback strong{ display:block; font-size:17px; font-weight:600; }
.home-cashback small{ display:block; margin-top:2px; font-size:14px; color:var(--home-muted); }
.home-points{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:48px; padding-top:28px; border-top:1px solid var(--home-line); }
.home-point{ display:flex; gap:13px; align-items:center; padding-right:20px; }
.home-point + .home-point{ border-left:1px solid var(--home-line); padding-left:30px; }
.home-point > .icon{ width:27px; height:27px; color:var(--green-ink); }
.home-point strong{ display:block; font-size:16px; font-weight:600; }
.home-point p{ margin-top:2px; font-size:14px; color:var(--home-muted); }
.home-everyday{ padding-block:86px; background:#f6f8f4; }
.home-everyday__grid{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:100px; align-items:center; }
.page-home h2{ font-size:clamp(34px,3.75vw,49px); line-height:1.12; }
.home-everyday h2,.home-section-head h2{ margin-top:16px; }
.home-section-lead{ max-width:40ch; margin-top:22px; color:var(--home-muted); font-size:17px; line-height:1.6; }
.home-categories{ margin-top:30px; margin-bottom:18px; }
.home-categories li{ display:flex; align-items:center; gap:16px; padding-block:23px; border-bottom:1px solid var(--home-line); }
.home-categories li:first-child{ border-top:1px solid var(--home-line); }
.home-category-icon{ display:grid; place-items:center; width:42px; height:44px; flex:none; color:var(--green-ink); }
.home-category-icon .icon{ width:29px; height:29px; }
.home-categories h3{ font-size:20px; letter-spacing:-.025em; }
.home-categories p{ margin-top:6px; font-size:16px; color:var(--home-muted); }
.home-category-num{ margin-left:auto; align-self:flex-start; padding-top:1px; font-size:12px; color:#647367; }
.home-everyday .home-link{ color:var(--green-ink); }
.home-section-note{ margin-top:6px; font-size:13px; color:var(--home-muted); }
.home-places{ position:relative; align-self:stretch; display:flex; flex-direction:column; align-items:center; justify-content:space-between; min-width:0; padding:25px 28px 0; background:#e4eddf; border:1px solid #dce6d6; border-radius:26px; overflow:hidden; }
.home-places__heading{ display:flex; align-items:center; justify-content:space-between; align-self:stretch; gap:12px; margin-bottom:27px; font-size:14px; color:#3c5740; }
.home-places__heading .icon{ width:18px; height:18px; }
.home-places__screen{ width:245px; max-width:90%; border:5px solid #fff; border-bottom:0; border-radius:27px 27px 0 0; box-shadow:0 12px 30px #274c271a; overflow:hidden; }
.home-places__screen img{ width:100%; }
.home-places figcaption{ position:absolute; left:0; right:0; bottom:0; padding:21px 28px; background:#e4eddf; border-top:1px solid #d4e1d0; font-family:'Wix Madefor Display',sans-serif; font-size:22px; line-height:1.3; font-weight:500; }
.home-places figcaption small{ display:block; margin-top:8px; font-family:'Wix Madefor Text',sans-serif; font-size:12px; font-weight:400; color:#59645c; }
.home-how{ padding-block:96px 88px; }
.home-section-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:48px; }
.home-section-head .home-section-lead{ max-width:31ch; margin-bottom:4px; }
.home-steps{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:52px; }
.home-step-top{ display:flex; align-items:center; justify-content:space-between; padding-bottom:20px; margin-bottom:24px; border-bottom:1px solid var(--home-line); color:var(--green-ink); }
.home-step-top span{ font-family:'Wix Madefor Display',sans-serif; font-size:52px; line-height:1; letter-spacing:-.045em; }
.home-step-top .icon{ width:26px; height:26px; }
.home-steps h3{ font-size:25px; letter-spacing:-.035em; }
.home-steps p{ margin-top:14px; font-size:16px; line-height:1.65; color:var(--home-muted); max-width:33ch; }
.home-start{ padding-bottom:24px; }
.home-start__panel{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:44px; padding:54px 58px; background:#197537; color:#fff; border-radius:28px; }
.home-start__eyebrow{ margin-bottom:18px; color:#e0efde; font-size:14px; }
.home-start h2{ font-size:clamp(34px,3.5vw,46px); }
.home-start h2 + p{ margin-top:18px; color:#e0efde; font-size:16px; }
.home-start__actions{ display:flex; flex-direction:column; align-items:center; gap:14px; }
.page-home .btn--home-light{ --btn-bg:#fff; --btn-fg:#197537; padding-inline:29px; }
.page-home .btn--home-light:hover{ background:#eef7e9; box-shadow:0 7px 20px #082e181a; }
.page-home .btn--home-light:active{ background:#e0efda; }
.home-start__actions > span{ color:#e0efde; font-size:13px; }
.home-start__browser{ display:inline-flex; align-items:center; min-height:44px; font-size:14px; text-decoration:underline; text-underline-offset:4px; }
.home-start__browser:hover{ text-decoration-thickness:2px; }
.home-start__panel :where(a,button):focus-visible{ outline-color:#fff; }
.home-business{ display:flex; align-items:center; justify-content:space-between; gap:40px; margin-block:28px 12px; padding:44px 52px; background:#e9f3e8; border:1px solid #c9ddc7; border-radius:28px; }
.home-business__intro{ min-width:0; }
.home-business h3{ margin-top:12px; font-size:clamp(2rem,3.2vw,2.5rem); line-height:1.15; letter-spacing:-.035em; text-wrap:initial; }
.home-business__lead{ max-width:44ch; margin-top:14px; font-size:1rem; line-height:1.6; color:var(--home-muted); }
.home-business .btn{ flex:none; }
.page-home .site-footer{ padding-block:30px; background:#f6f8f4; }
@media (max-width:1050px){
  .home-hero__grid{ gap:30px; }
  .home-hero h1{ font-size:58px; }
  .home-visual{ height:570px; }
  .home-phone{ width:218px; }
  .home-cashback{ left:-10px; padding:14px; gap:10px; }
  .home-cashback strong{ font-size:16px; }
  .home-point + .home-point{ padding-left:20px; }
  .home-everyday__grid{ gap:50px; }
  .home-places{ padding-inline:20px; }
  .home-places__screen{ width:230px; }
  .home-section-head{ gap:30px; }
  .home-steps{ gap:28px; }
  .home-start__panel{ padding:42px 36px; gap:30px; }
  .home-business{ padding:36px; gap:28px; }
}
@media (max-width:760px){
  .page-home .site-header__inner{ height:72px; }
  .home-hero{ padding-top:22px; padding-bottom:40px; }
  .home-hero__grid{ grid-template-columns:minmax(0,1fr); gap:30px; }
  .home-hero__copy{ padding-block:14px 0; }
  .home-hero h1{ font-size:clamp(44px,8.8vw,64px); max-width:12ch; margin-top:20px; }
  .home-hero__lead{ font-size:17px; max-width:42ch; margin-top:22px; }
  .home-hero__actions{ margin-top:25px; gap:12px 20px; }
  .home-hero__actions .btn{ padding-inline:26px; }
  .home-visual{ height:490px; border-radius:25px; }
  .home-phone{ width:193px; border-width:5px; border-radius:27px; }
  .home-phone img{ border-radius:21px; }
  .home-visual::before{ top:50px; width:345px; }
  .home-visual::after{ top:100px; width:245px; }
  .home-visual__label{ top:25px; right:16px; padding:9px 12px; }
  .home-cashback{ left:14px; bottom:58px; }
  .home-visual__caption{ bottom:13px; }
  .home-points{ margin-top:30px; gap:20px; grid-template-columns:1fr; padding-top:25px; }
  .home-point + .home-point{ padding-left:0; border-left:0; }
  .home-everyday{ padding-block:50px; }
  .home-everyday__grid{ grid-template-columns:minmax(0,1fr); gap:32px; }
  .home-everyday h2{ margin-top:13px; }
  .home-section-lead{ margin-top:18px; }
  .home-categories{ margin-top:24px; }
  .home-categories li{ gap:10px; padding-block:20px; }
  .home-categories h3{ font-size:18px; }
  .home-categories p{ font-size:16px; }
  .home-category-num{ display:none; }
  .home-places{ height:490px; width:100%; max-width:480px; justify-self:center; }
  .home-places__screen{ width:220px; flex:none; }
  .home-places figcaption{ padding-block:18px; font-size:20px; }
  .home-how{ padding-block:52px; }
  .home-section-head{ display:block; }
  .home-section-head .home-section-lead{ max-width:40ch; }
  .home-steps{ grid-template-columns:1fr; gap:28px; margin-top:34px; }
  .home-step-top{ margin-bottom:18px; padding-bottom:16px; }
  .home-step-top span{ font-size:40px; }
  .home-steps h3{ font-size:23px; }
  .home-steps p{ max-width:45ch; margin-top:10px; }
  .home-start__panel{ grid-template-columns:minmax(0,1fr); gap:28px; padding:32px 25px; border-radius:22px; }
  .home-start__eyebrow{ font-size:13px; }
  .home-start h2{ font-size:clamp(28px,6vw,40px); }
  .home-start h2 + p{ max-width:28ch; }
  .home-start__actions{ align-items:flex-start; gap:12px; }
  .home-business{ align-items:stretch; flex-direction:column; gap:26px; margin-top:24px; padding:30px 25px; border-radius:22px; }
  .home-business .btn{ width:100%; }
  .page-home .site-footer__inner{ gap:20px; }
}
@media (max-width:360px){
  .home-hero__actions{ align-items:flex-start; flex-direction:column; gap:8px; }
  .home-visual{ height:460px; }
  .home-phone{ width:180px; }
  .home-hero h1{ font-size:42px; }
  .home-start__panel{ padding-inline:21px; }
  .home-business{ padding-inline:21px; }
}
/* Низкие ноутбучные экраны (1280x700 и подобные). Заголовок в пять строк
   съедал первый экран, и кнопка «Скачать ПРОЗИ» уходила за сгиб: на замере
   от неё оставалось 3px. Правило по высоте, а не по ширине, поэтому на
   1280x900 герой остаётся прежним. */
@media (min-width:761px) and (max-height:800px){
  .home-hero{ padding-block:26px 38px; }
  .home-hero__copy{ padding-block:8px; }
  .home-hero h1{ margin-top:16px; font-size:clamp(40px,4.3vw,56px); }
  .home-hero__lead{ margin-top:18px; font-size:17px; }
  .home-hero__actions{ margin-top:22px; }
  .home-hero__note{ margin-top:12px; }
  .home-visual{ height:min(600px,74vh); }
  .home-visual::before{ top:60px; }
  .home-visual::after{ top:104px; }
  .home-points{ margin-top:34px; padding-top:22px; }
}

@media (prefers-reduced-motion:reduce){ .home-link .icon{ transition:none; } }
@media print{
  .home-visual,.home-places{ max-width:320px; }
  .home-start__panel{ color:#17291d; background:none; border:1px solid #dde6de; }
  .home-start__eyebrow,.home-start h2 + p,.home-start__actions > span{ color:#59645c; }
}