:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#e4e4e7}.page{max-width:960px;margin:0 auto;padding:3rem 1.5rem 6rem}.hero{text-align:center;padding:4rem 0 3rem}.hero h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .subtitle{margin-top:1rem;font-size:1.15rem;color:#ffffff8c;max-width:580px;margin-left:auto;margin-right:auto}.badge{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#a78bfa;border:1px solid rgba(167,139,250,.3);padding:.3rem .75rem;border-radius:999px;margin-bottom:1.25rem}section{margin-bottom:3.5rem}section h2{font-size:1.6rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1rem;color:#f4f4f5}section p,section li{color:#ffffffa6;font-size:1rem;line-height:1.7}section p+p{margin-top:.75rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.25rem}.card{border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.5rem;background:#ffffff05;transition:border-color .2s}.card:hover{border-color:#a78bfa4d}.card .icon{font-size:1.6rem;margin-bottom:.75rem}.card h3{font-size:1.05rem;font-weight:600;color:#f4f4f5;margin-bottom:.4rem}.card p{font-size:.9rem;color:#ffffff80}.comparison{width:100%;border-collapse:collapse;margin-top:1.25rem;font-size:.92rem}.comparison th,.comparison td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.comparison th{color:#fff6;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.comparison td:first-child{color:#f4f4f5;font-weight:500}.comparison td{color:#fff9}.highlight-col{color:#a78bfa!important;font-weight:600!important;background:#a78bfa0a}.steps{counter-reset:step;list-style:none;margin-top:1.25rem}.steps li{counter-increment:step;position:relative;padding-left:3rem;margin-bottom:1.5rem}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:50%;background:#a78bfa26;color:#a78bfa;display:grid;place-items:center;font-size:.85rem;font-weight:700}.steps li strong{color:#f4f4f5}.verdict{border:1px solid rgba(167,139,250,.25);border-radius:.75rem;padding:2rem;background:linear-gradient(135deg,#a78bfa0f,#60a5fa0a);text-align:center;margin-top:1.5rem}.verdict h3{font-size:1.3rem;color:#f4f4f5;margin-bottom:.5rem}.verdict p{max-width:600px;margin:0 auto}.footer{text-align:center;padding-top:3rem;border-top:1px solid rgba(255,255,255,.06);color:#ffffff4d;font-size:.8rem}.footer a{color:#a78bfa;text-decoration:none}.footer a:hover{text-decoration:underline}.tldr-box{border:1px solid rgba(96,165,250,.25);border-radius:.75rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#60a5fa0f,#a78bfa0a)}.tldr-box p{color:#ffffffbf}.tldr-box p+p{margin-top:.6rem}.section-subtitle{font-size:1.2rem;font-weight:600;color:#a78bfa;margin-bottom:.75rem;margin-top:.5rem}.info-box{border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem 1.5rem;background:#ffffff05;margin-top:1rem}.info-box ol{padding-left:1.25rem;margin-top:.5rem}.info-box li{margin-bottom:.3rem}.code-block{background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:.5rem;padding:1rem 1.25rem;margin-top:.75rem;margin-bottom:.75rem;overflow-x:auto}.code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:#a78bfa;line-height:1.8}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;color:#a78bfa;background:#a78bfa14;padding:.15em .4em;border-radius:.25rem}.note{font-size:.88rem!important;color:#fff6!important;font-style:italic;margin-top:.75rem}