:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#061225;--bg-soft:#091a34;--card:#091a34c7;--card-strong:#0d2241f0;--text:#f8fbff;--muted:#aac0d9;--line:#ffffff1f;--orange:#ff5a05;--orange-2:#ff8a3d;--blue:#2f80ff;--shadow:0 24px 80px #00000059;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 12% 8%, #2f80ff57, transparent 32rem), radial-gradient(circle at 86% 14%, #ff5a0538, transparent 34rem), radial-gradient(circle at 70% 78%, #2f80ff24, transparent 38rem), var(--bg);margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{min-height:100vh;overflow:hidden}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061225c7;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,4vw,4rem);display:flex;position:sticky;top:0}.brand,.nav-cta,.trust-bar a,.button,.text-link,.card-links a{align-items:center;gap:.5rem;display:inline-flex}.brand{letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.brand-logo{object-fit:contain;filter:drop-shadow(0 0 18px #ff5a0547);background-color:#fff;border-radius:.65rem;width:2.35rem;height:2.35rem}.nav-links{color:var(--muted);align-items:center;gap:1.25rem;font-weight:600;display:flex}.nav-links a:hover,.footer-links a:hover,.text-link:hover{color:var(--text)}.nav-cta{color:#fff;background:#ff5a051f;border:1px solid #ff5a057a;border-radius:999px;padding:.72rem 1rem;font-weight:700}.section-grid,.content-section,.code-section,.final-cta{width:min(1180px,100% - 2rem);margin:0 auto}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(4rem,8vw,7rem) 0 3rem;display:grid}.eyebrow{color:var(--orange-2);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.78rem;font-weight:800;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.07em;margin:1rem 0;font-size:clamp(2.7rem,6vw,5.8rem);line-height:.94}h2{letter-spacing:-.05em;margin-bottom:.8rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1}h3{margin-bottom:.55rem;font-size:1.15rem}p{color:var(--muted);line-height:1.7}.hero-lede{max-width:43rem;font-size:1.14rem}.hero-actions{flex-wrap:wrap;gap:.9rem;margin:1.8rem 0;display:flex}.button{border-radius:.95rem;padding:.95rem 1.25rem;font-weight:800;transition:transform .18s,border-color .18s,background .18s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg, var(--orange), #ff7a1a);box-shadow:0 18px 50px #ff5a0540}.button.secondary{border:1px solid var(--line);background:#ffffff0f}.quick-points{color:var(--muted);flex-wrap:wrap;gap:.8rem;font-weight:700;display:flex}.quick-points span{align-items:center;gap:.4rem;display:inline-flex}.quick-points svg{width:18px;color:var(--orange-2)}.hero-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(140deg,#ffffff29,#ffffff05);border-radius:1.5rem;padding:.6rem;position:relative}.hero-card:before{content:"";z-index:-1;background:radial-gradient(circle,#ff5a052e,#0000 60%);position:absolute;inset:-2rem}.hero-card img{border-radius:1rem}.trust-bar{grid-template-columns:repeat(4,1fr);gap:.9rem;width:min(1180px,100% - 2rem);margin:1rem auto 0;display:grid}.trust-bar a{border:1px solid var(--line);min-height:4.2rem;color:var(--muted);background:#ffffff0d;border-radius:1.1rem;justify-content:center;font-weight:800}.trust-bar a:hover{color:var(--text);border-color:#ff5a0573}.trust-bar svg{width:20px;color:var(--orange-2)}.content-section{padding:clamp(4rem,8vw,7rem) 0}.content-section.alt{border-block:1px solid var(--line);background:#ffffff09;width:100%;padding-left:max(1rem,50vw - 590px);padding-right:max(1rem,50vw - 590px)}.section-heading{max-width:760px;margin-bottom:2rem}.split-heading{justify-content:space-between;align-items:end;gap:1.5rem;max-width:none;display:flex}.text-link{color:var(--orange-2);white-space:nowrap;font-weight:800}.feature-grid,.tutorial-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.feature-card,.tutorial-card{border:1px solid var(--line);background:var(--card);border-radius:1.35rem;padding:1.35rem;box-shadow:0 14px 40px #0000002e}.icon-pill{width:3rem;height:3rem;color:var(--orange-2);background:#ff5a051f;border-radius:1rem;place-items:center;margin-bottom:1rem;display:grid}.tutorial-grid{grid-template-columns:repeat(3,1fr)}.tutorial-card{background:var(--card-strong)}.part-badge{color:#9fc7ff;background:#2f80ff24;border-radius:999px;margin-bottom:1rem;padding:.35rem .65rem;font-weight:900;display:inline-flex}.card-links{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.card-links a{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.45rem .65rem;font-size:.86rem;font-weight:800}.card-links a:hover{color:var(--text);border-color:#ff5a057a}.module-table{border:1px solid var(--line);background:#ffffff0a;border-radius:1.25rem;overflow:hidden}.module-row{border-bottom:1px solid var(--line);grid-template-columns:260px 1fr;gap:1rem;padding:1rem 1.2rem;display:grid}.module-row:last-child{border-bottom:0}.module-row code{color:#fff;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-weight:900}.module-row span{color:var(--muted)}.code-section{grid-template-columns:.85fr 1.15fr;align-items:center;gap:2rem;padding:clamp(4rem,8vw,6rem) 0;display:grid}.code-window{box-shadow:var(--shadow);background:#020813;border:1px solid #ff5a0547;border-radius:1.25rem;margin:0;padding:1.4rem;overflow:auto}.code-window code{color:#dbeafe;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.95rem;line-height:1.8}.final-cta{text-align:center;border:1px solid var(--line);background:radial-gradient(circle at 50% 0,#ff5a0533,#0000 30rem),#ffffff0d;border-radius:2rem;padding:clamp(4rem,8vw,6rem) 1rem}.final-cta p{max-width:680px;margin-inline:auto}.center-actions{justify-content:center}.footer{width:min(1180px,100% - 2rem);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:3rem 0;display:flex}.footer p{margin:.2rem 0 0}.footer-links{gap:1rem;font-weight:800;display:flex}@media (width<=980px){.hero,.code-section{grid-template-columns:1fr}.feature-grid,.trust-bar,.tutorial-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}@media (width<=640px){.topbar{align-items:flex-start}.nav-cta{display:none}.feature-grid,.tutorial-grid,.trust-bar{grid-template-columns:1fr}.split-heading{display:block}.module-row{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start}h1{font-size:2.6rem}}