:root{--color-bg:#f4f6fb;--color-surface:#fff;--color-text:#0a0f1c;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-nav:#0b1f3b;--color-accent:#1d4ed8;--color-accent-soft:#1d4ed81f;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 12px 40px #0f172a14;--shadow-lg:0 24px 64px #0f172a1a;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--font-sans:"Inter", system-ui, sans-serif;--font-display:"Playfair Display", Georgia, serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(120% 80% at 50% -20%,#1d4ed826,#0000 55%),radial-gradient(80% 50% at 100% 0,#0b1f3b0f,#0000 45%),radial-gradient(60% 40% at 0 100%,#1d4ed80d,#0000 50%);background-attachment:fixed;min-height:100vh;margin:0;line-height:1.5}button{background:var(--color-nav);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);border:none;padding:14px 22px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s}button:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0b1f3b40}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.nav{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);z-index:10;background:#ffffffd1;justify-content:space-between;align-items:center;padding:16px clamp(20px,4vw,40px);display:flex;position:sticky;top:0}.logo{letter-spacing:-.03em;color:var(--color-nav);align-items:center;gap:12px;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.logo-mark{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:40px;height:40px;display:block}.logo-product{color:var(--color-text-muted);font-weight:700}nav{align-items:center;gap:8px;display:flex}.nav-link{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);padding:8px 14px;font-size:.9375rem;font-weight:500;transition:color .15s,background .15s}.nav-link:hover,.nav-link.active{color:var(--color-nav);background:var(--color-accent-soft)}@media (max-width:540px){.nav{flex-direction:column;align-items:flex-start;gap:10px}}
.hero{text-align:center;max-width:920px;margin:0 auto;padding:clamp(48px,8vw,88px) 16px 10px}.hero-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin:0 0 12px;font-size:.75rem;font-weight:700}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-nav);margin:0 0 16px;font-size:clamp(2rem,5vw,3.25rem);font-weight:600;line-height:1.15}.hero-sub{max-width:36rem;color:var(--color-text-muted);margin:0 auto;font-size:clamp(.95rem,1.5vw,1.0625rem)}
.inputCard{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);max-width:800px;box-shadow:var(--shadow-md);margin:clamp(24px,4vw,36px) auto 0;padding:clamp(18px,3vw,24px)}.modeSelector{border-radius:var(--radius-md);background:#f1f5f9;gap:8px;margin-bottom:16px;padding:4px;display:flex}.modeBtn{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:10px 16px;font-size:.8125rem;font-weight:500;transition:all .2s}.modeBtn:hover{color:var(--color-text);background:#6366f114}.modeBtn.active{background:var(--color-surface);color:var(--color-accent);font-weight:600;box-shadow:0 1px 3px #0000001a}textarea.claimTextarea{border:1px solid var(--color-border);border-radius:var(--radius-md);resize:none;background:#f8fafc;outline:none;width:100%;height:128px;padding:14px 16px;font-family:inherit;font-size:.9375rem;line-height:1.55;transition:all .2s}textarea.claimTextarea:focus{border-color:var(--color-accent);background:var(--color-surface);box-shadow:0 0 0 4px #6366f126,0 0 20px #6366f11a}.errorBox{border-radius:var(--radius-sm);color:#b91c1c;text-align:left;background:#dc262614;min-height:20px;margin:10px 0 4px;padding:8px 12px;font-size:.8125rem;font-weight:600}.errorBox:empty{display:none}.inputRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.uploadBtn{border-radius:var(--radius-md);cursor:pointer;color:var(--color-nav);background:#f1f5f9;border:1px solid #0000;align-items:center;gap:8px;padding:12px 18px;font-size:.875rem;font-weight:500;display:inline-flex}.previewBox img{border-radius:var(--radius-md);border:1px solid var(--color-border);max-width:200px;box-shadow:var(--shadow-sm);margin-top:16px}.inputRow button.verifyBtn{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;padding:12px 24px;font-size:.9375rem;font-weight:600;transition:all .25s;box-shadow:0 2px 8px #6366f14d}.inputRow button.verifyBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.inputRow button.verifyBtn:active{transform:translateY(0);box-shadow:0 2px 8px #6366f14d}@media (max-width:768px){.inputRow{flex-direction:column;align-items:stretch}.inputRow .uploadBtn,.inputRow button.verifyBtn{justify-content:center;width:100%}}
.grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,24px);margin-top:24px;display:grid}.card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);min-height:120px;color:var(--color-nav);background:#ffffffa6;border:1px solid #ffffff80;flex-direction:column;justify-content:space-between;gap:16px;padding:clamp(20px,3vw,28px);font-size:.9375rem;font-weight:500;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #00000008}.card:hover{border-color:#6366f14d;transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.card .bad,.card .warn,.card .good{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-self:flex-start;margin-top:auto;padding:6px 14px;font-size:.75rem;font-weight:700}.card .bad{color:#991b1b;background:#dc26261f;border:1px solid #dc262633}.card .warn{color:#b45309;background:#f59e0b26;border:1px solid #f59e0b40}.card .good{color:#15803d;background:#16a34a1f;border:1px solid #16a34a33}@media (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid{grid-template-columns:1fr;gap:16px}.card{min-height:100px;padding:18px}}
.analysisBox{text-align:center;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);max-width:520px;box-shadow:var(--shadow-md);margin:clamp(48px,10vw,100px) auto;padding:clamp(24px,4vw,40px)}.progress{background:#e2e8f0;border-radius:999px;max-width:100%;height:8px;margin:20px 0 16px;overflow:hidden}.progressBar{background:linear-gradient(90deg, var(--color-nav), var(--color-accent));border-radius:999px;width:0;height:100%;transition:width .2s}.steps{text-align:left;max-width:340px;margin:0 auto 8px}.step{color:var(--color-text-muted);border-left:3px solid #0000;margin:0;padding:8px 0 8px 12px;font-size:.875rem;font-weight:500}.step.pending{border-left-color:#e2e8f0}.step.active{color:var(--color-nav);border-left-color:var(--color-accent);font-weight:600}.step.done{color:#15803d;border-left-color:#22c55e}.loader{border:3px solid #e2e8f0;border-top-color:var(--color-nav);border-radius:50%;width:40px;height:40px;margin:20px auto;animation:.85s linear infinite spin}.muted{color:var(--color-text-muted);margin:8px 0 0;font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes analysis-gradient{0%{background-position:0%}to{background-position:220%}}@keyframes progress-shine{0%{opacity:0;transform:translate(-80%)}35%{opacity:.75}to{opacity:0;transform:translate(520%)}}@keyframes scan-pulse{0%,to{transform:scale(1);box-shadow:0 0 #39e0d02e}50%{transform:scale(1.04);box-shadow:0 0 0 8px #39e0d000}}@keyframes processing-aurora{0%,to{opacity:.75;transform:translate(-2%)scale(1)}50%{opacity:.95;transform:translate(4%,5%)scale(1.08)}}@keyframes orb-breathe{0%,to{opacity:.6;transform:scale(.96)}50%{opacity:.9;transform:scale(1.08)}}@keyframes scan-ring{to{transform:rotate(360deg)}}@keyframes scan-line{0%,to{opacity:0;transform:translateY(-42px)}18%,82%{opacity:.7}50%{opacity:.95;transform:translateY(42px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.resultCard{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);max-width:750px;box-shadow:var(--shadow-lg);margin:0 auto;padding:clamp(24px,4vw,36px)}.claimBox{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#f1f5f9;padding:16px 18px;font-size:.9375rem}.verdict{margin:18px 0 8px;font-size:clamp(1.75rem,4vw,2.125rem);font-weight:800}.confidence{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;font-size:.9375rem;display:flex}.confidenceLabel{color:var(--color-text-muted);font-weight:600}.confidenceBar{background:#e2e8f0;border-radius:999px;flex:1;min-width:120px;max-width:200px;height:8px;overflow:hidden}.confidenceFill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .5s}.confidenceValue{color:var(--color-accent);font-size:1rem;font-weight:700}.evidenceList{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.evidenceItem{border-radius:var(--radius-md);background:#f8fafc;border-left:4px solid;padding:12px 16px}.evidenceItem.supporting{background:#22c55e14;border-color:#22c55e}.evidenceItem.opposing{background:#ef444414;border-color:#ef4444}.evidenceSource{color:var(--color-nav);margin-bottom:4px;font-size:.875rem;font-weight:600;display:block}.evidenceSummary{color:var(--color-text-muted);font-size:.8125rem;line-height:1.5}.sourceQuality{margin:8px 0}.qualityBadge{border-radius:999px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-block}.qualityBadge.high{color:#15803d;background:#22c55e26}.qualityBadge.medium{color:#b45309;background:#f59e0b26}.qualityBadge.low{color:#b91c1c;background:#ef444426}.improvementHint{border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f133;margin:20px 0;padding:16px 18px}.hintLabel{color:var(--color-accent);margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.improvementHint p{color:var(--color-text);margin:0;font-size:.875rem;line-height:1.5}.resultCard h3{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:24px 0 10px;font-size:.8125rem;font-weight:700}#explanation{margin:0;padding-left:1.15rem}.sources{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sources li{border:1px solid var(--color-border);color:var(--color-nav);background:#f8fafc;border-radius:999px;padding:8px 14px;font-size:.8125rem}.resultCard button{width:100%;margin-top:28px}
.trust{color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(24px,4vw,36px);font-size:.8125rem;display:flex}.trust span{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}@media (max-width:768px){.trust{flex-direction:column;align-items:stretch}.trust span{justify-content:center}}
.page{padding:clamp(24px,5vw,48px) clamp(20px,4vw,40px)}.section{max-width:1100px;margin:0 auto}.section-trending{padding-bottom:clamp(32px,6vw,72px)}.section-page{padding-top:8px}.section-title{letter-spacing:-.02em;color:var(--color-nav);margin:0 0 8px;font-size:clamp(1.125rem,2vw,1.35rem);font-weight:700}