@font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-Thin.ttf") format("truetype");font-weight:100;font-style:normal;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-ThinItalic.ttf") format("truetype");font-weight:100;font-style:italic;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf") format("truetype");font-weight:200;font-style:italic;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-LightItalic.ttf") format("truetype");font-weight:300;font-style:italic;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-MediumItalic.ttf") format("truetype");font-weight:500;font-style:italic;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype");font-weight:600;font-style:italic;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-BoldItalic.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf") format("truetype");font-weight:800;font-style:italic;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
    @font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat/Montserrat-BlackItalic.ttf") format("truetype");font-weight:900;font-style:italic;font-display:swap}

    :root{
      --blue:#1267ff;
      --blue2:#0756e6;
      --navy:#071a3b;
      --text:#13284e;
      --muted:#4d607d;
      --line:#d6e3f7;
      --soft:#f4f8ff;
      --wrap:1128px;
      --font-main:"Montserrat",Arial,Helvetica,sans-serif;
    }
    *{box-sizing:border-box}
    html,
    body,
    h1,h2,h3,h4,h5,h6,
    p,a,span,small,strong,b,em,i,
    button,input,textarea,select,option,label,legend,fieldset,
    ul,ol,li,dl,dt,dd,
    table,thead,tbody,tfoot,tr,th,td,
    blockquote,cite,figcaption,
    code,pre,kbd,samp{
      font-family:var(--font-main);
    }
    body{
      margin:0;
      background:#f6f9fd;
      color:var(--text);
      font-weight:600;
    }
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}

    /* Browser mock frame, like the generated layout */
    .browser{
      width:min(100%,1240px);
      margin:0 auto;
      background:#fff;
      border:1px solid #aab7c9;
      border-radius:8px;
      overflow:hidden;
      box-shadow:0 14px 42px rgba(7,26,59,.08);
    }
    .browser-top{
      height:42px;
      display:grid;
      grid-template-columns:76px 1fr 30px;
      align-items:center;
      gap:8px;
      padding:0 14px;
      background:#fbfdff;
      border-bottom:1px solid #dfe7f3;
    }
    .dots{display:flex;gap:8px}
    .dot{width:11px;height:11px;border-radius:50%}
    .dot:nth-child(1){background:#ff5f57}
    .dot:nth-child(2){background:#ffbd2e}
    .dot:nth-child(3){background:#28c840}
    .address{
      height:24px;
      display:grid;
      place-items:center;
      border:1px solid #d6dfec;
      border-radius:999px;
      background:#fff;
      color:#56667d;
      font-size:11px;
      font-weight:700;
    }
    .reload{color:#99a7b8;text-align:right;font-size:18px}

    .page{
      width:calc(100% - 28px);
      max-width:1192px;
      margin:14px auto;
      background:#fff;
      border:1px solid #cedcf0;
      border-radius:10px;
      overflow:hidden;
    }
    .container{
      width:calc(100% - 54px);
      max-width:1128px;
      margin:0 auto;
    }

    /* Header */
    .header{
      position:relative;
      height:72px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:26px;
    }
    .logo{
      font-size:36px;
      line-height:1;
      font-weight:900;
      color:var(--navy);
      letter-spacing:-.07em;
      white-space:nowrap;
    }
    .logo span{color:var(--blue)}
    .logo small{
      font-size:.55em;
      letter-spacing:-.04em;
      margin-left:3px;
      color:var(--navy);
    }
    .nav{
      display:flex;
      align-items:center;
      gap:34px;
      font-size:13px;
      font-weight:800;
      color:var(--navy);
    }
    .nav a:hover{color:var(--blue)}
    .btn{
      min-height:42px;
      padding:0 20px;
      border-radius:9px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      font-weight:900;
      font-size:14px;
      white-space:nowrap;
      border:0;
    }
    .btn-blue{
      background:var(--blue);
      color:#fff;
      font-weight:700;
      box-shadow:0 10px 18px rgba(18,103,255,.22);
    }
    .btn-blue:hover,
    .btn-blue:focus-visible{
      background:#075ceb;
      color:#fff;
    }
    .btn-outline{
      background:#fff;
      color:var(--navy);
      border:2px solid var(--navy);
    }
    .mobile-menu{display:none}

    /* Hero */
    .hero{
      position:relative;
      display:grid;
      grid-template-columns:52% 48%;
      gap:12px;
      align-items:center;
      min-height:350px;
      padding:2px 0 30px;
      overflow:hidden;
    }
    .hero-art{
      position:absolute;
      inset:0;
      z-index:1;
      overflow:hidden;
      pointer-events:none;
    }
    .hero-art img{
      position:absolute;
      left:0;
      top:50%;
      width:auto;
      max-width:none;
      height:100%;
      transform:translateY(-50%);
    }
    .hero-copy{
      position:relative;
      z-index:2;
      grid-column:2;
      padding:22px 24px 24px;
      background:#fff;
    }
    .hero-title{
      margin:0 0 13px;
      color:var(--navy);
      font-size:45px;
      line-height:1.04;
      letter-spacing:-.055em;
      font-weight:900;
      max-width:565px;
    }
    .hero-text{
      max-width:520px;
      margin:0 0 21px;
      color:#283b5e;
      font-size:15.5px;
      line-height:1.48;
      font-weight:600;
    }
    .hero-actions{display:flex;gap:18px;align-items:center;margin-bottom:22px}
    .trust{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:24px;
      max-width:520px;
    }
    .trust-item{
      display:flex;
      align-items:center;
      gap:12px;
      color:var(--navy);
      font-size:13px;
      line-height:1.15;
      font-weight:800;
    }
    .trust-icon{
      width:42px;
      height:42px;
      display:block;
      color:var(--blue);
      flex:0 0 auto;
    }
    .trust-icon svg{
      width:100%;
      height:100%;
      display:block;
      overflow:visible;
      fill:none;
      stroke:currentColor;
      stroke-width:3.4;
      stroke-linecap:round;
      stroke-linejoin:round;
      filter:drop-shadow(0 3px 5px rgba(18,103,255,.16));
    }
    .trust-icon img{
      width:100%;
      height:100%;
      display:block;
      object-fit:contain;
    }
    .trust-text{display:inline-block}
    /* Services */
    .services{padding:28px 0 38px}
    .service-grid{
      display:grid;
      grid-template-columns:repeat(6,1fr);
      gap:18px;
    }
    .card{
      min-height:214px;
      border:1px solid var(--line);
      border-radius:12px;
      background:#fff;
      padding:18px 13px 16px;
      text-align:center;
      box-shadow:0 7px 20px rgba(7,26,59,.035);
    }
    .card-icon{
      height:88px;
      display:flex;
      align-items:center;
      justify-content:center;
      margin-bottom:8px;
      color:var(--blue);
    }
    .card-icon svg{
      width:76px;
      height:76px;
      display:block;
      overflow:visible;
      fill:none;
      stroke:currentColor;
      stroke-width:3.3;
      stroke-linecap:round;
      stroke-linejoin:round;
      filter:drop-shadow(0 5px 8px rgba(18,103,255,.14));
    }
    .card-icon img{
      width:94px;
      height:88px;
      display:block;
      object-fit:contain;
      filter:drop-shadow(0 5px 8px rgba(18,103,255,.12));
    }
    .card-icon .service-fill{fill:var(--blue);stroke:var(--blue)}
    .card-icon .service-soft{fill:#eaf2ff;stroke:#d7e5fa}
    .card-icon .service-navy{stroke:var(--navy)}
    .card h3{
      margin:0 0 9px;
      color:var(--navy);
      font-size:19px;
      line-height:1.08;
      letter-spacing:-.035em;
      font-weight:900;
    }
    .card p{
      margin:0;
      color:#465d7d;
      font-size:12.5px;
      line-height:1.42;
      font-weight:600;
    }

    .section{padding:30px 0 42px}
    #work{
      background-color:#e8f2ff;
      box-shadow:0 0 0 100vmax #e8f2ff;
      clip-path:inset(0 -100vmax);
    }
    .section-title{
      margin:0 0 18px;
      text-align:center;
      color:var(--navy);
      font-size:34px;
      line-height:1;
      letter-spacing:-.055em;
      font-weight:900;
    }

    /* How it works */
    .work{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:24px;
      position:relative;
      padding:0 60px 8px;
    }
    .work:before{
      content:"";
      position:absolute;
      left:160px;
      right:160px;
      top:48px;
      border-top:3px dashed var(--blue);
      opacity:.64;
      display:none;
    }
    .step{
      position:relative;
      z-index:2;
      text-align:center;
    }
    .step:not(:last-child):after{
      content:"";
      position:absolute;
      top:34px;
      left:calc(50% + 62px);
      width:calc(100% - 82px);
      height:34px;
      background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 34' fill='none'%3E%3Cpath d='M7 23C56 13 119 8 171 17' stroke='%231267FF' stroke-width='4' stroke-linecap='round' stroke-dasharray='9 10'/%3E%3Cpath d='M159 6L173 18L158 29' stroke='%231267FF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
      opacity:.82;
      pointer-events:none;
    }
    .step:not(:last-child):before{
      display:none;
    }
    .step-icon{
      height:94px;
      display:flex;
      align-items:center;
      justify-content:center;
      margin:0 auto 12px;
      position:relative;
      z-index:2;
    }
    .step-icon img{
      width:118px;
      height:94px;
      display:block;
      object-fit:contain;
    }
    .step h3{
      margin:0 0 6px;
      color:var(--navy);
      font-size:15px;
      font-weight:900;
    }
    .step p{
      margin:0 auto;
      color:#405779;
      font-size:12px;
      line-height:1.35;
      font-weight:600;
      max-width:180px;
    }

    .feature-row{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:0;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
      padding:12px 0;
    }
    .feature{
      display:grid;
      grid-template-columns:70px 1fr;
      gap:15px;
      align-items:center;
      padding:4px 18px;
      border-right:1px solid var(--line);
    }
    .feature:last-child{border-right:0}
    .mini-ico{
      width:62px;
      height:58px;
      display:grid;
      place-items:center;
      color:var(--blue);
      font-size:45px;
      line-height:1;
      text-align:center;
      font-weight:900;
    }
    .mini-ico img{
      width:62px;
      height:58px;
      display:block;
      object-fit:contain;
      filter:drop-shadow(0 4px 7px rgba(18,103,255,.1));
    }
    .feature h3{
      margin:0 0 5px;
      color:var(--navy);
      font-size:15px;
      line-height:1.15;
      font-weight:900;
    }
    .feature p{
      margin:0;
      color:#465d7d;
      font-size:11.5px;
      line-height:1.35;
      font-weight:600;
    }

    /* Bottom CTA */
    .bottom-cta{
      margin:34px 0 18px;
      border:3px solid var(--navy);
      border-radius:12px;
      background:#fff;
      min-height:115px;
      display:grid;
      grid-template-columns:210px 1fr 250px;
      align-items:center;
      overflow:hidden;
      padding:0 24px;
      position:relative;
    }
    .footer-mascot{
      width:210px;
      height:105px;
      overflow:hidden;
      align-self:end;
    }
    .footer-mascot img{
      width:170px;
      height:118px;
      display:block;
      object-fit:contain;
      object-position:left bottom;
    }
    .cta-copy{text-align:center}
    .cta-copy h2{
      margin:0;
      color:var(--navy);
      font-size:25px;
      line-height:1.05;
      font-weight:900;
      letter-spacing:-.04em;
    }
    .cta-logo{
      display:inline-block;
      color:var(--navy);
      font-size:58px;
      line-height:.98;
      letter-spacing:-.07em;
      font-weight:900;
    }
    .cta-logo span{color:var(--blue)}
    .cta-logo small{
      font-size:.55em;
      letter-spacing:-.04em;
      margin-left:3px;
      color:var(--navy);
    }

    /* Footer */
    .footer{
      display:grid;
      grid-template-columns:1.05fr repeat(3,minmax(0,1fr));
      gap:24px;
      border-top:1px solid var(--line);
      padding:14px 0 22px;
    }
    .footer p,.footer a{
      margin:0;
      color:#4a5f7f;
      font-size:12px;
      line-height:1.35;
      font-weight:600;
    }
    .footer a.footer-logo{
      display:inline-flex;
      align-items:flex-end;
      margin-bottom:8px;
      color:var(--navy);
      font-size:24px;
      line-height:.9;
      font-weight:900;
      letter-spacing:0;
      text-decoration:none;
    }
    .footer-logo span,
    .footer-logo small{
      color:var(--blue);
    }
    .footer-logo small{
      font-size:.72em;
      line-height:1;
      font-weight:900;
    }
    .footer b{
      display:block;
      color:var(--navy);
      font-size:13px;
      margin-bottom:5px;
    }
    .footer-item{
      display:grid;
      grid-template-columns:46px 1fr;
      gap:12px;
      align-items:start;
    }
    .footer-icon{
      width:46px;
      height:46px;
      border:0;
      border-radius:0;
      display:grid;
      place-items:center;
      color:var(--blue);
      font-size:18px;
      font-weight:900;
    }
    .footer-icon img{
      width:46px;
      height:46px;
      display:block;
      object-fit:contain;
    }

    @media(max-width:1050px){
      .browser{border-radius:0;border-left:0;border-right:0}
      .page{width:100%;margin:0;border-radius:0;border-left:0;border-right:0}
      .container{width:calc(100% - 32px)}
      .nav{
        position:absolute;
        left:0;
        right:0;
        top:100%;
        z-index:40;
        display:none;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        padding:12px;
        border:1px solid var(--line);
        border-radius:14px;
        background:#fff;
        box-shadow:0 22px 48px rgba(7,26,59,.14);
      }
      .nav.is-open{display:flex}
      .nav a{
        min-height:44px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:10px;
      }
      .nav a:not(.btn):hover{
        background:#f3f8ff;
      }
      .nav .btn{
        margin-top:8px;
      }
      .mobile-menu{
        display:grid;
        place-items:center;
        width:42px;
        height:42px;
        border:2px solid var(--line);
        border-radius:10px;
        background:#fff;
        color:var(--navy);
        font-size:22px;
        font-weight:900;
      }
      .hero{
        grid-template-columns:1fr;
        gap:0;
        padding-bottom:26px;
      }
      .hero-art{
        position:relative;
        inset:auto;
        height:345px;
        width:100%;
        margin:0 auto;
      }
      .hero-art img{left:50%;transform:translate(-50%,-50%)}
      .hero-copy{
        grid-column:auto;
        text-align:center;
        padding-bottom:14px;
      }
      .hero-title,.hero-text{margin-left:auto;margin-right:auto}
      .hero-actions{justify-content:center}
      .trust{margin:0 auto}
      .services{padding:24px 0 32px}
      .section{padding:26px 0 34px}
      .service-grid{grid-template-columns:repeat(3,1fr)}
      .work{grid-template-columns:repeat(2,1fr);padding:0}
      .work:before{display:none}
      .step:before,.step:after{display:none}
      .feature-row{grid-template-columns:repeat(2,1fr)}
      .feature:nth-child(2){border-right:0}
      .feature:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .bottom-cta{
        grid-template-columns:1fr;
        text-align:center;
        gap:8px;
        padding:16px;
      }
      .footer-mascot{margin:0 auto}
      .footer{grid-template-columns:1fr 1fr}
    }
    @media(max-width:620px){
      .browser-top{display:none}
      .header{height:62px}
      .logo{font-size:30px}
      .hero-art{
        height:255px;
      }
      .hero-art img{
        height:100%;
        width:auto;
      }
      .hero-title{font-size:36px}
      .hero-text{font-size:14px}
      .services{padding:22px 0 28px}
      .section{padding:24px 0 30px}
      .hero-actions{flex-direction:column}
      .hero-actions .btn{width:100%}
      #price{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:clamp(5px,2vw,12px);
        width:100%;
      }
      #price .trust-item{
        justify-content:center;
        gap:clamp(5px,1.8vw,9px);
        min-width:0;
        font-size:clamp(9px,2.7vw,12px);
        line-height:1.08;
      }
      #price .trust-icon{
        width:clamp(26px,8vw,36px);
        height:clamp(26px,8vw,36px);
      }
      .service-grid{grid-template-columns:1fr}
      .work{grid-template-columns:1fr}
      .feature-row{grid-template-columns:1fr}
      .feature{border-right:0;border-bottom:1px solid var(--line)}
      .feature:last-child{border-bottom:0}
      .footer{grid-template-columns:1fr}
      .cta-logo{font-size:46px}
    }
    @media(max-width:430px){
      .container{width:calc(100% - 22px)}
      .hero-art{height:220px}
      .hero-title{font-size:32px}
      #price{
        gap:4px;
      }
      #price .trust-item{
        gap:4px;
        font-size:clamp(8px,2.55vw,10px);
      }
      #price .trust-icon{
        width:clamp(22px,7vw,30px);
        height:clamp(22px,7vw,30px);
      }
      .section-title{font-size:29px}
      .example{grid-template-columns:1fr;text-align:center}
    }
  

/* ===== added business blocks: price, trust, faq, not-take ===== */
.info-section{
  padding:34px 0 46px;
}
.info-section.alt{
  background-color:#f3f8ff;
  box-shadow:0 0 0 100vmax #f3f8ff;
  clip-path:inset(0 -100vmax);
}
.section-lead{
  max-width:720px;
  margin:-8px auto 26px;
  text-align:center;
  color:#465d7d;
  font-size:14.5px;
  line-height:1.65;
  font-weight:600;
}
.info-section > .section-lead{
  margin-left:0;
  margin-right:0;
  text-align:left;
}
.price-layout{
  display:grid;
  grid-template-columns:1.05fr 1.95fr;
  gap:22px;
  align-items:stretch;
}
.price-note{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:24px;
  box-shadow:0 10px 24px rgba(7,26,59,.035);
}
.price-note .label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  color:#fff;
  background:var(--blue);
  font-size:12px;
  font-weight:900;
  margin-bottom:18px;
}
.price-note h3{
  margin:0 0 10px;
  color:var(--navy);
  font-size:24px;
  line-height:1.12;
  letter-spacing:-.04em;
  font-weight:900;
}
.price-note p{
  margin:0 0 16px;
  color:#465d7d;
  font-size:13.2px;
  line-height:1.6;
  font-weight:600;
}
.price-note .btn{
  margin-top:6px;
}
.price-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.price-card{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:18px 16px;
  box-shadow:0 10px 24px rgba(7,26,59,.035);
  min-height:150px;
}
.price-card .price-icon{
  width:56px;
  height:56px;
  border-radius:0;
  background:transparent;
  display:grid;
  place-items:center;
  margin-bottom:12px;
}
.proof-card .proof-icon{
  width:72px;
  height:72px;
  border-radius:0;
  background:transparent;
  display:grid;
  place-items:center;
  margin-bottom:12px;
}
.proof-card .proof-icon img{
  width:72px;
  height:72px;
  object-fit:contain;
}
.no-card .no-icon{
  width:42px;
  height:42px;
  border-radius:13px;
  background:#eaf2ff;
  color:var(--blue);
  display:grid;
  place-items:center;
  font-size:22px;
  line-height:1;
  font-weight:900;
  margin-bottom:12px;
}
.price-card .price-icon img{
  width:56px;
  height:56px;
  object-fit:contain;
}
.price-card h3{
  margin:0 0 8px;
  color:var(--navy);
  font-size:16px;
  line-height:1.15;
  font-weight:900;
}
.price-value{
  display:block;
  color:var(--blue);
  font-size:19px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.035em;
  margin-bottom:8px;
}
.price-card p{
  margin:0;
  color:#506684;
  font-size:12px;
  line-height:1.45;
  font-weight:600;
}
.proof-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.proof-card{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:20px 18px;
  box-shadow:0 10px 24px rgba(7,26,59,.035);
}
#trust .proof-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.proof-card h3{
  margin:0 0 8px;
  color:var(--navy);
  font-size:16px;
  line-height:1.15;
  font-weight:900;
}
.proof-card p{
  margin:0;
  color:#506684;
  font-size:12.5px;
  line-height:1.5;
  font-weight:600;
}
.faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.faq-column{
  display:grid;
  gap:14px;
  align-content:start;
}
.faq-item{
  margin:0;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 20px rgba(7,26,59,.03);
  overflow:hidden;
}
.faq-item summary{
  cursor:pointer;
  list-style:none;
  position:relative;
  padding:18px 48px 18px 18px;
  color:var(--navy);
  font-size:15px;
  line-height:1.25;
  font-weight:900;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{
  content:"+";
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  width:26px;
  height:26px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eaf2ff;
  color:var(--blue);
  font-size:18px;
  font-weight:900;
}
.faq-item[open] summary:after{
  content:"–";
  background:var(--blue);
  color:#fff;
}
.faq-item p{
  margin:0;
  padding:0 18px 18px;
  color:#506684;
  font-size:12.8px;
  line-height:1.6;
  font-weight:600;
}
.no-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.no-card{
  display:grid;
  grid-template-columns:42px 1fr;
  align-items:start;
  column-gap:12px;
  border:1px solid #dce7f7;
  border-radius:18px;
  background:#fff;
  padding:18px;
  box-shadow:0 8px 20px rgba(7,26,59,.03);
}
.no-card .no-icon{
  background:#fff1f1;
  color:#e23a3a;
  grid-row:1 / span 2;
}
.no-card h3{
  margin:0 0 8px;
  color:var(--navy);
  font-size:15px;
  line-height:1.18;
  font-weight:900;
}
.no-card p{
  margin:0;
  color:#506684;
  font-size:12.3px;
  line-height:1.5;
  font-weight:600;
}
.articles-preview{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:end;
  margin-bottom:22px;
}
.articles-preview .section-title,
.articles-preview .section-lead{
  text-align:left;
}
.articles-preview .section-lead{
  margin-left:0;
  margin-right:0;
}
.articles-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.article-card{
  min-height:210px;
  display:flex;
  flex-direction:column;
  gap:12px;
  border:1px solid #dce7f7;
  border-radius:18px;
  background:#fff;
  padding:18px;
  box-shadow:0 8px 20px rgba(7,26,59,.03);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.article-card:hover{
  transform:translateY(-3px);
  border-color:#b9d0f2;
  box-shadow:0 18px 38px rgba(7,26,59,.08);
}
.article-card time,
.article-card .article-card__tags{
  color:#5c7394;
  font-size:11px;
  line-height:1.35;
  font-weight:800;
}
.article-card h3{
  margin:0;
  color:var(--navy);
  font-size:18px;
  line-height:1.2;
  font-weight:900;
}
.article-card p{
  margin:0;
  color:#506684;
  font-size:12.8px;
  line-height:1.55;
  font-weight:600;
}
.article-card__more{
  margin-top:auto;
  color:var(--blue);
  font-size:12px;
  font-weight:900;
}
.articles-empty{
  grid-column:1/-1;
  border:1px dashed #b9d0f2;
  border-radius:18px;
  padding:22px;
  color:#506684;
  font-size:14px;
  font-weight:700;
  background:#fbfdff;
}
.lead-modal{
  position:fixed;
  inset:0;
  z-index:100;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(7,26,59,.54);
}
.lead-modal.is-open{display:flex}
.lead-modal__panel{
  width:min(720px,100%);
  max-height:92vh;
  overflow:auto;
  background:#fff;
  border:1px solid #dbe6f5;
  border-radius:22px;
  box-shadow:0 28px 70px rgba(7,26,59,.22);
  padding:24px;
}
.lead-modal__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:18px;
}
.lead-modal__head h2{
  margin:0 0 6px;
  color:var(--navy);
  font-size:28px;
  line-height:1.05;
}
.lead-modal__head p{
  margin:0;
  color:#506684;
  font-size:14px;
  line-height:1.5;
}
.lead-modal__close{
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  background:#eaf2ff;
  color:var(--blue);
  font-size:24px;
  cursor:pointer;
}
.lead-form{
  display:grid;
  gap:12px;
}
.lead-form__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.lead-form label{
  display:grid;
  gap:6px;
  color:var(--navy);
  font-size:12px;
  font-weight:900;
}
.lead-form input,
.lead-form select,
.lead-form textarea{
  width:100%;
  border:1px solid #dbe6f5;
  border-radius:12px;
  background:#fbfdff;
  padding:12px 13px;
  color:var(--navy);
  font:600 14px/1.35 Montserrat,Arial,sans-serif;
  outline:none;
}
.lead-form textarea{
  min-height:130px;
  resize:vertical;
}
.lead-form input:focus,
.lead-form select:focus,
.lead-form textarea:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(18,103,255,.1);
}
.lead-form__hidden{display:none!important}
.lead-form__status{
  min-height:20px;
  color:#506684;
  font-size:13px;
  font-weight:700;
}
.lead-form__status.is-error{color:#d93025}
.lead-form__status.is-ok{color:#188038}
@media(max-width:1050px){
  .price-layout{grid-template-columns:1fr}
  .proof-grid,.no-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .info-section{padding:28px 0 34px}
  .price-grid,.proof-grid,.no-grid,.articles-grid{grid-template-columns:1fr}
  .price-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .articles-preview{grid-template-columns:1fr;align-items:start}
  .section-lead{text-align:left}
  .lead-modal__panel{padding:18px;border-radius:18px}
  .lead-form__grid{grid-template-columns:1fr}
  .lead-modal__head h2{font-size:24px}
}

.article-hero{
  padding:70px 0 38px;
  border-top:1px solid var(--line);
}
.article-hero h1,
.article-detail h1{
  max-width:900px;
  margin:0;
  color:var(--navy);
  font-size:clamp(38px, 7vw, 76px);
  line-height:.96;
  font-weight:900;
}
.article-hero p,
.article-lead{
  max-width:780px;
  margin:18px 0 0;
  color:var(--muted);
  font-size:19px;
  line-height:1.58;
}
.article-search{
  display:flex;
  align-items:center;
  gap:10px;
  max-width:720px;
  margin-top:26px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 14px 34px rgba(7, 26, 59, .06);
}
.article-search input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  padding:12px 14px;
  background:transparent;
  color:var(--navy);
  font:inherit;
  font-size:16px;
  font-weight:600;
}
.article-search input::placeholder{
  color:#7a8da8;
}
.article-section{
  padding:20px 0 86px;
}
.article-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}
.article-toolbar b{
  display:block;
  color:var(--navy);
  font-size:24px;
  font-weight:900;
}
.article-toolbar span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
.article-card--list{
  min-height:250px;
}
.article-card h2{
  margin:0;
  color:var(--navy);
  font-size:21px;
  line-height:1.2;
  font-weight:900;
}
.related-articles{
  padding:10px 0 46px;
}
.article-detail{
  padding:64px 0 38px;
  border-top:1px solid var(--line);
}
.article-back{
  display:inline-flex;
  margin-bottom:18px;
  color:var(--blue);
  font-size:13px;
  font-weight:900;
}
.article-detail time,
.article-tags{
  display:block;
  color:#657997;
  font-size:12px;
  line-height:1.4;
  font-weight:800;
}
.article-detail time{
  margin-bottom:14px;
}
.article-tags{
  margin-top:18px;
}
.article-body{
  margin-top:28px;
  padding:32px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 42px rgba(7, 26, 59, .06);
  color:#263e62;
  font-size:18px;
  line-height:1.76;
  font-weight:500;
}
.article-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:72px;
  padding:28px 30px;
  border-radius:20px;
  background:#e8f2ff;
}
.article-cta h2{
  margin:0 0 8px;
  color:var(--navy);
  font-size:28px;
  line-height:1.15;
  font-weight:900;
}
.article-cta p{
  margin:0;
  max-width:720px;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
}
.pager{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}
.pager a{
  min-width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:var(--navy);
  font-size:13px;
  font-weight:900;
}
.pager a.is-active,
.pager a:hover{
  border-color:var(--blue);
  background:var(--blue);
  color:#fff;
}

@media (max-width:900px){
  .article-toolbar,
  .article-cta{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (max-width:620px){
  .article-hero{
    padding:44px 0 26px;
  }
  .article-section{
    padding-bottom:58px;
  }
  .article-search{
    align-items:stretch;
    flex-direction:column;
  }
  .article-search .btn{
    width:100%;
  }
  .article-detail{
    padding:44px 0 28px;
  }
  .article-body{
    padding:20px;
    font-size:16px;
  }
  .article-cta{
    margin-bottom:46px;
    padding:22px;
  }
}