.elementor-241465 .elementor-element.elementor-element-c61224e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-f41adf9 */:root{
      --blue:#173f78;
      --blue-2:#0f5da7;
      --blue-3:#0b74c8;
      --sky:#eaf7ff;
      --sky-2:#cfeeff;
      --text:#12345b;
      --muted:#637a91;
      --red:#f21111;
      --yellow:#ffe700;
      --green:#0a9f2e;
      --white:#fff;
      --shadow:0 18px 45px rgba(16,67,113,.14);
      --radius:18px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Arial,Helvetica,sans-serif;
      color:var(--text);
      background:#f7fbff;
      line-height:1.5;
    }
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    .container{width:min(1180px,calc(100% - 32px));margin:0 auto}

    .topline{
      background:#f4f4f4;
      font-size:14px;
      color:#234273;
    }
    .topline .container{
      min-height:38px;
      display:flex;
      justify-content:flex-end;
      align-items:center;
      gap:22px;
    }

    .header{
      background:#fff;
      box-shadow:0 1px 0 rgba(0,0,0,.06);
    }
    .header-main{
      min-height:112px;
      display:grid;
      grid-template-columns:160px 1fr 1fr 210px;
      align-items:center;
      gap:28px;
    }
    .logo{
      width:82px;height:82px;border-radius:50%;
      background:var(--yellow);
      display:flex;align-items:center;justify-content:center;
      color:#e71912;
      font-size:16px;font-weight:900;
      line-height:.9;text-align:center;
      text-transform:uppercase;
      box-shadow:0 6px 20px rgba(255,213,0,.28);
    }
    .header-info{
      display:flex;align-items:center;gap:12px;
      font-size:17px;color:#173b72;
    }
    .header-info .icon{
      width:34px;height:34px;border-radius:50%;
      background:#eaf4ff;display:grid;place-items:center;
      font-size:17px;
    }
    .chatbots small{display:block;color:#6a7c9a;margin-bottom:6px}
    .chat-links{display:flex;gap:18px;font-size:17px}
    .header-cart{
      justify-self:end;
      display:flex;align-items:center;gap:12px;
      font-weight:700;color:#0a8e20;
    }
    .support-local{
      font-size:13px;
      color:#06a87d;
      font-weight:800;
      text-transform:uppercase;
      line-height:1.1;
    }

    .nav{
      background:var(--blue);
      color:#fff;
    }
    .nav .container{
      min-height:74px;
      display:flex;align-items:center;justify-content:center;gap:44px;
      font-size:18px;font-weight:700;
    }
    .nav a{opacity:.96}
    .nav a:hover{opacity:1;text-decoration:underline}

    .hero{
      background:
      radial-gradient(circle at 75% 35%,rgba(255,255,255,.95),transparent 28%),
      linear-gradient(120deg,#f8fdff 0%,#dcf3ff 48%,#a9e3ff 100%);
      overflow:hidden;
      position:relative;
    }
    .hero:after{
      content:"";
      position:absolute;inset:auto -120px -180px auto;
      width:520px;height:520px;border-radius:50%;
      border:75px solid rgba(255,255,255,.32);
    }
    .hero-grid{
      min-height:580px;
      display:grid;
      grid-template-columns:1.05fr .95fr;
      align-items:center;
      gap:30px;
      position:relative;
      z-index:1;
    }
    .eyebrow{
      color:var(--blue-2);
      font-size:18px;
      text-transform:uppercase;
      font-weight:800;
      letter-spacing:.08em;
      margin-bottom:10px;
    }
    h1{
      margin:0 0 18px;
      font-size:clamp(42px,5vw,72px);
      line-height:1.02;
      text-transform:uppercase;
      color:#064b8e;
      letter-spacing:-.025em;
    }
    .hero-offer{
      color:var(--red);
      font-size:clamp(24px,3vw,38px);
      line-height:1.1;
      font-weight:900;
      margin-bottom:24px;
    }
    .hero-copy{
      font-size:20px;
      max-width:630px;
      margin-bottom:28px;
      color:#224d78;
    }
    .chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
    .chip{
      background:rgba(255,255,255,.9);
      border:1px solid rgba(19,103,173,.14);
      padding:10px 15px;border-radius:999px;
      font-weight:700;color:#164d82;
      box-shadow:0 5px 14px rgba(44,119,173,.09);
    }
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;
      min-height:54px;padding:0 27px;
      border-radius:8px;
      font-size:18px;font-weight:800;
      border:2px solid transparent;
      transition:.2s ease;
      cursor:pointer;
    }
    .btn-primary{background:var(--red);color:#fff;box-shadow:0 12px 25px rgba(242,17,17,.22)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(242,17,17,.28)}
    .btn-secondary{background:#fff;color:var(--blue-2);border-color:#b8def4}
    .btn-secondary:hover{border-color:#0b74c8}

    .ice-visual{
      position:relative;
      min-height:470px;
      display:flex;align-items:center;justify-content:center;
    }
    .bag{
      position:relative;
      width:315px;height:385px;
      border-radius:36px 36px 46px 46px;
      background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(169,225,255,.78));
      border:3px solid rgba(24,125,191,.32);
      box-shadow:0 30px 60px rgba(18,94,150,.25),inset 0 0 40px rgba(255,255,255,.9);
      transform:rotate(-4deg);
      overflow:hidden;
    }
    .bag:before{
      content:"";
      position:absolute;left:18px;right:18px;top:20px;height:28px;
      border-radius:18px;
      background:linear-gradient(90deg,#0c6eb5,#48b7e9,#0c6eb5);
      opacity:.82;
    }
    .bag-label{
      position:absolute;left:24px;right:24px;top:132px;
      background:var(--blue);
      color:#fff;padding:22px 12px;
      text-align:center;
      box-shadow:0 6px 16px rgba(0,42,88,.22);
    }
    .bag-label strong{display:block;font-size:34px;line-height:1}
    .bag-label span{font-size:17px}
    .cube{
      position:absolute;
      width:72px;height:72px;border-radius:15px;
      background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(86,192,241,.55));
      border:2px solid rgba(255,255,255,.8);
      box-shadow:inset 8px 8px 16px rgba(255,255,255,.75),0 8px 18px rgba(6,101,167,.2);
      transform:rotate(14deg);
    }
    .c1{left:54px;top:62px}.c2{right:52px;top:78px;transform:rotate(-10deg)}
    .c3{left:76px;bottom:60px;transform:rotate(-17deg)}.c4{right:55px;bottom:45px}
    .price-bubble{
      position:absolute;right:-4px;bottom:35px;
      width:165px;height:165px;border-radius:50%;
      background:var(--yellow);
      color:#114c88;
      display:grid;place-items:center;text-align:center;
      font-weight:900;
      box-shadow:0 15px 34px rgba(255,211,0,.34);
      transform:rotate(6deg);
      border:7px solid rgba(255,255,255,.85);
    }
    .price-bubble b{font-size:32px;line-height:1}
    .price-bubble span{display:block;color:#e31616;font-size:18px}

    section{padding:76px 0}
    .section-title{text-align:center;margin:0 auto 40px;max-width:780px}
    .section-title h2{
      margin:0 0 12px;
      color:#0c4f91;
      font-size:clamp(32px,4vw,48px);
      line-height:1.12;
    }
    .section-title p{margin:0;color:var(--muted);font-size:18px}

    .benefits{background:#fff}
    .benefit-grid{
      display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
    }
    .card{
      background:#fff;border:1px solid #d8edf9;border-radius:var(--radius);
      padding:28px 24px;box-shadow:0 9px 28px rgba(19,89,139,.08);
    }
    .card-icon{
      width:58px;height:58px;border-radius:50%;
      background:#e7f6ff;display:grid;place-items:center;
      font-size:27px;margin-bottom:18px;
    }
    .card h3{margin:0 0 9px;font-size:21px;color:#124b84}
    .card p{margin:0;color:var(--muted)}

    .pricing{
      background:linear-gradient(180deg,#effaff,#dff4ff);
    }
    .price-card{
      max-width:900px;margin:0 auto;background:#fff;
      border-radius:24px;box-shadow:var(--shadow);
      display:grid;grid-template-columns:1fr 1fr;
      overflow:hidden;
    }
    .price-main{padding:48px}
    .big-price{font-size:70px;line-height:1;color:#0c5394;font-weight:900;margin:10px 0}
    .big-price small{font-size:24px}
    .price-main .perkg{font-size:20px;color:#e21b19;font-weight:800}
    .price-main ul{padding-left:20px;color:#526f8a}
    .price-side{
      background:var(--blue);
      color:#fff;padding:48px;
      display:flex;flex-direction:column;justify-content:center;
    }
    .price-side h3{font-size:30px;color:#d8e9f9}
    .price-side p{font-size:18px;color:#d8e9f9}
    .price-side .btn{margin-top:12px;background:var(--yellow);color:#0c4f91}

    .conditions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
    .condition{
      padding:34px;border-radius:20px;background:#fff;border:2px solid #d7edf9;
      position:relative;overflow:hidden;
    }
    .condition.highlight{border-color:#15a03b;box-shadow:0 16px 35px rgba(10,159,46,.12)}
    .condition h3{font-size:28px;color:#0c4f91;margin:0 0 14px}
    .condition .tag{
      display:inline-block;background:#e6f8ec;color:#09882a;
      font-weight:900;border-radius:999px;padding:8px 13px;margin-top:15px;
    }

    .usecases{background:#fff}
    .usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .usecase{
      background:#f6fbff;border-radius:16px;padding:22px;
      border-left:5px solid #1f86c8;font-weight:700;color:#214f7d;
    }

    .b2b{
      background:linear-gradient(135deg,#133e75,#0c67aa);
      color:#fff;
    }
    .b2b-wrap{
      display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;
    }
    .b2b h2{font-size:46px;line-height:1.08;margin:0 0 18px}
    .b2b p{color:#d9ebf8;font-size:19px}
    .b2b ul{padding-left:20px;font-size:18px}
    .b2b-box{
      background:#fff;color:var(--text);padding:34px;border-radius:22px;
      box-shadow:0 22px 45px rgba(0,0,0,.18);
    }

    .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
    .step{padding:28px;text-align:center}
    .step-num{
      width:58px;height:58px;border-radius:50%;margin:0 auto 15px;
      background:var(--blue-2);color:#fff;font-size:24px;font-weight:900;
      display:grid;place-items:center;
    }
    .step h3{margin:0 0 8px;color:#104c84}

    .notice{
      background:#fff7dd;border:1px solid #f2d987;
      padding:24px 26px;border-radius:16px;color:#654d00;
      max-width:920px;margin:36px auto 0;font-size:17px;
    }

    .order{
      background:linear-gradient(180deg,#e8f7ff,#cdeeff);
    }
    .order-box{
      background:#fff;border-radius:24px;box-shadow:var(--shadow);
      display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;
    }
    .order-copy{padding:48px;background:#0d4e8d;color:#fff}
    .order-copy h2{font-size:42px;line-height:1.1;margin:0 0 18px}
    .order-copy p{color:#d6e8f8;font-size:18px}
    .form{padding:42px}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .field{display:flex;flex-direction:column;gap:7px}
    .field.full{grid-column:1/-1}
    label{font-weight:700;color:#214e7b}
    input,select,textarea{
      width:100%;padding:15px 14px;border:1px solid #bfd8e8;
      border-radius:9px;font:inherit;color:#173b62;background:#fff;
    }
    input:focus,select:focus,textarea:focus{outline:2px solid #79bfe8;border-color:transparent}
    textarea{min-height:100px;resize:vertical}
    .form .btn{width:100%;margin-top:4px}

    footer{background:#123c72;color:#d8e7f4;padding:28px 0}
    footer .container{display:flex;justify-content:space-between;gap:20px;align-items:center}
    footer strong{color:#fff}

    @media(max-width:980px){
      .header-main{grid-template-columns:100px 1fr 1fr}
      .header-cart{display:none}
      .nav .container{gap:24px;font-size:16px}
      .hero-grid,.b2b-wrap,.order-box{grid-template-columns:1fr}
      .ice-visual{min-height:420px}
      .benefit-grid{grid-template-columns:repeat(2,1fr)}
      .usecase-grid{grid-template-columns:repeat(2,1fr)}
      .price-card{grid-template-columns:1fr}
    }
    @media(max-width:700px){
      .topline{display:none}
      .header-main{min-height:auto;padding:16px 0;grid-template-columns:80px 1fr}
      .chatbots{display:none}
      .header-info{font-size:15px}
      .logo{width:68px;height:68px;font-size:13px}
      .nav{display:none}
      .hero-grid{min-height:auto;padding:54px 0}
      h1{font-size:42px}
      .hero-copy{font-size:18px}
      .ice-visual{min-height:390px}
      .bag{width:250px;height:330px}
      .price-bubble{width:135px;height:135px;right:0}
      section{padding:56px 0}
      .benefit-grid,.conditions-grid,.usecase-grid,.steps-grid,.form-grid{grid-template-columns:1fr}
      .price-main,.price-side,.order-copy,.form{padding:30px 24px}
      .big-price{font-size:55px}
      .b2b h2,.order-copy h2{font-size:36px}
      .field.full{grid-column:auto}
      footer .container{flex-direction:column;text-align:center}
    }/* End custom CSS */