:root{
    --color-primary:#1D9E75;
    --color-primary-dark:#0F6E56;
    --color-primary-deeper:#085041;
    --color-primary-light:#9FE1CB;
    --color-primary-pale:#E1F5EE;

    --color-purple-bg:#EEEDFE;
    --color-purple-mid:#534AB7;
    --color-purple-dark:#26215C;
    --color-purple-light:#CECBF6;

    --color-amber-bg:#FAEEDA;
    --color-amber-mid:#854F0B;
    --color-amber-dark:#412402;
    --color-amber-light:#FAC775;

    --color-coral-bg:#FAECE7;
    --color-coral-mid:#993C1D;
    --color-coral-dark:#4A1B0C;
    --color-coral-light:#F5C4B3;

    --color-blue-bg:#E6F1FB;
    --color-blue-mid:#185FA5;
    --color-blue-dark:#042C53;
    --color-blue-light:#B5D4F4;

    --color-text-primary:#1A1A1A;
    --color-text-secondary:#6B7280;
    --color-text-tertiary:#9CA3AF;
    --color-bg-page:#F3F4F6;
    --color-bg-card:#FFFFFF;
    --color-border:rgba(0,0,0,0.08);

    --space-xs:8px;
    --space-sm:16px;
    --space-md:24px;
    --space-lg:40px;
    --space-xl:64px;
    --space-2xl:96px;

    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:16px;
    --radius-xl:24px;
    --radius-pill:100px;

    --ease:cubic-bezier(0.22,1,0.36,1);
  }

  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:"Rubik",sans-serif;
    font-weight:400;
    font-size:15px;
    line-height:1.5;
    color:var(--color-text-primary);
    background:var(--color-bg-card);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}

  /* layout */
  .wrap{max-width:1208px;margin:0 auto;padding:0 24px; width: 100%;}
  

  section{padding:96px 0;position:relative}
  @media (max-width:640px){section{padding:30px 0}}

  /* typography */
  h1,h2,h3{margin:0;font-weight:500;letter-spacing:-0.01em}
  h1{font-size:64px;line-height:1.15}
  h2{font-size:32px;line-height:1.25}
  h3{font-size:20px;line-height:1.3}
  p{margin:0}
  @media (max-width:640px){
    h1{font-size:40px}
    h2{font-size:24px}
  }

  .kicker{font-size:26px; font-weight:500; letter-spacing:0.08em; color: #1D9E75;
    margin-bottom:14px;display:inline-block;}
  .body-large{font-size:17px;line-height:1.65}
  .small{font-size:13px}
  .caption{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:0.06em}

  /* nav */
  .nav{
    position:sticky;top:0;z-index:50;
    padding:18px 0;
    background:transparent;
    transition: background 0.3s var(--ease), backdrop-filter 0.3s var(--ease);
  }
  .nav.scrolled{background:rgba(15,110,86,0.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .nav-inner{display:grid; align-items:center; justify-content:space-between; grid-template-columns: 1fr 3fr;}

  .logo{font-weight:500; font-size:20px; color:var(--color-primary-light); display:flex;align-items:center; gap:8px; letter-spacing: -0.01em;  }
  .logo .dot{width:10px;height:10px;border-radius:50%; background:var(--color-primary-light);
    box-shadow:0 0 0 4px rgba(159,225,203,0.18); }

  /* ----- HERO ----- */
  .hero{
    background:var(--color-primary-dark);
    color:#fff;
    min-height:85vh;
    display:flex;flex-direction:column;
    padding:0;
    overflow:hidden;
    position:relative;
  }
  .hero .nav{padding-top:30px}
  .hero-body{
    flex:1;display:flex;align-items:center;
    padding:0 0 85px;
    position:relative;
  }
  .hero-bg{
    position:absolute;inset:0;
    pointer-events:none;
    opacity:0.07;
    color:#fff;
    will-change:transform;
  }
  .hero-bg svg{width:140%;height:140%;position:absolute;top:-20%;left:-20%}

  /* Animated dashed paths in hero bg */
  .hero-bg [data-flow]{
    stroke-dasharray:4 8;
    animation:dashFlow 14s linear infinite;
  }
  .hero-bg [data-flow="slow"]{animation-duration:22s}
  .hero-bg [data-flow="rev"]{animation-direction:reverse;animation-duration:18s}
  @keyframes dashFlow{
    to{stroke-dashoffset:-120}
  }
  .hero-bg [data-blink]{
    animation:blink 3s var(--ease) infinite;
  }
  .hero-bg [data-blink="d2"]{animation-delay:0.6s}
  .hero-bg [data-blink="d3"]{animation-delay:1.2s}
  .hero-bg [data-blink="d4"]{animation-delay:1.8s}
  @keyframes blink{
    0%,100%{opacity:0.3}
    50%{opacity:1}
  }

  /* Phone subtle float + route flow */
  .phone{animation:phoneFloat 6s var(--ease) infinite}
  @keyframes phoneFloat{
    0%,100%{transform:rotate(-3deg) translateY(0)}
    50%{transform:rotate(-3deg) translateY(-6px)}
  }
  .route-path{
    stroke-dasharray:6 6;
    animation:dashFlow 2.4s linear infinite;
  }
  .pin.active{animation:pinPulse 2.2s var(--ease) infinite}
  @keyframes pinPulse{
    0%,100%{box-shadow:0 0 0 6px rgba(29,158,117,0.25), 0 4px 10px rgba(0,0,0,0.18)}
    50%{box-shadow:0 0 0 12px rgba(29,158,117,0.08), 0 4px 10px rgba(0,0,0,0.18)}
  }

  @media (prefers-reduced-motion: reduce){
    .hero-bg [data-flow],
    .hero-bg [data-blink],
    .phone,
    .route-path,
    .pin.active,
    .constructor-card .ic{animation:none}
  }
  .hero-grid{
    display:grid;grid-template-columns:1fr;gap:48px;
    width:100%;align-items:center;
    position:relative;z-index:2;
  }
  @media (min-width:800px){
    .hero-grid{grid-template-columns: 3fr 1fr; gap:32px}
  }

  .hero h1{color:#fff;margin-top:0;margin-bottom:20px;  }
  .hero h1 .word{display:inline-block;opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease), transform .5s var(--ease)}
  .hero h1 .word.in{opacity:1;transform:none}
  .hero-lead{
    color:#fff;
    font-size:20px;line-height:1.2;
    max-width:560px;
    margin-bottom:30px;
  }
  .constructor-card{
    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.18);
    border-radius:var(--radius-md);
    padding:16px 20px;
    max-width:560px;
    display:flex;gap:14px;align-items:flex-start;
    margin-bottom:30px;
    backdrop-filter:blur(6px);
  }
  .constructor-card .ic{
    width:36px;height:36px;flex:0 0 36px;
    border-radius:9px;
    background:rgba(159,225,203,0.18);
    display:grid;place-items:center;
    color:var(--color-primary-light);
    animation:pulse 2.5s var(--ease) infinite;
  }
  .constructor-card .ic i{font-size:20px}
  .constructor-card p{font-size:14px;line-height:1.55;color:rgba(255,255,255,0.85)}
  .constructor-card .em{color:#FEC031;font-weight:500}
  @keyframes pulse{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.12)}
  }



  /* ===== OFFER (slide 2) ===== */
  .offer{background:var(--color-bg-card)}
  .offer-lead{color:var(--color-text-secondary);font-size:17px;line-height:1.2;margin-top:14px}
  .offer-stats{display:grid;grid-template-columns:1fr;gap:40px;margin-top:40px}
  @media (min-width:760px){.offer-stats{grid-template-columns:repeat(3,1fr)}}
  .ostat{border-radius: 20px; padding:30px; transition:transform .25s var(--ease), box-shadow .25s var(--ease);}
  .ostat:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(15,110,86,0.08)}
  .ostat .ic{width:40px;height:40px;display:grid;place-items:center;margin-bottom:14px}
  .ostat .big{font-size:26px;font-weight:500;color:#085041;letter-spacing:-0.01em;line-height:1.2}
  .ostat .sub{font-size:16px;color:#0F6E56;margin-top:6px;line-height:1.45}
  .offer-note{margin-top:10px; display:flex;gap:14px;align-items:center; padding:18px 22px;max-width:760px;}
  .offer-note i{color:var(--color-primary);font-size:22px;flex:0 0 auto;margin-top:1px}
  .offer-note p{font-size:16px;line-height:1.55;color: #224F42}
  .offer-note b{font-weight:500}

  /* ===== WHY (slide 7) green band ===== */
  .why{background:var(--color-primary);color:#fff;overflow:hidden;position:relative}
  .why::before{content:"";position:absolute;top:-40%;left:-15%;width:55%;height:180%;background:radial-gradient(circle, rgba(255,255,255,0.06) 0, transparent 60%);pointer-events:none}
  .why .section-head h2{color:#fff}
  .why .section-head p{color:#9FE1CB}
  .why-grid{display:grid; grid-template-columns:1fr; gap:40px; position:relative; border-bottom: 1px solid rgba(255,255,255,.33); padding-bottom: 40px;}
  @media (min-width:720px){.why-grid{grid-template-columns:1fr 1fr}}


  .glass-effect {
    background: rgba(255, 255, 255, 0.2); /* Цвет фона из Figma (с низкой прозрачностью) */
  backdrop-filter: blur(16px); /* Размытие подложки (значение из Effects) */
  -webkit-backdrop-filter: blur(16px); /* Для поддержки Safari */
  border: 1px solid rgba(255, 255, 255, 0.3); /* Полупрозрачная граница */
  border-radius: 20px; /* Скругление углов */
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); /* Внешняя тень */
}
  .why-card{background:rgba(255,255,255,0.2);border-radius:var(--radius-md);padding:30px;
    transition:transform .25s var(--ease), background .25s var(--ease); display:flex; flex-direction:column;gap:10px;}
  .why-card:hover{transform:translateY(-4px);background:rgba(0,0,0,0.24)}
  .why-card .ic{font-size:26px;color:#9FE1CB}
  .why-card h3{font-size:26px;font-weight:500;color:#fff;line-height:1.3}
  .why-card p{font-size:16px;line-height:1.6;}
  .why-card .count{font-size:64px;font-weight:500;color:#fff;letter-spacing:-0.02em;line-height:1;
    background-image: linear-gradient(to bottom, rgba(106, 235, 194, 1.0), rgba(255, 255, 255, .9));
  background-clip: text; -webkit-background-clip: text; color: transparent;}
  .why-calc{margin-top: 16px; display: flex; flex-direction: row; gap: 40px; align-items: center;
    justify-content: space-between;}
  .why-calc .calc{background:none;padding:20px}
  .why-calc .calc .row1{font-size:16px}
  .why-calc .calc .row2{font-size:26px; line-height: 36px;}
  .why-calc .calc .row2 span{font-size:64px; background-image: linear-gradient(to bottom, rgba(106, 235, 194, 1.0), rgba(255, 255, 255, .9));background-clip: text;
  -webkit-background-clip: text;
  color: transparent;}
  .why-calc .tip-box{margin-top:0;max-width:none;width:100%;background:rgba(0,0,0,0.12);padding:18px 24px;gap:20px}
  .why-calc .tip-text{font-size:14px}
  .why-calc .tip-chip{font-size:12px;padding:5px 12px}
  .why-calc .tip-phone{width:54px;height:86px}

  /* ===== PROFILE / QR (slide 8) ===== */
  .profile{background:var(--color-bg-page)}
  .profile-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center;}
  @media (min-width:900px){.profile-grid{grid-template-columns:2fr 1fr;gap:56px}}
  .profile-steps{display:flex;flex-direction:column;margin-top:32px}
  .pstep{display:flex;gap:18px;align-items:flex-start}
  .pstep .n{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#FFD99A;color:rgba(61,37,9,.6);display:grid;place-items:center;font-size:20px;font-weight:500}
  .pstep .pt{font-size:26px;font-weight:500;color:var(--color-text-primary);margin-bottom:4px;line-height:1.3}
  .pstep .pd{font-size:16px;color:var(--color-text-secondary);line-height:1.55}
    .pstep-bg1{background: url(im/line1.svg) no-repeat 20px 0; padding-bottom: 30px;}
  .pstep-bg2{background: url(im/line1.svg) no-repeat 20px bottom; padding-bottom: 30px;}

  /* phone frame holding the profile */
  .profile-visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:0}
  .qr-sticker{
    background:#fff;border-radius:18px;border:0.5px solid var(--color-border);
    box-shadow:0 16px 40px rgba(0,0,0,0.10);
    padding:18px 22px;display:flex;align-items:center;gap:18px;
    max-width:320px;position:relative;z-index:3;
  }
  .qr-sticker .pp-qr-grid{
    width:86px;height:86px;flex:0 0 86px;border-radius:11px;padding:7px;background:#fff;border:1px solid var(--color-border);
    display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:2px;
  }
  .qr-sticker .pp-qr-grid i{background:#085041;border-radius:1px}
  .qr-sticker .qs-text .qt{font-size:15px;font-weight:500;color:#1A1A1A;line-height:1.3;margin-bottom:5px}
  .qr-sticker .qs-text .qd{font-size:12px;color:var(--color-text-secondary);line-height:1.45}
  .qr-arrow{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0 2px;position:relative;z-index:2}
  .qr-arrow .lbl{font-size:12px;font-weight:500;color:#0F6E56;letter-spacing:0.02em}
  .qr-arrow i{font-size:24px;color:#1D9E75}
  .profile-phone{
    width:300px;max-width:100%;margin:0 auto;
    background:#0a0a0a;border-radius:40px;padding:11px;
    box-shadow:0 30px 70px rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.04);
    position:relative;
  }
  .profile-phone::before{
    content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);
    width:96px;height:26px;background:#000;border-radius:14px;z-index:5;
  }
  .pp-screen{
    background:#fff;border-radius:31px;overflow:hidden;
    display:flex;flex-direction:column;padding-bottom:18px;
  }
  .pp-status{display:flex;align-items:flex-end;justify-content:space-between;padding:14px 24px 8px;font-size:13px;font-weight:500;color:#1A1A1A}
  .pp-status .right{display:inline-flex;gap:6px;align-items:center}
  .pp-tab{font-size:11px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:#0F6E56;background:#E1F5EE;padding:5px 10px;border-radius:99px;align-self:flex-start;margin:2px 22px 0}
  .pp-head{display:flex;align-items:center;gap:14px;padding:14px 22px 18px}
  .pp-ava{width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:linear-gradient(135deg,#1D9E75,#0F6E56);display:grid;place-items:center;color:#fff;font-size:23px;font-weight:500}
  .pp-name{font-size:17px;font-weight:500;color:#1A1A1A;line-height:1.2}
  .pp-handle{font-size:13px;color:#0F6E56}
  .pp-routes{display:flex;flex-direction:column;gap:8px;padding:0 22px}
  .pp-route{display:flex;align-items:center;gap:11px;background:var(--color-bg-page);border-radius:11px;padding:9px 11px}
  .pp-route .thumb{width:38px;height:38px;border-radius:8px;flex:0 0 38px;display:grid;place-items:center;color:#fff;font-size:17px}
  .pp-route .rt{font-size:13px;font-weight:500;color:#1A1A1A;line-height:1.25;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pp-route .rp{font-size:13px;color:#0F6E56;font-weight:500;flex:0 0 auto;white-space:nowrap}



  .pills{display:flex;flex-wrap:wrap;gap:20px}
  .pill{
    background:rgba(255,255,255,0.10);
    color:var(--color-primary-light);
    border-radius:var(--radius-pill);
    padding:8px 14px;
    font-size:13px;
    border:1px solid rgba(255,255,255,0.10);
    opacity:0;transform:translateY(8px);
    transition:opacity .5s var(--ease), transform .5s var(--ease);
  }
  .pill i{font-size:14px;margin-right:6px;vertical-align:-2px}
  .pill.in{opacity:1;transform:none}

  /* phone mock */
  
  .phone{
    width:280px;height:560px;
    margin-left:auto;
    margin-bottom:-120px;
    background:#0a0a0a;
    border-radius:38px;
    padding:10px;
    box-shadow:0 30px 80px rgba(0,0,0,0.35), 0 0 0 1px rgba(255,255,255,0.06) inset;
    transform:rotate(-3deg);
    position:relative;
  }
  .phone::before{
    content:"";position:absolute;top:14px;left:50%;transform:translateX(-50%);
    width:90px;height:24px;background:#000;border-radius:14px;z-index:3;
  }
  .phone-screen{
    width:100%;height:100%;
    border-radius:30px;overflow:hidden;
    background:linear-gradient(180deg,#E8F3EE 0%,#D2E8DC 100%);
    position:relative;
  }
  .map-bg{
    position:absolute;inset:0;
    background:
      radial-gradient(circle at 30% 25%, rgba(29,158,117,0.10) 0, transparent 35%),
      radial-gradient(circle at 75% 65%, rgba(83,74,183,0.08) 0, transparent 40%),
      linear-gradient(180deg,#E8F3EE 0%, #C9E1D5 100%);
  }
  .map-svg{position:absolute;inset:0;width:100%;height:100%}
  .pin{
    position:absolute;width:28px;height:28px;border-radius:50%;
    background:#fff;display:grid;place-items:center;
    box-shadow:0 4px 10px rgba(0,0,0,0.18);
    font-size:14px;color:#0F6E56;
  }
  .pin.active{background:#1D9E75;color:#fff;box-shadow:0 0 0 6px rgba(29,158,117,0.25), 0 4px 10px rgba(0,0,0,0.18)}
  .pin.tiny{width:14px;height:14px;background:#fff;border:2px solid #1D9E75}
  .phone-card{
    position:absolute;left:14px;right:14px;bottom:18px;
    background:#fff;border-radius:18px;padding:14px 14px 16px;
    box-shadow:0 12px 28px rgba(0,0,0,0.12);
  }
  .phone-card .row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
  .phone-card .badge{font-size:9px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:#0F6E56;background:#E1F5EE;padding:4px 8px;border-radius:99px}
  .phone-card .title{font-size:14px;font-weight:500;color:#1A1A1A;line-height:1.3;margin-bottom:6px}
  .phone-card .meta{font-size:11px;color:#6B7280;display:flex;gap:10px}
  .phone-card .meta span{display:inline-flex;align-items:center;gap:4px}
  .phone-status{position:absolute;top:0;left:0;right:0;height:44px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 22px 6px;color:#1A1A1A;font-size:12px;font-weight:500;z-index:2}
  .phone-status .right{display:inline-flex;gap:6px;align-items:center}

  /* ----- sections common ----- */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease), transform .6s var(--ease)}
  .reveal.in{opacity:1;transform:none}

  .section-head{margin-bottom:48px;max-width:760px}
  .section-head p{color:var(--color-text-secondary);margin-top:14px;font-size:20px;line-height:1.2}
  .section-head h2{text-wrap:pretty; }
  .formats h2{font-size: 64px;}

  /* ----- FORMATS ----- */
  .formats{background:var(--color-bg-card);border-bottom:1px solid var(--color-border)}
  .formats-sub{margin-top:56px; padding-top:36px; display: flex; gap: 16px; align-items: center; margin-bottom: 55px;}
  .formats-sub p{color: var(--color-text-secondary); font-size: 20px; line-height: 1.55;}
  .formats-grid{display:grid;grid-template-columns:1fr;gap:40px}
  @media (min-width:800px){.formats-grid{grid-template-columns:1fr 1fr}}
  .format-card{
    border-radius:var(--radius-lg);
    overflow:hidden;
    border:1px solid var(--color-border);
    transition:transform .25s var(--ease), box-shadow .25s var(--ease);
  }
  .format-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.06)}
  .format-head{ position: relative;}
  .format-head .badge{display:inline-block;padding:3px 14px;border-radius:var(--radius-pill);
    font-size:11px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;
    margin-bottom:18px;}
  .format-head h3{font-size:26px;margin-bottom:10px}
  .format-head p{font-size:16px;line-height:1.55}
  .format-body{background: #fff;padding:22px 28px 28px; display:flex;flex-direction: column; gap: 10px;}
  .step2 .format-feat{display:flex; gap:12px; align-items:flex-start; font-size:20px; color:var(--color-text-primary); background: url(im/dot.svg) no-repeat 0 12px; padding-left: 16px;}
  .format-feat i{font-size: 18px; flex: 0 0 auto; margin-top: 1px}

  .step2 .format-head{background:var(--color-primary-pale)}
  .step2 .format-head-bg{position: absolute; padding: 10px; top: 0; left: 0; right: 0; height: 100%; }


    .step2 .fmt-quest .format-head-bg{background: linear-gradient(to bottom, rgba(254, 192, 49,.1) 50%, rgba(159,122,37,.9) 90%);}
  .step2 .fmt-route .format-head-bg{background: linear-gradient(to bottom, rgba(29, 158, 117,.1) 50%, rgba(50, 108, 88,.9) 90%);}



  .format-head-bg1{display: flex; flex-wrap: wrap;align-content: space-between; height: 100%;}
  .format-head-bg1-1{padding: 20px;}
  .step2 .format-head .badge{background: #FFD99A; color:#3D2509; font-size: 16px;}
  .step2 .format-head h3{color:#fff}
  .step2 .format-head p{color:#fff}

  .step2 .format-head{background:var(--color-blue-bg)}
  .step2 .fmt-quest .badge{background:#FFD99A;color:#3D2509;  font-size: 16px;}
  .step2 .fmt-route .badge{background:#ADDFCC;color:#224F42;  font-size: 16px;}
  .step2 .format-head h3{color:#fff}

    .step3 .fmt-quest .format-body,.step3 .fmt-route .format-body{border: 1px solid #D7D7D7; border-top: none; border-radius: 0 0 var(--radius-lg) var(--radius-lg);}
    .step3 .fmt-quest .badge, .step3 .fmt-route .badge{font-size: 16px; margin: 10px 0 18px 10px;}
    .step3 .fmt-quest .badge{background: #BBD4F1; color: #0F2C50; }
    .step3 .fmt-route .badge{background: #ADDFCC; color: #224F42;}
    .step3 .fmt-quest .format-head{border: 1px solid rgba(47,106,200,0.25); border-radius: var(--radius-lg) var(--radius-lg) 0 0; background: rgba(47,106,200,0.1); color: #0F2C50;}
    .step3 .fmt-route .format-head{border: 1px solid rgba(29,158,117,0.25); background: rgba(29,158,117,0.1);border-radius: var(--radius-lg) var(--radius-lg) 0 0; color: #224F42;}
     .step3 .step3-padd{padding: 20px 30px 30px 30px;}
    .step3 .fmt-quest .format-feat{background: url(im/galka_blue.svg) no-repeat 0 8px; padding-left: 35px;}
    .step3 .fmt-route .format-feat{background: url(im/galka_green.svg) no-repeat 0 8px; padding-left: 35px;}
.step3 .format-head p,.step3 .format-feat{font-size:20px;}

.line_green{background: url(im/line_green.svg) no-repeat center bottom / 100%; padding: 0 5px;}
.zenn{margin-left: 50%;margin-bottom: -20px;}
.decor{position: relative; display: inline-block;}
.decor::after{position: absolute; right: 0; top: -16px; width: 44px; height: 31px; background: url(im/decor.svg) no-repeat center; content: '';}

  /* ----- DESIRES ----- */
  .desires{background:var(--color-bg-page)}
  .desires-grid{display:grid;grid-template-columns:1fr;gap:8px}
  @media (min-width:780px){.desires-grid{grid-template-columns:1fr 1fr}}
  .desire{
    background:#fff;border:0.5px solid var(--color-border);border-radius:var(--radius-md);
    padding:18px;display:flex;gap:14px;align-items:flex-start;
    transition:transform .25s var(--ease), border-color .25s var(--ease);
  }
  .desire:hover{transform:translateY(-2px);border-color:rgba(0,0,0,0.18)}
  .desire .ic{
    width:40px;height:40px;flex:0 0 40px;border-radius:10px;
    display:grid;place-items:center;font-size:20px;
  }
  .desire .ic i{font-size:20px}
  .desire .t{font-size:15px;font-weight:500;margin-bottom:4px;color:var(--color-text-primary);line-height:1.35}
  .desire .q{font-style:italic;font-size:12px;color:var(--color-text-secondary);line-height:1.5}

  .bridge{
    margin-top:32px;
    background:#085041;color:#9FE1CB;
    border-radius:var(--radius-md);
    padding:20px 26px;
    font-size:15px;line-height:1.55;
  }
  .bridge b{color:#fff;font-weight:500}

  /* ----- UNIQUENESS ----- */
  .uniq{background:var(--color-bg-card)}
  .uniq-grid{display:grid;grid-template-columns:1fr;gap:40px}
  @media (min-width:680px){.uniq-grid{grid-template-columns:1fr 1fr}}
  @media (min-width:1000px){.uniq-grid{grid-template-columns:1fr 1fr 1fr}}
  .uniq-card{border: 1px solid #D7D7D7;
    border-radius:var(--radius-md);
    padding: 30px;
    display:flex;flex-direction:column;gap:12px;
    transition:transform .25s var(--ease), box-shadow .25s var(--ease);
    min-height:230px;
    position:relative;
  }
  .uniq-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,0.06)}
  .uniq-card .ic{position: relative; width: 80px; height: 80px;}
  .uniq-card .ic div{position: absolute; top: -10px; right: -20px; width: 40px; height: 40px; border-radius: 50%; background: #EAF0FA; padding: 10px; align-items: center; justify-content: center; display: inline-flex;}
  .uniq-card h3{font-size:26px;line-height:1.3;font-weight:500}
  .uniq-card p{font-size:16px;line-height:1.55}
  .uniq-card .tag{
    display:inline-block;font-size:11px;font-weight:500;
    padding:5px 10px;border-radius:var(--radius-pill);
    margin-top:auto;align-self:flex-start;
    letter-spacing:0.02em;
  }

  /* ----- TECH ----- */
  .tech{background: url(im/bg_gid.jpg) no-repeat center bottom/100%}
  .tech-grid{display:grid;grid-template-columns:1fr;gap:16px}
  @media (min-width:780px){.tech-grid{grid-template-columns:1fr 1fr}}
  @media (min-width:780px){.tech-grid--3{grid-template-columns:repeat(3,1fr)}}
  .tech-card{background:#fff;border:0.5px solid var(--color-border); border-radius:var(--radius-md);padding:22px; transition:transform .25s var(--ease), border-color .25s var(--ease); margin-bottom: 30px; max-width: 560px;}
  .tech-card:hover{transform:translateY(-3px);border-color:rgba(0,0,0,0.16)}
  .tech-head{display:flex;align-items:center;gap:20px;margin-bottom:14px}
  .tech-head .ic{
    width:40px;height:40px;border-radius:10px;
    display:grid;place-items:center;font-size:20px;flex:0 0 40px;
  }
  .tech-head h3{font-size:26px;font-weight:500;line-height:1.3}
  .tech-card p{font-size:16px;line-height:1.6;color:var(--color-text-secondary);}
  .tech-pills{display:flex;flex-wrap:wrap;gap:6px}
  .tpill{font-size:11px;font-weight:500;padding:4px 10px;border-radius:var(--radius-pill)}
  .tpill.green{background:#E1F5EE;color:#085041}
  .tpill.blue{background:#E6F1FB;color:#042C53}

  .info-banner{
    margin-top:32px;background:#0F6E56;border-radius:var(--radius-md);
    padding:18px 22px;display:flex;gap:14px;align-items:flex-start;
  }
  .info-banner i{color:#9FE1CB;font-size:22px;flex:0 0 auto;margin-top:1px}
  .info-banner p{color:#9FE1CB;font-size:15px;line-height:1.55}
  .info-banner b{color:#fff;font-weight:500}

  /* ----- MONEY ----- */
  .money{background:var(--color-primary);color:#fff;overflow:hidden;position:relative}
  .money::before{
    content:"";position:absolute;top:-40%;right:-15%;width:60%;height:180%;
    background:radial-gradient(circle, rgba(255,255,255,0.06) 0, transparent 60%);
    pointer-events:none;
  }
  .money-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:center;position:relative}
  @media (min-width:900px){.money-grid{grid-template-columns:1.5fr 1fr;gap:48px}}
  .money h2{color:#fff;margin-bottom:18px}
  .money-lead{color:#9FE1CB;font-size:17px;line-height:1.6;max-width:520px;margin-bottom:24px}
  .calc{
    background:rgba(0,0,0,0.15);border-radius:var(--radius-md);
    padding:18px 22px;max-width:380px;
  }
  
  .calc .row2{font-size:22px;font-weight:500;color:#fff;letter-spacing:-0.01em}

  /* tip-box: chips + mini phone */
  .tip-box{
    margin-top:10px;
    background:rgba(0,0,0,0.12);
    border-radius:9px;
    padding:11px 14px;
    max-width:380px;
    display:flex;flex-direction:row;gap:14px;align-items:center;
  }
  .tip-left{flex:1;min-width:0}
  .tip-text{font-size:11px;color:#9FE1CB;line-height:1.5;margin-bottom:8px}
  .tip-chips{display:flex;flex-wrap:wrap;gap:5px}
  .tip-chip{
    font-size:10px;font-weight:500;
    padding:3px 8px;border-radius:99px;
    background:rgba(255,255,255,0.15);
    color:rgba(255,255,255,0.85);
    letter-spacing:0.01em;
    transition:background 0.2s var(--ease), color 0.2s var(--ease);
  }
  .tip-chip.active{
    background:#9FE1CB;
    color:#085041;
  }
  .tip-phone{
    width:44px;height:72px;
    background:rgba(0,0,0,0.25);
    border-radius:10px;
    padding:4px;
    flex:0 0 44px;
    display:grid;place-items:center;
  }
  .tip-phone-screen{
    width:100%;height:100%;
    background:#fff;
    border-radius:7px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:3px;padding:5px 4px;
    position:relative;
  }
  .tip-phone-heart{font-size:14px;color:#1D9E75;margin-bottom:1px}
  .tip-phone-line{display:block;height:2px;border-radius:1px;background:#D2E8DC}
  .tip-phone-line-1{width:60%}
  .tip-phone-line-2{width:42%}
  .tip-phone-btn{
    display:block;width:80%;height:8px;
    border-radius:3px;background:#1D9E75;
    margin-top:3px;
  }
  .money-cards{display:flex;flex-direction:column;gap:14px}
  .money-card{
    background:rgba(0,0,0,0.18);border-radius:var(--radius-md);
    padding:20px 22px;
  }
  .money-card .big{font-size:40px;font-weight:500;color:#fff;line-height:1;letter-spacing:-0.02em}
  .money-card .sub{font-size:12px;color:#9FE1CB;margin-top:8px}

  /* ----- STEPS ----- */
  .steps{background:var(--color-bg-page)}
  .steps-grid{
    display:grid;grid-template-columns:1fr;gap:20px;
    position:relative;
  }
  @media (min-width:820px){
    .steps-grid{grid-template-columns:1fr 1fr 1fr;gap:40px}
  }
  .step{text-align: center; position:relative;z-index:2;}
  .step-n{width:60px;height:60px;border-radius:50%; background:#fff;color:rgba(41,48,46,.6);
    display:grid;place-items:center; font-size:20px;font-weight:500; margin:0 auto 14px auto;}
  .step h3{font-size:26px; font-weight:500; margin-bottom:8px; line-height:1.3; color: #224F42;}
  .step p{font-size: 16px; line-height: 22px;;color: #224F42;}
  .step-line{display:none;position:absolute;top:46px;left:0;right:0;height:1px;z-index:1;pointer-events:none}
  @media (min-width:820px){.step-line{display:block}}

  /* ----- CTA ----- */
  .cta{color:#fff;}    
  .cta h2{color:#fff;margin-bottom:16px;margin-left:auto;margin-right:auto; }
  .cta p{color:rgba(255,255,255,0.6);font-size:20px;line-height:1.2;margin:0 auto 32px; }
  .cta-cards{display:grid;grid-template-columns:1fr;gap:40px;margin:0 auto 40px;text-align:left}
  @media (min-width:760px){.cta-cards{grid-template-columns:repeat(3,1fr)}}
  .cta-card{
    background:rgba(255,255,255,0.1);border-radius:var(--radius-md);padding:30px;
    transition:transform .25s var(--ease), background .25s var(--ease);
    display:flex;flex-direction:column;gap:10px; border: 1px solid rgba(255,255,255,0.25);
  }
  .cta-card:hover{transform:translateY(-4px);background:rgba(0,0,0,0.24)}
  .cta-card .ic{width:44px;height:44px;border-radius:11px;background:rgba(159,225,203,0.16);color:#9FE1CB;display:grid;place-items:center;font-size:22px}
  .cta-card h3{font-size:26px;font-weight:500;color:#fff;line-height:1.1}
  .cta-card p{font-size:16px;line-height:1.2;color:#fff;margin:0;max-width:none;text-align:left}
  .cta-btn{
    display:inline-block;background:#31D29F;color:#29302E;font-size:16px;font-weight:500;
    padding:11px 30px;border-radius:var(--radius-pill);
    transition:transform .15s var(--ease), box-shadow .15s var(--ease);
  }
  .cta-btn:hover{transform:scale(1.04);box-shadow:0 12px 32px rgba(0,0,0,0.25)}
  .cta-note{color:#9FE1CB;font-size:15px;margin:20px auto 36px;max-width:480px}
  .stores{display:flex;flex-wrap:wrap;gap:12px;}
  .store{border-radius:24px;padding:7px 22px;
    display:flex;align-items:center;gap:12px;color:rgba(255,255,255,0.25);
    transition:transform .15s var(--ease), box-shadow .15s var(--ease);
    min-width:167px; border: 1px solid rgba(255,255,255,0.25);
  }
  .store:hover{transform:scale(1.04);box-shadow:0 8px 24px rgba(0,0,0,0.2)}
  .store i{font-size:28px}
  .store .col{display:flex;flex-direction:column;text-align:left;line-height:1.1}
  .store .col .top{font-size:9px;font-weight:500;color:rgba(255,255,255,0.5);letter-spacing:0.06em;margin-bottom:3px}
  .store .col .bot{font-size:16px;font-weight:500;color:rgba(255,255,255,0.5)}

  /* footer */
  footer{color:rgba(255,255,255,0.6); padding:23px 0; font-size:16px; text-align:center}

  /* reveal stagger helpers */
  .stagger > *{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease), transform .5s var(--ease)}
  .stagger.in > *{opacity:1;transform:none}
  .stagger.in > *:nth-child(1){transition-delay:0ms}
  .stagger.in > *:nth-child(2){transition-delay:80ms}
  .stagger.in > *:nth-child(3){transition-delay:160ms}
  .stagger.in > *:nth-child(4){transition-delay:240ms}
  .stagger.in > *:nth-child(5){transition-delay:320ms}
  .stagger.in > *:nth-child(6){transition-delay:400ms}




  /* my */

  .menu ul {display: flex; flex-wrap: wrap; list-style: none; padding: 0; }
  .menu ul li{margin-right: 40px;}
   .menu ul li:last-child{margin: 0;}
   .menu ul a{font-size: 16px;}

   .hero{background-image: url(im/hero_bg.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; margin-bottom: 120px;}


   .constructor-card {background: rgba(255, 255, 255, 0.25); border-radius: 20px; gap: 22px; align-items: center;}
.constructor-card p{font-size: 16px;}

.phone-wrap{margin-left: auto;}

.pills .btn1{color: #fff; background: url(im/btn1_bg.png) no-repeat center; padding: 11px 28px;}
.pills .btn2{padding: 11px 28px; color: #29302E; background-color: #31D29F;}

h2 {font-size: 48px; font-weight: 500;}

.line_yellow{background: url(im/line_yellow.svg) no-repeat center bottom/100%; padding: 0 5px;}

.ostat { background: rgba(29,158,117,.1); border: 1px solid rgba(29,158,117,.25);}

.offer-stats{border-bottom: 1px solid rgba(29,158,117,.33); padding-bottom: 40px;}


@media (min-width: 800px) {
    .kvest-grid {display: grid; grid-template-columns: 2fr 1fr; gap: 56px;}
    .kvest-grid-img{margin: 0 auto;}
}

.step1{padding-bottom: 0; background-image: url(im/line_white.svg); background-repeat: no-repeat; background-position: 100% 17%; background-size: 20%;}
.step2{padding-top: 0; background-image: url(im/line_white1.svg); background-repeat: no-repeat; background-position: center 12px; background-size: contain;}


@media (min-width: 900px) {
.gid-grid {display: grid; grid-template-columns: 2fr 1fr; gap: 20px; align-items: center;}
}

.margin-start-auto{margin-left: auto;}
.margin-auto{margin-left: auto; margin-right: auto;}


.why.money{background: url(im/bg_why.jpg) no-repeat center/cover; }
.why.money .kicker{text-transform: uppercase; font-size: 16px; color: #6AEBC2;}
.why-money-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end; margin-bottom: 80px;}
.why-money-grid .section-head,.why-money-grid h2{margin-bottom: 0;}
.infinity{position: relative;}
.infinity::after{position: absolute; width: 155px; height: 53px; background: url(im/8.svg) no-repeat center; content: ''; left: -50px; bottom: -35px; }
.why.money .ic{display: flex; align-items: center; gap: 16px; margin-bottom: 14px;}
.money-span{display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: auto;}
.money-span span{padding: 3px 17px; border: 1px solid rgba(255,255,255,0.33); font-size: 16px; border-radius: 20px; color: rgba(255,255,255,0.5);}

.cta-grid{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px; align-items: end;}




.dropdown {position: relative; display: none;}
.dropdown-toggle {display: none;}
.dropdown-btn {display: block; color: white; text-align: end;}
.dropdown-menu {display: none; position: absolute; top: 100%; right: 0; margin-top: 5px;  background: #746338e8; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); list-style: none; padding: 10px 16px; z-index: 10; width: 180px;}
.dropdown-toggle:checked ~ .dropdown-menu {display: block;}
.dropdown-menu li a {display: block; color: #fff; text-decoration: none; padding: 4px 0;}
.dropdown-menu li a:hover {background-color: #f1f1f1;}


.burger {width: 24px; height: 24px; cursor: pointer;}
.burger span {width: 100%; height: 1px; background-color: transparent; display: block;
    transition: background-color 0.5s ease-in-out; transform: translateY(11px);}
.burger span::before,.burger span::after {content: ""; width: 100%; background-color: #fff;
    display: block; transition: all 0.5s ease-in-out; height: 1px; border-radius: 2px;}
.burger span::before {transform: translateY(-3px);}
.burger span::after {transform: translateY(3px); margin-top: -1px;}

.burger.active span::before {transform: rotateZ(45deg) translateY(0);}
.burger.active span::after {transform: rotateZ(-45deg) translateY(0);}

.kvest-grid-mob img{display: none;}
.tech-phones{margin-left: auto;}
.tech-phones-2{display: none;}

.uniq-card-txt{display: flex; flex-direction: column; flex-wrap: wrap; align-content: stretch;    height: 100%;}


/* --- Кнопка «Узнать больше» на карточках --- */
.uniq-more-btn{background:none; border:none; cursor:pointer; font-family:"Rubik",sans-serif;font-size:16px; font-weight:500; padding:10px 0 0 0; margin-top:auto; display:inline-flex;align-items:center; gap:3px; letter-spacing:.01em; transition:opacity .2s,gap .18s;}
.uniq-more-btn:hover{opacity:.5; gap:7px; font-size: 17px;}
.uniq-more-btn i{font-size: 20px; margin-top: 1px;}

/* --- Теги дополнительных категорий --- */
.uniq-extra{margin:20px 0 0}
.uniq-extra-label{font-size:20px;font-weight:500;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:10px}
.uniq-extra-tags{display:flex;flex-wrap:wrap;gap:8px}
.uniq-ext-tag{background: #CEF1E4; border: none; border-radius:var(--radius-pill); padding:7px 20px;font-size:16px; font-family:"Rubik",sans-serif;font-weight:400;color: #224F42;cursor:pointer;transition:background .2s,color .2s,border-color .2s;display:inline-flex;align-items:center;gap:10px; font-weight: 500;}
.uniq-ext-tag:hover{background:var(--color-primary-pale);border-color:rgba(15,110,86,.25);color:var(--color-primary-deeper)}
.uniq-ext-tag i{font-size:14px}

/* --- Модалка --- */
.umodal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;opacity:0;transition:opacity .25s var(--ease)}
.umodal.open{pointer-events:auto;opacity:1}
.umodal-back{position:absolute;inset:0;background:rgba(0,0,0,.42);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:pointer}
.umodal-box{position:relative;z-index:1;background:#fff;border-radius:20px;max-width:520px;width:100%;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 64px rgba(0,0,0,.22);transform:translateY(20px) scale(.97);transition:transform .3s var(--ease)}
.umodal.open .umodal-box{transform:none}
.umodal-head{padding:24px 28px 20px;border-radius:20px 20px 0 0;display:flex;align-items:center;gap:14px;flex-shrink:0}
.umodal-htexts{flex:1;min-width:0}
.umodal-hicon{width:48px;height:48px;flex:0 0 48px;border-radius:13px;background:rgba(255,255,255,.25);display:grid;place-items:center;font-size:22px}
.umodal-kicker{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-bottom:4px}
.umodal-htitle{font-size:18px;font-weight:500;line-height:1.25;letter-spacing:-.01em}
.umodal-x{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:rgba(0,0,0,.14);border:none;cursor:pointer;display:grid;place-items:center;font-size:14px;color:#fff;transition:background .2s;font-family:inherit;align-self:flex-start;flex-shrink:0}
.umodal-x:hover{background:rgba(0,0,0,.26)}
.umodal-body{overflow-y:auto;padding:22px 28px 28px;display:flex;flex-direction:column;gap:14px}
.umodal-headline{font-size:16px;font-weight:500;color:var(--color-text-primary);line-height:1.4;letter-spacing:-.01em;margin:0}
.umodal-desc{font-size:14px;line-height:1.65;color:var(--color-text-secondary);margin:0}
.umodal-bullets{display:flex;flex-direction:column;gap:8px}
.umodal-bullet{display:flex;gap:12px;align-items:flex-start;background:var(--color-bg-page);border-radius:10px;padding:11px 13px}
.umodal-bic{width:32px;height:32px;flex:0 0 32px;border-radius:8px;display:grid;place-items:center;font-size:16px}
.umodal-blabel{font-size:13px;font-weight:500;color:var(--color-text-primary);line-height:1.3;margin-bottom:2px}
.umodal-bsub{font-size:12px;color:var(--color-text-secondary);line-height:1.4}
.umodal-cta{background:var(--color-primary-pale);border-radius:10px;padding:14px 16px;font-size:13px;color:var(--color-primary-deeper);line-height:1.6}
@media(max-width:560px){.umodal{padding:0;align-items:flex-end}.umodal-box{border-radius:20px 20px 0 0;max-height:86vh}.umodal-head{padding:20px 20px 16px}.umodal-body{padding:18px 20px 28px}}

.profile-txt{color:var(--color-text-secondary);font-size:20px;line-height:1.6;margin-top:14px;}
footer .wrap span{display: inline;}
footer .wrap br{display: none}

.green{color: #37D4A2;}
.blue{color: #6E9BE3;}
.yellow{color: #FEC031;}

.formats3 p{margin-bottom: 10px;}
.formats3 h2{margin: 30px 0;}
.formats3 .head{font-size: 26px; font-weight: 500; margin-top: 30px}
.formats3 .more{font-size: 20px;}

.swiper_block {display: grid; grid-template-columns: auto 1fr; gap: 20px;}
.swiper_head{display: flex; align-self: center;}
.swiper1{width: 100%;}
.swiper1 .swiper-wrapper{padding-left: 90px;}
.swiper1 .swiper-button-next, .swiper1 .swiper-button-prev{width: 48px; height: 48px; border-radius: 50%; background-color: #1D9D75; background-position: center; background-repeat: no-repeat;}
.swiper1 .swiper-button-next{background-image: url(im/right.svg); right: 100px;}
.swiper1 .swiper-button-prev{background-image: url(im/left.svg);}
.swiper1 .swiper-button-next svg, .swiper1 .swiper-button-prev svg{display: none;}


.cta_footer{background: url(im/line4.svg) no-repeat 93% 100%, url(im/line3.svg) no-repeat 51% 71%, url(im/line2.svg) no-repeat 94% 100%, url(im/bg_footer.jpg) no-repeat center; padding-top: 60px;}

.cta_head{text-transform: uppercase; color: #FFD99A; margin-bottom: 40px;}

.swiper2{margin-left: 11.6%;}
.swiper2 .s1, .swiper2 .s2, .swiper2 .s3{border-radius: 20px; padding: 40px 30px 0 30px; min-height: 360px; display: flex; flex-direction: column; }
.swiper2 .s1{background: #C4F0E2;}
.swiper2 .s2{background: #DCE7FB;}
.swiper2 .s3{background: #FFD99A;}
.swiper2 .head{font-size: 40px; font-weight: 600; margin-bottom: 14px; line-height: 1.1;}
.swiper2 .cta_img{margin-left: auto; margin-top: auto;}
.swiper2 .wrap{display: flex; justify-content: end; margin-top: 40px;}
.swiper2 .swiper-button-prev, .swiper2 .swiper-button-next{position: relative; width: 50px; height: 50px;margin-top: 0; }
.swiper2 .swiper-button-prev svg, .swiper2 .swiper-button-next svg{display: none;}
.swiper2 .swiper-button-next{right: 0; background: url(im/right1.svg) no-repeat;}
.swiper2 .swiper-button-prev{background: url(im/left1.svg) no-repeat; margin-right: 25px;}

.swiper_head .v2{display: none;}


/*ADAPTIVE*/
@media (max-width: 990px) {
    .menu ul li {margin-right: 20px;}
  }

@media (max-width: 800px)  {
body {line-height: 1.3; font-size: 14px;}
section {padding: 30px 0;}
.d-none-800{display: none;}
.wrap {padding: 0 16px;}
.menu {display: none;}
.dropdown{display: inline-block;}
.nav-inner{justify-items: end;}
.hero {background-image: url(im/hero_bg_mob.jpg); background-size: cover; background-color: transparent; background-position: center bottom; margin-bottom: 40px;}
.hero .nav {padding-top: 20px;}
.ostat .big{font-size: 20px;}
.hero-lead {font-size: 16px;}
.section-head p{font-size: 14px;}
 h2 {font-size: 32px; margin-bottom: 10px;line-height: 1.15;}
.zenn {margin-bottom: -10px; margin-left: 25%; width: 25%;}
.cta-grid { grid-template-columns: 1fr;}

 .constructor-card {align-items: flex-start; max-width: 230px; margin-left: auto; padding: 14px; gap: 13px;}
  .constructor-card p{font-size: 14px; line-height: 1.2;}
  .constructor-card .em{white-space: nowrap;}
 .constructor-card p::first-letter{text-transform: capitalize;}
 .pills {gap: 10px;}
 .phone-wrap {display: none;}
 
 .hero-body {padding: 0 0 40px 0;}
 .section-head {margin-bottom: 0; padding-bottom: 20px;}

 .ostat {padding: 25px; display: flex; gap: 16px;}
 .offer-note {align-items: start; padding-bottom: 0;}
.offer-note p {font-size: 14px; line-height: 1.2;}
.offer-stats{gap: 20px; margin-top: 0;}
.kvest-grid-img{display: none;}
.kvest-grid-mob img{display: block;}
.kvest-grid-mob{display: grid; grid-template-columns: 3fr 1fr; gap: 18px; margin-top: 20px;}
.section-head p{margin-top: 0;}

.step{display: grid; grid-template-columns: 48px 1fr; gap: 20px; text-align: start;}
.step-n {width: 48px; height: 48px;}
.step h3{margin-top: 7px; font-size: 24px;}
.step2,.steps, .step1{background: none;}
.steps-all {background: url(im/line6.svg) no-repeat 24% 12%/68%,var(--color-bg-page)}
.formats-sub {margin-top: 0px; padding-top: 25px;align-items: start;grid-template-columns: 48px 1fr; display: grid; margin-bottom: 25px;}
.kicker {font-size: 24px; letter-spacing: normal;}
.formats-sub p {font-size: 16px; line-height: 1.2;}

.step p {line-height: 1.2;}
.step2 .fmt-quest .badge,.step2 .fmt-route .badge {font-size: 14px;}
.format-head-bg1-1 {padding: 10px;}
.step2 .formats-grid{gap: 20px;}
.step2 .format-head h3 {font-size: 24px; line-height: 1.2;margin-bottom: 5px;}
.format-head p {line-height: 1.2;}
.step2 .format-feat{font-size: 14px; background: url(im/dot.svg) no-repeat 0 5px;}
.format-body {gap: 10px; padding: 20px;}
.tech-card{margin-bottom: 20px;}
.tech-head h3 {font-size: 20px;line-height: 1.2;}
.tech-card p {line-height: 1.2;}
.tech{padding-bottom: 0;background: url(im/bg-gid-mob.jpg) no-repeat center bottom/100%;}
.tech-phones{margin: 100px auto 0 auto;}
.tech-phones-1{display: none;}
.tech-phones-2{display: block; margin: 0 auto;}
.formats h2 {font-size: 32px;}
.step1 h2 br{display: none;}
.step3 .fmt-quest .badge, .step3 .fmt-route .badge {font-size: 14px;}
.step3 .step3-padd {padding: 10px 20px 20px 20px;}
.format-head h3 {font-size: 20px;}
.step3 .format-head p {font-size: 16px;}
.step3 .fmt-quest .format-feat {background: url(im/galka_blue.svg) no-repeat 0 0;    padding-left: 26px; font-size: 14px;}
.step3 .fmt-route .format-feat {background: url(im/galka_green.svg) no-repeat 0 0;
padding-left: 26px; font-size: 14px;}
.uniq-card{padding: 20px;}
.uniq-grid,.why-grid,.cta-cards{gap: 20px;}

.uniq-card .ic {width: 70px; height: 70px;}
.uniq-card{ min-height: auto; gap: 26px;display: grid; grid-template-columns: 80px auto;}
.uniq-card h3 {font-size: 20px; line-height: 1.15; margin-bottom: 7px;}
.uniq-card p {font-size: 14px; line-height: 1.25;}
.uniq-more-btn{opacity: .5;}
.uniq-extra-label {font-size: 16px; letter-spacing: normal;}
.uniq-ext-tag{font-size: 14px; padding: 7px 14px;}
.why-money-grid {grid-template-columns: 1fr; margin-bottom: 30px;}
.why-money-grid .section-head{padding-bottom: 0;}
.why-money-grid{gap: 20px;}
.why-card{padding: 20px;}
.why-card h3 {font-size: 20px; line-height: 1.1;}
.why-card p {font-size: 16px; line-height: 1.25;}
.why.money .ic {margin-bottom: 5px;}
.why-card .count, .why-calc .calc .row2 span{font-size: 48px;}
.money-span span{font-size: 14px; padding: 3px 14px;}
.why-calc .calc {padding: 10px 0;}

.profile-txt{font-size:14px; line-height:1.25; margin-top:14px;}
.pstep .pt {font-size: 20px; line-height: 1.15;}
.pstep .pd {line-height: 1.25;}
.pstep-phone img{max-width: 260px; margin: auto;}
.profile-grid{gap: 20px;}
.cta {background: url(im/line2.svg) no-repeat center bottom, url(im/line3.svg) no-repeat center bottom, url(im/line4.svg) no-repeat center bottom, url(im/line5.svg) no-repeat center bottom}
.cta p{font-size: 14px; line-height: 1.2; margin-bottom: 15px;}
.cta-card{padding: 20px; flex-direction: row; gap: 15px;}
.cta-card h3{font-size: 20px; margin-bottom: 7px;}
.cta-card h3 br{display: none;}
.cta-card .cta-card-img img{max-width: 40px;}
.stores{order: 3; gap: 8px;}
.cta-txt{order: 1;}
.cta-img{order: 2;}
footer{font-size: 12px; padding: 14px 0;}
.store{max-width: 154px; padding: 7px 0 7px 27px;}
.cta-btn {padding: 14px 30px;}
.cta-img img{max-width: 80px;}
footer .wrap span{display: none}
footer .wrap br{display: block;}

.formats3 .head {font-size: 20px;margin-top: 0}
.formats3 .more{font-size: 16px;}
.formats3_mob{display: flex;}
.formats3_mob > img{width: 100px; height: max-content; margin-right: 14px;}

.swiper_block {display: block;}
.swiper_head .v1{display: none;}
.swiper_head .v2{display: block; margin: 0 auto 20px auto; padding: 0 16px;}

.swiper1 .swiper-slide{display: flex; justify-content: center;}
.swiper1 .swiper-wrapper {padding-left: 0;}
.swiper1 .swiper-button-prev {left: 16px;}
.swiper1 .swiper-button-next {right: 16px;}
.why-calc .cta-btn{display: none;}

.cta_footer {background: url(im/line4.svg) no-repeat 93% 100%, url(im/line3.svg) no-repeat 51% 71%, url(im/line2.svg) no-repeat 94% 100%, url(im/bg_footer.jpg) no-repeat center/cover; padding-top: 30px;}

.swiper2{margin: 0 16px;}
.swiper2 .s1, .swiper2 .s2, .swiper2 .s3 {padding: 20px 24px 0 24px;}
.swiper2 .head {font-size: 24px;}
.swiper2 .s1, .swiper2 .s2, .swiper2 .s3 { min-height: auto;}
.swiper2 .swiper-slide{margin-bottom: 20px;}

.cta h2, .cta p{text-align: center;}
.cta_head img{max-width: 200px;}
.swiper2 .cta_img {margin-top: 14px;}
}

@media (max-width: 500px)  {
.zenn {margin-left: 45%; width: 50%;}
}


@media (max-width: 800px) {
  .swiper2 {pointer-events: none;}
  .swiper2 .swiper-wrapper {display: flex; flex-direction: column; transform: none !important;}
  .swiper2 .swiper-slide {width: 100% !important; flex-shrink: 0;}
  .swiper2 .wrap{display: none;}
}