.ec-form{background:var(--surface);border:1px solid var(--rule);border-radius:14px;gap:16px;padding:28px;display:grid;box-shadow:0 24px 60px #131b221a}.ec-form .btn{justify-content:center;justify-self:stretch}.ec-form .note.error{color:#a3361f}#ec-result{outline:none;scroll-margin-top:88px}.ec-top{background:var(--surface);border:1px solid var(--rule);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:48px;padding:36px;display:grid;box-shadow:0 24px 60px #131b2214}.ec-scorecard{--lvl:var(--teal);justify-items:center;gap:10px;display:grid}.ec--ok{--lvl:#1f7a4d;--lvl-bg:#e6f4ec}.ec--warn{--lvl:#9a5b00;--lvl-bg:#fdf1dc}.ec--gap{--lvl:#b3261e;--lvl-bg:#fbe9e7}.ec-ring{width:180px;height:180px}.ec-ring__bg{fill:none;stroke:#e6eeed;stroke-width:10px}.ec-ring__fg{fill:none;stroke:var(--lvl);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.2,.7,.2,1)}.ec-ring__num{fill:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:600}.ec-ring__of{fill:var(--muted);font-size:9px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase}.ec-grade{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px}.ec-grade b{color:var(--lvl);font-size:16px}.ec-verdict .lead,.ec-verdict .note{margin-top:12px}.ec-verdict .actions{margin-top:24px}.ec-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.ec-check{background:var(--surface);border:1px solid var(--rule);border-top:4px solid var(--lvl);border-radius:14px;align-content:start;gap:12px;padding:24px;font-size:16px;display:grid}.ec-check__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ec-check__purpose{color:var(--muted);margin-top:2px;font-size:14px}.ec-check__side{flex:none;justify-items:end;gap:6px;display:grid}.ec-pill{background:var(--lvl-bg);color:var(--lvl);white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:13px;font-weight:600}.ec-pts{font-family:var(--mono);color:var(--muted);font-size:13px}.ec-check__found{font-weight:600}.ec-rec{font-family:var(--mono);border:1px solid var(--rule);word-break:break-all;background:#eef7f8;border-radius:6px;padding:8px 10px;font-size:12.5px;line-height:1.5;display:block}.ec-check__fix{background:var(--teal-50);border-radius:8px;padding:12px 14px;font-size:15px}.ec-scan{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ec-scan li{color:var(--muted);border:1px solid var(--rule);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:600;transition:color .3s,border-color .3s,background .3s;display:flex;position:relative;overflow:hidden}.ec-scan small{font-family:var(--mono);margin-left:auto;font-size:11.5px;font-weight:400}.ec-scan__dot{border:2px solid var(--rule);border-radius:50%;flex:none;width:18px;height:18px;position:relative}.ec-scan li.is-run{color:var(--ink);border-color:var(--signal);background:#f1fafb}.ec-scan li.is-run:after{content:"";background:linear-gradient(90deg,#0000,#5cb8c259,#0000);animation:.62s linear ec-sweep;position:absolute;inset:0;transform:translate(-100%)}.ec-scan li.is-run .ec-scan__dot{border-color:var(--signal);border-top-color:var(--teal);animation:.6s linear infinite ec-spin}.ec-scan li.is-done{color:var(--ink);border-color:#0d657059}.ec-scan li.is-done .ec-scan__dot{border-color:var(--teal);background:var(--teal)}.ec-scan li.is-done .ec-scan__dot:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1.5px;left:4.5px;transform:rotate(45deg)}@keyframes ec-spin{to{transform:rotate(360deg)}}@keyframes ec-sweep{to{transform:translate(100%)}}.ec-in .ec-top{animation:.6s cubic-bezier(.2,.7,.2,1) both ec-rise,2.2s ease-out .2s both ec-glow}.ec-in .ec-check{animation:.6s cubic-bezier(.2,.7,.2,1) both ec-rise}.ec-in .ec-check:first-child{animation-delay:.25s}.ec-in .ec-check:nth-child(2){animation-delay:.4s}.ec-in .ec-check:nth-child(3){animation-delay:.55s}.ec-in .ec-next{animation:.7s cubic-bezier(.2,.7,.2,1) .8s both ec-rise}.ec-in .ec-pill{animation:.45s cubic-bezier(.3,1.6,.5,1) .9s both ec-pop}@keyframes ec-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes ec-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes ec-glow{0%{box-shadow:0 0 #5cb8c2bf,0 24px 60px #131b2214}to{box-shadow:0 0 0 26px #5cb8c200,0 24px 60px #131b2214}}.ec-check{position:relative}.ec-check--focus{box-shadow:0 0 0 2px var(--lvl), 0 18px 40px #131b221a}.ec-in .ec-check--focus{animation:.6s cubic-bezier(.2,.7,.2,1) both ec-rise,1.6s ease-out 1.2s 2 ec-focus}@keyframes ec-focus{0%{box-shadow:0 0 0 2px var(--lvl), 0 0 0 0 var(--lvl-bg)}60%{box-shadow:0 0 0 2px var(--lvl), 0 0 0 14px var(--lvl-bg)}to{box-shadow:0 0 0 2px var(--lvl), 0 18px 40px #131b221a}}.ec-start{background:var(--lvl);color:#fff;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:3px 10px;font-size:11px;position:absolute;top:-13px;left:20px}.ec-next{color:#e8f4f5;background:radial-gradient(600px 360px at 100% 0,#5cb8c259,#0000 70%),linear-gradient(135deg,#0a3f47 0%,#0d6570 58%,#13808c 100%);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;margin-top:20px;padding:44px;scroll-margin-top:96px;display:grid}.ec-next .eyebrow{color:#9fe0e6}.ec-next h2{color:#fff;margin-top:10px;font-size:clamp(1.5rem,2.8vw,2rem)}.ec-next__text>p{color:#cfe7ea;margin-top:14px}.ec-next .checks{margin-top:22px}.ec-next .checks li{color:#e3eff0}.ec-lead{background:var(--surface);color:var(--ink);border-radius:12px;gap:14px;padding:28px;display:grid;box-shadow:0 24px 60px #00000040}.ec-lead__row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ec-lead .btn{justify-content:center}.ec-lead .note.error{color:#a3361f}.ec-hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.ec-sent{outline:none;justify-items:start}@media (width<=900px){.ec-next{grid-template-columns:1fr;gap:28px;padding:28px 22px}}@media (width<=480px){.ec-lead__row{grid-template-columns:1fr}}.ec-how{margin-top:40px}.ec-how h3{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ec-faq .grid{margin-top:40px}@media (width<=960px){.ec-checks{grid-template-columns:1fr}}@media (width<=720px){.ec-top{grid-template-columns:1fr;justify-items:start;gap:24px;padding:24px}.ec-ring{width:150px;height:150px}}@media (prefers-reduced-motion:reduce){.ec-ring__fg{transition:none}.ec-in .ec-top,.ec-in .ec-check,.ec-in .ec-next,.ec-in .ec-pill,.ec-in .ec-check--focus,.ec-scan li.is-run:after,.ec-scan li.is-run .ec-scan__dot{animation:none}}
