.compare-page-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:2rem 0 1.5rem;display:grid}.compare-page-hero>div:first-child>span,.compare-view header span,.compare-receipt header>span{color:#7c3aed;letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:800}.compare-page-hero h1{letter-spacing:-.055em;max-width:16ch;margin:.35rem 0 .75rem;font-size:clamp(2.15rem,5vw,4.6rem);line-height:.96}.compare-page-hero .lead{max-width:64ch;margin:0}.compare-hero-meter{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:.65rem;padding:.8rem 1rem;display:flex}.compare-hero-meter i{background:linear-gradient(90deg,#16a34a 0 18%,#f59e0b 18% 46%,#ef4444 46%);border-radius:99px;width:5rem;height:.5rem}.compare-hero-meter b{color:#dc2626;font-variant-numeric:tabular-nums}.compare-lab{margin:1rem 0 4rem}.compare-inputs{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.compare-drop{border:1px solid color-mix(in srgb,var(--border) 80%,#7c3aed);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,#ede9fe),var(--surface));border-radius:1.35rem;min-height:15rem;transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden}.compare-drop.is-over{border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 14px 40px #7c3aed29}.compare-drop>input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.compare-drop>header{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:1rem 1rem auto}.compare-drop>header span{color:#fff;background:#111827;border-radius:.65rem;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.compare-drop:nth-child(2)>header span{background:#7c3aed}.compare-drop>header strong{background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(12px);border-radius:99px;padding:.35rem .6rem;font-size:.78rem}.compare-drop-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:4rem 1rem 1rem;display:flex;position:absolute;inset:0}.compare-drop-empty[hidden],.compare-drop-preview[hidden]{display:none}.compare-drop-glyph{color:#7c3aed;background:color-mix(in srgb,#7c3aed 11%,var(--surface));border-radius:1.1rem;place-items:center;width:4rem;height:4rem;font-size:2rem;display:grid}.compare-drop-empty button,.compare-drop-preview button,.compare-toolbar button,.compare-actions button{appearance:none;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:.7rem;justify-content:center;align-items:center;padding:.6rem .85rem;font-size:.8rem;font-weight:750;display:inline-flex}.compare-drop-empty button{color:#6d28d9;border-color:color-mix(in srgb,#7c3aed 34%,var(--border))}.compare-drop-empty small{color:var(--muted)}.compare-drop-preview{background:#111827;grid-template-rows:minmax(0,1fr) auto;display:grid;position:absolute;inset:0}.compare-drop-preview img{object-fit:contain;background:repeating-conic-gradient(#1f2937 0 25%,#111827 0 50%) 0/18px 18px;width:100%;height:100%;min-height:0}.compare-drop-preview>div{z-index:2;color:#fff;backdrop-filter:blur(10px);background:#111827c2;border-radius:.65rem;flex-direction:column;min-width:0;max-width:calc(100% - 7.5rem);padding:.5rem .65rem;display:flex;position:absolute;inset:auto 1rem 1rem}.compare-drop-preview strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.compare-drop-preview span{color:#d1d5db;font-size:.72rem}.compare-drop-preview button{z-index:3;color:#fff;background:#111827c2;border-color:#ffffff47;position:absolute;inset:auto 1rem 1rem auto}.compare-accepts{color:var(--muted);text-align:center;margin:.65rem 0 0;font-size:.76rem}.compare-toolbar{border:1px solid var(--border);background:var(--surface);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;padding:.8rem 1rem;display:flex}.compare-toolbar p{margin:0;font-size:.86rem;font-weight:750}.compare-toolbar p:before{content:"";background:#16a34a;border-radius:99px;width:.55rem;height:.55rem;margin-right:.5rem;display:inline-block;box-shadow:0 0 0 4px #16a34a1f}.compare-lab.is-analyzing .compare-toolbar p:before{background:#f59e0b;animation:1s infinite compare-pulse}.compare-toolbar p.is-error:before{background:#ef4444}.compare-toolbar>div{gap:.45rem;display:flex}.compare-toolbar button:disabled{opacity:.42;cursor:not-allowed}@keyframes compare-pulse{50%{opacity:.6;transform:scale(.6)}}.compare-settings{grid-template-columns:1.2fr .85fr 1.5fr;gap:.75rem;margin:0 0 1rem;display:grid}.compare-settings[hidden]{display:none}.compare-threshold,.compare-aa,.compare-fit{border:1px solid var(--border);background:var(--surface);border-radius:1rem;min-width:0;margin:0;padding:1rem}.compare-threshold{grid-template-columns:minmax(0,1fr) minmax(7rem,1fr) auto;align-items:center;gap:.75rem;display:grid}.compare-threshold span,.compare-aa span,.compare-fit legend{flex-direction:column;gap:.15rem;display:flex}.compare-settings b{font-size:.83rem}.compare-settings small{color:var(--muted);font-size:.69rem;line-height:1.35}.compare-threshold input{accent-color:#7c3aed;min-width:0}.compare-threshold output{font-variant-numeric:tabular-nums;min-width:2.3rem;font-weight:800}.compare-aa{cursor:pointer;align-items:center;gap:.7rem;display:flex}.compare-aa input{appearance:none;background:var(--border);border-radius:99px;flex:none;width:2.7rem;height:1.55rem;padding:.18rem;transition:background .18s}.compare-aa input:before{content:"";background:#fff;border-radius:50%;width:1.19rem;height:1.19rem;transition:transform .18s;display:block;box-shadow:0 1px 4px #0004}.compare-aa input:checked{background:#7c3aed}.compare-aa input:checked:before{transform:translate(1.15rem)}.compare-fit legend{float:left;width:44%;padding:0 .65rem 0 0}.compare-fit>div{gap:.35rem;display:flex}.compare-fit label{flex:1;position:relative}.compare-fit input{opacity:0;position:absolute}.compare-fit label span{border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:.62rem;place-items:center;min-height:44px;padding:.4rem;font-size:.72rem;font-weight:750;display:grid}.compare-fit input:checked+span{color:#6d28d9;background:color-mix(in srgb,#7c3aed 9%,var(--surface));border-color:#7c3aed;box-shadow:inset 0 0 0 1px #7c3aed}.compare-results[hidden]{display:none}.compare-view,.compare-receipt{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:1.35rem;overflow:hidden}.compare-view>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.compare-view h2,.compare-receipt h2{margin:.15rem 0 0;font-size:1.05rem}.compare-modes{flex-wrap:wrap;gap:.35rem;display:flex}.compare-modes button{appearance:none;border:1px solid var(--border);min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:.7rem;padding:.55rem .75rem;font-size:.76rem;font-weight:750}.compare-modes button[aria-selected=true]{color:#fff;background:#7c3aed;border-color:#7c3aed}.compare-stage{background:color-mix(in srgb,var(--surface) 95%,#ede9fe);padding:1rem}.compare-frame{aspect-ratio:16/10;background:repeating-conic-gradient(#e5e7eb 0 25%,#f9fafb 0 50%) 0/22px 22px;border-radius:1rem;outline:none;max-height:70vh;position:relative;overflow:hidden}.compare-frame:focus-visible{box-shadow:0 0 0 3px #7c3aed73}.compare-layer{margin:0;position:absolute;inset:0}.compare-layer img{object-fit:fill;width:100%;height:100%;display:block}.compare-stage[data-fit=contain] .compare-layer-b img{object-fit:contain}.compare-stage[data-fit=cover] .compare-layer-b img{object-fit:cover}.compare-stage[data-fit=stretch] .compare-layer-b img{object-fit:fill}.compare-layer figcaption{z-index:2;color:#fff;backdrop-filter:blur(8px);background:#111827b8;border-radius:.5rem;padding:.35rem .55rem;font-size:.7rem;font-weight:800;position:absolute;top:.75rem}.compare-layer-a figcaption{left:.75rem}.compare-layer-b figcaption{right:.75rem}.compare-stage[data-mode=swipe] .compare-layer-b{clip-path:inset(0 0 0 var(--split))}.compare-divider{z-index:4;top:0;bottom:0;left:var(--split);pointer-events:none;background:#fff;width:2px;display:none;position:absolute;transform:translate(-1px);box-shadow:0 0 10px #0008}.compare-divider i{color:#111827;background:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:2.65rem;height:2.65rem;font-style:normal;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 20px #0005}.compare-stage[data-mode=swipe] .compare-divider{display:block}.compare-frame>input{z-index:5;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-stage:not([data-mode=swipe]) .compare-frame>input{pointer-events:none}.compare-stage[data-mode=overlay] .compare-layer-b{opacity:var(--opacity)}.compare-stage[data-mode=flicker] .compare-layer-b{opacity:0}.compare-stage[data-mode=flicker] .compare-frame.is-revealing .compare-layer-b{opacity:1}.compare-stage[data-mode=flicker] .compare-frame{cursor:pointer}.compare-frame canvas{object-fit:fill;width:100%;height:100%;display:none}.compare-stage[data-mode=diff] .compare-layer,.compare-stage[data-mode=diff] .compare-divider{display:none}.compare-stage[data-mode=diff] canvas{display:block}.compare-stage[data-mode=split] .compare-frame{background:#7c3aed;grid-template-columns:1fr 1fr;gap:2px;display:grid}.compare-stage[data-mode=split] .compare-layer{min-width:0;position:relative;inset:auto}.compare-stage[data-mode=split] .compare-layer img{object-fit:contain;background:repeating-conic-gradient(#e5e7eb 0 25%,#f9fafb 0 50%) 0/22px 22px}.compare-opacity{grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.9rem .2rem 0;font-size:.78rem;display:grid}.compare-opacity input{accent-color:#7c3aed}.compare-opacity output{font-variant-numeric:tabular-nums;min-width:3rem;font-weight:800}.compare-flicker-hint{color:var(--muted);text-align:center;margin:.8rem 0 0;font-size:.76rem}.compare-receipt{margin-top:1rem;padding:1.2rem}.compare-metrics{grid-template-columns:repeat(5,1fr);gap:.65rem;margin-top:1rem;display:grid}.compare-metrics article{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,#ede9fe);border-radius:.85rem;min-width:0;padding:.8rem}.compare-metrics span{min-height:2em;color:var(--muted);font-size:.69rem;display:block}.compare-metrics strong{text-overflow:ellipsis;color:#6d28d9;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:.3rem;font-size:clamp(.95rem,2vw,1.35rem);display:block;overflow:hidden}.compare-file-facts{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.65rem;display:grid}.compare-file-facts p{background:var(--bg);border-radius:.75rem;gap:.55rem;margin:0;padding:.65rem .8rem;font-size:.75rem;display:flex}.compare-file-facts b{color:#7c3aed}.compare-limit,.compare-privacy{color:var(--muted);font-size:.74rem;line-height:1.55}.compare-actions{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.compare-actions .is-go{color:#fff;background:#7c3aed;border-color:#7c3aed}.compare-privacy{text-align:center;margin:.8rem 0 0}.compare-explainer{grid-template-columns:.8fr 1.6fr;gap:1rem;margin:4rem 0 2rem;display:grid}.compare-explainer>div:first-child{color:#fff;background:#111827;border-radius:1.2rem;padding:1.4rem}.compare-explainer>div:first-child span{color:#c4b5fd;letter-spacing:.08em;font-size:.72rem;font-weight:800}.compare-explainer>div:first-child h2{margin:.45rem 0 .7rem}.compare-explainer>div:first-child p{color:#d1d5db;line-height:1.65}.compare-explainer>div:last-child{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.compare-explainer article{border:1px solid var(--border);background:var(--surface);border-radius:1.1rem;padding:1.15rem}.compare-explainer article>span{color:#6d28d9;background:color-mix(in srgb,#7c3aed 10%,var(--surface));border-radius:.6rem;place-items:center;width:2rem;height:2rem;font-size:.7rem;font-weight:900;display:grid}.compare-explainer h3{margin:.8rem 0 .45rem;font-size:.95rem}.compare-explainer p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.6}.compare-faq details{border-bottom:1px solid var(--border);padding:.85rem 0}.compare-faq summary{cursor:pointer;align-items:center;min-height:44px;font-weight:750;display:flex}.compare-related{grid-template-columns:repeat(3,1fr);gap:.7rem;margin:2rem 0 4rem;display:grid}.compare-related a{border:1px solid var(--border);background:var(--surface);border-radius:1rem;flex-direction:column;gap:.25rem;padding:1rem;text-decoration:none;display:flex}.compare-related span{color:var(--muted);font-size:.76rem}@media (width<=850px){.compare-settings{grid-template-columns:1fr 1fr}.compare-fit{grid-column:1/-1}.compare-metrics{grid-template-columns:repeat(3,1fr)}.compare-explainer{grid-template-columns:1fr}}@media (width<=620px){.compare-page-hero{grid-template-columns:1fr;gap:1rem}.compare-hero-meter{justify-self:start}.compare-inputs,.compare-settings,.compare-file-facts,.compare-related{grid-template-columns:1fr}.compare-drop{min-height:12.5rem}.compare-fit{grid-column:auto}.compare-fit legend{float:none;width:auto;margin-bottom:.7rem}.compare-view>header{flex-direction:column;align-items:flex-start}.compare-modes{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.compare-modes button{padding:.55rem .3rem}.compare-frame{aspect-ratio:1}.compare-metrics{grid-template-columns:1fr 1fr}.compare-metrics article:last-child{grid-column:1/-1}.compare-explainer>div:last-child{grid-template-columns:1fr}.compare-toolbar{align-items:flex-start}.compare-toolbar>div{flex-direction:column}.compare-threshold{grid-template-columns:1fr auto}.compare-threshold input{grid-area:2/1/auto/-1}}@media (prefers-color-scheme:dark){.compare-frame,.compare-stage[data-mode=split] .compare-layer img{background:repeating-conic-gradient(#1f2937 0 25%,#111827 0 50%) 0/22px 22px}.compare-page-hero>div:first-child>span,.compare-view header span,.compare-receipt header>span,.compare-metrics strong{color:#c4b5fd}.compare-drop-glyph,.compare-fit input:checked+span{color:#ddd6fe}}