:root{--bg: #07111f;--bg-soft: rgba(13, 25, 46, .74);--surface: rgba(11, 21, 39, .82);--surface-strong: rgba(7, 15, 28, .92);--line: rgba(164, 197, 255, .18);--line-strong: rgba(164, 197, 255, .3);--text: #ebf3ff;--muted: #9eb2d1;--accent: #7dd3fc;--accent-strong: #39bdf8;--accent-warm: #f5b971;--shadow: 0 24px 80px rgba(0, 0, 0, .38);--radius: 26px;--max-width: 1180px}body[data-theme=light]{--bg: #e9f1fb;--bg-soft: rgba(255, 255, 255, .9);--surface: rgba(255, 255, 255, .9);--surface-strong: rgba(243, 248, 255, .98);--line: rgba(65, 116, 198, .16);--line-strong: rgba(65, 116, 198, .28);--text: #122033;--muted: #5f738f;--accent: #2f7fd9;--accent-strong: #1e5ec0;--accent-warm: #d2874a;--shadow: 0 24px 80px rgba(53, 82, 125, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Plus Jakarta Sans,Noto Sans SC,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(35,102,214,.34),transparent 28%),radial-gradient(circle at 85% 15%,rgba(48,177,224,.18),transparent 24%),radial-gradient(circle at bottom center,rgba(245,185,113,.12),transparent 24%),linear-gradient(180deg,#06101d,#091423 52%,#060b16)}body[data-theme=light]{background:radial-gradient(circle at top left,rgba(68,127,217,.2),transparent 30%),radial-gradient(circle at 85% 15%,rgba(93,173,255,.16),transparent 24%),radial-gradient(circle at bottom center,rgba(229,176,111,.16),transparent 24%),linear-gradient(180deg,#eef5fd,#e6f0fb 52%,#f7fbff)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.82),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.82),transparent);pointer-events:none}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{font:inherit}.site-shell{width:min(calc(100% - 32px),var(--max-width));margin:0 auto;padding-bottom:48px}.topbar{position:sticky;top:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:14px 18px;background:#070f1cad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow)}body[data-theme=light] .topbar{background:#ffffffc2}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#04111f;font-weight:800;letter-spacing:.04em;background:linear-gradient(135deg,var(--accent),#c4f1ff);box-shadow:0 10px 30px #3dc1f947}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:1rem}.brand-text small,.hero-text,.section-heading p,.feature-card p,.card-copy p,.faq p,.footer p,.stats-grid span,.architecture-shell p{color:var(--muted)}.nav{display:flex;align-items:center;gap:18px}.nav a{font-size:.95rem;color:#cdd9ec}body[data-theme=light] .nav a{color:#465a76}.menu-toggle{display:none;border:0;background:transparent;padding:0}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;color:var(--muted);cursor:pointer}.theme-toggle span{padding:7px 10px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}body:not([data-theme=light]) .theme-toggle-dark,body[data-theme=light] .theme-toggle-light{color:var(--text);background:linear-gradient(135deg,#7dd3fc2e,#d6f5ff2e)}.menu-toggle span{display:block;width:24px;height:2px;margin:5px 0;background:#fff;border-radius:999px}body[data-theme=light] .menu-toggle span{background:#122033}.section{padding:72px 0 0}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:calc(100vh - 120px)}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font-size:.86rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.hero h1,.section-heading h2,.cta-box h2{margin:0;line-height:1.02;letter-spacing:-.04em}.hero h1{max-width:11ch;font-size:clamp(2.9rem,7vw,5.5rem)}.hero-text{max-width:60ch;margin:24px 0 0;font-size:1.08rem;line-height:1.8}.hero-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.hero-highlights article{padding:18px 18px 16px;border:1px solid var(--line);border-radius:22px;background:#ffffff0a}.hero-highlights strong{display:block;margin-bottom:6px;font-size:1.15rem;color:var(--text)}.hero-highlights span{color:var(--muted);font-size:.92rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;font-weight:700;transition:transform .24s ease,border-color .24s ease,background .24s ease}.button:hover,.tab-button:hover,.nav a:hover{transform:translateY(-1px)}.button-primary{color:#06111d;background:linear-gradient(135deg,var(--accent),#d5f5ff)}.button-secondary{border:1px solid var(--line-strong);background:#ffffff0a}body[data-theme=light] .button-secondary,body[data-theme=light] .theme-toggle,body[data-theme=light] .hero-points li,body[data-theme=light] .hero-highlights article,body[data-theme=light] .feature-tag,body[data-theme=light] .kicker,body[data-theme=light] .stats-grid article,body[data-theme=light] .architecture-diagram div,body[data-theme=light] .demo-meta span,body[data-theme=light] .demo-note{background:#ffffffb8}.hero-points{display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:28px 0 0;list-style:none}.hero-points li,.feature-tag,.kicker,.stats-grid article,.architecture-diagram div{border:1px solid var(--line);background:#ffffff0a}.hero-points li{padding:10px 14px;border-radius:999px;color:var(--text)}.hero-visual{position:relative}.dashboard-frame,.feature-card,.showcase-card,.install-panel,.architecture-shell,.cta-box,.faq-list details,.stats-grid article{background:linear-gradient(180deg,#0e1a2feb,#08101ee6);border:1px solid var(--line);box-shadow:var(--shadow)}body[data-theme=light] .dashboard-frame,body[data-theme=light] .feature-card,body[data-theme=light] .showcase-card,body[data-theme=light] .install-panel,body[data-theme=light] .architecture-shell,body[data-theme=light] .cta-box,body[data-theme=light] .faq-list details,body[data-theme=light] .stats-grid article,body[data-theme=light] .demo-panel,body[data-theme=light] .resource-card,body[data-theme=light] .timeline-item{background:linear-gradient(180deg,#ffffffeb,#f0f7fff0)}.dashboard-frame{overflow:hidden;border-radius:30px}.dashboard-frame img,.showcase-card img{aspect-ratio:16 / 10;object-fit:cover}.showcase-card img,.dashboard-frame img{background:linear-gradient(135deg,#0e1c34eb,#1f4880b8)}.floating-card{position:absolute;z-index:2;width:220px;padding:18px;border:1px solid var(--line-strong);border-radius:22px;background:#060e1bd6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body[data-theme=light] .floating-card{background:#ffffffdb}.floating-card span,.feature-tag,.kicker{display:inline-block;margin-bottom:8px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.floating-card strong,.showcase-card h3,.feature-card h3,.faq summary,.section-heading h2,.cta-box h2{font-size:1.2rem}.status-card{top:-28px;right:-14px}.side-card{bottom:30px;left:-22px}.section-heading{max-width:720px;margin-bottom:28px}.section-heading.compact{margin-bottom:0}.section-heading h2,.cta-box h2{font-size:clamp(2rem,4vw,3.3rem)}.single-line-title{white-space:nowrap;font-size:clamp(1.8rem,3.2vw,3rem)!important}.section-heading p,.card-copy p,.feature-card p,.faq p,.cta-box p,.architecture-shell p{font-size:1rem;line-height:1.8}.stats-grid,.feature-grid,.showcase-grid,.resource-grid,.timeline{display:grid;gap:20px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid article{padding:26px;border-radius:22px}.stats-grid strong{display:block;font-size:clamp(2rem,4vw,3rem)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.showcase-card,.install-panel,.faq-list details,.cta-box,.architecture-shell{border-radius:var(--radius)}.feature-card{padding:28px}.feature-tag,.kicker{padding:7px 10px;border-radius:999px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;padding:28px;border-radius:var(--radius);background:linear-gradient(180deg,#0e1a2feb,#08101ee6);border:1px solid var(--line);box-shadow:var(--shadow)}.demo-copy h3,.demo-note strong{display:block;margin:0 0 12px;font-size:1.6rem}.demo-copy p,.demo-note p{margin:0;color:var(--muted);line-height:1.8}.demo-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.demo-meta span,.demo-note{border:1px solid var(--line);background:#ffffff0a}.demo-meta span{padding:10px 14px;border-radius:999px;color:var(--text)}.demo-note{padding:22px;border-radius:24px}.resource-card,.timeline-item{padding:28px;border-radius:var(--radius);background:linear-gradient(180deg,#0e1a2feb,#08101ee6);border:1px solid var(--line);box-shadow:var(--shadow)}.resource-card h3,.timeline-item h3{margin:0 0 12px;font-size:1.4rem}.resource-card p,.timeline-item p{margin:0;color:var(--muted);line-height:1.8}.text-link{display:inline-flex;margin-top:18px;font-weight:700;color:var(--accent)}.timeline{position:relative;grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-version{display:inline-flex;margin-bottom:12px;padding:8px 12px;border-radius:999px;background:#7dd3fc1a;border:1px solid var(--line-strong);color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.timeline-action{display:flex;justify-content:center;margin-top:24px}.showcase-card{overflow:hidden}.showcase-card.large{grid-column:1 / -1}.card-copy{padding:26px 26px 12px}.install-panel{padding:18px}.tab-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.tab-button{padding:10px 16px;border:1px solid var(--line);border-radius:999px;color:var(--text);background:#ffffff08;cursor:pointer}body[data-theme=light] .tab-button{color:#36506f;background:#ffffffeb}.tab-button.active{color:#07111f;background:linear-gradient(135deg,var(--accent),#ddf8ff)}.tab-panel{display:none}.tab-panel.active{display:block}.command-block{position:relative}.copy-button{position:absolute;top:14px;right:14px;z-index:1;width:38px;height:38px;padding:0;border:1px solid var(--line-strong);border-radius:999px;background:#ffffff14;color:var(--text);font-size:1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.copy-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.copy-button.copied{background:linear-gradient(135deg,var(--accent),#ddf8ff);color:#07111f}body[data-theme=light] .copy-button{background:#ffffffeb;color:#36506f}body[data-theme=light] .copy-button.copied{color:#07111f}pre{overflow-x:auto;margin:0;padding:24px;border-radius:22px;border:1px solid var(--line);background:#050a13}body[data-theme=light] pre{background:#edf4fd;border-color:#3660962e}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.95rem;color:#d8f2ff}body[data-theme=light] code{color:#17324d}.architecture-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;padding:28px}.architecture-diagram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.architecture-diagram div{display:grid;place-items:center;min-height:120px;border-radius:22px;color:var(--text);text-align:center;padding:18px}body[data-theme=light] .architecture-diagram div{color:#274261}.faq-list{display:grid;gap:14px}.faq-list details{padding:18px 22px}.faq summary{cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.cta-box{padding:34px;text-align:center}.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:42px 0 10px}.footer div:last-child{display:flex;flex-wrap:wrap;gap:16px;color:#dbe6f6}body[data-theme=light] .footer div:last-child{color:#4c617d}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.22s}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1080px){.hero,.architecture-shell,.feature-grid,.showcase-grid,.stats-grid,.resource-grid,.timeline,.demo-panel,.hero-highlights{grid-template-columns:1fr}.hero{min-height:auto;padding-top:40px}.hero h1{max-width:100%}.floating-card{position:static;width:auto;margin-bottom:14px}}@media(max-width:780px){.site-shell{width:min(calc(100% - 20px),var(--max-width))}.topbar{top:10px;border-radius:28px;padding:14px 16px}.theme-toggle{order:2}.menu-toggle{display:block}.nav{position:absolute;top:calc(100% + 12px);left:0;right:0;display:none;flex-direction:column;align-items:flex-start;padding:16px;border-radius:24px;background:#070f1cf0;border:1px solid var(--line)}body[data-theme=light] .nav{background:#fffffff5}.topbar.open .nav{display:flex}.section{padding-top:54px}.hero{gap:22px}.hero h1{font-size:clamp(2.4rem,14vw,4rem)}.hero-text,.section-heading p,.card-copy p,.feature-card p,.faq p,.cta-box p,.architecture-shell p{font-size:.97rem}.hero-highlights article{padding:16px}.button{width:100%}.footer{flex-direction:column;align-items:flex-start}}