:root {
  --c2-navy:#173c6b;
  --c2-deep:#0d2e56;
  --c2-blue:#1597e5;
  --c2-blue2:#37b6f6;
  --c2-ink:#14243a;
  --c2-muted:#607086;
  --c2-line:#dce7f1;
  --c2-bg:#f4f8fb;
  --c2-white:#fff;
  --c2-good:#1f9d67;
  --c2-radius:22px;
  --c2-shadow:0 18px 60px rgba(15,48,82,.12);
}
.c2bb, .c2bb *{box-sizing:border-box}
.c2bb{font-family:inherit;color:var(--c2-ink);padding:54px 18px 80px;background:linear-gradient(180deg,#f7fbfe 0%,#fff 48%,#f5f9fc 100%)}
.c2bb-shell{max-width:980px;margin:0 auto}
.c2bb-hero{text-align:center;max-width:780px;margin:0 auto 28px}
.c2bb-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1;font-weight:800;letter-spacing:.18em;color:var(--c2-blue);margin-bottom:15px}
.c2bb-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.03;letter-spacing:-.045em;margin:0;color:var(--c2-deep);font-weight:800}
.c2bb-hero p{font-size:18px;line-height:1.55;color:var(--c2-muted);max-width:690px;margin:17px auto 18px}
.c2bb-trust-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:650;color:#40536b}
.c2bb-trust-row span{display:flex;align-items:center;gap:7px}
.c2bb-dot{width:7px;height:7px;border-radius:50%;background:var(--c2-good);display:inline-block;box-shadow:0 0 0 4px rgba(31,157,103,.1)}

.c2bb-progress{display:flex;align-items:center;justify-content:center;max-width:650px;margin:34px auto 24px;padding:0 10px}
.c2bb-progress-item{display:flex;align-items:center;gap:9px;min-width:118px;color:#91a1b2;font-size:13px;transition:.25s ease}
.c2bb-progress-item span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#eaf0f5;color:#71839a;font-weight:800;transition:.25s ease}
.c2bb-progress-item b{font-weight:750}
.c2bb-progress-item.is-active,.c2bb-progress-item.is-done{color:var(--c2-deep)}
.c2bb-progress-item.is-active span{background:var(--c2-blue);color:#fff;box-shadow:0 6px 18px rgba(21,151,229,.25)}
.c2bb-progress-item.is-done span{background:#dff5eb;color:var(--c2-good)}
.c2bb-progress-line{height:1px;background:#d7e2ec;flex:1;margin:0 13px}

.c2bb-card{background:#fff;border:1px solid #e4edf4;border-radius:28px;box-shadow:var(--c2-shadow);overflow:hidden}
.c2bb-step{padding:42px 48px 48px;animation:c2bbFade .25s ease}
@keyframes c2bbFade{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
.c2bb-step-head{display:flex;gap:17px;align-items:flex-start;margin-bottom:28px}
.c2bb-step-number{flex:0 0 auto;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#e9f7ff,#f4fbff);color:var(--c2-blue);font-size:13px;font-weight:850;letter-spacing:.08em;border:1px solid #d5effd}
.c2bb-step-head h2{font-size:28px;letter-spacing:-.025em;margin:0 0 5px;color:var(--c2-deep);font-weight:800}
.c2bb-step-head p{margin:0;color:var(--c2-muted);font-size:14px}

.c2bb-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.c2bb-choice,.c2bb-building-card{appearance:none;border:1px solid #dbe6ef;background:#fff;border-radius:18px;padding:22px;text-align:left;display:flex;align-items:center;gap:16px;cursor:pointer;color:var(--c2-ink);transition:.22s ease;font:inherit}
.c2bb-choice:hover,.c2bb-choice.is-selected,.c2bb-building-card:hover{transform:translateY(-2px);border-color:#9ed8f7;box-shadow:0 12px 30px rgba(31,105,156,.11);background:linear-gradient(180deg,#fff,#f9fdff)}
.c2bb-choice.is-selected{border-color:var(--c2-blue);box-shadow:0 0 0 3px rgba(21,151,229,.08)}
.c2bb-choice-icon{width:48px;height:48px;border-radius:14px;background:#eef8fe;display:grid;place-items:center;flex:0 0 auto}
.c2bb-choice-icon svg{width:25px;height:25px;fill:var(--c2-blue)}
.c2bb-choice b,.c2bb-building-card b{display:block;color:var(--c2-deep);font-size:18px;margin-bottom:5px}
.c2bb-choice small,.c2bb-building-card small{display:block;color:var(--c2-muted);font-size:13px;line-height:1.45}
.c2bb-arrow{margin-left:auto;color:var(--c2-blue);font-weight:900;font-size:20px}

.c2bb-building-stage{margin-top:30px;padding-top:26px;border-top:1px solid var(--c2-line)}
.c2bb-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.c2bb-subhead h3{margin:0;font-size:17px;color:var(--c2-deep)}
.c2bb-text-btn{appearance:none;border:0;background:transparent;color:var(--c2-blue);font:inherit;font-weight:750;cursor:pointer;padding:5px 0}
.c2bb-text-btn:hover{text-decoration:underline}
.c2bb-building-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.c2bb-building-card{padding:18px}
.c2bb-building-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf8ff;color:var(--c2-blue);font-weight:900}
.c2bb-manual-building{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.c2bb-manual-building .c2bb-primary{height:54px;margin:0;padding:0 25px}

.c2bb-selected-location{display:flex;justify-content:space-between;align-items:center;border:1px solid #dce9f2;background:#f8fbfd;border-radius:16px;padding:15px 18px;margin-bottom:16px}
.c2bb-selected-location small,.c2bb-order-summary small,.c2bb-success-summary small{display:block;font-size:10px;letter-spacing:.12em;font-weight:850;color:#8a9aac;margin-bottom:3px}
.c2bb-selected-location strong{font-size:15px;color:var(--c2-deep)}

.c2bb-package-card{border:1px solid #cfe4f3;border-radius:22px;background:linear-gradient(145deg,#fff 0%,#f5fbff 100%);padding:28px;box-shadow:0 14px 34px rgba(31,105,156,.08)}
.c2bb-package-top{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;padding-bottom:23px;border-bottom:1px solid #dbeaf4}
.c2bb-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;background:#e8f7ff;color:#097fc4;font-size:10px;font-weight:900;letter-spacing:.1em}
.c2bb-package-top h3{margin:12px 0 5px;font-size:25px;color:var(--c2-deep);letter-spacing:-.02em}
.c2bb-package-top p{margin:0;color:var(--c2-muted);font-size:14px}
.c2bb-price{text-align:right;min-width:155px}
.c2bb-price>div{display:flex;align-items:flex-start;justify-content:flex-end;color:var(--c2-blue);line-height:.85}
.c2bb-price span{font-size:25px;font-weight:700;margin-top:7px}
.c2bb-price strong{font-size:60px;font-weight:760;letter-spacing:-.045em}
.c2bb-price small{display:block;margin-top:7px;text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:#7f91a5;line-height:1.45;font-weight:700}
.c2bb-price small b{color:var(--c2-deep)}
.c2bb-package-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 20px;padding:22px 0 4px;color:#334b65;font-size:13px;font-weight:650}
.c2bb-package-benefits span{display:flex;gap:8px;align-items:flex-start}

.c2bb-primary{width:100%;margin-top:23px;border:0;border-radius:14px;background:linear-gradient(135deg,#168fd9,#11a8ee);color:#fff;min-height:54px;padding:14px 22px;font:inherit;font-size:15px;font-weight:850;cursor:pointer;box-shadow:0 11px 25px rgba(21,151,229,.22);transition:.2s ease;display:flex;align-items:center;justify-content:center;gap:10px}
.c2bb-primary:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(21,151,229,.28)}
.c2bb-primary:disabled{opacity:.65;cursor:wait;transform:none}
.c2bb-primary span{font-size:20px;line-height:1}

.c2bb-order-summary{display:grid;grid-template-columns:1.45fr 1fr 1fr auto;gap:18px;align-items:center;padding:16px 18px;background:#f7fbfd;border:1px solid #deebf3;border-radius:16px;margin-bottom:24px}
.c2bb-order-summary b{font-size:14px;color:var(--c2-deep)}
.c2bb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.c2bb-field{display:block}
.c2bb-field-full{grid-column:1/-1}
.c2bb-field>span{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:750;color:#344c65;margin:0 0 7px 2px}
.c2bb-field em{color:#e34d59;font-style:normal}
.c2bb-field span small{font-weight:600;color:#8a9aac}
.c2bb-field input,.c2bb-field textarea{width:100%;border:1px solid #cfdee9;background:#fff;border-radius:12px;padding:14px 15px;font:inherit;color:var(--c2-ink);outline:none;transition:.18s ease}
.c2bb-field input{height:52px}
.c2bb-field input:focus,.c2bb-field textarea:focus{border-color:var(--c2-blue);box-shadow:0 0 0 4px rgba(21,151,229,.09)}
.c2bb-field input.is-invalid,.c2bb-consent input.is-invalid{border-color:#dd5963;box-shadow:0 0 0 4px rgba(221,89,99,.08)}
.c2bb-field textarea{resize:vertical;min-height:88px}
.c2bb-consent{display:flex;gap:12px;align-items:flex-start;padding:16px 17px;border-radius:14px;background:#f9fbfd;border:1px solid #e1e9ef;margin-top:19px;cursor:pointer}
.c2bb-consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--c2-blue);flex:0 0 auto}
.c2bb-consent span{font-size:12px;line-height:1.55;color:#52667c}
.c2bb-error{margin-top:15px;border-radius:12px;padding:12px 14px;background:#fff0f1;border:1px solid #f5c9cd;color:#a52c38;font-size:13px;font-weight:650}
.c2bb-secure-note{text-align:center;color:#8a99a8;font-size:11px;margin:10px 0 0}
.c2bb-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

.c2bb-success{text-align:center;padding:54px 48px 48px;animation:c2bbFade .3s ease}
.c2bb-success-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#e5f8ef;color:var(--c2-good);font-size:32px;font-weight:900;margin:0 auto 17px;box-shadow:0 10px 25px rgba(31,157,103,.12)}
.c2bb-success h2{font-size:42px;letter-spacing:-.04em;color:var(--c2-deep);margin:13px 0 8px}
.c2bb-success-lead{max-width:600px;margin:0 auto 27px;color:var(--c2-muted);font-size:16px;line-height:1.6}
.c2bb-success-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dfe9f1;border:1px solid #dfe9f1;border-radius:17px;overflow:hidden;text-align:left;margin:0 auto 30px;max-width:760px}
.c2bb-success-summary>div{background:#fff;padding:16px 17px}
.c2bb-success-summary b{font-size:14px;color:var(--c2-deep)}
.c2bb-next{text-align:left;max-width:780px;margin:0 auto 25px}
.c2bb-next h3{text-align:center;color:var(--c2-deep);font-size:19px;margin:0 0 15px}
.c2bb-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.c2bb-next-grid>div{border:1px solid #e0e9f0;border-radius:16px;padding:18px;background:#fbfdff}
.c2bb-next-grid span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eaf7ff;color:var(--c2-blue);font-size:12px;font-weight:900;margin-bottom:12px}
.c2bb-next-grid b{display:block;font-size:13px;color:var(--c2-deep);margin-bottom:5px}
.c2bb-next-grid p{font-size:12px;line-height:1.5;color:var(--c2-muted);margin:0}
.c2bb-help{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;align-items:center;border-top:1px solid #e6edf2;padding-top:21px;font-size:13px}
.c2bb-help b{color:var(--c2-deep)}
.c2bb-help a{color:var(--c2-blue);font-weight:700;text-decoration:none}
.c2bb-help a:hover{text-decoration:underline}

@media (max-width:760px){
  .c2bb{padding:28px 12px 50px}
  .c2bb-hero h1{font-size:38px}
  .c2bb-hero p{font-size:16px}
  .c2bb-progress-item b{display:none}
  .c2bb-progress-item{min-width:31px}
  .c2bb-step,.c2bb-success{padding:28px 20px 32px}
  .c2bb-choice-grid,.c2bb-building-grid,.c2bb-fields,.c2bb-package-benefits,.c2bb-next-grid{grid-template-columns:1fr}
  .c2bb-manual-building{grid-template-columns:1fr}
  .c2bb-package-top{display:block}
  .c2bb-price{text-align:left;margin-top:22px}
  .c2bb-price>div{justify-content:flex-start}
  .c2bb-order-summary{grid-template-columns:1fr 1fr;gap:13px}
  .c2bb-order-summary .c2bb-text-btn{grid-column:1/-1;text-align:left}
  .c2bb-success-summary{grid-template-columns:1fr 1fr}
}
@media (max-width:460px){
  .c2bb-card{border-radius:21px}
  .c2bb-step-head{gap:12px}
  .c2bb-step-number{width:41px;height:41px;border-radius:12px}
  .c2bb-step-head h2{font-size:23px}
  .c2bb-choice{padding:17px}
  .c2bb-choice-icon{width:42px;height:42px}
  .c2bb-success h2{font-size:34px}
  .c2bb-success-summary{grid-template-columns:1fr}
}