:root{--ink:#1F2A44;--muted:#5C6484;--soft:#8B90AC;--purple:#6A5BA8;--purple-deep:#574691;--purple-bright:#7C5CFF;--lavender:#B9ACE2;--line:#E5E0F0;--paper:#FCFBFE;--night:#0A0A0F;--success:#23966B;--warning:#A86116}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}
body{margin:0;min-height:100vh;color:#F7F5FC;background:radial-gradient(ellipse 70% 55% at 75% 20%,rgba(124,92,255,.25),transparent 65%),linear-gradient(160deg,#12121A 0%,#0A0A0F 58%,#100C19 100%);font-family:'Plus Jakarta Sans',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input{font:inherit}button,a{touch-action:manipulation}a{text-decoration:none}.page-glow{position:fixed;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.55}.page-glow-a{width:420px;height:420px;right:-170px;top:120px;background:rgba(124,92,255,.24)}.page-glow-b{width:360px;height:360px;left:-180px;top:680px;background:rgba(185,172,226,.13)}
.site-header{position:relative;z-index:20;padding:22px 28px 0}.header-pill{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(18,18,24,.78);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:10px 12px 10px 14px;box-shadow:0 16px 48px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.05)}.brand{display:flex;align-items:center;gap:10px;padding:4px;color:#F4F2FA;font-size:16.5px;font-weight:800;letter-spacing:-.02em}.brand img{border-radius:10px;box-shadow:0 4px 14px rgba(124,80,220,.5)}.header-label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,242,250,.52)}.header-cta,.jump-link,.result-cta,.signup-strip>a,.exit-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--purple-bright);color:#fff;font-weight:700;border-radius:999px;transition:transform .18s,background .18s,box-shadow .18s}.header-cta{padding:11px 20px;font-size:13.5px;box-shadow:0 0 25px rgba(124,92,255,.45)}.header-cta:hover,.jump-link:hover,.result-cta:hover,.signup-strip>a:hover,.exit-cta:hover{background:#8B6FFF;transform:translateY(-2px)}
main{position:relative;z-index:1}.hero{max-width:860px;margin:0 auto;padding:88px 28px 72px;text-align:center}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--lavender);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#9A7CFF;box-shadow:0 0 16px #9A7CFF}.hero h1{margin:20px 0 18px;font-family:'Playfair Display',serif;font-size:58px;line-height:1.04;letter-spacing:-.035em}.hero h1 em{color:var(--lavender);font-style:normal}.hero p{max-width:600px;margin:0 auto;color:rgba(240,236,250,.68);font-size:16.5px;line-height:1.7}.jump-link{margin-top:28px;padding:14px 24px;gap:10px;box-shadow:0 12px 32px rgba(74,48,160,.38)}
.calculator-shell{width:min(1160px,calc(100% - 40px));margin:0 auto 72px;padding:34px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,244,255,.96));color:var(--ink);border:1px solid rgba(255,255,255,.95);border-radius:28px;box-shadow:0 45px 110px rgba(0,0,0,.38),inset 0 1px #fff}.calculator-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 2px 25px;border-bottom:1px solid var(--line)}.calc-kicker{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--purple)}.calculator-heading h2{margin:3px 0 2px;font-size:28px;letter-spacing:-.035em}.calculator-heading p{margin:0;color:var(--soft);font-size:13px}.privacy-chip{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #DED8EE;border-radius:999px;background:#fff;color:var(--purple-deep);font-size:11.5px;font-weight:700}.privacy-chip span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#F0ECFA}
.calculator-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px;padding-top:22px}.input-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.step-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 7px 22px rgba(31,42,68,.045)}.syringe-step{grid-column:1/-1}.step-title{display:flex;align-items:center;gap:8px;margin-bottom:13px;color:#3A4160;text-transform:uppercase;font-size:9.5px;letter-spacing:.055em}.step-title>span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#fff;background:var(--purple);font-size:10px}.step-title i{font-style:normal;color:var(--soft)}.value-row{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;margin-bottom:11px;background:#F7F5FC;border-radius:9px}.value-row small{font-size:8.5px;color:var(--soft);font-weight:700}.value-row strong{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--purple)}.chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.chip-grid button,.syringe-options button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:8px 5px;cursor:pointer;font-size:10.5px;font-weight:700;transition:.15s}.chip-grid button:hover,.syringe-options button:hover{border-color:#AFA2D4;background:#F8F5FF}.chip-grid button.active,.syringe-options button.active{border-color:var(--purple);background:var(--purple);color:#fff;box-shadow:0 6px 16px rgba(106,91,168,.22)}.custom-field{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:9px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:var(--soft);font-size:9.5px}.custom-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;text-align:right;color:var(--ink);font-weight:700}.custom-field b{font-size:9px;color:var(--soft)}.custom-field:focus-within{border-color:#9E8FCB;box-shadow:0 0 0 3px rgba(106,91,168,.09)}
.syringe-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.syringe-options button{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1px 10px;padding:11px 12px;border-radius:11px}.syringe-options b{font-size:10px}.syringe-options small{font-size:8px;opacity:.72}.mini-syringe{grid-row:1/3;position:relative;height:8px;border:1px solid currentColor;border-radius:2px;opacity:.64}.mini-syringe:before,.mini-syringe:after{content:'';position:absolute;top:2px;height:2px;background:currentColor}.mini-syringe:before{left:-8px;width:8px}.mini-syringe:after{right:-9px;width:9px}.mini-syringe i{position:absolute;left:14%;top:1px;bottom:1px;width:54%;background:currentColor;opacity:.26}.step-dose-title{margin-bottom:12px}.unit-toggle{margin-left:auto;display:flex;padding:3px;background:#F0EDF7;border-radius:999px}.unit-toggle button{border:0;background:transparent;color:var(--muted);padding:4px 10px;border-radius:999px;font-size:9px;font-weight:800;cursor:pointer}.unit-toggle button.active{background:var(--ink);color:#fff}.dose-chips{grid-template-columns:repeat(4,1fr)}
.result-card{position:sticky;top:22px;align-self:start;min-height:100%;padding:22px;background:linear-gradient(160deg,#1F2A44,#131C31);color:#fff;border-radius:19px;box-shadow:0 22px 45px rgba(31,42,68,.2);overflow:hidden}.result-card:before{content:'';position:absolute;width:220px;height:220px;right:-110px;top:-120px;border-radius:50%;background:rgba(124,92,255,.24);filter:blur(15px)}.result-kicker{position:relative;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.52)}.result-empty{position:relative;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:16px;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:var(--lavender);font-size:25px;background:rgba(255,255,255,.05)}.result-empty b{font-size:15px}.result-empty p{max-width:240px;margin:8px 0 0;color:rgba(255,255,255,.56);font-size:11.5px;line-height:1.6}.result-content{position:relative;padding-top:17px}.primary-results{display:grid;grid-template-columns:1fr 1fr;gap:8px}.primary-results>div{padding:15px 8px 12px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.07)}.primary-results small,.primary-results span{display:block;font-size:8px;font-weight:700;letter-spacing:.09em;color:rgba(255,255,255,.55)}.primary-results strong{display:block;margin:3px 0 1px;font-family:'IBM Plex Mono',monospace;font-size:26px}.syringe-visual{display:flex;align-items:center;height:52px;margin:17px 4px 3px}.plunger{width:10px;height:22px;border:2px solid #B9C2D7;border-right:0}.barrel{position:relative;flex:1;height:20px;border:2px solid #B9C2D7;background:#fff}.barrel>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#D6CBFF,#7C5CFF);transition:width .35s}.needle{width:25px;height:2px;background:#B9C2D7}.tick{position:absolute;top:0;bottom:0;width:1px;background:#8993A9}.t1{left:20%}.t2{left:40%}.t3{left:60%}.t4{left:80%}.result-note{text-align:center;color:rgba(255,255,255,.58);font-size:10px}.result-note span{color:#D6CCFF;font-weight:800}.result-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 0}.result-card dl div{padding:12px;border-radius:10px;background:rgba(255,255,255,.07)}.result-card dt{font-size:7.5px;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.5)}.result-card dd{margin:5px 0 0;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:700}.warning{margin-top:10px;padding:9px 10px;border:1px solid rgba(255,194,105,.24);border-radius:9px;background:rgba(168,97,22,.18);color:#FFD29A;font-size:9.5px;line-height:1.45}.result-cta{width:100%;margin-top:18px;padding:12px;font-size:12px}.result-cta-note{display:block;margin-top:7px;text-align:center;color:rgba(255,255,255,.46);font-size:9px}.disclaimer{margin-top:18px;padding:14px 17px;border:1px solid #DED8EE;border-radius:13px;background:#F5F2FB;color:var(--muted);font-size:11.5px;line-height:1.55}.disclaimer b{color:var(--purple-deep)}
.signup-strip{width:min(1060px,calc(100% - 40px));margin:0 auto 76px;padding:33px 38px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(120deg,rgba(124,92,255,.2),rgba(255,255,255,.05));box-shadow:inset 0 1px rgba(255,255,255,.12)}.signup-strip span{color:var(--lavender);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.signup-strip h2{margin:5px 0 0;font-family:'Playfair Display',serif;font-size:27px}.signup-strip>a{flex:none;gap:10px;padding:14px 23px;font-size:13px}footer{max-width:1080px;margin:0 auto;padding:24px 28px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.42);font-size:11px}footer a{color:rgba(255,255,255,.62);font-weight:700}footer div{display:flex;gap:18px}
.exit-modal[hidden]{display:none}.exit-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px}.exit-backdrop{position:absolute;inset:0;background:rgba(5,5,10,.78);backdrop-filter:blur(12px);animation:fade-in .18s ease}.exit-dialog{position:relative;width:min(470px,100%);padding:34px 34px 28px;text-align:center;color:var(--ink);background:linear-gradient(150deg,#fff,#F4F0FC);border:1px solid #fff;border-radius:26px;box-shadow:0 40px 100px rgba(0,0,0,.52);animation:modal-in .28s cubic-bezier(.2,.8,.2,1)}.exit-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#ECE8F5;color:var(--muted);cursor:pointer;font-size:22px}.offer-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#ECE6FF;color:var(--purple-deep);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.discount-number{display:flex;justify-content:center;align-items:center;margin:14px 0 4px;color:var(--purple)}.discount-number strong{font-family:'IBM Plex Mono',monospace;font-size:76px;line-height:.9;letter-spacing:-.08em}.discount-number span{text-align:left;font-size:20px;font-weight:800;line-height:.9}.exit-dialog h2{margin:18px auto 8px;max-width:370px;font-family:'Playfair Display',serif;font-size:29px;line-height:1.15}.exit-dialog p{margin:0 auto 20px;color:var(--muted);font-size:14px}.exit-cta{width:100%;padding:14px 18px;box-shadow:0 12px 28px rgba(92,68,180,.3)}.exit-dialog>small{display:block;margin:11px auto 0;max-width:350px;color:var(--soft);font-size:10px;line-height:1.5}.continue-link{margin-top:16px;padding:5px;border:0;background:transparent;color:var(--muted);font-size:11px;text-decoration:underline;cursor:pointer}@keyframes fade-in{from{opacity:0}}@keyframes modal-in{from{opacity:0;transform:translateY(18px) scale(.97)}}
@media(max-width:860px){.hero{padding-top:68px}.hero h1{font-size:46px}.calculator-shell{padding:24px}.calculator-grid{grid-template-columns:1fr}.result-card{position:relative;top:auto;min-height:440px}.signup-strip{align-items:flex-start;flex-direction:column}.header-label{display:none}}
@media(max-width:600px){.site-header{padding:12px 12px 0}.header-pill{padding:7px 8px 7px 9px}.brand span{display:none}.header-cta{padding:10px 15px}.hero{padding:58px 20px 50px}.hero h1{font-size:37px}.hero p{font-size:14px}.calculator-shell{width:calc(100% - 20px);padding:15px;border-radius:20px}.calculator-heading{align-items:flex-start;flex-direction:column;gap:12px}.input-column{grid-template-columns:1fr}.syringe-step{grid-column:auto}.syringe-options{grid-template-columns:1fr}.dose-chips{grid-template-columns:repeat(3,1fr)}.result-card{padding:18px;min-height:0}.result-empty{min-height:300px}.signup-strip{width:calc(100% - 20px);padding:26px 22px}.signup-strip h2{font-size:24px}footer{align-items:flex-start;flex-direction:column}.exit-dialog{padding:29px 20px 24px}.discount-number strong{font-size:64px}.exit-dialog h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Seringas — desenho técnico com escala U-100 real por capacidade */
.syringe-options{gap:11px}.syringe-options button{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:12px 13px 10px;border-radius:14px;background:linear-gradient(180deg,#fff,#FAF9FD);color:var(--muted);overflow:hidden}.syringe-options button:hover{background:#FBF9FF;transform:translateY(-1px);box-shadow:0 8px 20px rgba(65,52,112,.08)}.syringe-options button.active{border-color:#8B78C3;background:linear-gradient(145deg,#F0EBFF,#FBF9FF);color:var(--purple-deep);box-shadow:0 0 0 2px rgba(106,91,168,.08),0 10px 24px rgba(70,52,130,.12)}.option-syringe{display:block;width:100%;height:43px}.option-syringe svg,.result-syringe svg{display:block;width:100%;height:100%;overflow:visible}.syringe-option-copy{display:flex;align-items:baseline;justify-content:center;gap:7px}.syringe-option-copy b{font-family:'IBM Plex Mono',monospace;font-size:10.5px!important;color:var(--ink)}.syringe-option-copy small{font-size:8.5px!important;color:var(--soft);opacity:1!important}.syringe-options button.active .syringe-option-copy b{color:var(--purple-deep)}
.option-syringe .needle-line,.option-syringe .plunger-rod,.option-syringe .finger-flange,.option-syringe .plunger-handle{fill:none;stroke:#818BA2;stroke-width:1.4;stroke-linecap:round}.option-syringe .needle-tip{fill:#818BA2}.option-syringe .needle-hub{fill:#D7DCE8;stroke:#818BA2;stroke-width:1}.option-syringe .syringe-barrel{fill:rgba(255,255,255,.88);stroke:#7D879D;stroke-width:1.5}.option-syringe .syringe-tick{fill:none;stroke:#68738B;stroke-width:.8}.option-syringe .syringe-tick.minor{opacity:.54}.option-syringe .syringe-tick.major{stroke-width:1.15}.option-syringe .syringe-liquid{opacity:.56}.option-syringe .rubber-stopper{fill:#574691;opacity:.84}.syringe-options button.active .option-syringe .syringe-barrel{stroke:#574691}.syringe-options button.active .option-syringe .needle-line,.syringe-options button.active .option-syringe .plunger-rod,.syringe-options button.active .option-syringe .finger-flange,.syringe-options button.active .option-syringe .plunger-handle,.syringe-options button.active .option-syringe .syringe-tick{stroke:#574691}.syringe-options button.active .option-syringe .needle-tip{fill:#574691}
.result-syringe-frame{margin:17px 0 3px;padding:13px 10px 7px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.08)}.result-syringe{width:100%;height:92px}.result-syringe .needle-line,.result-syringe .plunger-rod,.result-syringe .finger-flange,.result-syringe .plunger-handle{fill:none;stroke:#C8D0E0;stroke-width:1.6;stroke-linecap:round}.result-syringe .needle-tip{fill:#D5DBE8}.result-syringe .needle-hub{fill:#758098;stroke:#D5DBE8;stroke-width:1}.result-syringe .syringe-barrel{fill:#FDFDFF;stroke:#D5DBE8;stroke-width:1.7}.result-syringe .syringe-tick{fill:none;stroke:#606B82;stroke-width:.85}.result-syringe .syringe-tick.minor{opacity:.7}.result-syringe .syringe-tick.major{stroke:#3F4A61;stroke-width:1.25}.result-syringe .syringe-liquid{opacity:.86}.result-syringe .rubber-stopper{fill:#574691}.result-syringe .dose-guide{fill:none;stroke:#D7CCFF;stroke-width:1;stroke-dasharray:2 2}.result-syringe .dose-badge{fill:#7C5CFF}.result-syringe .dose-label{fill:#fff;font-family:'IBM Plex Mono',monospace;font-size:7px;font-weight:700}.result-syringe text:not(.dose-label){fill:rgba(235,232,247,.68);font-family:'IBM Plex Mono',monospace;font-size:7px;font-weight:600}.result-note{margin-top:2px;font-size:10.5px}
@media(max-width:600px){.syringe-options button{padding:11px 12px 9px}.option-syringe{height:48px}.syringe-option-copy b{font-size:11px!important}.syringe-option-copy small{font-size:9px!important}.result-syringe-frame{padding:12px 7px 6px}.result-syringe{height:88px}}