:root{--navy:#071a33;--blue:#147df5;--cyan:#32c7d9;--muted:#66768c;--line:#dce5f0;--bg:#f3f7fc;--white:#fff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 8% 5%,rgba(50,199,217,.12),transparent 25%),var(--bg);color:var(--navy);font-family:Manrope,Arial,sans-serif}.shell{width:min(1120px,calc(100% - 36px));margin:auto}.topbar{border-bottom:1px solid var(--line);background:rgba(255,255,255,.94)}.topbar .shell{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--navy);font-size:24px;font-weight:800;text-decoration:none}.brand span{color:var(--blue)}.back{color:var(--blue);font-size:13px;font-weight:800;text-decoration:none}.page{padding:48px 0 72px}.intro{max-width:730px;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.intro h1{margin:0;font-size:44px;line-height:1.08}.intro>p:last-child{margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.65}.calculator{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:22px}.configuration,.result{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(7,26,51,.06)}.configuration{display:grid;grid-template-columns:1fr 1fr;gap:21px;padding:28px}.field{min-width:0}.field>small{display:block;margin-top:7px;color:#8390a2;font-size:10px}.label{display:block;margin-bottom:8px;color:#42536a;font-size:12px;font-weight:800}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;border-radius:13px;background:#eef4fb}.segmented input{position:absolute;opacity:0}.segmented span{display:block;padding:11px;border-radius:9px;color:var(--muted);font-size:13px;font-weight:800;text-align:center;cursor:pointer}.segmented input:checked+span{background:#fff;color:var(--blue);box-shadow:0 4px 12px rgba(7,26,51,.09)}select,.stepper{width:100%;min-height:47px;border:1px solid #cbd8e8;border-radius:12px;background:#fff;color:var(--navy);font:600 13px Manrope}select{padding:0 13px}.stepper{display:grid;grid-template-columns:45px 1fr 45px;overflow:hidden}.stepper input{min-width:0;border:0;text-align:center;font:700 14px Manrope}.stepper button{border:0;background:#f4f7fb;color:var(--blue);font-size:20px;cursor:pointer}.addons{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.addon{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;cursor:pointer}.addon input{width:18px;height:18px;accent-color:var(--blue)}.addon span{display:block}.addon strong{display:block;font-size:13px}.addon small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5}.result{position:sticky;top:20px;align-self:start;padding:28px;background:linear-gradient(145deg,#071a33,#102d52);color:#fff}.result h2{margin:0 0 23px;font-size:21px}.breakdown>div,.discount{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:12px}.breakdown span,.discount span{color:#b9c9dc}.breakdown strong,.discount strong{text-align:right}.discount{color:#7fe2c5}.total{padding:24px 0 17px}.total span,.total small{display:block;color:#b9c9dc;font-size:11px}.total strong{display:block;margin:5px 0;font-size:34px}.notice{min-height:36px;color:#b9c9dc;font-size:10px;line-height:1.55}.cta{display:block;margin-top:18px;padding:14px;border-radius:12px;background:var(--cyan);color:#062039;font-size:13px;font-weight:800;text-align:center;text-decoration:none}@media(max-width:850px){.calculator{grid-template-columns:1fr}.result{position:static}}@media(max-width:600px){.page{padding-top:32px}.intro h1{font-size:35px}.configuration{grid-template-columns:1fr;padding:20px}.addons{grid-column:auto;grid-template-columns:1fr}.result{padding:22px}}