.pricing-hero { overflow: hidden; padding: 112px 0 88px; color: #fff; background: radial-gradient(circle at 78% 20%, rgba(43,145,238,.32), transparent 27%), linear-gradient(135deg,#061424,#0b315d 61%,#0c5eae); }.pricing-hero .breadcrumb { margin-bottom: 48px; }.pricing-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 250px; align-items: end; gap: 80px; }.pricing-hero-grid > div > p:not(.eyebrow) { max-width: 680px; margin: 22px 0 0; color: #d6e6f6; font-size: 16px; line-height: 1.8; }.pricing-hero-actions { display: flex; gap: 10px; margin-top: 32px; }.button-ghost { color: #fff; border-color: rgba(255,255,255,.38); background: rgba(255,255,255,.08); }.button-ghost:hover { color: #fff; border-color: rgba(255,255,255,.72); background: rgba(255,255,255,.16); }.pricing-hero-badge { width: 238px; height: 238px; display: flex; align-items: center; justify-content: center; flex-direction: column; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; color: #e0eefb; background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 20px rgba(255,255,255,.025),0 28px 65px rgba(0,0,0,.2); text-align: center; }.pricing-hero-badge span { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }.pricing-hero-badge strong { margin: 5px 0; color: var(--gold-500); font-size: 42px; letter-spacing: -.05em; }.pricing-hero-badge small { color: #c4d7e9; font-size: 13px; line-height: 1.45; }
.public-price-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }.public-price-card { min-height: 390px; display: flex; flex-direction: column; padding: 26px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 10px 30px rgba(6,20,36,.04); transition: transform .22s,box-shadow .22s,border-color .22s; }.public-price-card:hover { transform: translateY(-5px); border-color: #b5d5ef; box-shadow: var(--shadow-sm); }.public-price-card-top { min-height: 51px; display: flex; align-items: flex-start; justify-content: space-between; gap: 9px; }.public-price-card-top img { width: 49px; height: 49px; padding: 12px; border-radius: 14px; background: var(--sky-100); }.public-price-card-top span { max-width: 122px; padding: 7px 8px; border-radius: 8px; color: #396a91; background: #eef7ff; font-size: 11px; font-weight: 800; text-align: right; }.public-price-card h3 { margin: 27px 0 10px; color: var(--navy-900); font-size: 23px; letter-spacing: -.035em; }.public-price-card p { min-height: 65px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65; }.public-price { display: block; margin-top: auto; color: var(--navy-900); font-size: 33px; letter-spacing: -.045em; }.public-price-card > small { margin-top: 5px; color: #627a92; font-size: 13px; }.public-price-card > em { min-height: 24px; width: fit-content; margin-top: 11px; padding: 5px 8px; border-radius: 8px; color: #11744e; background: #eaf9f2; font-size: 11px; font-style: normal; font-weight: 900; }.public-price-card > .button { width: 100%; min-height: 47px; margin-top: 19px; font-size: 13px; }.public-price-card-featured { position: relative; overflow: hidden; border-color: #6cafe9; background: linear-gradient(145deg,#fff,#f1f8ff); box-shadow: 0 15px 38px rgba(37,128,222,.14); }.public-price-card-featured::after { content:""; position:absolute; right:-52px; top:-57px; width:155px; height:155px; border:28px solid rgba(37,128,222,.06); border-radius:50%; pointer-events:none; }
.pricing-custom-section { background: #eef5fb; }.pricing-custom { overflow: hidden; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(330px,.9fr); gap: 55px; padding: 43px; border: 1px solid #c9dfef; border-radius: 28px; background: linear-gradient(135deg,#fff,#f7fbff); box-shadow: 0 20px 48px rgba(7,40,70,.08); }.pricing-custom-copy p:not(.eyebrow) { max-width: 690px; margin: 21px 0 0; color: var(--muted); font-size: 16px; line-height: 1.75; }.pricing-custom-copy strong { color: var(--blue-700); }.pricing-custom-copy ul { margin: 25px 0 0; padding: 0; display: grid; gap: 12px; list-style: none; }.pricing-custom-copy li { position: relative; padding-left: 27px; color: #415a73; font-size: 15px; }.pricing-custom-copy li::before { content:"✓"; position:absolute; left:0; top:0; width:18px; height:18px; display:grid; place-items:center; border-radius:50%; color:#08233c; background:#83d8bd; font-size:11px; font-weight:900; }.pricing-calculator { padding: 29px; display: flex; flex-direction: column; border-radius: 21px; color: #d9e8f5; background: var(--navy-900); box-shadow: 0 18px 38px rgba(5,24,43,.2); }.pricing-calculator-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }.pricing-calculator-head label { color:#fff; font-size:15px; font-weight:800; }.pricing-calculator-head input { width:120px; height:47px; border:1px solid #4b6c8b; border-radius:11px; color:#fff; background:#102a45; font:inherit; font-size:18px; font-weight:900; text-align:center; }.pricing-range { width:100%; height:8px; margin:27px 0 9px; accent-color:#7fc3ff; cursor:pointer; }.pricing-scale { display:flex; justify-content:space-between; gap:10px; color:#9db6ce; font-size:11px; }.pricing-scale span:nth-child(2) { color:#80d9ba; font-weight:800; text-align:center; }.pricing-quick { display:flex; flex-wrap:wrap; gap:8px; margin-top:21px; }.pricing-quick button { min-width:54px; height:35px; padding:0 10px; border:1px solid #426682; border-radius:9px; color:#c9d9e8; background:transparent; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }.pricing-quick button:hover,.pricing-quick button.active { color:#092641; border-color:#8ed2ff; background:#8ed2ff; }.pricing-total { margin-top:27px; padding:21px; border-radius:15px; background:rgba(255,255,255,.07); }.pricing-total span,.pricing-total strong,.pricing-total small { display:block; }.pricing-total span { color:#9cb4cb; font-size:13px; }.pricing-total strong { margin-top:6px; color:#fff; font-size:37px; letter-spacing:-.05em; }.pricing-total small { margin-top:4px; color:#8adfbe; font-size:14px; }.pricing-calculator > .button { width:100%; min-height:50px; margin-top:17px; font-size:13px; }.pricing-calculator > p { margin:14px 0 0; color:#9cb4cb; font-size:12px; line-height:1.55; text-align:center; }
.payment-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.payment-step { padding:29px; border:1px solid var(--line); border-radius:18px; background:#fff; }.payment-step span { display:block; margin-bottom:30px; color:var(--red-600); font-size:12px; font-weight:900; letter-spacing:.12em; }.payment-step h3 { margin:0 0 11px; color:var(--navy-900); font-size:20px; letter-spacing:-.025em; }.payment-step p { margin:0; color:var(--muted); font-size:15px; line-height:1.7; }
@media (max-width: 1100px) { .public-price-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.pricing-custom { grid-template-columns:1fr; }.pricing-hero-grid { grid-template-columns:1fr 200px; gap:30px; }.pricing-hero-badge { width:195px; height:195px; }.pricing-hero-badge strong { font-size:34px; } }
@media (max-width: 700px) { .pricing-hero { padding:76px 0 62px; }.pricing-hero .breadcrumb { margin-bottom:37px; }.pricing-hero-grid { grid-template-columns:1fr; }.pricing-hero-badge { display:none; }.pricing-hero-actions { flex-direction:column; }.pricing-hero-actions .button { width:100%; }.public-price-grid,.payment-steps { grid-template-columns:1fr; }.public-price-card { min-height:330px; }.public-price-card p { min-height:0; }.pricing-custom { gap:31px; padding:27px 22px; }.pricing-calculator { padding:24px 20px; }.pricing-total strong { font-size:33px; } }
@media (max-width: 430px) { .pricing-calculator-head { align-items:flex-start; flex-direction:column; }.pricing-calculator-head input { width:100%; }.pricing-scale span:nth-child(2) { display:none; } }