#calculator .calc__head { max-width: 720px; margin-bottom: 36px; }#calculator .calc__head p { margin-top: 12px; color: var(--muted); }#calculator .calc { display: grid; grid-template-columns: 1.3fr 1fr; gap: 24px; align-items: start; }#calculator .calc__form { padding: 12px 32px; border-radius: var(--r-lg); }#calculator .calc__form fieldset { border: 0; padding: 24px 0; border-bottom: 1px solid var(--line); min-width: 0; }#calculator .calc__form fieldset:last-child { border-bottom: 0; }#calculator .calc__form legend { display: flex; align-items: center; gap: 12px; padding: 0; margin-bottom: 16px; font-size: 18px; font-weight: 600; float: left; width: 100%; }#calculator .calc__form legend + * { clear: both; }#calculator .calc__form legend span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--gold); color: var(--gold-text); font-size: 13px; font-weight: 700; }#calculator .area { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; }#calculator input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 3px; outline-offset: 8px; background: linear-gradient(90deg, var(--gold) var(--fill, 22%), #e4ddd0 var(--fill, 22%)); }#calculator input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 26px; height: 26px; border-radius: 50%; background: #fff; border: 2px solid var(--gold-lo); box-shadow: 0 3px 10px rgba(60,44,24,.3); cursor: grab; }#calculator input[type=range]::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 2px solid var(--gold-lo); box-shadow: 0 3px 10px rgba(60,44,24,.3); cursor: grab; }#calculator .area__num { display: flex; align-items: center; gap: 8px; padding: 0 16px; height: 52px; border: 1px solid var(--line); border-radius: 10px; background: var(--cream); font-weight: 700; }#calculator .area__num input { width: 64px; border: 0; background: transparent; font-size: 22px; font-weight: 700; text-align: right; outline: none; -moz-appearance: textfield; }#calculator .area__num input::-webkit-outer-spin-button, #calculator .area__num input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }#calculator .area__num:focus-within { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201,165,107,.25); }#calculator .area__num span { color: var(--muted); font-weight: 600; }#calculator .seg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }#calculator .seg--two { grid-template-columns: repeat(2, 1fr); }#calculator .seg input, #calculator .plan input, #calculator .chips input { position: absolute; opacity: 0; pointer-events: none; }#calculator .seg label, #calculator .plan, #calculator .chips label { position: relative; display: block; cursor: pointer; }#calculator .seg span { display: flex; flex-direction: column; gap: 2px; height: 100%; padding: 14px 16px; border: 1px solid var(--line); border-radius: 10px; background: #fff; transition: border-color .2s, background .2s, box-shadow .2s; }#calculator .seg b { font-size: 15px; font-weight: 600; }#calculator .seg small { font-size: 12.5px; color: var(--muted); }#calculator .seg label:hover span { border-color: #cdbfa6; }#calculator .seg input:checked + span { border-color: var(--gold-lo); background: #fbf6ec; box-shadow: 0 0 0 1px var(--gold-lo); }#calculator .seg input:focus-visible + span, #calculator .plan input:focus-visible + .plan__in, #calculator .chips input:focus-visible + span { outline: 2px solid var(--gold); outline-offset: 2px; }#calculator .plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding-top: 12px; }#calculator .plan__in { position: relative; display: flex; flex-direction: column; height: 100%; padding: 18px 16px 16px; border: 1px solid var(--line); border-radius: var(--r-md); background: #fff; transition: border-color .2s, box-shadow .2s, background .2s; }#calculator .plan:hover .plan__in { border-color: #cdbfa6; }#calculator .plan input:checked + .plan__in { border-color: var(--gold-lo); background: #fbf6ec; box-shadow: 0 0 0 1px var(--gold-lo), 0 10px 26px rgba(184,143,85,.18); }#calculator .plan__in u { position: absolute; top: -11px; left: 14px; padding: 2px 10px; border-radius: 999px; background: linear-gradient(180deg, var(--gold-hi), var(--gold-lo)); color: #2b1f10; font-size: 11.5px; font-weight: 700; text-decoration: none; }#calculator .plan__in b { font-size: 17px; font-weight: 600; }#calculator .plan__in em, #calculator .plan__in em i, #calculator .chips i { font-style: normal; }#calculator .plan__in em { margin: 4px 0 8px; font-size: 15px; font-weight: 700; color: var(--gold-text); }#calculator .plan__in small { font-size: 12.5px; line-height: 1.45; color: var(--muted); }#calculator .plan__in ul { margin-top: 12px; display: grid; gap: 4px; font-size: 12.5px; }#calculator .plan__in li { display: flex; gap: 6px; align-items: center; }#calculator .plan__in li::before { content: ""; width: 12px; height: 12px; flex: none; background: var(--gold-lo); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; }#calculator .chips { display: flex; flex-wrap: wrap; gap: 10px; }#calculator .chips span { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid var(--line); border-radius: 999px; background: #fff; font-size: 14px; font-weight: 600; transition: all .2s; }#calculator .chips small { font-size: 12.5px; font-weight: 500; color: var(--muted); }#calculator .chips label:hover span { border-color: #cdbfa6; }#calculator .chips input:checked + span { border-color: var(--gold-lo); background: #fbf6ec; box-shadow: 0 0 0 1px var(--gold-lo); }#calculator .chips input:checked + span::before { content: ""; width: 14px; height: 14px; background: var(--gold-lo); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; }#calculator .chips input:disabled + span { opacity: .6; cursor: default; }#calculator .calc__res { position: sticky; top: 92px; padding: 30px; border-radius: var(--r-lg); background: linear-gradient(160deg, #2a231e 0%, #1a1511 100%); color: var(--on-dark); border: 1px solid rgba(255,255,255,.06); box-shadow: 0 24px 60px rgba(30,20,10,.25); }#calculator .res__label { font-size: 14px; color: var(--on-dark-muted); }#calculator .res__price { margin-top: 4px; font-size: clamp(38px, 4.2vw, 50px); font-weight: 700; letter-spacing: -0.03em; line-height: 1.1; background: linear-gradient(180deg, #f1dcb2, var(--gold)); -webkit-background-clip: text; background-clip: text; color: transparent; font-variant-numeric: tabular-nums; }#calculator .res__range { margin-top: 4px; font-size: 13.5px; color: var(--on-dark-muted); }#calculator .res__rows { display: grid; margin: 22px 0 18px; }#calculator .res__rows div { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-top: 1px solid rgba(255,255,255,.09); font-size: 14px; }#calculator .res__rows dt { color: var(--on-dark-muted); }#calculator .res__rows dd { font-weight: 600; text-align: right; }#calculator .bonus { display: grid; gap: 10px; margin-bottom: 22px; padding: 16px; border-radius: var(--r-md); background: rgba(201,165,107,.1); border: 1px solid rgba(201,165,107,.25); font-size: 13.5px; line-height: 1.45; }#calculator .bonus li { display: flex; gap: 12px; align-items: flex-start; }#calculator .bonus .ico { margin-top: 1px; }#calculator .bonus b { color: var(--gold-hi); }#calculator .lead { display: grid; gap: 10px; }#calculator .lead__title { font-size: 17px; font-weight: 600; margin-bottom: 4px; }#calculator .field input, #calculator .field textarea { width: 100%; padding: 14px 16px; border-radius: 10px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); color: var(--on-dark); font-size: 15px; resize: none; transition: border-color .2s, background .2s; }#calculator .field input::placeholder, #calculator .field textarea::placeholder { color: #8f857a; }#calculator .field input:focus, #calculator .field textarea:focus { outline: none; border-color: var(--gold); background: rgba(255,255,255,.1); }#calculator .field.is-bad input { border-color: #e08a7a; }#calculator .field__err { font-size: 13px; color: #f0a99b; }#calculator .lead .btn { margin-top: 4px; min-height: 54px; }#calculator .lead__note { display: flex; gap: 8px; align-items: flex-start; font-size: 12px; line-height: 1.4; color: var(--on-dark-muted); }#calculator .lead__note .ico { width: 15px; height: 15px; margin-top: 1px; flex: none; }#calculator .res__ok { text-align: left; outline: none; }#calculator .res__ok h3 { margin: 18px 0 10px; font-size: 24px; }#calculator .res__ok p { font-size: 15px; color: #d9cfc0; }#calculator .res__ok b { color: var(--gold-hi); }#calculator .ok__mark { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: linear-gradient(180deg, var(--gold-hi), var(--gold-lo)); color: #2b1f10; }#calculator .ok__mark .ico { width: 26px; height: 26px; stroke-width: 2.4; }#calculator .ok__demo { margin-bottom: 18px; font-size: 12.5px !important; color: var(--on-dark-muted) !important; }#calculator .res__ok[hidden], #calculator .res__view[hidden] { display: none; }

#calculator{--gold:#c9a56b;--gold-hi:#e0c692;--gold-lo:#b88f55;--gold-text:#a07a43;--cream:#f8f6f2;--line:#e7e1d6;--muted:#6d655c;--on-dark:#f5efe6;--on-dark-muted:#b9afa2;--r-lg:18px;--r-md:12px;font-family:"Segoe UI",Arial,sans-serif;padding-bottom:40px}
#calculator .calc__head{max-width:900px}#calculator .calc__head h2{font-size:clamp(28px,3vw,50px);font-weight:600;letter-spacing:-1.5px;margin:0}#calculator .calc__head p{font-size:18px;line-height:1.55;margin-top:12px}
#calculator .calc__form{background:white;border:1px solid var(--line);min-width:0}#calculator fieldset{margin:0}#calculator legend{line-height:1.5}#calculator p,#calculator dl,#calculator dd,#calculator ul{margin:0}#calculator .calc__head p{margin-top:12px}#calculator ul{padding:0;list-style:none}#calculator .plan__in ul{margin-top:12px}#calculator .res__rows{margin:22px 0 18px}#calculator .bonus{margin-bottom:16px}#calculator .res__price{margin-top:4px;color:transparent}#calculator .res__range{margin-top:8px}#calculator .res__rows dd{max-width:68%;overflow-wrap:anywhere}#calculator .calc-demo{font-size:11px;color:var(--on-dark-muted);margin-bottom:20px;line-height:1.5}#calculator .lead__title{color:var(--on-dark);margin-bottom:4px}
#calculator .ico{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;flex-shrink:0}#calculator .ico--gold{color:var(--gold)}#calculator .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#calculator .btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 22px;border-radius:10px;font-size:16px;border:1px solid transparent;cursor:pointer;text-decoration:none}#calculator .btn--gold{background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo));color:#2b1f10;border-color:#c5a369;box-shadow:0 8px 25px #b88f5530}#calculator .btn--gold:hover{background:var(--gold-hi)}#calculator .btn--block{width:100%}#calculator .btn--line{background:transparent;color:var(--on-dark);border-color:var(--gold)}#calculator .download{width:100%;margin-top:18px}#calculator .area input[type=range]{margin:0}#calculator .res__ok h3{margin:18px 0 10px}#calculator .res__ok p{margin-bottom:15px}#calculator input,#calculator textarea{max-width:100%}
@media(min-width:1920px){#calculator .calc__form{padding:12px 40px}#calculator .calc__form fieldset{padding:30px 0}#calculator .calc__form legend{font-size:23px}#calculator .seg b{font-size:19px}#calculator .seg small,#calculator .plan__in small,#calculator .plan__in ul,#calculator .chips small{font-size:15px}#calculator .plan__in b{font-size:23px}#calculator .plan__in em{font-size:19px}#calculator .plan__in{padding:22px 16px}#calculator .chips span{font-size:18px}#calculator .calc__res{padding:38px 36px}#calculator .res__rows div,#calculator .res__label,#calculator .res__range,#calculator .bonus{font-size:17px}#calculator .res__price{font-size:64px}#calculator .lead__title{font-size:21px}#calculator .field input,#calculator .field textarea{padding:18px 20px;font-size:18px}}
@media(max-width:1100px){#calculator .calc__form{padding:8px 22px}#calculator .seg span,#calculator .plan__in{padding:13px 10px}#calculator .seg b{font-size:13px}#calculator .seg small{font-size:11px}#calculator .plan__in u{font-size:10px;left:8px;padding:2px 6px}#calculator .calc__res{padding:26px 22px}#calculator .chips span{font-size:12px;padding:10px 12px;gap:6px}#calculator .chips small{font-size:11px}#calculator .res__price{font-size:40px}}
@media(max-width:900px){#calculator .calc{grid-template-columns:1fr}#calculator .calc__res{position:static}#calculator .calc__head p{font-size:16px}#calculator .seg b{font-size:15px}#calculator .seg small{font-size:12px}#calculator .res__price{font-size:46px}#calculator .plan__in u{font-size:11px}#calculator .chips span{font-size:14px}}
@media(max-width:560px){#calculator .calc__head h2{font-size:28px;letter-spacing:-.8px}#calculator .calc__head p{font-size:14px}#calculator .calc__head{margin-bottom:25px}#calculator .calc{gap:18px}#calculator .calc__form{padding:4px 18px}#calculator .area{grid-template-columns:1fr;gap:20px}#calculator .area__num{justify-content:center;width:130px;margin-left:auto}#calculator .seg,#calculator .plans{grid-template-columns:1fr}#calculator .seg--two{grid-template-columns:1fr 1fr}#calculator .seg--two b{font-size:14px}#calculator .seg--two small{font-size:11px}#calculator .calc__form legend{font-size:17px;gap:10px}#calculator .plan__in{padding:18px 16px}#calculator .plan__in small{font-size:13px}#calculator .plan__in u{left:14px}#calculator .chips span{font-size:13px;flex-wrap:wrap;gap:4px 7px;border-radius:18px;padding:10px 12px}#calculator .calc__res{padding:25px 20px}#calculator .res__rows div{gap:12px;font-size:12px}#calculator .res__price{font-size:39px}#calculator .bonus{padding:13px;font-size:12px}}
#calculator .plan__in u{white-space:nowrap;font-size:10px}#calculator .res__price{white-space:nowrap}
#calculator .pending-cost{font-size:13px;line-height:1.5;color:#e3d2b2;background:#c9a56b15;border:1px solid #c9a56b40;padding:13px 15px;border-radius:10px;margin-top:18px}#calculator .pending-cost[hidden]{display:none}
#calculator .calc-comment summary{cursor:pointer;color:var(--on-dark-muted);font-size:12px;padding:4px 0}#calculator .calc-comment[open] summary{margin-bottom:8px}
@media(min-width:901px){
#calculator{padding-top:24px;padding-bottom:24px;scroll-margin-top:0}
#calculator .calc__head{max-width:100%;margin-bottom:18px}#calculator .calc__head h2{font-size:30px;letter-spacing:-.8px}#calculator .calc__head p{font-size:13px;margin-top:6px;max-width:900px}
#calculator .calc{gap:20px;align-items:start}#calculator .calc__form{padding:4px 22px}#calculator .calc__form fieldset{padding:14px 0}#calculator .calc__form legend{font-size:16px;margin-bottom:12px;gap:9px}#calculator .calc__form legend span{width:24px;height:24px;font-size:12px}
#calculator .area{gap:18px}#calculator .area__num{height:42px;padding:0 12px}#calculator .area__num input{font-size:19px}#calculator .seg span{padding:10px 12px}#calculator .seg b{font-size:14px}#calculator .seg small{font-size:11px}#calculator .plans{gap:10px;padding-top:10px}#calculator .plan__in{padding:14px 12px 12px}#calculator .plan__in b{font-size:16px}#calculator .plan__in em{font-size:14px;margin:3px 0 6px}#calculator .plan__in small,#calculator .plan__in ul{font-size:11px;line-height:1.4}#calculator .plan__in ul{margin-top:8px;gap:3px}
#calculator .calc__res{padding:20px 24px;position:sticky;top:18px}#calculator .res__label{font-size:12px}#calculator .res__price{font-size:38px;margin-top:5px}#calculator .res__range{font-size:11px;margin-top:5px}#calculator .res__rows{margin:13px 0}#calculator .res__rows div{padding:7px 0;font-size:12px;gap:12px}#calculator .bonus{padding:10px 12px;font-size:11px;gap:6px;margin-bottom:10px}#calculator .bonus .ico{width:17px;height:17px}#calculator .calc-demo{font-size:10px;margin-bottom:12px}#calculator .lead{gap:8px}#calculator .lead__title{font-size:16px;margin-bottom:2px}#calculator .field input,#calculator .field textarea{padding:10px 12px;font-size:13px}#calculator .lead .btn{min-height:42px;padding:10px 16px;font-size:14px;margin-top:2px}#calculator .lead__note{font-size:10px}#calculator .download{margin-top:10px;font-size:11px}
}
@media(min-width:901px) and (max-height:720px){#calculator{padding-top:16px;padding-bottom:16px}#calculator .calc__head{margin-bottom:12px}#calculator .calc__head h2{font-size:26px}#calculator .calc__form fieldset{padding:10px 0}#calculator .calc__form legend{margin-bottom:9px}#calculator .calc__res{padding:15px 20px;top:12px}#calculator .res__price{font-size:34px}#calculator .res__rows{margin:9px 0}#calculator .res__rows div{padding:5px 0}#calculator .bonus{padding:8px 10px;margin-bottom:8px}#calculator .calc-demo{margin-bottom:8px}#calculator .lead{gap:6px}#calculator .field input{padding:8px 12px}#calculator .download{margin-top:7px}}
@media(min-width:901px){#calculator .calc{grid-template-columns:1.15fr 1fr}#calculator .calc__head p{font-size:12px}#calculator .res__rows dd{max-width:75%}#calculator .calc-demo{font-size:9px;line-height:1.3}#calculator .bonus{font-size:10px;line-height:1.3}#calculator .lead__note{font-size:9px;line-height:1.3}#calculator .res__rows div{font-size:11px;padding:5px 0}#calculator .calc__res{padding:16px 20px}#calculator .res__price{font-size:34px}#calculator .lead__title{font-size:14px}#calculator .field input{padding:8px 10px}#calculator .lead .btn{min-height:38px;padding:8px 12px}#calculator .calc-comment summary{font-size:11px;padding:0}}
#calculator .calc-conditions{margin-bottom:12px}#calculator .calc-conditions summary{cursor:pointer;font-size:11px;color:var(--on-dark-muted)}#calculator .calc-conditions[open] .calc-demo{margin-top:8px}
@media(min-width:901px){#calculator .plan__in small{display:none}#calculator .calc-conditions{margin-bottom:8px}#calculator .calc-conditions summary{font-size:10px}#calculator .calc__head p{max-width:none}#calculator .calc__res{top:12px}#calculator .res__rows dd{margin:0}}
@media(min-width:901px) and (max-height:720px){#calculator{padding-top:12px;padding-bottom:12px}#calculator .calc__head{margin-bottom:10px}#calculator .calc__head h2{font-size:24px}#calculator .calc__head p{font-size:11px;margin-top:4px}#calculator .calc__res{padding:12px 18px}#calculator .res__rows{margin:7px 0}#calculator .lead{gap:4px}#calculator .lead .btn{min-height:36px}#calculator .bonus{gap:4px;margin-bottom:6px}#calculator .calc-conditions{margin-bottom:6px}}