:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17222b;background:#edf4f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #17222b;--muted: #5c6b72;--line: #d7e1df;--panel: #ffffff;--panel-soft: #f7faf8;--teal: #087f7a;--teal-dark: #075a58;--blue: #2557a7;--coral: #e45439;--yellow: #f2b544;--green: #1d8a57;--red: #c83737;--shadow: 0 22px 60px rgba(28, 46, 52, .13)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(8,127,122,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(8,127,122,.07) 1px,transparent 1px),#eef5f2;background-size:28px 28px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:progress;opacity:.68}a{color:inherit;text-decoration:none}.app-shell{width:100%;min-height:100vh;padding:18px}.board{width:min(1480px,100%);margin:0 auto}.topbar{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 0 18px}.brand,.topbar nav,.language-button,.scope-line,.eyebrow,.action-row,.panel header>div,.cache-note a,.copy-button{display:inline-flex;align-items:center}.brand{gap:10px;font-weight:850;color:var(--ink)}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid #112d34;border-radius:8px;color:#fff;background:#112d34;box-shadow:4px 4px #f2b544}.topbar nav{gap:16px;color:#3f4f56;font-size:.94rem;font-weight:750}.topbar nav a:hover,.cache-note a:hover{color:var(--teal-dark)}.language-button,.secondary-button,.primary-button,.copy-button{min-height:44px;border:0;border-radius:8px;font-weight:850}.language-button{justify-content:center;gap:8px;padding:0 14px;color:#10353c;background:#fff;border:1px solid var(--line)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);gap:24px;align-items:stretch;min-height:360px;padding:24px;overflow:hidden;border:1px solid #cddbd8;border-radius:8px;background:radial-gradient(circle at 88% 16%,rgba(242,181,68,.23),transparent 30%),linear-gradient(135deg,#fff,#f4faf6 54%,#e1f0ec);box-shadow:var(--shadow)}.hero-copy{min-width:0;align-self:center}.eyebrow{gap:8px;width:fit-content;margin:0 0 16px;padding:8px 10px;border:1px solid #bcd6d1;border-radius:8px;color:var(--teal-dark);background:#e6f3ef;font-size:.82rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1{max-width:12ch;margin:0;color:#13252d;font-size:clamp(2.8rem,5vw,4.7rem);line-height:.96;letter-spacing:0}.hero-copy>p:not(.eyebrow):not(.scope-line){max-width:680px;margin:16px 0 0;color:#42545c;font-size:clamp(1.08rem,1.8vw,1.34rem);line-height:1.55}.scan-form{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:min(720px,100%);margin-top:20px;padding:14px;border:1px solid #c6d8d5;border-radius:8px;background:#ffffffd1;box-shadow:0 16px 36px #14373b1a}.scan-form label{display:grid;gap:8px;min-width:0;color:#395057;font-size:.86rem;font-weight:850}.input-shell{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:52px;padding:0 14px;border:1px solid #b9ccc8;border-radius:8px;color:var(--teal-dark);background:#fff}.input-shell input{width:100%;min-width:0;border:0;outline:0;color:#15262c;background:transparent}.action-row{justify-content:flex-end;gap:10px;flex-wrap:wrap}.secondary-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:122px;padding:0 18px}.secondary-button{color:#173238;background:#f7d58a;border:1px solid #dca949}.primary-button{color:#fff;background:#0b716d;box-shadow:4px 4px #143239}.scope-line{gap:8px;margin:16px 0 0;color:#39555b;font-size:.95rem;font-weight:760}.hero-visual{align-self:stretch;min-height:300px;margin:0;overflow:hidden;border:1px solid #b8c9c7;border-radius:8px;background:#10252b;box-shadow:10px 10px #e45439}.hero-visual img{display:block;width:100%;height:100%;object-fit:cover}.error-banner{display:flex;align-items:center;gap:10px;margin-top:18px;padding:14px 16px;border:1px solid #e5a49a;border-radius:8px;color:#7b1f1f;background:#fff2ef;font-weight:800}.score-row{display:grid;grid-template-columns:1.25fr repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.score-card,.metric-card,.panel,.cache-note{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 14px 34px #22323614}.score-card,.metric-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;min-height:126px;padding:16px}.score-ring{--angle: 0deg;display:grid;width:76px;height:76px;place-items:center;border-radius:999px;background:radial-gradient(circle,#ffffff 0 56%,transparent 57%),conic-gradient(var(--green) var(--angle),#e8efed 0deg)}.score-ring span{color:#10242a;font-size:1.45rem;font-weight:950}.score-card p,.metric-card p{margin:0 0 5px;color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.score-card strong,.metric-card strong{display:block;margin-bottom:5px;color:var(--ink);font-size:1.02rem;overflow-wrap:anywhere}.score-card span,.metric-card span{display:-webkit-box;color:#64747a;font-size:.86rem;line-height:1.35;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.metric-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#edf5f2}.metric-card.pass .metric-icon{color:#126943;background:#e1f4ea}.metric-card.warn .metric-icon{color:#8a5b03;background:#fff0cf}.metric-card.fail .metric-icon{color:#9d2929;background:#ffe7e2}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.36fr);gap:18px;align-items:start;margin-top:18px}.main-column,.side-column{display:grid;gap:18px;min-width:0}.panel{min-width:0;padding:18px}.panel>header{margin-bottom:14px}.panel header>div{gap:9px;color:#163b43}.panel h2{margin:0;color:#182b32;font-size:1rem;letter-spacing:0}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.preview-grid{display:grid;grid-template-columns:1.15fr .62fr;gap:14px;align-items:stretch}.share-card,.message-card{overflow:hidden;border:1px solid #d6e1de;border-radius:8px;background:#fff}.share-card img{display:block;width:100%;object-fit:cover;background:#10252b}.wide-card img{aspect-ratio:1.91 / 1}.square-card{display:grid;align-content:start}.square-card img{aspect-ratio:1 / 1}.share-card div,.message-card div{min-width:0;padding:14px}.share-card span,.message-card span{display:block;color:#66787e;font-size:.78rem;font-weight:850;text-transform:uppercase;overflow-wrap:anywhere}.share-card strong,.message-card strong{display:-webkit-box;margin:6px 0;color:#14252b;line-height:1.25;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.share-card p,.message-card p{display:-webkit-box;margin:0;color:#526369;font-size:.92rem;line-height:1.42;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.message-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-column:1 / -1;gap:12px;align-items:start;padding:14px;background:#fbf7ee}.message-card>svg{color:var(--blue)}.message-card div{padding:0}.fact-list{display:grid;gap:10px}.fact-list div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid #edf2f1}.fact-list div:last-child{border-bottom:0}.fact-list span{color:#6a777c;font-size:.78rem;font-weight:850}.fact-list strong{min-width:0;color:#1a2d34;font-size:.9rem;line-height:1.35;overflow-wrap:anywhere}.check-list,.issue-list{display:grid;gap:10px}.check-row,.issue-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px;border:1px solid #dfe8e6;border-radius:8px;background:#fbfdfc}.issue-card{grid-template-columns:auto minmax(0,1fr)}.check-row p{margin:0 0 3px;color:#6a777c;font-size:.75rem;font-weight:900;text-transform:uppercase}.check-row strong,.issue-card strong{display:block;color:#182b32;overflow-wrap:anywhere}.check-row span,.issue-card span,.issue-card p{display:block;margin:4px 0 0;color:#607177;font-size:.88rem;line-height:1.38;overflow-wrap:anywhere}.check-row em{color:#4b6066;font-size:.82rem;font-style:normal;font-weight:900;white-space:nowrap}.check-row.pass,.issue-card.pass{border-left:5px solid var(--green)}.check-row.warn,.issue-card.warn{border-left:5px solid var(--yellow)}.check-row.fail,.issue-card.fail{border-left:5px solid var(--red)}.level.pass{color:var(--green)}.level.warn{color:#a06400}.level.fail{color:var(--red)}.level.info{color:var(--blue)}.tab-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border:1px solid #dce7e4;border-radius:8px;background:#eef5f2}.tab-row button{min-height:38px;border:0;border-radius:6px;color:#51646b;background:transparent;font-weight:850}.tab-row button.active{color:#fff;background:#17343b}.code-box{position:relative;margin-top:12px;min-height:330px;overflow:hidden;border:1px solid #203942;border-radius:8px;background:#10252b}.code-box pre{min-height:330px;max-height:520px;margin:0;padding:16px 16px 60px;overflow:auto;color:#d9f8ee;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.copy-button{position:absolute;right:12px;bottom:12px;gap:7px;min-height:36px;padding:0 11px;color:#10252b;background:#f2b544}.empty-state{display:flex;gap:8px;align-items:center;padding:14px;border:1px solid #dce7e4;border-radius:8px;color:#245b44;background:#eef9f2;font-weight:800}.cache-note{padding:16px;border-color:#d3c6a1;background:#fff8e8}.cache-note strong{color:#2b2a19}.cache-note p{margin:8px 0 12px;color:#5f5b47;font-size:.92rem;line-height:1.45}.cache-note a{gap:6px;width:fit-content;margin-top:7px;color:#174c68;font-size:.88rem;font-weight:850}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.hero,.workspace,.score-row{grid-template-columns:1fr}.hero-visual{min-height:320px}}@media(max-width:760px){.app-shell{padding:10px}.topbar{grid-template-columns:1fr auto}.topbar nav{grid-column:1 / -1;order:3;justify-content:flex-start}.hero{gap:16px;min-height:unset;padding:16px}h1{max-width:12ch;font-size:2.35rem;line-height:1}.hero-visual{display:none}.scan-form{padding:12px}.action-row{display:grid;grid-template-columns:1fr}.secondary-button,.primary-button{width:100%}.score-card,.metric-card{min-height:108px}.split-grid,.preview-grid{grid-template-columns:1fr}.fact-list div{grid-template-columns:1fr;gap:4px}.check-row{grid-template-columns:auto minmax(0,1fr)}.check-row em{grid-column:2}.code-box pre{max-height:430px}}@media(max-width:420px){.brand{font-size:.92rem}.brand-mark{width:38px;height:38px}.language-button{min-width:68px;padding:0 10px}.hero{padding:16px}h1{font-size:2.2rem}.panel{padding:14px}}@media(min-width:1101px){.hero{grid-template-columns:minmax(0,.78fr) minmax(280px,.46fr);min-height:300px;gap:18px;padding:20px}h1{max-width:14ch;font-size:clamp(2.35rem,4vw,4rem)}.hero-copy>p:not(.eyebrow):not(.scope-line){max-width:620px;margin-top:12px;font-size:1rem}.scan-form{margin-top:16px}.hero-visual img{max-height:250px}.score-row{grid-template-columns:1fr repeat(3,minmax(0,.72fr))}.workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.32fr)}}@media(max-width:760px){.eyebrow{display:none}.hero{border-radius:10px;background:#fff}.hero-copy>p:not(.eyebrow):not(.scope-line){display:none}.score-row{gap:8px}.score-card,.metric-card{min-height:92px}}