:root{--navy:#0f1326;--deep-navy:#1a1f3d;--indigo:#4f46e5;--purple:#7c3aed;--lavender:#c4b5fd;--ink:#1c2033;--muted:#626a82;--line:#dedff0;--paper:#fff;--bg:#f7f7fb;--red:#a8362a;--amber:#8a5a00;--green:#20734a;--focus:rgba(124,58,237,.32)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}
.container{max-width:1024px;margin:0 auto;padding:24px 20px 64px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 -20px 58px;padding:15px 20px;background:var(--navy);border-bottom:1px solid rgba(196,181,253,.22);box-shadow:0 10px 24px rgba(15,19,38,.12)}
.brand{display:flex;align-items:center;min-width:0;gap:15px;color:#fff;text-decoration:none}
.brand-logo{display:block;width:clamp(166px,23vw,232px);height:auto;max-height:64px;object-fit:contain;filter:drop-shadow(0 2px 7px rgba(0,0,0,.28))}
.brand-descriptor{padding-left:15px;border-left:1px solid rgba(196,181,253,.38);color:var(--lavender);font-size:.75rem;font-weight:750;letter-spacing:.08em;line-height:1.25;text-transform:uppercase;white-space:nowrap}
.header-cta{flex:0 0 auto;border:1px solid rgba(196,181,253,.68);border-radius:8px;color:#fff;font-weight:750;padding:9px 13px;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
.header-cta:hover{background:var(--indigo);border-color:var(--indigo);transform:translateY(-1px)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3.75rem);max-width:760px;line-height:1.04;letter-spacing:-.05em;margin-bottom:18px}h2{font-size:clamp(1.35rem,3vw,2rem);line-height:1.15;letter-spacing:-.03em;margin-bottom:12px}h3{font-size:1rem;margin-bottom:4px}.intro,.hero-copy{max-width:680px;color:var(--muted);font-size:1.08rem}.hero{margin-bottom:38px}.eyebrow{color:var(--indigo);font-weight:800;font-size:.75rem;letter-spacing:.12em;margin-bottom:10px}
.card,.download-card,.safety-note{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:25px;margin:18px 0;box-shadow:0 3px 14px rgba(26,31,61,.045)}.safety-note{background:#f5f3ff;border-color:#ddd6fe}.drop-zone{display:flex;min-height:150px;padding:24px;justify-content:center;align-items:center;flex-direction:column;gap:5px;border:2px dashed #aaa5df;border-radius:10px;color:var(--indigo);cursor:pointer;text-align:center;transition:border-color .16s ease,background-color .16s ease}.drop-zone:hover{background:#faf9ff;border-color:var(--purple)}.drop-zone input{width:1px;height:1px;opacity:0;position:absolute}.drop-zone small{color:var(--muted)}button,.button{display:inline-block;border:0;background:var(--indigo);color:#fff;font:inherit;font-weight:750;padding:12px 18px;border-radius:8px;cursor:pointer;text-decoration:none;margin-top:16px;box-shadow:0 4px 10px rgba(79,70,229,.2);transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}button:hover,.button:hover{background:var(--purple);box-shadow:0 6px 14px rgba(124,58,237,.24);transform:translateY(-1px)}button:focus-visible,.button:focus-visible,.header-cta:focus-visible,.text-link:focus-visible,.brand:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.button.secondary{background:#efeffe;color:var(--deep-navy);box-shadow:none}.button.secondary:hover{background:#e2e0ff;color:var(--deep-navy)}.alert{padding:10px 12px;border-radius:7px;margin:14px 0 0}.alert.error{background:#fff0ee;color:var(--red)}
.results-heading{margin-bottom:22px}.results-heading h1{font-size:clamp(1.6rem,4vw,2.5rem);overflow-wrap:anywhere;margin-bottom:8px}.results-heading p{color:var(--muted)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{background:#fff0ee;color:var(--red);border-radius:12px;padding:18px}.metric.important{background:#fff7e7;color:var(--amber)}.metric.review{background:#f0f0fa;color:var(--muted)}.diagnosis p{margin-bottom:0;font-weight:650}.metric.good{background:#eaf7f0;color:var(--green)}.metric strong{display:block;font-size:1.7rem;line-height:1}.metric span{font-size:.85rem}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{background:#f0f0fa;border-radius:999px;padding:5px 10px;font-size:.85rem;overflow-wrap:anywhere}.issues,.fixes{list-style:none;padding:0;margin:0}.issues li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.issues li:first-child,.fixes li:first-child{border-top:0;padding-top:0}.issues b{font-size:.72rem;min-width:64px;padding-top:2px}.issues .error b{color:var(--red)}.issues .important_warning b{color:var(--amber);min-width:135px}.issues .review b{color:var(--muted)}.issues small{display:block;color:var(--muted);margin-top:4px}.fixes li{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-top:1px solid var(--line)}.fixes span{color:var(--muted)}.fixes code{color:var(--deep-navy);overflow-wrap:anywhere}.success{color:var(--green);font-weight:650}.download-card{border-color:#b8d9c6;background:#f3fbf6}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions .button{margin-top:0}.actions .secondary{margin-left:0}.back{color:var(--indigo)}
.landing-hero{max-width:800px;padding:42px 0 72px}.hero-copy{font-size:clamp(1.1rem,2vw,1.25rem)}.hero-actions{display:flex;align-items:center;gap:18px}.hero-actions .button{font-size:1.05rem;padding:14px 20px}.text-link{color:var(--indigo);font-weight:750;text-decoration:none}.text-link:hover{text-decoration:underline}.microcopy,.small{font-size:.86rem;color:var(--muted);margin-top:15px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:28px 0 68px;border-top:1px solid var(--line)}.problem-grid>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 2px 10px rgba(26,31,61,.025)}.problem-grid p,.section-block p,.split-section p,.limit-card p,.privacy-card p{color:var(--muted);margin-bottom:0}.number{color:var(--purple);font-weight:800;font-size:.78rem;letter-spacing:.1em}.problem-grid h2{font-size:1.2rem;margin:10px 0 8px}.section-block{padding:68px 0;border-top:1px solid var(--line)}.steps{padding:0;margin:32px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.steps li{display:flex;gap:13px}.steps span{display:grid;place-items:center;flex:0 0 30px;height:30px;background:#ebe9ff;color:var(--purple);font-weight:800;border-radius:50%}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:48px 0}.check-list{list-style:none;padding:0;margin:20px 0}.check-list li{padding:9px 0 9px 28px;position:relative;border-bottom:1px solid var(--line)}.check-list li:before{content:'✓';position:absolute;left:2px;color:var(--indigo);font-weight:800}.tint-card,.limit-card,.privacy-card,.final-cta{border-radius:14px;padding:28px}.tint-card{background:#f4f2ff;border:1px solid #dcd7ff}.limit-card{background:#fff9ec;border:1px solid #ecd7a9;margin:20px 0}.privacy-card{background:#eff8f3;border:1px solid #c5e0cf;margin:20px 0}.final-cta{margin:44px 0 0;background:var(--navy);color:#fff;text-align:center}.final-cta h2{max-width:600px;margin:0 auto 8px}.final-cta .button{background:var(--lavender);color:var(--navy);box-shadow:none}.final-cta .button:hover{background:#ded5ff}
@media(max-width:720px){.container{padding:0 15px 44px}.site-header{margin:0 -15px 36px;padding:13px 15px;gap:12px}.brand{gap:9px}.brand-logo{width:clamp(142px,43vw,190px);max-height:49px}.brand-descriptor{display:none}.header-cta{padding:8px 10px;font-size:.88rem}}
@media(max-width:640px){.problem-grid,.steps,.split-section{grid-template-columns:1fr}.landing-hero{padding:20px 0 45px}.problem-grid,.section-block{padding:38px 0}.split-section{padding:28px 0}.hero-actions{align-items:stretch;flex-direction:column;gap:4px}.hero-actions .button{text-align:center}.text-link{padding:10px 0}.card,.download-card,.safety-note{padding:18px}.summary-grid{gap:8px}.metric{padding:14px 10px}.button{width:100%;text-align:center}.actions{display:block}.actions .button+.button{margin-top:8px}}