:root{--bg-primary:#0b0d13;--bg-card:#131722;--bg-card-hover:#181d2b;--text-primary:#eef1f6;--text-secondary:#a3acbb;--text-muted:#6f7888;--accent-600:#2f58e6;--accent-500:#3d6bff;--accent-400:#6f9bff;--accent-softer:#3d6bff0d;--accent-soft:#3d6bff1f;--accent-line-soft:#6f9bff33;--accent-line:#6f9bff59;--rose-500:#f472b6;--rose-400:#f9a8d4;--rose-soft:#f472b61a;--rose-line:#f9a8d457;--rose-ink:#0b0d13;--violet-500:#8b5cf6;--violet-400:#b18cff;--violet-soft:#8b5cf61f;--violet-line:#b18cff61;--cta-bg:linear-gradient(135deg, #3d6bff, #8b5cf6);--cta-bg-hover:linear-gradient(135deg, #5580ff, #9d74ff);--cta-ink:#fff;--cta-glow:0 12px 30px -8px #6e64ff8c;--status-online:#34d399;--neutral-soft:#ffffff09;--neutral-line:#ffffff17;--green-500:var(--accent-500);--green-400:var(--accent-400);--purple-500:var(--violet-500);--purple-400:var(--violet-400);--gradient-brand:linear-gradient(90deg, #7fa6ff, #a98bff);--gradient-brand-live:linear-gradient(90deg, #7fa6ff, #a98bff, #7fa6ff);--gradient-green-purple:linear-gradient(135deg, var(--accent-500), var(--violet-500));--gradient-green:linear-gradient(135deg, var(--accent-400), var(--accent-600));--gradient-purple:linear-gradient(135deg, var(--violet-400), var(--violet-500));--aurora-1:#3d6bff;--aurora-2:#8b5cf6;--aurora-3:#f472b6;--aurora-strength:1;--nav-bg:#0b0d13cc;--border-subtle:#ffffff14;--border-light:#ffffff26;--border-glow-green:var(--accent-line);--border-glow-purple:var(--violet-line);--font-display:"Sora", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--section-padding:100px 0;--container-width:1320px;--container-padding:0 24px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--glow-green:0 10px 30px -12px #000c;--glow-purple:0 10px 30px -12px #000c;--glow-green-strong:0 12px 32px -10px #3d6bff8c;--grid-line:#ffffff05;--shadow-pop:0 14px 34px -14px #000000a6}:root[data-theme=light]{--bg-primary:#e9ebf2;--bg-card:#f4f5f9;--bg-card-hover:#f8f8fb;--text-primary:#1c2130;--text-secondary:#4b5366;--text-muted:#6f7789;--accent-600:#1f47c9;--accent-500:#2f5fe0;--accent-400:#2f5fe0;--accent-softer:#2f5fe00d;--accent-soft:#2f5fe017;--accent-line-soft:#2f5fe02e;--accent-line:#2f5fe052;--rose-500:#c0267a;--rose-400:#a91f6a;--rose-soft:#c0267a14;--rose-line:#c0267a47;--rose-ink:#fff;--violet-500:#6d3fe0;--violet-400:#6d3fe0;--violet-soft:#6d3fe014;--violet-line:#6d3fe04d;--cta-bg:linear-gradient(135deg, #2f5fe0, #6d3fe0);--cta-bg-hover:linear-gradient(135deg, #2552d0, #5f33d0);--cta-ink:#fff;--cta-glow:0 12px 28px -10px #4f46e073;--status-online:#059669;--green-500:var(--accent-500);--green-400:var(--accent-400);--purple-500:var(--violet-500);--purple-400:var(--violet-400);--gradient-brand:linear-gradient(90deg, #2f5fe0, #6d3fe0);--gradient-brand-live:linear-gradient(90deg, #2f5fe0, #6d3fe0, #2f5fe0);--aurora-strength:.7;--aurora-1:#7c9cff;--aurora-2:#b69cff;--aurora-3:#f5a3cf;--neutral-soft:#1c21300b;--neutral-line:#1c21301a;--nav-bg:#e9ebf2db;--border-subtle:#1c213014;--border-light:#1c213024;--border-glow-green:var(--accent-line);--border-glow-purple:var(--violet-line);--glow-green:0 12px 30px -16px #28305a47;--glow-purple:0 12px 30px -16px #28305a47;--glow-green-strong:0 12px 28px -12px #2f5fe073;--shadow-pop:0 14px 34px -14px #28305a47;--grid-line:#1c213009}:root[data-theme=light] .navbar__logo-mark,:root[data-theme=light] .footer__logo-mark{filter:brightness(0);opacity:.86}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-weight:var(--fw-regular);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word;transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:60px 60px;position:fixed;inset:0}body>*{z-index:1;position:relative}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em}input,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}.container{max-width:var(--container-width);padding:var(--container-padding);margin:0 auto}.section{padding:var(--section-padding)}.section-label{font-family:var(--font-mono);font-size:.8rem;font-weight:var(--fw-medium);color:var(--green-400);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;display:inline-block}.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:var(--fw-bold);margin-bottom:16px;line-height:1.2}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.1rem;line-height:1.7}.btn{font-size:.95rem;font-weight:var(--fw-semibold);border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 28px;display:inline-flex}.btn-primary{background:var(--cta-bg);color:var(--cta-ink);font-weight:var(--fw-bold);box-shadow:0 0 #0000}.btn-primary:hover{background:var(--cta-bg-hover);color:var(--cta-ink);box-shadow:var(--cta-glow);transform:translateY(-2px)}.btn-outline{border:1px solid var(--border-light);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--green-400);color:var(--green-400);box-shadow:var(--glow-green)}.btn-ghost{color:var(--green-400);padding:8px 0;font-size:.9rem}.btn-ghost:hover{color:var(--green-300)}.btn-ghost svg{transition:transform var(--transition-fast)}.btn-ghost:hover svg{transform:translate(4px)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:32px}.card:hover{border-color:var(--border-glow-green);box-shadow:var(--glow-green);background:var(--bg-card-hover);transform:translateY(-2px)}.gradient-text{background:var(--gradient-brand);color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text}.gradient-text--live{background-image:var(--gradient-brand-live);background-size:200%;animation:12s linear infinite gradient-flow}main{isolation:isolate}.aurora{pointer-events:none;z-index:-1;height:min(100vh,900px);opacity:var(--aurora-strength);position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.aurora__blob{filter:blur(120px);will-change:transform;border-radius:50%;position:absolute}.aurora__blob--1{background:var(--aurora-1);opacity:.42;width:560px;height:560px;animation:16s ease-in-out infinite aurora-drift-1;top:-180px;right:18%}.aurora__blob--2{background:var(--aurora-2);opacity:.36;width:480px;height:480px;animation:20s ease-in-out infinite aurora-drift-2;top:12%;right:-120px}.aurora__blob--3{background:var(--aurora-3);opacity:.16;width:340px;height:340px;animation:18s ease-in-out infinite aurora-drift-3;top:52%;right:30%}@media (max-width:640px){.aurora__blob--1{width:360px;height:360px;right:-60px}.aurora__blob--2{width:300px;height:300px}.aurora__blob--3{width:220px;height:220px}}:root,.tone-blue{--tone:var(--accent-400);--tone-solid:var(--accent-500);--tone-ink:#fff;--tone-soft:var(--accent-soft);--tone-line:var(--accent-line)}.tone-rose{--tone:var(--rose-400);--tone-solid:var(--rose-500);--tone-ink:var(--rose-ink);--tone-soft:var(--rose-soft);--tone-line:var(--rose-line)}.tone-violet{--tone:var(--violet-400);--tone-solid:var(--violet-500);--tone-ink:#fff;--tone-soft:var(--violet-soft);--tone-line:var(--violet-line)}[class*=tone-] .tag{background:var(--tone-soft);color:var(--tone);border-color:var(--tone-line)}.card-icon{border-radius:var(--radius-md);background:var(--tone-soft);border:1px solid var(--tone-line);width:50px;height:50px;color:var(--tone);transition:background var(--transition-base), color var(--transition-base), transform var(--transition-base), border-color var(--transition-base);flex-shrink:0;place-items:center;display:grid}.card-icon svg{width:22px;height:22px}.card:hover .card-icon{background:var(--tone-solid);color:var(--tone-ink);border-color:#0000;transform:rotate(-6deg)scale(1.06)}.card[class*=tone-]:hover{border-color:var(--tone-line);box-shadow:0 18px 40px -22px var(--tone-solid)}.tag{font-size:.75rem;font-weight:var(--fw-medium);background:var(--accent-soft);color:var(--accent-400);border:1px solid var(--accent-line);border-radius:100px;padding:4px 12px;display:inline-block}.tag--purple{background:var(--neutral-soft);color:var(--text-secondary);border-color:var(--neutral-line)}@keyframes gradient-flow{0%{background-position:0%}to{background-position:200%}}@keyframes aurora-drift-1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(12%,8%)scale(1.15)}}@keyframes aurora-drift-2{0%,to{transform:translate(0)scale(1.1)}50%{transform:translate(-14%,6%)scale(.9)}}@keyframes aurora-drift-3{0%,to{transform:translate(0)}50%{transform:translate(8%,-12%)}}@keyframes ping{0%{box-shadow:0 0 0 0 var(--accent-line)}to{box-shadow:0 0 0 10px #0000}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes flowPulse{0%{opacity:.3;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:.3;transform:scaleX(0)}}.page-enter{animation:.4s fadeIn}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1024px){.section{padding:76px 0}}@media (max-width:768px){.section{padding:60px 0}.section-title{font-size:clamp(1.5rem,6vw,2rem)}.card{padding:24px}}@media (max-width:420px){.container{padding:0 18px}.section{padding:48px 0}.card{padding:20px}.btn{padding:12px 20px;font-size:.9rem}.section-subtitle{font-size:1rem}}