.qa-nav{position:sticky;top:0;z-index:30;background:color-mix(in oklab,var(--carta) 84%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.qa-nav .inner{height:64px;display:flex;align-items:center;justify-content:space-between}.qa-nav .crumb{font-family:var(--font-mono);font-size:12px;color:var(--faint);margin-left:12px}.qa-hero{text-align:center;padding-block:clamp(40px,6vw,68px) 30px;position:relative;overflow:hidden}.qa-hero:before{content:"";position:absolute;inset:-30% 20% auto 20%;height:70%;background:radial-gradient(50% 60% at 50% 0,var(--magia-softer),transparent 70%)}.qa-hero>*{position:relative;z-index:1}.qa-hero h1{max-width:16ch;margin:16px auto}.qa-hero h1 .em{font-family:var(--font-serif);font-style:italic;font-weight:500;color:var(--magia)}.qa-hero .lead{margin:0 auto}.qa-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}.qa-stage{max-width:900px;margin:8px auto 0;padding-inline:var(--gutter)}.dropzone{border:2px dashed var(--border-2);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-1);padding:clamp(36px,6vw,64px) 24px;text-align:center;transition:border-color .16s,background .16s,transform .16s;cursor:pointer}.dropzone.drag,.dropzone:hover{border-color:var(--magia);background:var(--magia-softer);transform:translateY(-2px)}.dz-ic{width:62px;height:62px;margin:0 auto 20px;border-radius:18px;display:grid;place-items:center;background:var(--grad-magia);color:#fff;box-shadow:var(--shadow-magia)}.dz-ic svg{width:28px;height:28px}.dropzone h2{font-size:26px;margin-bottom:8px}.dropzone p{color:var(--muted);margin:0 0 22px}.dz-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.dz-foot{margin-top:20px;font-family:var(--font-mono);font-size:11.5px;color:var(--faint);letter-spacing:.02em;max-width:56ch;margin-inline:auto;line-height:1.6}.processing{display:none;text-align:center;padding:60px 20px}.processing.on{display:block}.proc-spark{width:52px;height:52px;margin:0 auto 18px;color:var(--magia)}.proc-spark svg{width:100%;height:100%;animation:pspin 1s linear infinite}@keyframes pspin{to{transform:rotate(1turn)}}.proc-bar{max-width:300px;height:6px;border-radius:3px;background:var(--border);margin:16px auto 0;overflow:hidden}.proc-bar i{display:block;height:100%;width:0;background:var(--grad-magia);animation:pfill 1.6s ease forwards}@keyframes pfill{to{width:100%}}.result{display:none}.result.on{display:block}.compare{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-2);aspect-ratio:3/2;user-select:none;border:1px solid var(--border);background:repeating-conic-gradient(#EDE9F4 0 25%,#fff 0 50%) 50%/26px 26px}.cmp-layer{position:absolute;inset:0}.cmp-layer img{width:100%;height:100%;object-fit:contain;display:block}.cmp-after{clip-path:inset(0 0 0 50%)}.cmp-before{clip-path:inset(0 50% 0 0);background:#fff}.cmp-handle{top:0;bottom:0;width:2px;box-shadow:0 0 0 1px rgba(26,21,51,.15);z-index:5;cursor:ew-resize}.cmp-handle,.cmp-knob{position:absolute;left:50%;background:#fff}.cmp-knob{top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;box-shadow:var(--shadow-2);display:grid;place-items:center;color:var(--magia)}.cmp-knob svg{width:20px;height:20px}.cmp-tag{position:absolute;top:14px;z-index:6;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:20px;background:rgba(26,21,51,.7);color:#fff}.cmp-tag.l{left:14px}.cmp-tag.r{right:14px;background:var(--magia)}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}.result-meta{text-align:center;margin-top:14px}.qa-sec{padding-block:clamp(52px,7vw,84px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{text-align:center}.step .n{font-family:var(--font-display);font-weight:700;font-size:15px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:var(--magia-soft);color:var(--magia)}.step h3{margin-bottom:6px}.step p{color:var(--muted);font-size:14.5px;max-width:30ch}.faq,.step p{margin:0 auto}.faq{max-width:760px}.faq details{border-top:1px solid var(--border);padding:18px 0}.faq details[open] summary .plus{transform:rotate(45deg)}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-display);font-weight:600;font-size:17px}.faq summary::-webkit-details-marker{display:none}.faq .plus{flex:none;width:22px;height:22px;color:var(--magia);transition:transform .2s}.faq p{color:var(--muted);margin:12px 0 0;font-size:15px}@media (max-width:780px){.steps{grid-template-columns:1fr}}