:root{--ink:#14211d;--muted:#64706b;--paper:#f3f1e9;--card:#fffef9;--line:#d8d8cf;--green:#0d8b65;--green-dark:#076149;--green-soft:#dff4e9;--amber:#f2a93b;--red:#b94b3f}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 7% 4%, #0d8b6514, transparent 25rem), linear-gradient(#14211d06 1px, transparent 1px), linear-gradient(90deg, #14211d06 1px, transparent 1px), var(--paper);background-size:auto,32px 32px,32px 32px,auto;margin:0;font-family:Manrope,Avenir Next,Noto Sans SC,system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}main{min-height:100vh}.hero{text-align:center;max-width:1040px;margin:0 auto;padding:78px 28px 46px}.eyebrow,.section-heading>div>span,.report-hero>div>span{color:var(--green-dark);letter-spacing:.14em;font:500 11px/1.4 ui-monospace,SFMono-Regular,monospace}.eyebrow{justify-content:center;align-items:center;gap:9px;display:flex}.eyebrow span{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #0d8b651f}.hero h1{letter-spacing:-.065em;margin:13px 0 10px;font-size:clamp(52px,9vw,92px);font-weight:800;line-height:.98}.hero h1 em{color:var(--green);font-style:normal;font-weight:400}.hero>p{max-width:650px;color:var(--muted);margin:0 auto;font-size:17px;line-height:1.75}.promise-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:25px;display:flex}.promise-row span{border:1px solid var(--line);color:#4f5c57;background:#ffffff80;border-radius:999px;padding:7px 12px;font-size:12px}.workspace{max-width:1040px;margin:0 auto;padding:0 28px 80px}.steps{border:1px solid var(--line);background:#ffffff80;border-bottom:0;grid-template-columns:repeat(4,1fr);display:grid}.step{border-right:1px solid var(--line);color:#909792;align-items:center;gap:10px;padding:14px 18px;font-size:12px;display:flex}.step:last-child{border-right:0}.step b{color:#aab0ac;font:500 10px DM Mono,monospace}.step.active{color:var(--ink);background:var(--card)}.step.active b{color:var(--green)}.panel{border:1px solid var(--line);background:var(--card);box-shadow:0 20px 50px #232c270e}.upload-panel{padding:28px}.dropzone{cursor:pointer;background:#faf9f3;border:1.5px dashed #b9c0ba;outline:none;flex-direction:column;justify-content:center;align-items:center;min-height:250px;transition:all .18s;display:flex}.dropzone:hover,.dropzone:focus,.dropzone.dragging{border-color:var(--green);background:#f0f8f3;transform:translateY(-1px)}.dropzone.has-file{border-style:solid}.file-glyph{width:50px;height:58px;color:var(--green-dark);background:var(--green-soft);clip-path:polygon(0 0,72% 0,100% 24%,100% 100%,0 100%);place-items:center;margin-bottom:17px;font:500 21px DM Mono,monospace;display:grid}.dropzone strong{text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-size:17px;overflow:hidden}.dropzone>span{color:var(--muted);margin-top:7px;font-size:12px}.primary,.secondary{cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 24px;font-weight:700;text-decoration:none;transition:all .16s;display:inline-flex}.primary{color:#fff;background:var(--green-dark)}.primary:hover:not(:disabled){background:var(--green);transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed}.upload-panel>.primary{width:100%;margin-top:18px}.primary small{opacity:.7;font-weight:500}.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.secondary:hover{border-color:var(--green);color:var(--green-dark)}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{color:var(--red);background:#fff0ed;border:1px solid #e5b8b1;align-items:baseline;gap:12px;margin:18px 0;padding:16px 18px;font-size:13px;display:flex}.error-banner b{flex:none}.analysis-panel,.settings-panel,.report-panel{margin-top:24px;padding:32px}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:4px 0 0;font-size:28px}.exact-pill{border-radius:999px;padding:8px 11px;font:500 10px DM Mono,monospace}.exact-pill.yes{color:var(--green-dark);background:var(--green-soft)}.exact-pill.no{color:#8a5a15;background:#fff0cf}.metrics-grid,.report-metrics{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.metric{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:82px;padding:15px 17px;display:flex}.metric span{color:var(--muted);font-size:11px}.metric strong{letter-spacing:-.04em;font:500 17px DM Mono,monospace}.warning-list{border-top:1px solid #eadcba;margin-top:19px}.warning-list>div{border-bottom:1px solid #eadcba;gap:13px;padding:13px 4px;display:flex}.warning-list>div>span{color:#76501b;background:#ffeab8;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font:600 12px DM Mono,monospace;display:grid}.warning-list p{color:#665d4e;flex-direction:column;gap:2px;margin:0;font-size:12px;line-height:1.55;display:flex}.warning-list p b{color:#76501b;font:500 10px DM Mono,monospace}.clean-note{color:var(--green-dark);background:var(--green-soft);margin-top:18px;padding:13px 15px;font-size:12px}.setting-columns{grid-template-columns:1fr 1fr;gap:30px;display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:11px;font-weight:700}.option-card{text-align:left;border:1px solid var(--line);width:100%;min-height:78px;color:var(--ink);cursor:pointer;background:#fff;align-items:flex-start;gap:12px;margin-bottom:9px;padding:14px;display:flex;position:relative}.option-card:hover{border-color:#9fb6aa}.option-card.selected{border-color:var(--green);box-shadow:inset 3px 0 var(--green);background:#f3faf6}.option-card>i{border:1.5px solid #a5aca8;border-radius:50%;flex:none;width:16px;height:16px;margin-top:3px}.option-card.selected>i{border:5px solid var(--green)}.option-card>span{flex-direction:column;gap:4px;display:flex}.option-card b{font-size:13px}.option-card b em{color:var(--green-dark);background:var(--green-soft);margin-left:7px;padding:2px 5px;font:500 9px DM Mono,monospace}.option-card small{color:var(--muted);font-size:11px;line-height:1.5}.range-row,.colour-row{min-height:46px;color:var(--muted);background:#f2f2ec;align-items:center;gap:10px;margin:-4px 0 9px;padding:8px 12px;font-size:11px;display:flex}.range-row input{min-width:0;accent-color:var(--green);flex:1}.range-row output{width:30px;color:var(--ink);font:500 11px DM Mono,monospace}.colour-row input[type=color]{background:0 0;border:0;width:31px;height:28px;padding:0}.colour-row input:last-child{width:100px;min-width:0;color:var(--ink);text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #aeb4af;font:500 12px DM Mono,monospace}.convert-button{width:100%;margin-top:22px}.queue-note{color:var(--muted);text-align:center;margin:9px 0 0;font-size:10px}.report-panel{padding:0;overflow:hidden}.report-hero{color:#fff;background:var(--ink);justify-content:space-between;align-items:center;min-height:210px;padding:38px 42px;display:flex}.report-hero p{color:#a8b6b0;margin:28px 0 0;font-size:12px}.report-hero h2{letter-spacing:-.04em;margin:3px 0 0;font-size:36px}.report-hero>div>span{color:#6ed2ad}.score-ring{border:1px solid #4e645b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:125px;height:125px;display:flex;box-shadow:inset 0 0 0 8px #6ed2ad0f}.score-ring strong{color:#7ee2bd;font:500 29px DM Mono,monospace}.score-ring span{color:#9baba4;font:500 9px DM Mono,monospace}.report-metrics{margin:32px 32px 0}.adaptations{background:#f4f3ec;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 32px 0;padding:15px 17px;display:flex}.adaptations b{width:100%;margin-bottom:3px;font-size:11px}.adaptations span{border:1px solid var(--line);color:var(--muted);background:#fff;padding:5px 8px;font-size:10px}.preview-grid{grid-template-columns:1fr 1fr;gap:14px;margin:28px 32px;display:grid}figure{min-width:0;margin:0}figcaption{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font:500 10px DM Mono,monospace}figure>div{background:repeating-conic-gradient(#e6e6df 0 25%,#f6f5ef 0 50%) 50% / 18px 18px;border:1px solid var(--line);place-items:center;height:290px;display:grid;overflow:hidden}figure img{object-fit:contain;max-width:100%;max-height:100%;display:block}.download-row{gap:10px;padding:0 32px 32px;display:flex}.download-row>*{flex:1}footer{border-top:1px solid var(--line);max-width:984px;color:var(--muted);letter-spacing:.05em;justify-content:space-between;margin:0 auto;padding:24px 0 42px;font:400 9px DM Mono,monospace;display:flex}@media (max-width:720px){.hero{padding-top:52px}.workspace{padding-inline:14px}.step{justify-content:center;padding-inline:8px}.step b{display:none}.upload-panel,.analysis-panel,.settings-panel{padding:20px}.dropzone{min-height:210px}.metrics-grid,.report-metrics{grid-template-columns:repeat(2,1fr)}.setting-columns{grid-template-columns:1fr;gap:22px}.report-hero{padding:28px 24px}.report-hero h2{font-size:28px}.score-ring{width:100px;height:100px}.report-metrics,.adaptations{margin-inline:18px}.preview-grid{grid-template-columns:1fr;margin-inline:18px}figure>div{height:230px}.download-row{flex-direction:column;padding-inline:18px}footer{flex-direction:column;gap:8px;margin-inline:18px}}@media (max-width:390px){.report-hero{flex-direction:column;align-items:flex-start;gap:24px}.score-ring{align-self:center}}