@keyframes ss-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes hero-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes float-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ss-bounce{animation:ss-bounce 1.8s ease infinite}.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:translateY(0)}.gradient-divider{height:1px;border:none;background:linear-gradient(90deg,transparent,#3f3f46 30%,#3f3f46 70%,transparent);margin:0}.hero-wrap{text-align:center;padding:3.5rem 0 3rem;position:relative}.hero-glow{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:2rem;left:50%;transform:translate(-50%);width:min(500px,80vw);height:280px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(124,58,237,.07),transparent 70%);animation:hero-glow 4s ease infinite}.hero-status-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:ui-monospace,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#a78bfa;background:#7c3aed14;border:1px solid rgba(124,58,237,.18);padding:.3rem .875rem;border-radius:9999px;margin-bottom:2rem;white-space:nowrap}.hero-title{font-size:clamp(2.75rem,6vw,4.75rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:#f4f4f5;margin:0 auto .875rem;max-width:700px}.hero-title-outline{color:transparent;-webkit-text-stroke:1.5px #7c3aed}.hero-sub{font-size:.95rem;color:#71717a;max-width:380px;margin:0 auto 2.75rem;line-height:1.8}.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.cta-btn{display:inline-flex;align-items:center;gap:.5rem;background:#7c3aed;border:1px solid rgba(124,58,237,.5);color:#fff;font-weight:600;font-size:.9rem;padding:.75rem 2rem;border-radius:.625rem;text-decoration:none;transition:all .2s;box-shadow:0 0 28px #7c3aed40}@media(hover:hover){.cta-btn:hover{background:#6d28d9;box-shadow:0 0 36px #7c3aed59}}.hero-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:500;letter-spacing:.04em;padding:.25rem .7rem;border-radius:9999px;background:#064e3b26;border:1px solid rgba(52,211,153,.18);color:#34d399;white-space:nowrap}.tech-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.tech-item{padding:.5rem 1rem;font-size:.72rem;font-family:ui-monospace,monospace;color:#52525b;letter-spacing:.04em;white-space:nowrap}.tech-item+.tech-item:before{content:"·";margin-right:1rem;color:#27272a}.tech-item span{color:#71717a}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feat-card{background:#18181b;border:1px solid #27272a;border-radius:1rem;padding:1.875rem;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}@media(hover:hover){.feat-card:hover{border-color:#3f3f46;background:#1c1c1f;box-shadow:0 8px 24px #0000004d}}.feat-icon{width:2.75rem;height:2.75rem;border-radius:.75rem;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center}.feat-icon--violet{background:#7c3aed26;border:1px solid rgba(124,58,237,.3)}.feat-icon--green{background:#064e3b33;border:1px solid rgba(52,211,153,.28)}.feat-icon--amber{background:#78350f33;border:1px solid rgba(245,158,11,.28)}.feat-icon--blue{background:#1e3a8a33;border:1px solid rgba(96,165,250,.25)}.feat-title{font-size:.9rem;font-weight:600;color:#e4e4e7;margin:0 0 .5rem}.feat-body{font-size:.8rem;color:#71717a;line-height:1.7;margin:0}@media(max-width:768px){.feat-grid{grid-template-columns:1fr 1fr}.feat-card:last-child{grid-column:1/-1;max-width:52%;margin:0 auto;width:100%}.stats-strip{gap:0}}@media(max-width:640px){.feat-grid{grid-template-columns:1fr}.feat-card:last-child{grid-column:auto;max-width:100%}.hero-actions{flex-direction:column;align-items:center}.cta-heading{white-space:normal;font-size:clamp(1.4rem,5vw,2rem)}.tech-item{padding:.4rem .875rem;font-size:.68rem}}@media(prefers-reduced-motion:reduce){.pulse-dot,.ss-bounce,.hero-glow{animation:none}.reveal{opacity:1;transform:none;transition:none}.cta-btn:hover{transform:none}}.compare-wrap{border:1px solid #27272a;border-radius:1rem;overflow:hidden;background:#18181b}.compare-header{display:grid;grid-template-columns:1fr 10rem 10rem;border-bottom:1px solid #3f3f46;background:#1c1c1f}.compare-feature-col{padding:1rem 1.25rem}.compare-col-head{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.875rem .5rem;text-align:center;font-size:.72rem;font-weight:600;letter-spacing:.03em;border-left:1px solid #27272a}.compare-col-head--other{color:#52525b}.compare-col-head--safe{color:#a78bfa;background:#7c3aed0a}.compare-row{display:grid;grid-template-columns:1fr 10rem 10rem;border-bottom:1px solid #27272a;transition:background .15s}.compare-row:last-child{border-bottom:none}.compare-row--even{background:#ffffff04}@media(hover:hover){.compare-row:hover{background:#7c3aed0a}}.compare-feature{display:flex;flex-direction:column;justify-content:center;gap:.2rem;padding:.875rem 1.25rem}.compare-label{font-size:.82rem;font-weight:500;color:#e4e4e7}.compare-sub{font-size:.72rem;color:#52525b;line-height:1.4}.compare-cell{display:flex;align-items:center;justify-content:center;padding:.875rem .5rem;border-left:1px solid #27272a}.compare-cell--safe{background:#7c3aed08}.compare-good{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:#34d399}.compare-bad{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:#f87171}.compare-no{font-size:.9rem;color:#3f3f46}.webp-info-wrap{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-left:.3rem}.webp-info-icon{display:inline-flex;align-items:center;color:#52525b;cursor:help;border-radius:50%;transition:color .15s}.webp-info-icon:hover,.webp-info-icon:focus{color:#a78bfa;outline:none}.webp-tooltip{display:none;position:absolute;left:50%;bottom:calc(100% + .5rem);transform:translate(-50%);width:16rem;background:#27272a;border:1px solid #3f3f46;border-radius:.625rem;padding:.625rem .75rem;font-size:.7rem;color:#a1a1aa;line-height:1.6;font-weight:400;pointer-events:none;box-shadow:0 8px 24px #00000080;z-index:100;white-space:normal;text-align:left}.webp-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#3f3f46}.webp-info-icon:hover+.webp-tooltip,.webp-info-icon:focus+.webp-tooltip{display:block}@media(max-width:640px){.webp-tooltip{left:auto;right:0;transform:none;width:13rem}.webp-tooltip:after{left:auto;right:.75rem;transform:none}}@media(max-width:640px){.compare-header,.compare-row{grid-template-columns:1fr 5.5rem 5.5rem}.compare-col-head{padding:.75rem .25rem;font-size:.65rem}.compare-cell{padding:.75rem .25rem}.compare-feature{padding:.75rem .875rem}.compare-label{font-size:.78rem}.compare-sub{display:none}}
