.hero-react{position:relative;min-height:100vh;display:flex;align-items:center;overflow:clip;padding:7rem 1.5rem calc(5rem + 2px)}.hero-react:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 50% at 75% 20%,rgba(99,102,241,.18) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 85% 65%,rgba(139,92,246,.12) 0%,transparent 65%);pointer-events:none;z-index:0;animation:hero-orbs 12s ease-in-out infinite alternate;will-change:opacity;backface-visibility:hidden}[data-theme=light] .hero-react:before{background:radial-gradient(ellipse 55% 50% at 75% 20%,rgba(99,102,241,.22) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 85% 65%,rgba(139,92,246,.16) 0%,transparent 65%)}@keyframes hero-orbs{0%{opacity:.9}50%{opacity:1}to{opacity:.94}}@media(prefers-reduced-motion:reduce){.hero-react:before{animation:none}}.hero-blob{position:fixed;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.18) 0%,rgba(139,92,246,.08) 50%,transparent 70%);pointer-events:none;z-index:0;filter:blur(40px);will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden}.hero-grid-overlay{position:absolute;inset:0;background-image:radial-gradient(circle,currentColor 1px,transparent 1px);background-size:28px 28px;color:#64647829;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,black 22%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,black 22%,transparent 100%)}[data-theme=light] .hero-grid-overlay{color:#50507830}.hero-dot-canvas{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:0;mask-image:linear-gradient(to bottom,black 0%,black 68%,rgba(0,0,0,.7) 82%,rgba(0,0,0,.35) 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 68%,rgba(0,0,0,.7) 82%,rgba(0,0,0,.35) 92%,transparent 100%)}.hero-react.has-dot-canvas .hero-grid-overlay{display:none}.hero-react-inner{position:relative;z-index:2;max-width:88rem;margin:0 auto;width:100%}.hero-content{max-width:720px;display:flex;flex-direction:column;gap:1.5rem;overflow-x:clip}.hero-badge-react{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.35rem 1rem;font-size:.82rem;color:#ffffff8c;width:fit-content}[data-theme=light] .hero-badge-react{border-color:#00000024;color:#00000080}.badge-dot-react{width:6px;height:6px;border-radius:50%;background:#4ade80;flex-shrink:0;animation:hero-dot-pulse 2s ease-in-out infinite}@keyframes hero-dot-pulse{0%,to{opacity:1;box-shadow:0 0 #4ade8066}50%{opacity:.6;box-shadow:0 0 0 4px #4ade8000}}.hero-h1{font-size:clamp(2.75rem,7vw,5.5rem);font-weight:800;letter-spacing:-.04em;line-height:1;color:#fff;margin:0}[data-theme=light] .hero-h1{color:#0f172a}.hero-h1-muted{opacity:.35}.hero-h1-row{display:block}.hero-h1-row--typed{min-height:1.05lh}.hero-typed{display:inline-block;white-space:nowrap;min-height:1em;vertical-align:bottom;background:linear-gradient(135deg,#6366f1,#a78bfa,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-cursor{-webkit-text-fill-color:#a78bfa;color:#a78bfa;animation:cursor-blink .85s step-end infinite;font-weight:200;margin-left:1px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-p{font-size:clamp(.95rem,1.5vw,1.125rem);line-height:1.7;color:#ffffff8c;max-width:48ch;margin:0}[data-theme=light] .hero-p{color:#0000008c}.hero-ctas{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#0a0a14;font-size:.925rem;font-weight:600;padding:.75rem 1.5rem;border-radius:999px;text-decoration:none;transition:opacity .2s}[data-theme=light] .btn-hero-primary{background:#0f172a;color:#fff}.btn-hero-primary:hover{opacity:.88}.btn-hero-secondary{display:inline-flex;align-items:center;background:transparent;color:#ffffff8c;font-size:.925rem;font-weight:500;padding:.75rem 1.5rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);text-decoration:none;transition:border-color .2s,color .2s}[data-theme=light] .btn-hero-secondary{color:#0000008c;border-color:#00000024}.btn-hero-secondary:hover{color:#fff;border-color:#ffffff4d}[data-theme=light] .btn-hero-secondary:hover{color:#0f172a;border-color:#0000004d}.hero-stats-react{display:flex;align-items:center;gap:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.07);flex-wrap:wrap}[data-theme=light] .hero-stats-react{border-top-color:#00000014}.hero-stat{display:flex;flex-direction:column;gap:.2rem}.stat-value{font-size:1.75rem;font-weight:700;letter-spacing:-.04em;line-height:1;color:#fff}.stat-value--icon{display:inline-flex;align-items:center;justify-content:flex-start;height:1.75rem}.stat-lock-icon{width:1.5rem;height:1.5rem;color:#fff;opacity:.95}[data-theme=light] .stat-lock-icon,[data-theme=light] .stat-value{color:#0f172a}.stat-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73}[data-theme=light] .stat-label{color:#00000073}@media(max-width:640px){.hero-react{padding:6rem 1.25rem calc(4rem + 2px)}.hero-h1{font-size:2.5rem}.hero-stats-react{gap:1.25rem}.stat-value{font-size:1.35rem}.stat-value--icon{height:1.35rem}.stat-lock-icon{width:1.25rem;height:1.25rem}}.blog-hero-react{min-height:calc(100vh - 5rem);padding-bottom:3.5rem}.blog-hero-marquee-wrap{margin-top:2.75rem;width:100%;max-width:100%;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);padding-top:1.35rem;mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}[data-theme=light] .blog-hero-marquee-wrap{border-color:#0f172a14}.blog-hero-marquee-track{display:flex;width:max-content;animation:blog-hero-marquee-scroll 32s linear infinite}.blog-hero-marquee-track:hover{animation-play-state:paused}@keyframes blog-hero-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.blog-hero-marquee-item{display:inline-flex;align-items:center;gap:.65rem;padding:0 2.25rem;font-size:.8rem;font-weight:500;color:#ffffff6b;white-space:nowrap}[data-theme=light] .blog-hero-marquee-item{color:#0f172a73}.blog-hero-marquee-dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5}@media(prefers-reduced-motion:reduce){.blog-hero-marquee-track{animation:none!important}}.section-spacing[data-astro-cid-g5xc7fs2]{margin:80px 0;scroll-margin-top:96px}@media(min-width:768px){.section-spacing[data-astro-cid-g5xc7fs2]{margin:120px 0}}.hero[data-astro-cid-g5xc7fs2]{scroll-margin-top:96px}.section-head[data-astro-cid-g5xc7fs2]{text-align:center;margin-bottom:40px}.section-head[data-astro-cid-g5xc7fs2] h2[data-astro-cid-g5xc7fs2]{font-size:clamp(2rem,4vw,2.75rem);letter-spacing:-.03em;margin-bottom:12px}.section-sub[data-astro-cid-g5xc7fs2]{font-size:1.1rem;color:var(--color-text-muted);max-width:600px;margin:0 auto;line-height:1.6}.hero[data-astro-cid-g5xc7fs2]{--hero-extend-up: 84px;width:100%;position:relative;text-align:center;margin-top:calc(-1 * var(--hero-extend-up));padding:calc(56px + var(--hero-extend-up)) 0 64px;overflow:hidden;isolation:isolate}@media(max-width:768px){.hero[data-astro-cid-g5xc7fs2]{--hero-extend-up: calc(4rem + env(safe-area-inset-top, 0px)) }}.hero-tools-wrap[data-astro-cid-g5xc7fs2]{--hero-extend-up: 84px;position:relative;isolation:isolate;margin-top:calc(-1 * var(--hero-extend-up));max-width:100%;overflow-x:clip}@media(max-width:768px){.hero-tools-wrap[data-astro-cid-g5xc7fs2]{--hero-extend-up: calc(4rem + env(safe-area-inset-top, 0px)) }}.page-mesh[data-astro-cid-g5xc7fs2]{display:none}.hero-tools-wrap[data-astro-cid-g5xc7fs2] .hero-react{position:relative;z-index:1;padding-top:calc(7rem + var(--hero-extend-up));overflow:visible}.hero-tools-wrap[data-astro-cid-g5xc7fs2] .hero-react:before{-webkit-mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%)}@media(max-width:640px){.hero-tools-wrap[data-astro-cid-g5xc7fs2] .hero-react{padding-top:calc(6rem + var(--hero-extend-up))}}.hero-tools-wrap[data-astro-cid-g5xc7fs2] .tools-showcase{position:relative;z-index:1}.section-eyebrow[data-astro-cid-g5xc7fs2]{display:inline-flex;align-items:center;gap:.5rem;padding:5px 14px 5px 12px;margin-bottom:16px;border-radius:999px;background:linear-gradient(135deg,#6366f11a,#06b6d414);border:1px solid rgba(99,102,241,.22);color:var(--color-accent);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}[data-theme=dark] .section-eyebrow[data-astro-cid-g5xc7fs2]{color:#a5b4fc}.section-eyebrow__dot[data-astro-cid-g5xc7fs2]{width:6px;height:6px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 3px #6366f12e;animation:dot-pulse 2.4s ease-in-out infinite}.section-h2[data-astro-cid-g5xc7fs2]{font-size:clamp(2rem,4.5vw,3rem);letter-spacing:-.035em;line-height:1.05;margin-bottom:14px;text-wrap:balance}.section-h2--gradient[data-astro-cid-g5xc7fs2]{background:linear-gradient(135deg,var(--color-text) 0%,var(--color-text) 50%,rgba(99,102,241,.85) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}[data-theme=light] .section-h2--gradient[data-astro-cid-g5xc7fs2]{background:linear-gradient(135deg,#0f172a 0% 50%,#4f46e5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.anim[data-astro-cid-g5xc7fs2]{opacity:0;animation:none}.anim[data-astro-cid-g5xc7fs2].is-visible{animation:fadeInUp .75s cubic-bezier(.22,1,.36,1) both;opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px);filter:blur(4px)}60%{filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.anim[data-astro-cid-g5xc7fs2]{opacity:1}.anim[data-astro-cid-g5xc7fs2].is-visible{animation:none}}.btn-primary[data-astro-cid-g5xc7fs2]{position:relative}.btn-primary[data-astro-cid-g5xc7fs2]:before{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px solid rgba(99,102,241,.4);animation:pulse-ring 2.5s ease-out infinite;pointer-events:none}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(1.08)}to{opacity:0;transform:scale(1.08)}}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 0 var(--pulse-color, rgba(16, 185, 129, .45))}50%{box-shadow:0 0 0 6px transparent}}.section-eyebrow__dot[data-astro-cid-g5xc7fs2]{--pulse-color: rgba(99, 102, 241, .4)}