:root{--ink:#10231f;--muted:#61736e;--paper:#f5f7f3;--white:#fff;--line:#dce5df;--green:#1f6a50;--green-2:#2e8767;--mint:#dff0e8;--amber:#b16b0f;--amber-bg:#fff2dc;--red:#a43e3e;--red-bg:#fce8e6;--blue:#256d85;--shadow:0 18px 50px rgba(24,51,43,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.interpretation,.interpretation-item{min-width:0;max-width:100%;overflow-wrap:anywhere}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:18px clamp(20px,4vw,72px);background:#0d2b24;color:#fff;border-bottom:1px solid rgba(255,255,255,.11)}.brand{display:flex;align-items:center;gap:17px;text-decoration:none}.brand-logo{display:block;width:190px;height:auto}.brand-product{padding-left:17px;border-left:1px solid rgba(255,255,255,.2)}.brand-product strong,.brand-product small{display:block}.brand-product strong{font-size:.9rem}.brand-product small{color:#9fc2b5;font-size:.69rem;letter-spacing:.06em;text-transform:uppercase}.service-state{display:flex;align-items:center;gap:8px;color:#bdd5cc;font-size:.78rem}.service-state span{width:8px;height:8px;border-radius:50%;background:#e6a540}.service-state.ready span{background:#76c49e}.service-state.error span{background:#ec7b72}
main{width:100%}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(30px,6vw,100px);padding:clamp(48px,7vw,104px) clamp(20px,6vw,110px) clamp(36px,5vw,70px);background:radial-gradient(circle at 88% 14%,rgba(70,148,115,.24),transparent 28rem),#0d2b24;color:#fff}.hero-copy{max-width:960px}.eyebrow,.step-label{margin:0 0 9px;color:#5da687;font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:1000px;margin:0;font-size:clamp(2.35rem,4.6vw,4.8rem);line-height:1.01;letter-spacing:-.055em}.intro{max-width:880px;margin:24px 0 0;color:#c2d7cf;font-size:clamp(1rem,1.35vw,1.18rem)}.signal-list{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none}.signal-list li{padding:6px 9px;border:1px solid rgba(128,190,163,.28);border-radius:7px;background:rgba(255,255,255,.045);color:#a9cabe;font:700 .68rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.independent-note{align-self:end;padding:23px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.055)}.independent-note .note-kicker{display:block;margin-bottom:8px;color:#6eb895;font-size:.65rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.independent-note strong{font-size:.97rem}.independent-note p{margin:8px 0 0;color:#b8cec6;font-size:.86rem}
.test-panel,.progress-panel,.report{margin:clamp(24px,4vw,58px) clamp(16px,4vw,72px)}.test-panel,.progress-panel,.report-section,.verdict-card{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.test-panel{padding:clamp(20px,3vw,38px)}.panel-heading,.progress-top,.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.panel-heading h2,.progress-top h2,.section-heading h2,.report-section h2{margin:0;font-size:clamp(1.25rem,2vw,1.8rem);letter-spacing:-.025em}.panel-heading>p{margin:5px 0;color:var(--muted);font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.test-panel form{margin-top:25px}.test-fields{display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(280px,.8fr) auto;align-items:end;gap:13px}.field{min-width:0}.test-panel label{display:block;margin-bottom:8px;font-size:.77rem;font-weight:850;letter-spacing:.02em}.field small{display:block;margin-top:7px;color:var(--muted);font-size:.7rem}.field code{color:var(--green);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.analyze-button{min-height:52px}input{width:100%;min-width:0;padding:15px 16px;border:1px solid #becdc5;border-radius:10px;background:#fbfcfb;color:var(--ink);outline:0}input:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(46,135,103,.13)}.button{border:0;border-radius:10px;padding:13px 18px;font-weight:800;white-space:nowrap;transition:.16s ease}.button:disabled{cursor:not-allowed;opacity:.58}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:#17533f;transform:translateY(-1px)}.secondary{background:#e7f0eb;color:#174b3b;border:1px solid #c4d8cd}.secondary:hover{background:#d9e9e0}.ghost{background:transparent;color:var(--green);border:1px solid transparent}.form-message{min-height:1.4em;margin:12px 0 0;color:var(--red);font-size:.84rem}
.progress-panel{padding:clamp(22px,3vw,38px);background:#102f27;color:#fff;border-radius:18px;box-shadow:var(--shadow)}.progress-top .step-label{color:#74b89b}.progress-top h2{color:#fff}.timer{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);font-variant-numeric:tabular-nums}.pulse{width:8px;height:8px;border-radius:50%;background:#71c39b;animation:pulse 1.1s infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}.progress-track{height:5px;margin:25px 0;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}.progress-track span{display:block;width:6%;height:100%;background:#6fbd99;border-radius:inherit;transition:width .5s ease}.stages{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0;padding:0;list-style:none}.stages li{display:flex;gap:9px;opacity:.42}.stages li>span{display:grid;flex:0 0 25px;height:25px;place-items:center;border:1px solid #82a99a;border-radius:50%;font-size:.7rem;font-weight:850}.stages strong,.stages small{display:block}.stages strong{font-size:.78rem}.stages small{color:#b3cac1;font-size:.67rem}.stages li.active,.stages li.done{opacity:1}.stages li.done>span{background:#6fbd99;color:#0d2b24;border-color:#6fbd99}.progress-help{margin:22px 0 0;color:#b9cec6;font-size:.8rem}
.report{display:grid;gap:18px}.report>*{min-width:0}.verdict-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.55fr);max-width:100%;overflow:hidden}.verdict-main{min-width:0;padding:clamp(24px,3.5vw,44px)}.verdict-line{display:flex;align-items:center;gap:13px}.verdict-line h2{min-width:0;margin:0;font-size:clamp(1.7rem,3vw,3rem);letter-spacing:-.045em}.verdict-mark{display:grid;flex:0 0 42px;height:42px;place-items:center;border-radius:50%;background:var(--mint);color:var(--green);font-weight:900}.verdict-main>p:last-child{max-width:780px;margin:13px 0 0;color:var(--muted)}.verdict-meta{display:grid;min-width:0;margin:0;padding:28px;background:#f0f5f2}.verdict-meta div{min-width:0;padding:10px 0;border-bottom:1px solid #d4e0d9}.verdict-meta div:last-child{border:0}.verdict-meta dt{color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.verdict-meta dd{margin:3px 0 0;font-size:.84rem;font-weight:750;overflow-wrap:anywhere}.verdict-card.critical .verdict-mark{background:var(--red-bg);color:var(--red)}.verdict-card.high .verdict-mark,.verdict-card.medium .verdict-mark{background:var(--amber-bg);color:var(--amber)}
.interpretation{padding:clamp(22px,3vw,34px);background:#102f27;color:#fff;border-radius:18px;box-shadow:var(--shadow)}.interpretation-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.interpretation-heading .step-label{color:#75b99c}.interpretation-heading h2{margin:0;font-size:clamp(1.25rem,2vw,1.8rem)}.interpretation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden}.interpretation-item{padding:20px;background:#14382f}.interpretation-item>span{display:block;margin-bottom:7px;color:#87c7aa;font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.interpretation-item p{margin:0;color:#eef6f2;font-size:.91rem}.interpretation-item small{display:inline-block;margin-top:12px;padding:4px 8px;border-radius:99px;background:rgba(135,199,170,.14);color:#bfe0d1;font-size:.7rem;font-weight:750}.interpretation-item.issue>span{color:#f1ba70}.interpretation-item.action{background:#19483b}.interpretation-item.verify>span{color:#82cfaa}
.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.metric{min-width:0;padding:18px;background:var(--white);border:1px solid var(--line);border-radius:13px}.metric span,.metric small{display:block}.metric span{color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.metric strong{display:block;margin:5px 0 1px;font-size:1.35rem;letter-spacing:-.03em}.metric small{color:#83928e;font-size:.7rem}.metric.warn strong{color:var(--amber)}.metric.bad strong{color:var(--red)}
.report-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px}.report-section{padding:clamp(20px,3vw,34px)}.section-heading>span{padding:6px 9px;background:#eef4f0;border-radius:99px;color:var(--muted);font-size:.72rem}.recommendations{display:grid;gap:10px;margin-top:22px}.recommendation{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:15px;border:1px solid var(--line);border-radius:11px}.recommendation .priority{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#edf3ef;color:var(--green);font-size:.68rem;font-weight:900;text-transform:uppercase}.recommendation.critical .priority{background:var(--red-bg);color:var(--red)}.recommendation.high .priority,.recommendation.medium .priority{background:var(--amber-bg);color:var(--amber)}.recommendation h3{display:inline;margin:1px 8px 4px 0;font-size:.94rem}.recommendation .owner{display:inline-block;margin-bottom:6px;padding:3px 7px;border-radius:99px;background:#edf3ef;color:#426158;font-size:.64rem;font-weight:800}.recommendation p{margin:0;color:var(--muted);font-size:.8rem}.recommendation .action{margin-top:8px;color:var(--ink)}.recommendation .verify{margin-top:7px;padding-top:7px;border-top:1px dashed var(--line);color:var(--green);font-weight:700}.facts{margin:20px 0 0}.facts div{padding:11px 0;border-bottom:1px solid var(--line)}.facts div:last-child{border:0}.facts dt{color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase}.facts dd{margin:4px 0 0;font-size:.81rem;word-break:break-word}.facts code{font:inherit;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.74rem}
.screenshots{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.screenshots figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#e9efeb}.screenshots figcaption{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;background:#fff;font-size:.76rem}.screenshots figcaption span{color:var(--muted)}.screenshots img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#dfe7e2}
details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}.report-section>details>summary{display:flex;justify-content:space-between}.report-section>details>summary:after{content:'+';font-size:1.4rem;color:var(--green)}.report-section>details[open]>summary:after{content:'−'}.report-section>details summary strong,.report-section>details summary small{display:block}.report-section>details summary small{color:var(--muted);font-size:.75rem}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.evidence-grid h3{margin:0 0 9px;font-size:.83rem}.evidence-item,.empty-evidence{padding:9px 10px;margin:6px 0;border-radius:8px;background:#f3f6f4;color:#52635e;font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.empty-evidence{font-family:inherit;color:#71817c}.report-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}.report-actions p{margin:7px 0 0;color:var(--muted);font-size:.83rem}.action-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.copy-state{grid-column:1/-1;min-height:1em;color:var(--green)!important;text-align:right}.limitations{padding:10px 4px 0}.limitations h2{margin:0;font-size:.88rem}.limitations ul{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:.78rem}
.method{padding:clamp(46px,7vw,100px) clamp(20px,5vw,84px);background:#e9efeb}.method>.eyebrow{text-align:center}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;max-width:1500px;margin:24px auto 0;background:#cbd8d1;border:1px solid #cbd8d1;border-radius:16px;overflow:hidden}.method article{padding:28px;background:#f6f8f5}.method article>span{color:var(--green-2);font-size:.72rem;font-weight:900}.method h2{margin:18px 0 7px;font-size:1rem}.method p{margin:0;color:var(--muted);font-size:.8rem}footer{display:flex;justify-content:space-between;gap:20px;padding:22px clamp(20px,5vw,84px);background:#0d2b24;color:#a8c4ba;font-size:.75rem}
@media(max-width:1100px){.test-fields{grid-template-columns:1fr 1fr}.analyze-button{grid-column:1/-1;width:100%}.metric-grid{grid-template-columns:repeat(3,1fr)}.report-grid{grid-template-columns:1fr}.stages{grid-template-columns:repeat(3,1fr);row-gap:18px}.method-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.topbar{padding:14px 16px}.brand-logo{width:165px}.brand-product{display:none}.service-state{font-size:0}.hero{grid-template-columns:1fr;padding:44px 18px 32px}.hero h1{font-size:clamp(2.25rem,12vw,3.7rem)}.independent-note{align-self:auto}.test-panel,.progress-panel,.report{margin:16px 10px}.test-fields{grid-template-columns:1fr}.analyze-button{grid-column:auto}.panel-heading,.progress-top{align-items:flex-start}.panel-heading>p{display:none}.verdict-card{grid-template-columns:1fr}.verdict-meta{grid-template-columns:repeat(3,1fr);gap:10px}.verdict-meta div{border:0;padding:0}.interpretation-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.screenshots,.evidence-grid{grid-template-columns:1fr}.report-actions{grid-template-columns:1fr}.action-buttons{justify-content:flex-start}.copy-state{text-align:left}.stages{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr}footer{flex-direction:column}}
@media(max-width:460px){.brand-logo{width:148px}.hero h1{font-size:2.35rem}.signal-list li{font-size:.62rem}.test-panel,.progress-panel,.report{margin-left:0;margin-right:0}.test-panel,.progress-panel,.report-section,.verdict-card{border-left:0;border-right:0;border-radius:0}.verdict-meta{grid-template-columns:1fr}.metric-grid{gap:7px;padding:0 8px}.metric{padding:13px}.metric strong{font-size:1.08rem}.stages{grid-template-columns:1fr}.section-heading{display:block}.screenshots figcaption{display:block}.screenshots figcaption span{display:block;margin-top:3px}.action-buttons{display:grid}.button{width:100%}}