:root{--b:#075bc9;--n:#07254d;--o:#f88a1d;--i:#10233e;--m:#68788e;--l:#dce6f2;--bg:#f3f7fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--i);font-family:Arial,sans-serif}button,input{font:inherit}header{height:72px;background:#fff;border-bottom:1px solid var(--l);padding:0 max(22px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between}.brand b,.brand small{display:block}.brand b{color:var(--b);letter-spacing:.08em}.brand small{font-size:9px;color:var(--m)}header>span{font-size:11px;font-weight:bold;color:var(--b);background:#eaf3ff;padding:8px 12px;border-radius:99px}.hero{padding:50px max(22px,calc((100vw - 1200px)/2));background:linear-gradient(115deg,#061e42,#0763d4);color:#fff;display:flex;justify-content:space-between;align-items:end;gap:28px}.hero label{font-size:11px;letter-spacing:.18em;color:#91c7ff;font-weight:bold}.hero h1{font-size:clamp(34px,5vw,56px);line-height:1;margin:12px 0;letter-spacing:-.04em}.hero h1 i{font-style:normal;color:#ffae4d}.hero p{color:#cbdff6}.hero aside{min-width:300px;border:1px solid #ffffff38;background:#ffffff17;border-radius:17px;padding:21px}.hero aside small,.hero aside span,.take small,.take span{display:block;color:#d2e4f8}.hero aside strong{display:block;font-size:29px;margin:8px 0}main{max-width:1248px;margin:25px auto;display:grid;grid-template-columns:1.08fr .92fr;gap:20px;padding:0 24px}.card{background:#fff;border:1px solid var(--l);border-radius:19px;padding:23px;box-shadow:0 9px 28px #173c6510}.inputs{position:relative}.title{display:flex;align-items:center;gap:9px;margin:2px 0 16px}.title span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eaf3ff;color:var(--b);font-size:11px;font-weight:bold}.title h2{font-size:18px;margin:0}.add{position:absolute;right:23px;top:20px}.add,.actions button{border:0;border-radius:9px;background:var(--b);color:#fff;padding:10px 13px;font-size:11px;font-weight:bold;cursor:pointer}.muted{font-size:11px;color:var(--m);line-height:1.5}#rows{display:grid;gap:10px;margin:16px 0 25px}.pkg{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:10px;border:1px solid var(--l);border-radius:13px;padding:13px}.pkg .name{grid-column:1/-1;border:0;font-weight:bold;outline:0}.pkg label,.rates label{font-size:10px;font-weight:bold;color:var(--m)}.pkg label>input,.money,.rates input{width:100%;margin-top:6px;padding:9px;border:1px solid var(--l);border-radius:8px;background:#f9fbfe}.money{display:flex;padding:0;align-items:center}.money span{padding-left:9px}.money input{border:0;margin:0;background:transparent;outline:0}.pkg>strong{grid-column:1/-1;color:var(--b);font-size:13px}.x{position:absolute;right:-8px;top:-8px;border:1px solid #ffd4d4;background:#fff;color:#c33;border-radius:50%;width:24px;height:24px;cursor:pointer}.tariff{margin-top:8px}.rates{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.rates input{font-weight:bold;color:var(--i)}.switch{display:grid;grid-template-columns:1fr 1fr;background:#edf2f8;border-radius:10px;padding:4px;margin-top:14px}.switch button{border:0;background:transparent;color:var(--m);padding:10px 5px;border-radius:7px;font-size:10px;font-weight:bold;cursor:pointer}.switch .on{background:#fff;color:var(--b);box-shadow:0 2px 8px #ccd8e7}.right{display:grid;gap:17px}.flow{display:grid;gap:7px}.flow>div,.twocol>div{border:1px solid var(--l);padding:13px;border-radius:10px;display:flex;justify-content:space-between}.flow>b{text-align:center;color:#9cacbe}.flow small,.twocol small{color:var(--m)}.flow .orange strong{color:#d66d08}.flow .blue{background:#eaf3ff}.flow .blue strong{color:var(--b)}.cuts{border-top:1px solid var(--l);margin-top:18px;padding-top:8px}.cuts>div{display:flex;justify-content:space-between;padding:10px 2px}.cuts span small{display:block;color:var(--m);font-size:9px;margin-top:3px}.cuts>div>strong{font-size:12px;color:#b64834}.obligation{background:#fff4df;color:#8a5919;padding:12px;border-radius:10px;display:flex;justify-content:space-between;margin:8px 0}.take{background:linear-gradient(115deg,#06346e,#0872da);border-radius:14px;color:white;padding:19px}.take strong{display:block;font-size:29px;margin:6px 0}.take span{font-size:9px}.compare h3{font-size:15px;margin-top:0}.compare>p{font-size:11px;color:var(--m);line-height:1.55}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:8px}.twocol>div{display:block;background:#f7f9fc}.twocol strong{display:block;margin-top:6px;font-size:12px}.compare footer{margin-top:10px;padding:9px;background:#eaf9f0;color:#277147;border-radius:8px;font-size:10px}.actions{max-width:1200px;margin:0 auto 16px;display:flex;gap:9px;justify-content:flex-end}.actions .secondary{background:#fff;color:var(--b);border:1px solid var(--l)}.explain{max-width:1200px;margin:0 auto 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.explain article{background:#fff;border:1px solid var(--l);border-radius:15px;padding:19px}.explain article>b{color:var(--o)}.explain h3{font-size:14px;margin:7px 0}.explain p{font-size:11px;color:var(--m);line-height:1.55;margin:0}.notice{text-align:center;color:#78869a;font-size:10px;padding:0 20px 30px}@media(max-width:830px){.hero{flex-direction:column;align-items:stretch}.hero aside{min-width:0}main{grid-template-columns:1fr}.explain{grid-template-columns:1fr;margin:0 24px 24px}.actions{margin:0 24px 16px}}@media(max-width:540px){header>span{display:none}.hero{padding:35px 20px}.hero h1{font-size:35px}main{padding:0 11px;margin-top:13px}.card{padding:16px}.add{right:16px;top:14px}.rates{grid-template-columns:1fr 1fr}.switch{grid-template-columns:1fr}.flow>div{flex-direction:column;gap:5px}.twocol{grid-template-columns:1fr}.actions{justify-content:stretch}.actions button{flex:1}}@media print{header,.hero p,.actions,.explain,.notice,.add,.x{display:none!important}.hero{padding:20px;background:#fff;color:#111}.hero h1{font-size:30px}.hero aside{border:1px solid #ccc}main{display:block;margin:0}.card{box-shadow:none;margin-bottom:14px}.inputs{page-break-after:always}}