:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffe6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0f12;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#7dd3fc;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#60a5fa}body{min-width:320px;min-height:100vh;margin:0;display:block}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg:#0b0f12;--bg-2:#0e1318;--metal:#151a21;--metal-2:#1c242e;--text:#e6edf3;--muted:#9aa6b2;--accent:#7dd3fc;--accent-2:#60a5fa;--danger:#ef4444}.page{background:radial-gradient(1200px 600px at 80% -10%,#60a5fa26,transparent 60%),radial-gradient(900px 500px at 20% 20%,#7dd3fc1f,transparent 60%),linear-gradient(180deg,var(--bg),var(--bg-2));min-height:100vh;color:var(--text)}.navbar{-webkit-backdrop-filter:saturate(120%)blur(12px);backdrop-filter:saturate(120%)blur(12px);z-index:1000;background:#12161c99;border-bottom:1px solid #7dd3fc33;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:12px;display:flex}.brand-logo{object-fit:cover;border-radius:8px;width:40px;height:40px;box-shadow:0 0 0 1px #60a5fa59,0 8px 24px #0006}.brand-name{letter-spacing:.4px;font-weight:700}.nav-links{gap:24px;display:flex}.nav-links a{color:var(--muted);font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text)}.btn{color:var(--text);background:linear-gradient(#10161c,#0d1217);border:1px solid #7dd3fc40;border-radius:10px;padding:10px 18px}.btn-primary{background:linear-gradient(#0b1420,#0e1726);border-color:#60a5fa73;box-shadow:0 0 0 1px #60a5fa59,0 8px 24px #60a5fa1a}.btn-secondary{background:linear-gradient(#12171d,#10161b)}.btn:hover{transition:transform .16s;transform:translateY(-1px)}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding-top:132px;padding-bottom:72px;display:grid}.hero-title{margin:0 0 16px;font-size:44px;line-height:1.1}.hero-subtitle{color:var(--muted);max-width:720px;font-size:18px}.hero-actions{gap:16px;margin-top:24px;display:flex}.hero-visual{background:radial-gradient(600px 300px at 50% 10%,#60a5fa40,#0000 60%),conic-gradient(from 180deg,#60a5fa14,#60a5fa05,#7dd3fc0f,#60a5fa14);border-radius:20px;height:420px;position:relative;box-shadow:inset 0 0 0 1px #7dd3fc33,0 30px 60px #00000073}.hero-visual:after{content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:24px 24px;border-radius:20px;position:absolute;inset:0}.orb{background:radial-gradient(120px 60px at 50% 35%,#60a5fa80,#60a5fa14);border-radius:50%;width:220px;height:220px;animation:9s ease-in-out infinite float;position:absolute;top:20%;left:12%;box-shadow:inset 0 0 0 1px #7dd3fc40,0 0 40px #60a5fa40}.ring{filter:drop-shadow(0 0 12px #60a5fa40);border:1px solid #7dd3fc40;border-radius:50%;animation:20s linear infinite spin;position:absolute;inset:10%}.mesh{mix-blend-mode:screen;background-image:radial-gradient(circle at 30% 30%,#60a5fa14,#0000 30%),radial-gradient(circle at 70% 60%,#7dd3fc0f,#0000 32%);position:absolute;inset:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section{max-width:1200px;margin:0 auto;padding:72px 24px}.section-title{margin:0 0 24px;font-size:28px}.muted{color:var(--muted)}.small{font-size:13px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.panel{background:linear-gradient(180deg,var(--metal),var(--metal-2));border-radius:16px;padding:22px;box-shadow:inset 0 0 0 1px #7dd3fc26,0 10px 24px #00000059}.panel-title{margin:0 0 10px;font-size:18px}.panel-list{color:var(--muted);margin:0;padding-left:18px}.mt-16{margin-top:16px}.problem-list{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;display:grid}.problem-visual{display:none}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card{background:linear-gradient(180deg,var(--metal),var(--metal-2));border-radius:16px;padding:22px;box-shadow:inset 0 0 0 1px #7dd3fc26,0 10px 24px #00000059}.card-icon{background:radial-gradient(36px 18px at 50% 30%,#60a5fa59,#60a5fa0d);border-radius:10px;place-items:center;width:40px;height:40px;margin-bottom:12px;display:grid;box-shadow:inset 0 0 0 1px #7dd3fc40}.card h3{margin:0 0 8px;font-size:18px}.card p{color:var(--muted);margin:0}.how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.step{background:linear-gradient(180deg,var(--metal),var(--metal-2));border-radius:16px;padding:22px;box-shadow:inset 0 0 0 1px #7dd3fc26,0 10px 24px #00000059}.step-icon{background:radial-gradient(32px 16px at 50% 30%,#60a5fa59,#60a5fa0d);border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:12px;display:grid;box-shadow:inset 0 0 0 1px #7dd3fc40}.icon{width:22px;height:22px;stroke:var(--accent-2);fill:none;stroke-width:1.6px;filter:drop-shadow(0 0 6px #60a5fa59)}.team-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.team-card{background:linear-gradient(180deg,var(--metal),var(--metal-2));text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:18px;display:flex;box-shadow:inset 0 0 0 1px #7dd3fc26,0 10px 24px #00000059}.avatar{aspect-ratio:1;object-fit:cover;border-radius:12px;width:96px;height:96px;margin-bottom:12px;box-shadow:0 0 0 1px #60a5fa59,0 10px 24px #0006}.team-name{margin:0 0 4px;font-size:18px}.team-role{color:var(--muted);font-size:14px}.team-skills{color:var(--muted);margin-top:6px;font-size:13px}.why-list{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;display:grid}.cta{text-align:center;background:linear-gradient(#0c1218,#0b0f14);border-radius:20px;max-width:1200px;margin:0 auto 72px;padding:64px 24px;box-shadow:inset 0 0 0 1px #60a5fa33,0 24px 60px #00000080}.cta-title{margin:0 0 16px;font-size:28px}.cta-actions{justify-content:center;gap:12px;display:flex}.footer{background:linear-gradient(#0b0f12,#0a0d10);border-top:1px solid #7dd3fc33;padding:36px 24px 48px}.footer-brand{align-items:center;gap:10px;display:flex}.footer-logo{object-fit:cover;border-radius:6px;width:28px;height:28px}.footer-links{color:var(--muted);gap:16px;margin-top:12px;display:flex}.footer-links a{color:var(--muted);text-decoration:none}.footer-copy{color:var(--muted);margin-top:8px;font-size:13px}.examples-viewer{margin-top:24px}.examples-controls{align-items:center;gap:8px;margin-bottom:12px;display:flex}.tab{color:var(--text);background:linear-gradient(#12171d,#10161b);border:1px solid #7dd3fc40;border-radius:10px;padding:8px 12px}.tab.active{border-color:#60a5fa73;box-shadow:0 0 0 1px #60a5fa59,0 8px 24px #60a5fa1a}.tab-link{color:var(--accent);margin-left:auto;text-decoration:none}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.image-panel{background:linear-gradient(180deg,var(--metal),var(--metal-2));border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #7dd3fc26,0 10px 24px #00000059}.image-title{color:var(--muted);padding:10px 12px;font-size:13px}.image-wrap{height:320px;overflow:hidden}.image-panel img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.report-panel{background:linear-gradient(#0c1218,#0b0f14);border-radius:16px;margin-top:12px;box-shadow:inset 0 0 0 1px #60a5fa33}.report-title{color:var(--muted);padding:10px 12px;font-size:13px}.report-block{color:var(--text);max-height:220px;margin:0;padding:12px;overflow:auto}@media (max-width:1024px){.hero{grid-template-columns:1fr;padding-top:120px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2,.grid-3{grid-template-columns:1fr}.users-grid,.pricing{grid-template-columns:repeat(2,minmax(0,1fr))}.examples-grid{grid-template-columns:1fr}.image-wrap{height:260px}}@media (max-width:640px){.cards,.how-steps,.team-grid,.users-grid,.pricing,.examples-grid{grid-template-columns:1fr}.image-wrap{height:220px}}.users-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.user-card{background:linear-gradient(180deg,var(--metal),var(--metal-2));border-radius:16px;padding:18px;box-shadow:inset 0 0 0 1px #7dd3fc26,0 10px 24px #00000059}.list{color:var(--muted);margin:0;padding-left:18px}.code-block{color:var(--text);background:linear-gradient(#0c1218,#0b0f14);border-radius:16px;padding:18px;overflow:auto;box-shadow:inset 0 0 0 1px #60a5fa33}.table{gap:8px;display:grid}.table-row{grid-template-columns:1.1fr 1fr 1fr;gap:8px;display:grid}.table-head .table-cell{font-weight:600}.table-cell{background:linear-gradient(180deg,var(--metal),var(--metal-2));border-radius:12px;padding:12px;box-shadow:inset 0 0 0 1px #7dd3fc26}.pricing{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.pricing-card{background:linear-gradient(180deg,var(--metal),var(--metal-2));border-radius:16px;padding:22px;box-shadow:inset 0 0 0 1px #7dd3fc26,0 10px 24px #00000059}.stat-callout{background:linear-gradient(#0c1218,#0b0f14);border-radius:14px;align-items:baseline;gap:8px;margin-top:10px;padding:12px 14px;display:flex;box-shadow:inset 0 0 0 1px #60a5fa33,0 8px 24px #00000059}.stat-label{color:var(--accent-2);font-weight:600}.stat-text{color:var(--muted)}