:root{--ink:#071c3f;--deep:#06142f;--mint:#38b9e7;--paper:#f5f8fc;--muted:#637387;--line:#d8e2ed}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 "DM Sans",sans-serif}header{height:86px;padding:0 max(5vw,28px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;font:800 16px "Manrope";letter-spacing:.12em}.brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--mint);font-size:10px}.brand small{display:block;color:#6a7c91;font:600 8px "DM Sans";letter-spacing:.22em}nav{display:flex;gap:30px}nav a,.back{color:inherit;text-decoration:none;font-size:12px;font-weight:700}.active{color:#087fc4}.back{border:1px solid var(--line);padding:9px 12px;border-radius:5px}main{padding:80px max(7vw,50px)}.calc-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:end;margin-bottom:45px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#126caa;font-size:10px;font-weight:800;grid-column:1/-1;margin:0}.calc-intro h1{font:750 clamp(50px,7vw,85px)/.92 "Manrope";letter-spacing:-.06em;margin:0}.calc-intro h1 em{font-style:normal;color:#0b85c7}.calc-intro>p:last-child{max-width:490px;color:var(--muted);font-size:17px}.calculator-card{display:grid;grid-template-columns:1.2fr .8fr;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 25px 70px rgba(7,27,24,.08)}.calc-form{padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.field label{display:block;font:700 13px "Manrope";margin-bottom:10px}.field>input{width:100%;border:1px solid var(--line);background:#f8fbff;border-radius:5px;padding:9px;font:600 12px "DM Sans";margin-top:7px}.field>small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.chips{display:flex;gap:5px;flex-wrap:wrap}.chips button{border:1px solid var(--line);background:#fff;border-radius:4px;padding:7px 9px;font:600 10px "DM Sans";cursor:pointer}.chips button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.result{background:var(--deep);color:#fff;padding:45px;text-align:center;display:flex;flex-direction:column;justify-content:center}.result>p{margin:0;color:#aec4d8}.result>span{font-size:12px;color:#71849a;margin-top:10px}.result output{font:800 72px/1 "Manrope";letter-spacing:-.06em;color:var(--mint);margin:12px 0}.result output small{display:block;font:700 10px "DM Sans";letter-spacing:.15em;text-transform:uppercase;color:#fff}.syringe{height:19px;border:1px solid #5f7892;border-radius:4px;position:relative;overflow:hidden;margin:10px 0 28px;background:repeating-linear-gradient(90deg,transparent 0 9%,#345b80 10%)}.syringe i{display:block;height:100%;width:20%;background:rgba(133,255,208,.72);transition:.25s}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}.result-grid div{border:1px solid #173b63;border-radius:5px;padding:11px}.result-grid span{display:block;color:#71849a;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.result-grid b{font:700 13px "Manrope"}.warning{background:#fff2d6;color:#6f4e00!important;padding:9px;border-radius:4px;margin-top:12px!important;font-size:10px}aside{display:flex;gap:25px;margin-top:25px;padding:22px;border-left:4px solid #0b85c7;background:#e8f0f7}aside p{margin:0;color:var(--muted);font-size:12px;max-width:800px}footer{display:flex;justify-content:space-between;padding:30px max(7vw,50px);background:var(--ink);color:#879caf;font-size:10px}footer a{color:var(--mint)}@media(max-width:900px){nav{display:none}.calculator-card,.calc-intro{grid-template-columns:1fr}.calc-form{grid-template-columns:1fr 1fr}.calc-intro>p:last-child{margin:0}}@media(max-width:600px){header{padding:0 20px}.back{font-size:0}.back:first-letter{font-size:16px}main{padding:55px 20px}.calc-form{grid-template-columns:1fr;padding:24px}.result{padding:35px 24px}.result output{font-size:62px}.calc-intro h1{font-size:55px}aside{flex-direction:column;gap:5px}}