:root{--ink:#10212b;--muted:#62727b;--brand:#0d8f83;--brand2:#075e59;--soft:#eefaf8;--line:#dbe8e5;--card:#fff;--danger:#a33b35;--shadow:0 16px 45px rgba(15,58,58,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f5faf9;color:var(--ink);line-height:1.65}a{color:inherit}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{font-size:1.35rem;font-weight:900;text-decoration:none;color:var(--ink)}.brand span{color:var(--brand)}nav{display:flex;gap:20px}nav a{text-decoration:none;font-weight:700;font-size:.9rem;color:#36525a}.menu{display:none;border:0;background:var(--soft);border-radius:12px;padding:8px 11px;font-size:1.25rem}main{max-width:1100px;margin:auto;padding:22px 16px 50px}.hero{display:grid;grid-template-columns:1.5fr .7fr;gap:25px;align-items:center;padding:45px 10px 35px}.eyebrow{font-size:.76rem;letter-spacing:.14em;font-weight:900;color:var(--brand);margin:0 0 8px}.hero h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.05;margin:0 0 15px}.lead{font-size:1.05rem;color:var(--muted);max-width:750px}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.pills span,.badge{background:var(--soft);color:var(--brand2);padding:7px 11px;border-radius:999px;font-weight:800;font-size:.78rem}.hero-art{display:flex;flex-direction:column;align-items:center}.ring{width:210px;height:210px;border-radius:50%;background:conic-gradient(var(--brand) 0 72%,#d9efeb 72% 100%);display:grid;place-items:center;animation:float 4s ease-in-out infinite}.ring>div{width:168px;height:168px;border-radius:50%;background:white;display:grid;place-items:center;align-content:center;box-shadow:var(--shadow)}.ring b{font-size:1.5rem}.ring small{font-size:1.8rem;font-weight:900;color:var(--brand)}.pulse{margin-top:12px;color:var(--brand2);font-weight:800}.pulse:first-letter{animation:pulse 1.5s infinite}.card,.article,.faq{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:24px;margin:18px 0}.section-head,.result-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.section-head h2,.card h2,.article h2,.faq h2{margin:0 0 12px}.grid{display:grid;gap:15px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{font-weight:800;font-size:.9rem;color:#36525a}input,select{display:block;width:100%;margin-top:7px;border:1px solid #cbdcd9;background:#fbfefd;border-radius:13px;padding:13px;font:inherit;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(13,143,131,.12)}.advanced{margin-top:17px;border-top:1px solid var(--line);padding-top:15px}.adv-toggle{border:0;background:transparent;color:var(--brand2);font-weight:900;cursor:pointer;padding:4px 0}.adv-panel{display:none;padding-top:14px}.advanced.open .adv-panel{display:block;animation:slide .3s ease}.hint{font-size:.84rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.actions button{border:0;border-radius:12px;padding:12px 16px;font-weight:900;cursor:pointer}.primary{background:var(--brand);color:white}.secondary{background:var(--soft);color:var(--brand2)}.primary:hover,.secondary:hover{transform:translateY(-1px)}.message{margin-top:15px;padding:12px;border-radius:12px;background:#fff6df;color:#795c14}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 7px #e4f6f2}.result{animation:rise .5s ease}.big-number{font-size:clamp(2.6rem,8vw,4.2rem);font-weight:950;color:var(--brand);line-height:1}.sub{color:var(--muted)}.gauge{margin:22px 0}.gauge-track{height:20px;border-radius:99px;background:linear-gradient(90deg,#a7ded5 0 55%,#ffe0aa 55% 72%,#efb5b0 72%);position:relative}.good-zone{position:absolute;left:0;top:0;height:100%;width:55%;background:rgba(13,143,131,.45);border-radius:99px}.gauge-track #needle{position:absolute;top:-6px;width:8px;height:32px;background:var(--ink);border-radius:8px;left:0;transition:left .7s cubic-bezier(.2,.8,.2,1)}.gauge-labels{display:flex;justify-content:space-between;font-size:.74rem;color:var(--muted);margin-top:7px}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:#f6fbfa;border-radius:15px;padding:14px}.stat span{display:block;color:var(--muted);font-size:.78rem}.stat b{font-size:1.05rem}.verdict{margin-top:15px;border-radius:15px;padding:16px;background:var(--soft);font-weight:800}.verdict.fail{background:#fff0ee;color:var(--danger)}.audit{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}.audit summary{cursor:pointer;font-weight:900}.audit li{margin:7px 0}.legacy{background:#fffdf7}.legacy-out{margin-top:12px;font-size:1.6rem;font-weight:900;color:var(--brand2)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.features article{background:white;border:1px solid var(--line);padding:20px;border-radius:18px}.features b{display:block;margin-bottom:6px}.features p{margin:0;color:var(--muted);font-size:.9rem}.article h3{margin-top:30px;color:var(--brand2)}.article p{color:#41545c}.formula-box{border:1px solid var(--line);background:#f7fcfb;border-radius:15px;padding:16px;margin:12px 0}.formula-box code{display:block;font-size:1rem;font-weight:900;white-space:pre-wrap;margin:8px 0;color:var(--brand2)}.formula-box small{color:var(--muted)}.checklist{padding-left:22px}.checklist li{margin:8px 0}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{font-weight:900;cursor:pointer}.disclaimer{padding:22px;border-radius:20px;background:#fff4e8;border:1px solid #f0d7b9;margin-top:20px}.disclaimer h2{margin-top:0}.disclaimer p{margin-bottom:0;color:#624d3d}footer{padding:30px 18px;background:#102b31;color:white;display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}footer a{color:#b9eee7}footer span,footer small{color:#b8c9cd}@keyframes float{50%{transform:translateY(-8px)}}@keyframes pulse{50%{opacity:.45}}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes slide{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media(max-width:800px){nav{display:none;position:absolute;top:62px;left:12px;right:12px;background:white;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--shadow);flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:12px;border-bottom:1px solid #edf2f1}.menu{display:block}.hero{grid-template-columns:1fr;text-align:center}.pills{justify-content:center}.hero-art{order:-1}.ring{width:170px;height:170px}.ring>div{width:135px;height:135px}.ring small{font-size:1.45rem}.two,.result-grid,.features{grid-template-columns:1fr}.result-top{flex-direction:column}.big-number{font-size:3rem}.card,.article,.faq{padding:18px;border-radius:18px}.actions button{flex:1;min-width:130px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.site-header,.actions,.advanced,.hero-art,footer,.features{display:none!important}body{background:white}.card,.article,.faq{box-shadow:none;border:0}.result{display:block!important}}
