body{display:flex;min-height:100vh;flex-direction:column;background:radial-gradient(circle at 8% 10%,rgba(121,88,255,.13),transparent 26%),radial-gradient(circle at 92% 18%,rgba(17,204,180,.14),transparent 24%),#fafaff}.checker-hero{padding:60px 0 76px;overflow:hidden}.hero-copy{text-align:center}.crumbs{display:flex;justify-content:center;gap:9px;margin-bottom:24px;color:var(--muted);font-size:.82rem}.crumbs a{color:var(--primary);font-weight:750}.checker-hero h1{max-width:1060px;font-size:clamp(2.8rem,7vw,5.2rem)}.checker-hero .gradient-text{background-image:linear-gradient(120deg,#7155f6,#b34cdd 55%,#0cbca4)}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;margin-top:22px;color:#565a70;font-size:.8rem;font-weight:750}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row i{display:grid;width:19px;height:19px;place-items:center;border-radius:50%;color:#fff;background:#0db99e;font-size:.62rem;font-style:normal}
.checker-app{position:relative;margin-top:44px;overflow:hidden;border:1px solid rgba(38,34,73,.13);border-radius:28px;background:#fff;box-shadow:0 35px 100px rgba(71,56,142,.19)}.checker-app:before{position:absolute;z-index:0;top:-100px;right:-90px;width:240px;height:240px;border-radius:50%;background:rgba(117,84,247,.07);content:""}.app-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid rgba(38,34,73,.09);background:rgba(255,255,255,.86);backdrop-filter:blur(12px)}.app-title,.app-title>span:last-child{display:flex;align-items:center}.app-title{gap:11px}.app-title>span:last-child{align-items:flex-start;flex-direction:column}.app-title strong{font-size:.88rem}.app-title small{margin-top:2px;color:var(--muted);font-size:.7rem}.pixel-logo{display:grid;width:35px;height:35px;padding:6px;grid-template-columns:1fr 1fr;gap:2px;border-radius:10px;background:#27263d}.pixel-logo i{display:block;background:#8d75ff}.pixel-logo i:nth-child(2),.pixel-logo i:nth-child(3){background-image:linear-gradient(135deg,#fff 25%,#dfe0ea 25%,#dfe0ea 50%,#fff 50%,#fff 75%,#dfe0ea 75%);background-size:8px 8px}.pixel-logo i:nth-child(4){background:#18c8ad}.local-badge{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;color:#087e6d;background:#e8fbf7;font-size:.7rem;font-weight:800}.local-badge i{width:7px;height:7px;border-radius:50%;background:#0ebaa2;box-shadow:0 0 0 4px rgba(14,186,162,.13)}
.upload-view{position:relative;padding:28px}.drop-zone{position:relative;display:flex;min-height:430px;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;padding:42px;border:2px dashed rgba(108,85,225,.38);border-radius:22px;background:radial-gradient(circle at 50% 35%,rgba(121,92,246,.12),transparent 31%),linear-gradient(135deg,rgba(247,247,255,.9),rgba(240,252,250,.8));cursor:pointer;transition:.25s}.drop-zone:after{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(45deg,rgba(74,67,105,.06) 25%,transparent 25%),linear-gradient(-45deg,rgba(74,67,105,.06) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(74,67,105,.06) 75%),linear-gradient(-45deg,transparent 75%,rgba(74,67,105,.06) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;content:"";pointer-events:none}.drop-zone:hover,.drop-zone.dragging{border-color:#7257f5;background-color:#f6f4ff;transform:translateY(-2px);box-shadow:0 18px 45px rgba(91,69,190,.12)}.drop-zone>*{position:relative;z-index:2}.drop-zone>strong{margin-top:25px;color:#292940;font-size:1.3rem}.drop-zone>span:not(.drop-visual){margin-top:8px;color:var(--muted);font-size:.92rem}.drop-zone u{color:#6e53ec;font-weight:800;text-underline-offset:3px}.drop-zone>small{margin-top:16px;padding:8px 12px;border-radius:999px;color:#77798e;background:rgba(255,255,255,.84);font-size:.71rem;font-weight:700}.drop-visual{position:relative;display:block;width:150px;height:130px}.transparent-window{position:absolute;z-index:2;inset:7px 10px 13px;display:grid;place-items:center;overflow:hidden;border:2px solid #2a293e;border-radius:22px;background-color:#fff;background-image:linear-gradient(45deg,#e2e3ec 25%,transparent 25%),linear-gradient(-45deg,#e2e3ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e3ec 75%),linear-gradient(-45deg,transparent 75%,#e2e3ec 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px;box-shadow:8px 9px 0 #2a293e}.transparent-window:before{position:absolute;width:78px;height:78px;transform:rotate(15deg);border-radius:24px 50% 30% 50%;background:linear-gradient(135deg,#7c60f8,#12c9ad);box-shadow:inset 12px 10px 20px rgba(255,255,255,.18);content:""}.transparent-window b{position:relative;z-index:2;padding:6px 9px;border:2px solid #fff;border-radius:8px;color:#fff;background:#2a293e;font-size:.7rem;letter-spacing:.08em}.scan-line{position:absolute;z-index:3;left:7px;right:4px;top:8px;height:3px;border-radius:3px;background:#ff5c8e;box-shadow:0 0 17px #ff5c8e;animation:scan 2.3s ease-in-out infinite}.drop-visual .pixel{position:absolute;z-index:3;width:11px;height:11px;border-radius:3px;background:#ffca3a;box-shadow:0 7px 20px rgba(38,35,63,.18);animation:float 2.8s ease-in-out infinite}.drop-visual .p1{top:0;right:0}.drop-visual .p2{bottom:0;left:1px;width:8px;height:8px;background:#ff5c8e;animation-delay:-.9s}.drop-visual .p3{right:-5px;bottom:20px;width:7px;height:7px;background:#17c8ab;animation-delay:-1.7s}.demo-row{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:17px;color:var(--muted);font-size:.78rem}.demo-row button{padding:5px;border:0;color:#684ce7;background:none;font:inherit;font-weight:850;cursor:pointer}.demo-row button:hover{text-decoration:underline;text-underline-offset:3px}
.checking-view{display:flex;min-height:475px;align-items:center;justify-content:center;flex-direction:column;padding:44px;background:#fafaff}.checking-view>strong{margin-top:25px;color:#292940;font-size:1.18rem}.checking-view>span:last-child{margin-top:7px;color:var(--muted);font-size:.8rem}.scanner{position:relative;width:112px;height:112px;border-radius:27px;background-color:#fff;background-image:linear-gradient(45deg,#e7e7ef 25%,transparent 25%),linear-gradient(-45deg,#e7e7ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7e7ef 75%),linear-gradient(-45deg,transparent 75%,#e7e7ef 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;box-shadow:0 18px 45px rgba(60,49,120,.17)}.scanner:after{position:absolute;inset:23px;transform:rotate(18deg);border-radius:18px 45% 24px 50%;background:linear-gradient(135deg,#7d5ff8,#10c6aa);content:""}.scanner i{position:absolute;z-index:2;left:-7px;right:-7px;top:10px;height:4px;border-radius:4px;background:#ff5487;box-shadow:0 0 20px #ff5487;animation:scan-small 1.2s ease-in-out infinite}
.result-view{position:relative;padding:25px}.result-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 4px 23px}.result-verdict{display:flex;align-items:center;gap:14px}.verdict-icon{display:grid;flex:0 0 auto;width:53px;height:53px;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(135deg,#10bca1,#5ad8a1);box-shadow:0 10px 25px rgba(16,188,161,.24);font-size:1.3rem;font-weight:900}.result-verdict.opaque .verdict-icon{background:linear-gradient(135deg,#7358ef,#a277fa);box-shadow:0 10px 25px rgba(115,88,239,.24)}.result-verdict small{color:#10a88f;font-size:.64rem;font-weight:900;letter-spacing:.12em}.result-verdict.opaque small{color:#7055e9}.result-verdict h2{margin:2px 0 1px;font-size:clamp(1.45rem,3vw,2.05rem)}.result-verdict p{margin:0;color:var(--muted);font-size:.78rem}.result-actions{display:flex;gap:9px}.quiet-button,.new-button{min-height:42px;padding:0 15px;border:1px solid rgba(44,40,77,.13);border-radius:12px;font:inherit;font-size:.75rem;font-weight:850;cursor:pointer;transition:.2s}.quiet-button{color:#55566e;background:#fff}.new-button{border-color:#2c2a44;color:#fff;background:#2c2a44}.quiet-button:hover,.new-button:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(48,43,88,.12)}.result-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.65fr);gap:18px}.preview-card,.analysis-card{overflow:hidden;border:1px solid rgba(41,38,71,.1);border-radius:20px;background:#fff}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border-bottom:1px solid rgba(41,38,71,.09)}.preview-toolbar>div:first-child{display:flex;min-width:0;align-items:flex-start;flex-direction:column}.preview-toolbar strong{overflow:hidden;max-width:460px;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.preview-toolbar small{margin-top:2px;color:var(--muted);font-size:.68rem}.background-switcher{display:flex;gap:7px}.swatch{width:27px;height:27px;border:2px solid #fff;border-radius:8px;box-shadow:0 0 0 1px rgba(39,37,65,.18);cursor:pointer}.swatch.active{box-shadow:0 0 0 2px #7658ef}.swatch.checker{background-color:#fff;background-image:linear-gradient(45deg,#d9dae5 25%,transparent 25%),linear-gradient(-45deg,#d9dae5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9dae5 75%),linear-gradient(-45deg,transparent 75%,#d9dae5 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.swatch.light{background:#fff}.swatch.dark{background:#202132}.swatch.color{background:#ff6b7a}.preview-stage{position:relative;display:grid;min-height:445px;place-items:center;padding:28px;transition:background .25s}.preview-stage.checker{background-color:#fff;background-image:linear-gradient(45deg,#dddde7 25%,transparent 25%),linear-gradient(-45deg,#dddde7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dddde7 75%),linear-gradient(-45deg,transparent 75%,#dddde7 75%);background-position:0 0,0 18px,18px -18px,-18px 0;background-size:36px 36px}.preview-stage.light{background:#fff}.preview-stage.dark{background:#202132}.preview-stage.color{background:#ff6b7a}.preview-stage img{display:block;max-width:100%;max-height:405px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(32,31,53,.18))}.preview-hint{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:10px;color:var(--muted);background:#fbfbfe;font-size:.69rem}.analysis-card{padding:24px;background:linear-gradient(180deg,#fbfaff,#f8fffd)}.coverage-ring{display:grid;width:168px;height:168px;margin:2px auto 24px;place-items:center;border-radius:50%;background:conic-gradient(#13bfa5 var(--coverage,0%),#e9e8f1 0);box-shadow:0 15px 35px rgba(71,56,140,.12)}.coverage-ring:before{position:absolute;width:132px;height:132px;border-radius:50%;background:#fff;content:""}.coverage-ring>div{position:relative;z-index:2;text-align:center}.coverage-ring strong{display:block;color:#2b2943;font-size:2rem;line-height:1}.coverage-ring span{display:block;margin-top:6px;color:var(--muted);font-size:.65rem;font-weight:750;line-height:1.25;text-transform:uppercase;letter-spacing:.06em}.stat-list{display:grid;gap:9px}.stat-list>div{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(44,40,77,.08);border-radius:12px;background:rgba(255,255,255,.78)}.stat-list>div>span:nth-child(2){display:flex;min-width:0;align-items:flex-start;flex-direction:column}.stat-list small{color:var(--muted);font-size:.65rem}.stat-list strong{margin-top:2px;font-size:.79rem}.stat-dot{display:block;flex:0 0 auto;width:12px;height:12px;border-radius:4px}.stat-dot.clear{border:1px solid #b8b8c8;background-color:#fff;background-image:linear-gradient(45deg,#d5d5df 25%,transparent 25%),linear-gradient(-45deg,#d5d5df 25%,transparent 25%);background-size:7px 7px}.stat-dot.soft{background:#74dccd}.stat-dot.solid{background:#37364a}.alpha-note{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:13px;border-radius:14px;color:#3f3d59;background:#efedff}.alpha-note>span{display:grid;flex:0 0 auto;width:30px;height:30px;place-items:center;border-radius:9px;color:#fff;background:#7357ee;font-size:.75rem;font-weight:900}.alpha-note strong{font-size:.73rem}.alpha-note p{margin:3px 0 0;color:#67647f;font-size:.65rem;line-height:1.45}.under-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:24px 0 0;color:#65677c;font-size:.74rem;font-weight:700}
.content-section{padding:74px 0}.content-section.alt{border-top:1px solid rgba(43,39,76,.06);border-bottom:1px solid rgba(43,39,76,.06);background:rgba(244,244,251,.72)}.content{max-width:1060px}.section-kicker{display:block;margin-bottom:8px;color:#7357ee;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.content h2{max-width:760px;font-size:clamp(1.75rem,4vw,2.7rem)}.content>p{max-width:790px;color:var(--muted);line-height:1.75}.benefit-grid{display:grid;margin-top:30px;grid-template-columns:repeat(3,1fr);gap:16px}.benefit-card{padding:24px;border:1px solid rgba(43,39,76,.09);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(58,49,111,.06)}.benefit-card.featured{transform:translateY(-7px);border-color:rgba(19,191,165,.28);box-shadow:0 18px 40px rgba(18,174,151,.11)}.benefit-icon{display:grid;width:50px;height:50px;place-items:center;margin-bottom:17px;border-radius:14px;font-size:.72rem;font-weight:900}.clear-icon{border:1px solid #d7d7e1;background-color:#fff;background-image:linear-gradient(45deg,#dedee6 25%,transparent 25%),linear-gradient(-45deg,#dedee6 25%,transparent 25%);background-size:12px 12px}.soft-icon{color:#087d6b;background:#dcfaf4}.solid-icon{color:#fff;background:#343348}.benefit-card h3{font-size:1rem}.benefit-card p{margin:8px 0 0;color:var(--muted);font-size:.82rem;line-height:1.65}.steps{display:grid;margin:31px 0 0;padding:0;grid-template-columns:repeat(3,1fr);gap:15px;list-style:none}.steps li{padding:22px;border:1px solid rgba(43,39,76,.09);border-radius:18px;background:#fff}.steps li>span{display:grid;width:41px;height:41px;place-items:center;margin-bottom:17px;border-radius:12px;color:#7357ee;background:#eeebff;font-size:.7rem;font-weight:900}.steps strong{font-size:.91rem}.steps p{margin:7px 0 0;color:var(--muted);font-size:.78rem;line-height:1.6}.truth-callout{display:flex;align-items:center;gap:18px;margin-top:21px;padding:20px;border:1px solid rgba(255,91,139,.2);border-radius:18px;background:linear-gradient(120deg,#fff6f9,#f4f1ff)}.truth-art{display:grid;flex:0 0 auto;width:55px;height:55px;padding:7px;grid-template-columns:1fr 1fr;gap:3px;border-radius:15px;background:#fff;box-shadow:0 8px 20px rgba(52,45,96,.12)}.truth-art i:nth-child(1),.truth-art i:nth-child(4){background:#dcdce6}.truth-art i:nth-child(2),.truth-art i:nth-child(3){background:#fff}.truth-callout strong{font-size:.9rem}.truth-callout p{margin:5px 0 0;color:var(--muted);font-size:.77rem;line-height:1.55}.faq{display:grid;margin-top:28px;gap:10px}.faq details{border:1px solid rgba(43,39,76,.09);border-radius:14px;background:#fff}.faq summary{position:relative;padding:17px 47px 17px 18px;font-size:.84rem;font-weight:800;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{position:absolute;right:18px;color:#7357ee;content:"+"}.faq details[open] summary:after{content:"-"}.faq details p{margin:0;padding:0 18px 18px;color:var(--muted);font-size:.8rem;line-height:1.7}.try-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.try-heading p{margin:7px 0 0;color:var(--muted)}.try-heading>a{flex:0 0 auto;color:#7054ea;font-size:.78rem;font-weight:850}.try-grid{display:grid;margin-top:27px;grid-template-columns:repeat(3,1fr);gap:14px}.try-card{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid rgba(43,39,76,.09);border-radius:16px;background:#fff;transition:.22s}.try-card:hover{transform:translateY(-4px);border-color:rgba(112,84,234,.25);box-shadow:0 18px 40px rgba(53,49,110,.11)}.try-icon{display:grid;flex:0 0 auto;width:45px;height:45px;place-items:center;border-radius:13px;color:#7054ea;background:#eeebff;font-size:.68rem;font-weight:900}.try-card>span:nth-child(2){display:block;min-width:0}.try-card strong{display:block;font-size:.82rem}.try-card>span:nth-child(2)>span{display:block;margin-top:4px;color:var(--muted);font-size:.7rem;line-height:1.4}.try-card b{margin-left:auto;color:#7860e8}.toast{position:fixed;z-index:100;right:22px;bottom:22px;padding:12px 16px;opacity:0;transform:translateY(12px);border-radius:12px;color:#fff;background:#27263b;box-shadow:0 15px 35px rgba(23,24,42,.25);font-size:.77rem;font-weight:750;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.spark{position:fixed;z-index:101;width:8px;height:8px;border-radius:2px;pointer-events:none;animation:burst .85s ease-out forwards}
.coverage-ring{position:relative}
@keyframes scan{0%,100%{top:8px}50%{top:112px}}@keyframes scan-small{0%,100%{top:9px}50%{top:98px}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(12deg)}}@keyframes burst{to{opacity:0;transform:translate(var(--x),var(--y)) rotate(240deg) scale(.2)}}
@media(max-width:900px){.result-grid{grid-template-columns:1fr}.analysis-card{display:grid;grid-template-columns:190px 1fr;gap:15px}.coverage-ring{grid-row:1/3}.alpha-note{margin-top:0}.preview-stage{min-height:390px}}
@media(max-width:720px){.checker-hero{padding:49px 0 53px}.checker-app{margin-top:34px;border-radius:22px}.app-topbar{align-items:flex-start;flex-direction:column;gap:10px}.upload-view,.result-view{padding:15px}.drop-zone{min-height:370px;padding:28px 15px}.result-header{align-items:flex-start;flex-direction:column}.result-actions{width:100%}.result-actions button{flex:1}.preview-toolbar{align-items:flex-start;flex-direction:column}.preview-stage{min-height:330px}.analysis-card{display:block}.benefit-grid,.steps,.try-grid{grid-template-columns:1fr}.benefit-card.featured{transform:none}.try-heading{align-items:flex-start;flex-direction:column}.content-section{padding:56px 0}}
@media(max-width:440px){.checker-hero h1{font-size:clamp(2.35rem,13vw,3.5rem)}.local-badge{font-size:.65rem}.drop-zone{min-height:340px}.demo-row{align-items:flex-start;flex-direction:column;gap:0}.result-verdict{align-items:flex-start}.result-actions{flex-direction:column}.preview-stage{min-height:285px;padding:17px}.preview-stage img{max-height:255px}.truth-callout{align-items:flex-start}.try-card{padding:15px}.under-note{text-align:center}}
@media(prefers-reduced-motion:reduce){.scan-line,.scanner i,.drop-visual .pixel,.spark{animation:none}.drop-zone,.quiet-button,.new-button,.try-card{transition:none}}