.sc{display:grid;gap:0;padding-top:var(--header-h);background:#f2f5f8;min-height:100vh}@media(min-width:1024px){html,body{height:100%;overflow:hidden}.sc{grid-template-columns:minmax(400px,34%) 1fr;grid-template-rows:minmax(0,1fr);height:100vh;height:100dvh;min-height:0;overflow:hidden}}.sc__form{display:flex;flex-direction:column;background:#e9eef3;border-right:1px solid var(--line)}.sc__form{min-height:0}.sc__inputs{flex:none;padding:20px var(--gutter) 12px;display:flex;flex-direction:column;gap:14px}.sc__inputs>*{flex:none}@media(min-width:1024px){.sc__inputs{flex:1 1 0;min-height:0;padding:clamp(8px,1.4vh,18px) 20px clamp(4px,.8vh,10px);gap:clamp(5px,1vh,12px);justify-content:space-between}.sc__card{padding-block:clamp(4px,.9vh,12px);min-height:clamp(44px,5.6vh,62px)}.sc__card--pin input{padding:4px 0}.sc__ico{width:36px;height:36px}.sc__hint{margin-top:-2px;line-height:1.3}fieldset.sc__card .sc__radios{flex-wrap:nowrap;gap:12px;font-size:.86rem}fieldset.sc__card .sc__label{font-size:.92rem}.sc__card--tariff{row-gap:4px}.sc__card--area{row-gap:2px}.sc__value input,.sc__stepper input{padding-block:5px}.sc__journey{padding:0}.sc__journey-t{margin-bottom:4px}.sc__journey li{gap:2px}}@media(min-width:1024px)and (max-height:860px){.sc__journey{display:none}}@media(min-width:1024px)and (max-height:720px){.sc__hint{display:none}.sc__inputs{gap:5px;padding-top:8px}.sc__card{min-height:0;padding-block:3px;gap:10px}.sc__ico{width:30px;height:30px}.sc__ico svg{width:18px;height:18px}.sc__label{font-size:.88rem}.sc__value input,.sc__stepper input{padding-block:3px;font-size:.92rem}.sc__stepper button{width:26px;height:26px}.sc__card--tariff,.sc__card--area{row-gap:0}.sc__go{padding-block:8px}.sc__go .btn{min-height:42px;padding-block:8px}}@media(min-width:1024px)and (max-height:680px){.sc__slider{display:none}.sc__card--tariff{display:flex}.sc__card--area{grid-template-columns:auto 1fr auto auto}.sc__card--area .sc__radios{grid-column:auto;grid-row:auto;gap:8px;font-size:.8rem;flex-wrap:nowrap}.sc__card--area .sc__value{grid-column:auto;grid-row:auto}.sc__card--area .sc__label{font-size:.8rem}.sc__card--area .sc__value input{width:88px;font-size:.88rem;padding-inline:4px}fieldset.sc__card .sc__radios label{white-space:nowrap}fieldset.sc__card .sc__label{font-size:.84rem}.sc__card--area .sc__radios label{white-space:nowrap}.sc__inputs{display:grid;grid-template-columns:1fr 1fr;align-content:space-between;row-gap:5px;column-gap:8px}.sc__inputs>*{grid-column:1 / -1}.sc__inputs>.sc__card--bill{grid-column:1;order:5}.sc__inputs>.sc__card--load{grid-column:2;order:6}.sc__inputs>.sc__card--area{order:7}.sc__inputs>.sc__journey,.sc__inputs>.sc__note{order:9}.sc__card--bill .sc__ico,.sc__card--load .sc__ico{display:none}.sc__card--bill .sc__label,.sc__card--load .sc__label{font-size:.78rem;line-height:1.15}.sc__card--bill .sc__value,.sc__card--load .sc__value{flex-direction:column;align-items:flex-end;gap:0}.sc__card--bill .sc__value input,.sc__card--load .sc__value input{width:92px;font-size:.88rem;padding-inline:4px}}.sc__card{margin:0;display:flex;align-items:center;gap:12px;background:var(--white);border:0;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 18px;min-height:66px}fieldset.sc__card{display:flex}.sc__card legend{float:left;padding:0}.sc__ico{flex:none;width:42px;height:42px;border-radius:50%;background:var(--ice);color:var(--sky-deep);display:grid;place-items:center}.sc__label{font-size:.98rem;color:var(--navy);flex:1}fieldset.sc__card .sc__label{flex:0 0 auto;white-space:nowrap;margin-right:auto}fieldset.sc__card .sc__radios{gap:14px}.sc__card--pin input{flex:1;border:0;font:inherit;font-size:1.05rem;color:var(--navy);background:transparent;min-width:0;padding:8px 0}.sc__card--pin input:focus{outline:none}.sc__card--pin:focus-within{box-shadow:0 0 0 3px #38acec59,var(--shadow-sm)}.sc__locate{flex:none;background:none;border:0;color:var(--navy);padding:6px;border-radius:50%}.sc__locate:hover{color:var(--orange)}.sc__hint{margin:-6px 4px 0;font-size:.82rem;color:var(--slate)}.sc__hint:empty{display:none}.sc__radios{display:flex;gap:18px;flex-wrap:wrap;font-size:.92rem}.sc__radios label{display:flex;align-items:center;gap:6px;cursor:pointer}.sc__radios input{accent-color:var(--sky-deep);width:18px;height:18px}.sc__value{display:flex;align-items:center;gap:8px}.sc__value input,.sc__stepper input{width:96px;text-align:right;border:1px solid transparent;border-radius:8px;padding:8px;font:inherit;font-size:1rem;color:var(--navy);background:#f6f8fa}.sc__value input:focus,.sc__stepper input:focus{outline:none;border-color:var(--sky-deep);background:#fff}.sc__unit{font-size:.85rem;color:var(--slate);white-space:nowrap}.sc__card--tariff{display:grid;grid-template-columns:1fr auto;row-gap:10px}.sc__card--tariff .sc__slider{grid-column:1 / -1;grid-row:2}.sc__slider{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--slate)}.sc__slider input{flex:1;accent-color:var(--sky-deep)}.sc__stepper{display:flex;align-items:center;gap:6px}.sc__stepper input{width:64px}.sc__stepper button{width:30px;height:30px;border-radius:50%;border:0;background:var(--navy);color:#fff;font-size:1.1rem;line-height:1;display:grid;place-items:center}.sc__stepper button:hover{background:var(--sky-deep)}.sc__card--area{display:grid;grid-template-columns:auto 1fr auto;row-gap:8px}.sc__card--area .sc__radios{grid-column:2;grid-row:2}.sc__card--area .sc__value{grid-column:3;grid-row:1 / span 2}.sc__journey{text-align:center;padding:6px 0 4px}.sc__journey-t{font-family:var(--font-head);font-weight:600;color:var(--sky-deep);margin:0 0 8px}.sc__journey ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);position:relative}.sc__journey ol:before{content:"";position:absolute;left:16%;right:16%;top:38px;border-top:2px dashed #c4cfd8}.sc__journey li{display:grid;justify-items:center;gap:4px;position:relative;font-size:.75rem;color:var(--slate)}.sc__journey b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #c4cfd8;color:var(--slate);font-family:var(--font-head);transition:all .3s}.sc__journey li.is-done b{background:var(--orange);border-color:var(--orange);color:var(--navy)}.sc__journey small{font-size:.78rem;line-height:1.3;max-width:12ch}.sc__go{padding:14px var(--gutter);background:#e9eef3;border-top:1px solid var(--line)}@media(min-width:1024px){.sc__go{padding:14px 20px}}.sc__go .btn{width:100%;border-radius:10px;text-transform:uppercase;letter-spacing:.06em}@media(max-width:1023.98px){.sc__go{position:sticky;bottom:0;z-index:5}}.sc__right{display:grid;gap:20px;padding:20px var(--gutter) 40px;align-content:start}@media(min-width:1024px){.sc__right{min-height:0;overflow:hidden;padding:clamp(10px,2vh,20px) 80px clamp(10px,2vh,20px) 28px;align-content:stretch;grid-template-rows:minmax(0,1fr)}}.sc__intro{position:relative;border-radius:var(--radius);overflow:hidden;min-height:420px;color:#fff;display:flex;align-items:flex-end}@media(min-width:1024px){.sc__intro{min-height:0;height:100%}}.sc__intro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc__intro:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0f2233e0,#0f223326 65%)}.sc__intro-copy{position:relative;z-index:1;padding:clamp(24px,4vw,48px);max-width:560px}.sc__intro-copy .kicker{color:#cfe4f1}.sc__intro-copy h2{color:#fff;font-size:clamp(1.6rem,1.1rem + 1.8vw,2.5rem)}.sc__intro-copy p{color:#e3ecf3;margin:0}.sc__results[hidden],.sc__intro[hidden]{display:none}.sc__h{font-size:clamp(1.35rem,1.1rem + 1vw,1.9rem);font-weight:500;color:var(--navy);margin:8px 0 4px;padding-bottom:10px;border-bottom:1px solid #cdd7df}.sc__sub{margin:8px 0 14px;font-size:.9rem;color:var(--slate)}.sc__tiles{display:grid;gap:14px;margin-bottom:24px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.sc__tile{position:relative;background:#e8f3ee;border-radius:var(--radius);padding:20px;min-height:140px}.sc__tile--rec{background:#fff;box-shadow:var(--shadow-sm);border:1px solid var(--line)}.sc__tile small{display:block;font-size:.95rem;color:var(--navy);line-height:1.3;margin-bottom:12px;padding-right:52px}.sc__tile b{display:block;font-family:var(--font-head);font-size:clamp(1.4rem,1.1rem + .8vw,1.8rem);color:var(--navy);line-height:1.15;white-space:nowrap}.sc__tile .sc__b2{font-size:1.05rem;color:var(--slate);margin-top:4px}.sc__tile svg{position:absolute;top:16px;right:16px;width:44px;height:44px}.sc__money{margin:0 0 14px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border-radius:var(--radius);overflow:hidden}@media(min-width:720px){.sc__money{grid-template-columns:repeat(3,1fr)}}.sc__money div{background:#fff;padding:14px 16px}.sc__money dt{font-size:.8rem;color:var(--slate)}.sc__money dd{margin:2px 0 0;font-family:var(--font-head);font-weight:600;font-size:1.15rem;color:var(--navy)}.sc__phase{background:var(--cream);border-radius:10px;padding:10px 14px;font-size:.9rem;margin:0 0 10px}.sc__fine{font-size:.8rem;color:var(--slate);margin:0}@media(min-width:1024px){.sc__results{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:0;overflow:hidden}.sc__h{font-size:clamp(1.15rem,2.8vh,1.7rem);margin:0;padding-bottom:clamp(4px,1vh,10px)}.sc__sub{margin:clamp(4px,1vh,8px) 0 clamp(6px,1.2vh,12px)}.sc__tiles{grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.4vh,14px);margin-bottom:clamp(4px,1.2vh,16px)}.sc__tile{min-height:0;padding:clamp(10px,1.8vh,20px)}.sc__tile small{font-size:clamp(.78rem,1.5vh,.95rem);margin-bottom:clamp(4px,1vh,12px)}.sc__tile b{font-size:clamp(1.1rem,2.7vh,1.8rem)}.sc__tile .sc__b2{font-size:clamp(.85rem,1.7vh,1.05rem);margin-top:2px}.sc__money{margin-bottom:clamp(4px,1vh,12px)}.sc__money div{padding:clamp(6px,1.2vh,14px) 16px}.sc__money dd{font-size:clamp(.95rem,2vh,1.15rem)}.sc__phase{margin-bottom:clamp(4px,1vh,10px);padding:clamp(6px,1vh,10px) 14px}.sc__fine{font-size:.74rem;line-height:1.4}}@media(min-width:1024px)and (max-height:760px){.sc__fine{display:none}.sc__tile svg{display:none}.sc__tile small{padding-right:0}}.sc__error{color:#b3261e;font-size:.88rem;margin:0 0 10px}.sc__error[hidden]{display:none}.sc__load{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:var(--gutter);background:#0f2233b8;backdrop-filter:blur(4px)}.sc__load[hidden]{display:none}.sc__load-card{width:min(420px,100%);background:#fff;border-radius:18px;padding:28px 28px 24px;text-align:center;box-shadow:var(--shadow-md)}.sc__load-title{font-family:var(--font-head);font-weight:600;font-size:1.2rem;color:var(--navy);margin:0 0 14px}.sc__load-msg{min-height:2.8em;margin:0 0 16px;font-size:.95rem;line-height:1.4;color:var(--slate)}.sc__load-msg.is-in{animation:sc-fade .45s var(--ease)}.sc__load-track{height:8px;border-radius:999px;background:#e3eaf0;overflow:hidden}.sc__load-track span{display:block;height:100%;width:0;background:var(--grad);border-radius:inherit}.sc__load-pct{margin:8px 0 0;font-family:var(--font-head);font-weight:600;font-size:.85rem;color:var(--sky-deep)}@keyframes sc-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.sc__load-msg.is-in{animation:none}}.sc__gate{overflow-y:auto;place-items:stretch}.sc__gate-card{margin:auto;width:min(440px,100%);display:grid;gap:14px;background:#fff;border-radius:18px;padding:26px 26px 22px;box-shadow:var(--shadow-md)}.sc__gate-h{font-family:var(--font-head);font-weight:600;font-size:1.35rem;color:var(--navy);margin:0}.sc__gate-sub{margin:-6px 0 0;font-size:.9rem;color:var(--slate)}.sc__field{display:grid;gap:6px;font-size:.9rem;color:var(--navy)}.sc__field>span{font-weight:600}.sc__field input[type=text],.sc__field input[type=tel],.sc__field select{width:100%;border:1px solid #cdd7df;border-radius:10px;padding:10px 12px;font:inherit;font-size:.95rem;color:var(--navy);background:#fff}.sc__field input:focus,.sc__field select:focus{outline:none;border-color:var(--sky-deep);box-shadow:0 0 0 3px #38acec40}.sc__field--radios{display:flex;flex-wrap:wrap;gap:8px 18px}.sc__field--radios label{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:400}.sc__field--radios input{accent-color:var(--sky-deep);width:18px;height:18px}.sc__gate-card .btn{width:100%}.sc__gate-card .sc__error{margin:0}.sc__gate-back{justify-self:center;background:none;border:0;color:var(--slate);font:inherit;font-size:.88rem;text-decoration:underline;cursor:pointer}
