@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(../media/archivo-latin-600-normal.a8eb408d.woff2)format("woff2"),url(../media/archivo-latin-600-normal.55ad0f25.woff)format("woff")}
@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:800;src:url(../media/archivo-latin-800-normal.76ac6914.woff2)format("woff2"),url(../media/archivo-latin-800-normal.d0e2eb3d.woff)format("woff")}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-latin-400-normal.d4d28424.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-400-normal.1d8ce7f2.woff)format("woff")}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-latin-500-normal.37f1bff6.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-500-normal.9fb9ca89.woff)format("woff")}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-latin-600-normal.4f57b3e5.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-600-normal.5ee9321e.woff)format("woff")}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-latin-500-normal.86c63b08.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-500-normal.0110bde2.woff)format("woff")}
:root{--bg:#fff;--tint:#f3f6f9;--surface:#fff;--ink:#0f1f2e;--muted:#5a6b7b;--line:#e2e8ee;--line-strong:#cbd5df;--brand:#0b3d62;--brand-soft:#e9f1f8;--accent:#ffb000;--accent-hover:#f0a400;--accent-soft:#fff5da;--accent-text:#5c4100;--deep:#0b3d62;--bar:#c9d5e0;--good:#17703f;--good-soft:#e3f4ea;--warn:#9a4a0b;--warn-soft:#fdf0e3;--bad:#a3271f;--bad-soft:#f9e3e1;--radius:16px;--radius-sm:10px;--shadow:0 1px 2px rgba(15,31,46,.04),0 8px 28px rgba(15,31,46,.06);--shadow-lg:0 2px 4px rgba(15,31,46,.05),0 18px 48px rgba(15,31,46,.1);--f-display:"Archivo","Helvetica Neue",Arial,sans-serif;--f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-size:17px;line-height:1.6;display:flex}main{flex:1}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;color:var(--ink);margin:0;line-height:1.12}h1{letter-spacing:-.02em;font-size:max(2.1rem,min(4.6vw,3.3rem));font-weight:800}h2{letter-spacing:-.01em;font-size:max(1.45rem,min(2.6vw,2rem));font-weight:800}h3{font-size:1.15rem;font-weight:600}p{margin:0}a{color:var(--brand)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.container{max-width:1200px;margin:0 auto;padding:0 24px}.band{padding:max(48px,min(7vw,88px)) 0}.band.tint{background:var(--tint)}.band.tight{padding:max(32px,min(4vw,48px)) 0}.stack{gap:24px;display:grid}.stack-lg{gap:40px;display:grid}.section-head{gap:10px;max-width:720px;display:grid}.section-head.center{text-align:center;justify-items:center;margin:0 auto}.wrap{align-content:start;gap:32px;max-width:1200px;margin:0 auto;padding:48px 24px 80px;display:grid}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-size:.82rem;font-weight:600}.lead{color:var(--muted);max-width:64ch;font-size:1.12rem}.page-head{gap:12px;display:grid}.site-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;position:-webkit-sticky;position:sticky;top:0}.site-header nav{flex-wrap:wrap;align-items:center;gap:28px;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.site-header .brand{font-family:var(--f-display);color:var(--brand);align-items:center;gap:10px;margin-right:auto;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.site-header .brand svg{flex:none}.site-header .navlink{color:var(--ink);font-weight:500;text-decoration:none}.site-header .navlink:hover{color:var(--brand);text-underline-offset:4px;text-decoration:underline}@media (max-width:720px){.site-header .navlink{display:none}}.site-footer{background:var(--tint);border-top:1px solid var(--line);margin-top:0}.site-footer .inner{max-width:1200px;color:var(--muted);gap:14px;margin:0 auto;padding:40px 24px 48px;font-size:.9rem;display:grid}.site-footer .links{flex-wrap:wrap;gap:24px;display:flex}.site-footer .links a{color:var(--ink);font-weight:500;text-decoration:none}.site-footer ul{gap:4px;margin:0;padding-left:18px;display:grid}.site-footer details summary{cursor:pointer;color:var(--ink);font-weight:500}button,.button{font:inherit;cursor:pointer;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}button:hover,.button:hover{border-color:var(--brand)}button:disabled{opacity:.45;cursor:not-allowed}.button.primary,button.primary{background:var(--accent);border-color:var(--accent);color:#1f1600}.button.primary:hover,button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button.lg,button.lg{padding:16px 30px;font-size:1.08rem}.button.ghost,button.ghost{color:var(--brand);background:0 0;border-color:transparent;padding-left:8px;padding-right:8px}.button.ghost:hover,button.ghost:hover{text-underline-offset:4px;text-decoration:underline}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.actions.center{justify-content:center}.ok-msg{color:var(--good);font-size:.88rem}.hero{background:linear-gradient(180deg,var(--brand-soft)0%,#fff 100%);padding:max(56px,min(9vw,112px)) 0 max(48px,min(7vw,88px))}.hero .container{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:56px;display:grid}@media (max-width:900px){.hero .container{grid-template-columns:1fr}.hero-art{display:none}}.hero h1{margin-top:14px;font-size:max(2.4rem,min(5.4vw,3.9rem))}.hero h1 .hl{color:var(--brand)}.hero .lead{margin-top:18px;font-size:1.2rem}.hero-form{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);gap:10px;max-width:560px;margin-top:32px;padding:10px;display:flex}.hero-form input{flex:1;background:0 0!important;border:none!important;padding:14px 16px!important;font-size:1.15rem!important}.hero-form input:focus{outline:none}.hero-form:focus-within{outline:3px solid var(--accent);outline-offset:2px}.hero-trust{color:var(--muted);flex-wrap:wrap;gap:22px;margin-top:20px;font-size:.95rem;display:flex}.hero-trust span{align-items:center;gap:8px;display:inline-flex}.hero-art{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:24px;gap:16px;padding:28px;display:grid}.hero-art .row-item{border-radius:var(--radius-sm);background:var(--tint);align-items:center;gap:14px;padding:14px;display:flex}.hero-art .row-item strong{font-family:var(--f-display);font-size:1.25rem;line-height:1.1;display:block}.hero-art .row-item span{color:var(--muted);font-size:.9rem}.icon-chip{background:var(--accent-soft);width:48px;height:48px;color:var(--accent-text);border-radius:12px;flex:none;place-items:center;display:grid}.icon-chip.navy{background:var(--brand-soft);color:var(--brand)}.blocks{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-content:start;gap:14px;padding:32px;display:grid}.band.tint .block{box-shadow:var(--shadow);border-color:transparent}.block p{color:var(--muted)}.block .num{font-family:var(--f-display);color:var(--brand);background:var(--brand-soft);border-radius:999px;place-items:center;width:36px;height:36px;font-size:.95rem;font-weight:800;display:grid}a.block{color:var(--ink);text-decoration:none;transition:box-shadow .15s,border-color .15s}a.block:hover{border-color:var(--brand);box-shadow:var(--shadow-lg)}a.block .more{color:var(--brand);font-weight:600}.wizard{align-content:start;gap:32px;width:100%;max-width:760px;margin:0 auto;padding:40px 24px 96px;display:grid}.progress{gap:10px;display:grid}.progress-meta{color:var(--muted);justify-content:space-between;font-size:.9rem;font-weight:500;display:flex}.progress-track{background:var(--tint);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--brand);border-radius:999px;height:100%;transition:width .25s}.step{gap:28px;display:grid}.step-head{gap:10px;display:grid}.step-head h1{font-size:max(1.8rem,min(4vw,2.5rem))}.step-head h1:focus{outline:none}.step-head p{color:var(--muted);font-size:1.08rem}.question{border:none;gap:14px;min-width:0;margin:0;padding:0;display:grid}.question legend,.question>.q-label{font-family:var(--f-display);margin-bottom:14px;padding:0;font-size:1.15rem;font-weight:600}.tiles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.tiles.wide{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tile{border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;align-content:start;justify-items:start;gap:10px;min-height:92px;padding:20px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:grid;position:relative}.tile:hover{border-color:var(--brand);box-shadow:var(--shadow)}.tile input{opacity:0;pointer-events:none;position:absolute}.tile:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.tile:has(input:checked){border:2px solid var(--brand);background:var(--brand-soft);padding:19.5px}.tile:has(input:checked):after{content:"";background:var(--brand)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat;border-radius:999px;width:22px;height:22px;position:absolute;top:14px;right:14px}.tile .t-title{font-size:1.05rem;font-weight:600;line-height:1.3}.tile .t-sub{color:var(--muted);font-size:.9rem;line-height:1.4}.tile .t-icon{color:var(--brand)}.big-input{align-items:center;gap:12px;max-width:360px;display:flex}.big-input input{font-family:var(--f-display);font-weight:600;padding:16px 18px!important;font-size:1.4rem!important}.big-input .unit{font-size:1.05rem}.input-note{color:var(--good);align-items:center;gap:8px;font-weight:500;display:flex}.input-note.err{color:var(--bad)}.wizard-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.reveal{background:var(--tint);border-radius:var(--radius);gap:14px;padding:22px;display:grid}.results-hero{background:var(--tint);padding:max(40px,min(6vw,72px)) 0}.results-hero .container{gap:18px;display:grid}.results-hero h1{max-width:22ch}.results-hero h1 .hl{color:var(--brand)}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:.88rem}.headline-stats{flex-wrap:wrap;gap:40px;margin-top:8px;display:flex}.headline-stats div{gap:2px;display:grid}.headline-stats .k{color:var(--muted);font-size:.92rem}.headline-stats .v{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:max(1.6rem,min(3vw,2.2rem));font-weight:800;line-height:1.1}.options{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}@media (max-width:960px){.options{grid-template-columns:1fr}}.option{background:var(--surface);border:1.5px solid var(--line);border-radius:20px;flex-direction:column;gap:20px;padding:32px 28px 28px;display:flex;position:relative}.option.recommended{border:2.5px solid var(--brand);box-shadow:var(--shadow-lg)}.option .badge{background:var(--accent);color:#1f1600;border-radius:999px;padding:5px 14px;font-size:.85rem;font-weight:700;position:absolute;top:-15px;left:24px}.option .o-head{gap:6px;display:grid}.option .o-head p{color:var(--muted);font-size:.95rem}.option .system{flex-wrap:wrap;gap:10px;display:flex}.option .system span{background:var(--tint);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:.95rem;font-weight:600;display:inline-flex}.option .saving{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:2px;padding:18px 0;display:grid}.option .saving .v{font-family:var(--f-display);color:var(--good);font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:800;line-height:1}.option .saving .k{color:var(--muted);font-size:.92rem}.option dl{gap:10px;margin:0;display:grid}.option dl div{justify-content:space-between;gap:12px;display:flex}.option dt{color:var(--muted)}.option dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.option .why{color:var(--muted);gap:6px;margin:0;padding-left:18px;font-size:.93rem;display:grid}.option details summary{cursor:pointer;color:var(--brand);font-weight:600}.option .o-foot{gap:10px;margin-top:auto;display:grid}.compare{border-radius:var(--radius);background:var(--tint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;display:flex}.compare p{color:var(--muted)}.cta-band{background:var(--brand);color:#fff;border-radius:24px;grid-template-columns:minmax(0,1.3fr) auto;align-items:center;gap:28px;padding:max(32px,min(5vw,56px));display:grid}.cta-band h2{color:#fff}.cta-band p{color:rgba(255,255,255,.82);margin-top:10px}@media (max-width:760px){.cta-band{grid-template-columns:1fr}}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.banner{background:var(--accent-soft);color:var(--accent-text);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:18px;padding:18px 24px;display:flex}.banner strong{font-family:var(--f-display);color:var(--ink);font-size:1.8rem;line-height:1}.banner .days{align-items:baseline;gap:6px;display:flex}.banner p{flex:300px}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:28px;display:grid}.two{grid-template-columns:1fr 1fr;gap:28px;display:grid}@media (max-width:820px){.grid2,.two{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-content:start;gap:22px;padding:32px;display:grid}.card.soft{background:var(--tint);border-color:transparent}.field{gap:8px;display:grid}.field>label{font-size:1rem;font-weight:600}.hint{color:var(--muted);font-size:.88rem;font-weight:400}input[type=number],input[type=date],input[type=search],input[type=text],select{font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;padding:12px 14px}input:focus-visible{outline:3px solid var(--accent);outline-offset:1px;border-color:var(--brand)}select:focus-visible{outline:3px solid var(--accent);outline-offset:1px;border-color:var(--brand)}input[type=range]{width:100%;accent-color:var(--brand)}.row{align-items:center;gap:12px;display:flex}.row>input[type=number]{max-width:160px}.unit{color:var(--muted);white-space:nowrap;font-size:.95rem}.state-note{background:var(--tint);border-radius:var(--radius-sm);gap:10px;padding:14px 16px;font-size:.92rem;display:grid}.result-top{gap:6px;display:grid}.result-label{font-family:var(--f-body);color:var(--muted);font-size:1rem;font-weight:500}.big{font-family:var(--f-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--brand);font-size:max(2.8rem,min(7vw,4rem));font-weight:800;line-height:1}.sub{color:var(--muted);font-variant-numeric:tabular-nums}.pill{background:var(--accent-soft);color:var(--accent-text);white-space:nowrap;border-radius:999px;width:-moz-fit-content;width:fit-content;padding:4px 11px;font-size:.8rem;font-weight:600;display:inline-block}.pill.approved{background:var(--good-soft);color:var(--good)}.pill.expiring{background:var(--warn-soft);color:var(--warn)}.pill.expired{background:var(--bad-soft);color:var(--bad)}.pill.unknown{background:var(--tint);color:var(--muted)}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.stat{background:var(--tint);border-radius:var(--radius-sm);gap:2px;padding:14px 16px;display:grid}.stat .k{color:var(--muted);font-size:.82rem}.stat .v{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:600}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.94rem}th,td{text-align:right;border-bottom:1px solid var(--line);padding:11px 8px}th:first-child,td:first-child{text-align:left}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}tr.total td{border-bottom:none;font-weight:600}td.left,th.left{text-align:left}.tablewrap{overflow-x:auto}.alert{border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--ink);border-left:4px solid var(--warn);gap:6px;padding:14px 16px;font-size:.94rem;display:grid}.alert.info{background:var(--brand-soft);border-left-color:var(--brand)}.chart{width:100%;height:auto;display:block}.chart text{font-family:var(--f-body);fill:var(--muted);font-size:12px}.chart .val{fill:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.chart .gridline{stroke:var(--line);stroke-width:1px}ul.check{gap:12px;margin:0;padding:0;list-style:none;display:grid}ul.check li{grid-template-columns:26px 1fr;gap:8px;display:grid}ul.check li:before{content:"";background:var(--good-soft)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317703f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat;border-radius:999px;width:20px;height:20px;margin-top:3px}.formula{font-family:var(--f-mono);background:var(--tint);border-radius:var(--radius-sm);white-space:pre;margin:0;padding:14px 16px;font-size:.88rem;overflow-x:auto}.brand-list{gap:36px;display:grid}.brand-group{gap:14px;display:grid}.series-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.series-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);gap:6px;padding:18px 20px;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:grid}.series-card:hover{border-color:var(--brand);box-shadow:var(--shadow)}.series-card .meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.88rem}.faq{gap:20px;display:grid}.faq h3{margin-bottom:6px}.crumbs{color:var(--muted);font-size:.9rem}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button.chip{cursor:pointer;font:inherit;font-size:.88rem}button.chip:hover{border-color:var(--brand)}button.chip[aria-pressed=true],button.chip[aria-selected=true]{background:var(--brand);border-color:var(--brand);color:#fff}.check-row{cursor:pointer;align-items:center;gap:10px;font-weight:600;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--brand)}.night-chart{gap:6px;margin:0;display:grid}.night-chart svg{width:100%;height:auto;display:block}.night-chart text{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.night-chart .grid{stroke:var(--line);stroke-width:1px}.night-chart .reserve{stroke:var(--warn);stroke-width:1.5px;stroke-dasharray:4 4}.night-chart .area{fill:var(--brand-soft)}.night-chart .line{fill:none;stroke:var(--brand);stroke-width:2.5px;stroke-linejoin:round}
