:root{color:#18181b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fafafa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fafafa;min-height:100vh;margin:0}a{color:inherit}button,input{font:inherit}.page-shell{width:min(960px,100% - 32px);margin:0 auto;padding:72px 0 96px}.hero{max-width:720px;margin-bottom:32px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#52525b;margin:0 0 12px;font-size:.82rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(2.4rem,7vw,4.8rem);line-height:.98}.lede{color:#52525b;max-width:640px;margin-bottom:0;font-size:clamp(1.05rem,2.5vw,1.3rem);line-height:1.6}.tool-card{background:#fff;border:1px solid #e4e4e7;border-radius:24px;padding:16px;box-shadow:0 16px 50px #18181b0f}.drop-zone{text-align:center;border:1.5px dashed #a1a1aa;border-radius:18px;place-items:center;min-height:330px;padding:48px 24px;transition:background .16s,border-color .16s,transform .16s;display:grid}.drop-zone.is-dragging{background:#f4f4f5;border-color:#18181b;transform:translateY(-2px)}.drop-kicker{margin-bottom:8px;font-size:1.1rem;font-weight:700}.drop-copy{color:#71717a;max-width:480px;margin-bottom:24px;line-height:1.6}.primary-button{color:#fff;cursor:pointer;background:#18181b;border:0;border-radius:999px;padding:12px 20px}.primary-button:focus-visible{outline-offset:3px;outline:3px solid #a1a1aa}.selection{color:#52525b;background:#f4f4f5;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;padding:16px 18px;display:flex}.selection div{gap:4px;display:grid}.selection-label,.analysis-kicker{letter-spacing:.04em;text-transform:uppercase;color:#71717a;font-size:.78rem;font-weight:700}.selection strong{overflow-wrap:anywhere;color:#18181b}.analysis-card{background:#fafafa;border:1px solid #e4e4e7;border-radius:16px;margin-top:16px;padding:22px}.analysis-card h2{margin-bottom:10px;font-size:1.35rem}.analysis-card p{color:#52525b;line-height:1.6}.analysis-kicker{margin-bottom:8px}.result-grid{background:#e4e4e7;border:1px solid #e4e4e7;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:20px 0;display:grid;overflow:hidden}.result-grid>div{background:#fff;min-width:0;padding:14px}.result-grid>div:last-child:nth-child(odd){grid-column:1/-1}.result-grid dt{text-transform:uppercase;letter-spacing:.04em;color:#71717a;margin-bottom:5px;font-size:.76rem;font-weight:700}.result-grid dd{overflow-wrap:anywhere;margin:0}.result-section{margin-top:20px}.result-section h3{margin-bottom:10px;font-size:.95rem}.tag-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tag-list li{background:#e4e4e7;border-radius:999px;padding:6px 10px;font-size:.86rem}.validation-details{margin-top:20px}.validation-details summary{cursor:pointer;font-weight:700}.validation-details ul{color:#52525b;padding-left:20px;line-height:1.6}.caveat{border-top:1px solid #e4e4e7;margin:20px 0 0;padding-top:16px;font-size:.9rem}.principles{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.principles article{background:#fff;border:1px solid #e4e4e7;border-radius:16px;padding:20px}.principles h2{margin-bottom:8px;font-size:1rem}.principles p{color:#71717a;margin-bottom:0;line-height:1.55}.content-page{width:min(760px,100% - 32px);margin:0 auto;padding:72px 0 80px}.content-page h1{font-size:clamp(2.2rem,6vw,4.2rem)}.content-page h2{margin-top:36px;margin-bottom:10px;font-size:1.35rem}.content-page p{color:#52525b;line-height:1.75}.site-footer{color:#71717a;border-top:1px solid #e4e4e7;width:min(960px,100% - 32px);margin:0 auto;padding:28px 0 48px;font-size:.9rem}.site-footer nav{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.site-footer a{color:#3f3f46;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer p{margin-bottom:0}.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:720px){.page-shell,.content-page{width:min(100% - 24px,960px);padding-top:48px}.principles,.result-grid{grid-template-columns:1fr}.selection{flex-direction:column;align-items:flex-start;gap:8px}}
