:root{color-scheme:dark;font-family:Georgia,Times New Roman,serif;--ink: #ece6da;--muted: #807a6e;--line: rgba(236, 230, 218, .1);--accent: #f0c068;background:#0b0a08;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0b0a08}button,input,select{font:inherit}.shell{display:grid;gap:clamp(2rem,6vw,5rem);grid-template-columns:minmax(0,1fr) minmax(20rem,1fr);margin:0 auto;max-width:1080px;min-height:calc(100vh - 3.5rem);padding:clamp(1.5rem,5vw,5rem);place-content:center}.hero{padding:0}.eyebrow{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}h1{font-size:clamp(3.5rem,11vw,7.5rem);font-weight:400;letter-spacing:-.04em;line-height:.85;margin:.5rem 0 1.75rem;max-width:8ch}.lede{color:var(--muted);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6;max-width:32rem}.panel{align-self:center}.dropzone{align-items:center;border:1px solid var(--line);border-radius:14px;cursor:pointer;display:grid;gap:.5rem;min-height:10rem;padding:1.75rem;text-align:center;transition:border-color .16s ease,background .16s ease}.dropzone:hover{border-color:#ece6da38}.dropzone input{display:none}.dropzone.drag-over{border-color:var(--accent);background:#f0c0680d}.drop-title{display:block;font-size:1.35rem}.drop-copy,.file-name,.status,.notes{color:var(--muted)}.drop-copy{font-size:.9rem}.file-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;overflow-wrap:anywhere}.options{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:1.5rem 0}.options summary{color:var(--muted);cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.1em;list-style:none;padding:.9rem 0;text-transform:uppercase;transition:color .16s ease}.options summary:hover{color:var(--ink)}.options summary::-webkit-details-marker{display:none}.options summary:after{content:"+";float:right;font-size:.95rem}.options[open] summary:after{content:"−"}.controls{display:grid;gap:1rem 1.25rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 1.5rem}label{color:var(--muted);display:grid;gap:.4rem;font-size:.85rem}input,select{background:#ece6da0a;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:.6rem .7rem;transition:border-color .16s ease,background .16s ease}input:hover,select:hover{border-color:#ece6da33}input:focus,select:focus{background:#ece6da0f;border-color:var(--accent);outline:none}.actions{align-items:center;display:flex;gap:1.25rem;margin-top:.5rem}button{background:none;border:0;border-radius:10px;color:var(--ink);cursor:pointer;font-family:inherit;font-weight:600;padding:.7rem 0;transition:opacity .16s ease,color .16s ease}#start{background:var(--accent);color:#1a1206;padding:.8rem 1.6rem}#start:hover{opacity:.9}.secondary,.secondary-action{color:var(--muted)}.secondary:hover,.secondary-action:hover{color:var(--ink)}button:disabled{cursor:not-allowed;opacity:.35}.meter{background:var(--line);border-radius:999px;height:2px;margin:2rem 0 1rem;overflow:hidden}.meter span{background:var(--accent);display:block;height:100%;transition:width .26s ease;width:0%}.stats{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:1.5rem 0 0}.stats div{padding:0}dt{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}dd{font-size:1.75rem;font-weight:400;margin:.35rem 0 0}.notes{border-top:1px solid var(--line);font-size:.85rem;grid-column:1 / -1;line-height:1.6;margin-top:1rem;padding-top:1.25rem}.site-header{align-items:center;border-bottom:1px solid var(--line);display:flex;height:3.5rem;margin:0 auto;max-width:1080px;padding:0 clamp(1.5rem,5vw,5rem);width:100%}.brand{color:var(--ink);font-size:1.15rem;letter-spacing:-.02em}.badges{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1.75rem 0 0;padding:0}.badges li{border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.08em;padding:.35rem .75rem;text-transform:uppercase}.content{display:grid;gap:clamp(3rem,8vw,5.5rem);margin:0 auto;max-width:1080px;padding:clamp(2rem,5vw,5rem) clamp(1.5rem,5vw,5rem) clamp(3rem,6vw,5rem)}.section h2{font-size:clamp(1.6rem,4vw,2.25rem);font-weight:400;letter-spacing:-.02em;margin:0 0 1.5rem}.cards{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.card{border:1px solid var(--line);border-radius:14px;padding:1.5rem}.card h3{font-size:1.1rem;font-weight:400;margin:0 0 .6rem}.card p{color:var(--muted);font-size:.92rem;line-height:1.6;margin:0}.steps{color:var(--muted);display:grid;gap:1rem;line-height:1.6;margin:0;padding-left:1.4rem}.faq-list{display:grid}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item summary{color:var(--ink);cursor:pointer;font-size:1rem;list-style:none;padding:1.1rem 2rem 1.1rem 0;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:0;top:1.1rem}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--muted);line-height:1.65;margin:0 0 1.2rem;max-width:44rem}.compare{border-collapse:collapse;width:100%}.compare th,.compare td{border-bottom:1px solid var(--line);padding:.9rem .75rem;text-align:left;vertical-align:top}.compare thead th{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.compare tbody th{color:var(--ink);font-weight:400}.compare td{color:var(--muted)}.compare th:first-child,.compare td:first-child{padding-left:0}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin:0 auto;max-width:1080px;padding:2rem clamp(1.5rem,5vw,5rem);width:100%}.site-footer p{font-size:.9rem;margin:.2rem 0}.link-button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:.9rem;font-weight:400;padding:0;text-decoration:underline;text-underline-offset:3px}.link-button:hover{color:var(--ink)}.feedback-dialog{background:#14120e;border:1px solid var(--line);border-radius:14px;color:var(--ink);max-width:30rem;padding:1.75rem;width:calc(100% - 2rem)}.feedback-dialog::backdrop{background:#08070599}.feedback-form{display:grid;gap:1rem}.feedback-form h2{font-size:1.4rem;font-weight:400;letter-spacing:-.02em;margin:0}.feedback-intro{color:var(--muted);font-size:.88rem;line-height:1.5;margin:0}.feedback-type{border:0;display:flex;gap:1.25rem;margin:0;padding:0}.feedback-type legend{color:var(--muted);float:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.1em;padding:0;text-transform:uppercase;width:100%}.feedback-type label{align-items:center;color:var(--ink);display:inline-flex;gap:.5rem;margin-top:.6rem}.feedback-type input{accent-color:var(--accent);appearance:auto;background:none;border:0;border-radius:0;margin:0;padding:0;width:auto}.feedback-field{color:var(--muted)}.feedback-field textarea{background:#ece6da0a;border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;padding:.6rem .7rem;resize:vertical;transition:border-color .16s ease,background .16s ease;width:100%}.feedback-field textarea:focus{background:#ece6da0f;border-color:var(--accent);outline:none}.feedback-status{color:var(--muted);font-size:.85rem;margin:0;min-height:1.2em}.feedback-actions{display:flex;gap:1.25rem;justify-content:flex-end}#feedback-submit{background:var(--accent);color:#1a1206;padding:.7rem 1.4rem}#feedback-submit:hover{opacity:.9}@media(max-width:820px){.shell{grid-template-columns:1fr;gap:2.5rem}h1{font-size:clamp(3rem,16vw,5rem)}.controls{grid-template-columns:1fr 1fr}.actions{flex-wrap:wrap}.compare th,.compare td{font-size:.82rem;padding:.7rem .5rem}}
