.container{max-width:var(--container); margin:0 auto; padding:0 20px;}
    
    .actions{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
    .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:10px 14px;
      border-radius:14px;
      border:1px solid var(--line);
      background:#fff;
      text-decoration:none;
      font-weight:900;
      color:var(--text);
      box-shadow: 0 8px 20px rgba(2,8,23,.06);
      transition: transform .08s ease, box-shadow .12s ease, border-color .12s ease;
      white-space:nowrap;
    }
    .btn:hover{transform: translateY(-1px); border-color:#cbd5e1; box-shadow: 0 12px 26px rgba(2,8,23,.09)}
    .btn--primary{
      background: #ee8133;
      color:#fff;
      border-color: transparent;
      box-shadow: 0 14px 28px rgba(249,115,22,.22);
    }
    .btn--primary:hover{box-shadow: 0 18px 34px rgba(249,115,22,.28)}
    .btn svg{width:18px; height:18px; fill: currentColor}

    header.hero{padding:44px 0 18px;}
    .hero__grid{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap:18px;
      align-items:stretch;
    }
    @media (max-width: 980px){ .hero__grid{grid-template-columns: 1fr;} }

    .card{
      background:rgba(255,255,255,.90);
      border:1px solid rgba(226,232,240,.92);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding:22px;
    }

    .pill{
      display:inline-flex; align-items:center; gap:10px;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid rgba(226,232,240,.95);
      background: rgba(255,255,255,.92);
      color: var(--muted);
      font-weight:900;
      font-size:13px;
    }
    .pill svg{width:16px; height:16px; fill: var(--blue)}
    h1{
      margin:14px 0 10px;
      font-size: 36px;
      line-height:1.06;
      letter-spacing:-.7px;
    }
    .lead{
      margin:0;
      color: var(--muted);
      font-size:16px;
      max-width: 78ch;
    }

    .hero__cta{
      display:flex; gap:10px; flex-wrap:wrap;
      margin-top:14px;
    }

    .proof{
      display:grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap:12px;
      margin-top:16px;
    }
    @media (max-width: 720px){ .proof{grid-template-columns: 1fr;} }

    .proof__item{
      border:1px solid rgba(226,232,240,.92);
      border-radius: 16px;
      padding:12px;
      background: rgba(248,250,252,.72);
      display:flex; gap:12px; align-items:flex-start;
    }
    .ic{
      width:40px; height:40px; border-radius:16px;
      display:grid; place-items:center;
      background: rgba(11,94,215,.10);
      border:1px solid rgba(11,94,215,.18);
      flex:0 0 auto;
    }
    .ic svg{width:18px; height:18px; fill: var(--blue)}
    .proof__t{margin:0; font-weight:1000; font-size:14px;}
    .proof__d{margin:3px 0 0; color:var(--muted); font-size:13px;}

    .aside{
      display:flex; flex-direction:column; gap:14px;
    }
    .badge{
      font-size:12px;
      font-weight:1000;
      padding:6px 10px;
      border-radius:999px;
      color: var(--blue2);
      background: rgba(11,94,215,.10);
      border:1px solid rgba(11,94,215,.18);
      white-space:nowrap;
    }
    .badge--orange{
      color: var(--orange2);
      background: rgba(249,115,22,.12);
      border:1px solid rgba(249,115,22,.22);
    }
    .aside__top{
      display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
      margin-bottom:10px;
    }
    .aside__top h2{margin:0; font-size:16px; letter-spacing:-.2px;}

    .list{
      margin:0; padding:0;
      list-style:none;
      display:grid; gap:8px;
    }
    .list li{
      display:flex; gap:10px; align-items:flex-start;
      padding:10px 12px;
      border-radius: 14px;
      border:1px solid rgba(226,232,240,.92);
      background: rgba(248,250,252,.72);
      color: var(--muted);
      font-size:14px;
    }
    .check{
      width:18px; height:18px; border-radius:6px;
      background: rgba(249,115,22,.14);
      border:1px solid rgba(249,115,22,.24);
      display:grid; place-items:center;
      flex:0 0 auto;
      margin-top:1px;
    }
    .check svg{width:12px; height:12px; fill: var(--orange2)}

    .callout{
      padding:16px;
      border-radius: var(--radius);
      border:1px solid rgba(249,115,22,.24);
      background: rgba(249,115,22,.08);
    }
    .callout h3{margin:0; font-size:16px;}
    .callout p{margin:8px 0 0; color: var(--muted); font-size:14px;}
    .mini{font-size:12px; color: var(--muted); margin-top:10px;}

    main{padding: 10px 0 44px;}
    .section{padding: 18px 0;}
    .head{
      display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap;
      margin-bottom:14px;
    }
    .head h2{margin:0; font-size:22px; letter-spacing:-.3px;}
    .head p{margin:0; color:var(--muted); max-width: 86ch; font-size:14px;}

    .grid3{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap:14px;
    }
    @media (max-width: 980px){ .grid3{grid-template-columns: 1fr;} }

    .step{
      display:flex; gap:12px; align-items:flex-start;
      padding:14px;
      border-radius: var(--radius);
      border:1px solid rgba(226,232,240,.92);
      background: rgba(255,255,255,.92);
      box-shadow: var(--shadow);
    }
    .num{
      width:38px; height:38px; border-radius:14px;
      display:grid; place-items:center;
      background: rgba(11,94,215,.10);
      border:1px solid rgba(11,94,215,.18);
      font-weight:1000;
      color: var(--blue2);
      flex:0 0 auto;
    }
    .step h3{margin:2px 0 0; font-size:16px; letter-spacing:-.2px;}
    .step p{margin:6px 0 0; color:var(--muted); font-size:14px;}

    .pricing{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap:14px;
    }
    @media (max-width: 980px){ .pricing{grid-template-columns: 1fr;} }

    .price{
      background: rgba(255,255,255,.94);
      border:1px solid rgba(226,232,240,.92);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding:18px;
      position:relative;
      overflow:hidden;
    }
    .price__top{
      display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
      margin-bottom:8px;
    }
    .price__title{margin:0; font-size:15px; font-weight:1000;}
    .price__sum{
      font-size:28px;
      font-weight:1100;
      letter-spacing:-.7px;
      margin:10px 0 4px;
    }
    .price__sum span{font-size:13px; color:var(--muted); font-weight:900}
    .price__desc{margin:0; color:var(--muted); font-size:13px;}
    .price .list{margin-top:12px}

    .two{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:14px;
      align-items:stretch;
    }
    @media (max-width: 980px){ .two{grid-template-columns: 1fr;} }

    .form{
      display:grid;
      grid-template-columns: 1.2fr .8fr;
      gap:14px;
    }
    @media (max-width: 980px){ .form{grid-template-columns: 1fr;} }

    label{display:block; font-weight:1000; font-size:13px; margin:0 0 6px;}
    input, textarea{
      width:100%;
      padding:12px 12px;
      border-radius: 14px;
      border:1px solid #dbe3ef;
      background:#fff;
      outline:none;
      font-size:14px;
    }
    textarea{min-height: 110px; resize: vertical;}
    .row{display:grid; grid-template-columns: 1fr 1fr; gap:12px;}
    @media (max-width: 560px){ .row{grid-template-columns: 1fr;} }
    .form__actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px;}
    .hint{font-size:12px; color: var(--muted); margin-top:8px;}

    details{
      border:1px solid rgba(226,232,240,.92);
      background: rgba(255,255,255,.94);
      border-radius: var(--radius-sm);
      padding:12px 14px;
      box-shadow: 0 10px 22px rgba(2,8,23,.06);
    }
    details + details{margin-top:10px;}
    summary{
      cursor:pointer;
      font-weight:1100;
      list-style:none;
      display:flex; align-items:center; justify-content:space-between; gap:12px;
    }
    summary::-webkit-details-marker{display:none;}
    .chev{
      width:28px; height:28px; border-radius:12px;
      border:1px solid rgba(226,232,240,.92);
      background: rgba(248,250,252,.90);
      display:grid; place-items:center;
      flex:0 0 auto;
    }
    .chev svg{width:14px; height:14px; fill: var(--muted)}
    details[open] .chev svg{transform: rotate(180deg);}
    details p{margin:10px 0 0; color: var(--muted); font-size:14px;}

    footer{
      border-top:1px solid rgba(226,232,240,.92);
      padding:22px 0 28px;
      color: var(--muted);
      font-size:13px;
    }
    .footer__grid{
      display:grid; gap:10px;
      grid-template-columns: 1fr auto;
      align-items:center;
    }
    @media (max-width: 720px){ .footer__grid{grid-template-columns: 1fr;} }

    .anchor{scroll-margin-top: 86px;}