:root{color:#182842;font-synthesis:none;text-rendering:optimizelegibility;--blue:#3478f6;--blue-dark:#1758cc;--ink:#182842;--muted:#68758a;--line:#dce5f2;--paper:#fff;--success:#117a50;--warning:#a25a00;--danger:#b62a35;--shadow:0 20px 48px #2041741a;background:#f4f7fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% -10%,#dceaff 0,#0000 32rem),#f4f7fc;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{touch-action:manipulation}.app-shell{width:min(1120px,100%);margin:0 auto;padding:0 20px}.topbar{border-bottom:1px solid #18284214;align-items:center;gap:12px;min-height:76px;display:flex}.topbar h1{letter-spacing:-.02em;margin:1px 0 0;font-size:1.05rem}.eyebrow{color:var(--blue-dark);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.brand-mark{color:#fff;background:linear-gradient(145deg,#4285ff,#286be8);border-radius:14px;place-items:center;width:42px;height:42px;font-size:1.3rem;font-weight:900;display:grid;box-shadow:0 8px 18px #3478f63d}.connection{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:.78rem;font-weight:700;display:inline-flex}.connection:before{content:"";background:var(--success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #117a501a}.connection.offline:before{background:#d58516;box-shadow:0 0 0 4px #d585161f}main{padding:52px 0 28px}.hero{grid-template-columns:1.4fr .6fr;align-items:end;gap:34px;margin-bottom:28px;display:grid}.hero h2{letter-spacing:-.055em;max-width:730px;margin:13px 0 12px;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.hero p{max-width:680px;color:var(--muted);margin:0;font-size:1.04rem;line-height:1.65}.lab-badge{color:var(--blue-dark);letter-spacing:.06em;text-transform:uppercase;background:#ffffffa3;border:1px solid #b8d1ff;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:850;display:inline-flex}.privacy-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #3478f626;border-radius:20px;align-items:center;gap:13px;padding:18px;display:flex}.privacy-card>span{color:#fff;background:var(--success);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.privacy-card strong,.privacy-card small{display:block}.privacy-card small{color:var(--muted);margin-top:3px;line-height:1.35}.scan-card,.result,.how-to{background:var(--paper);box-shadow:var(--shadow);border:1px solid #18284214;border-radius:26px}.scan-card{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:24px;display:grid}.status-icon{width:58px;height:58px;color:var(--blue);background:#eaf2ff;border-radius:18px;place-items:center;font-size:1.5rem;font-weight:900;display:grid}.status-icon.done{color:var(--success);background:#e8f7f1}.status-icon.error{color:var(--danger);background:#fff0f1}.status-copy h3{margin:0 0 5px;font-size:1.05rem}.status-copy p{color:var(--muted);margin:0;line-height:1.45}.spinner{border:3px solid #3478f633;border-top-color:var(--blue);border-radius:50%;width:24px;height:24px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}button{cursor:pointer;border:0;border-radius:14px;min-height:48px;padding:0 17px;font-weight:800;transition:transform .15s,box-shadow .15s}button:hover{transform:translateY(-1px)}button:focus-visible{outline-offset:3px;outline:3px solid #3478f64d}button:disabled{opacity:.58;cursor:wait;transform:none}.primary{color:#fff;background:var(--blue);box-shadow:0 10px 22px #3478f638}.primary:hover{background:var(--blue-dark)}.secondary{color:var(--blue-dark);background:#edf4ff}.secondary.cancel{color:var(--danger);background:#fff0f1}.text-button{color:var(--muted);background:0 0;padding-inline:8px}.result{margin-top:24px;padding:28px}.result-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.result-heading h2{letter-spacing:-.03em;margin:5px 0 0;font-size:1.55rem}.review-pill{border-radius:999px;padding:9px 12px;font-size:.8rem;font-weight:850}.review-pill.ok{color:var(--success);background:#e8f7f1}.review-pill.warning{color:var(--warning);background:#fff4df}.summary-grid{border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(3,1fr);margin:24px 0;display:grid;overflow:hidden}.summary-grid>div{border-right:1px solid var(--line);padding:16px 20px}.summary-grid>div:last-child{border-right:0}.summary-grid strong,.summary-grid span{display:block}.summary-grid strong{font-size:1.28rem}.summary-grid span{color:var(--muted);margin-top:2px;font-size:.76rem}.answer-grid{grid-template-columns:repeat(11,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.answer-grid li{border:1px solid var(--line);background:#fbfcff;border-radius:14px;grid-template-rows:auto 1fr auto;place-items:center;min-height:86px;padding:8px 4px;display:grid}.answer-grid li.needs-review{background:#fff9ed;border-color:#edbd69}.answer-grid strong{align-self:center;font-size:1.4rem}.question-number{color:var(--muted);justify-self:start;margin-left:4px;font-size:.7rem;font-weight:800}.answer-grid small{color:var(--muted);font-size:.63rem;font-weight:700}.technical-view{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.technical-view summary{cursor:pointer;color:var(--blue-dark);font-weight:800}.technical-view canvas{background:#f2f3f5;border-radius:12px;width:100%;height:auto;margin-top:13px;display:block}.confirm-note{color:#6d4a10;background:#fff7e6;border-radius:14px;flex-direction:column;gap:3px;margin-top:18px;padding:14px 16px;font-size:.86rem;display:flex}.how-to{margin-top:24px;padding:28px}.how-to h2{margin:0 0 20px;font-size:1.3rem}.tip-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.tip-grid article{gap:12px;display:flex}.tip-grid article>span{width:30px;height:30px;color:var(--blue-dark);background:#eaf2ff;border-radius:10px;flex:none;place-items:center;font-weight:900;display:grid}.tip-grid p{color:var(--muted);margin:4px 0 0;font-size:.86rem;line-height:1.45}footer{color:var(--muted);justify-content:space-between;gap:20px;padding:22px 0 34px;font-size:.74rem;display:flex}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:820px){.hero{grid-template-columns:1fr;gap:20px}.scan-card{grid-template-columns:auto 1fr}.actions{grid-column:1/-1;justify-content:stretch}.actions button{flex:1}.answer-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:560px){.app-shell{padding:0 14px}.topbar{min-height:66px}.connection{font-size:0}main{padding-top:30px}.hero h2{font-size:2.35rem}.hero p{font-size:.95rem}.privacy-card{padding:14px}.scan-card{grid-template-columns:1fr;padding:19px}.status-icon{border-radius:15px;width:48px;height:48px}.actions{grid-column:auto;grid-template-columns:1fr;display:grid}.result,.how-to{padding:20px}.result-heading{flex-direction:column;align-items:flex-start}.summary-grid>div{padding:13px 10px}.answer-grid{grid-template-columns:repeat(4,1fr)}.tip-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}