:root{--bg:#06111a;--panel:#0c141eb8;--panel-strong:#090f17eb;--text:#edf5ff;--muted:#a8b6ca;--line:#a7bddb24;--blue:#7ec1ff;--green:#8fe7c0;--shadow:0 24px 80px #0000006b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#4d98ff2e,#0000 24%),radial-gradient(circle at 100% 0,#60dbb61f,#0000 28%),linear-gradient(#06111a 0%,#03070b 100%);margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}code{font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.92em}.page-shell{width:min(1240px,100% - 32px);margin:0 auto;padding:24px 0 72px;position:relative}.backdrop-grid{pointer-events:none;background-image:linear-gradient(#adc6e60a 1px,#0000 1px),linear-gradient(90deg,#adc6e60a 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000073,#0000 85%);mask-image:linear-gradient(#00000073,#0000 85%)}.topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#080f18b8;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex;position:sticky;top:16px}.brand{align-items:center;gap:12px;display:flex}.brand-name{font-size:1rem;font-weight:700}.brand-tag{color:var(--muted);font-size:.84rem}.top-actions{color:var(--muted);align-items:center;gap:18px;font-size:.94rem;display:flex}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:36px;padding:72px 0 48px;display:grid}.eyebrow,.section-heading>span,.cta-label{color:var(--blue);letter-spacing:.04em;text-transform:uppercase;background:#7ec1ff14;border:1px solid #7ec1ff40;border-radius:999px;padding:7px 12px;font-size:.8rem;display:inline-flex}.hero h1,.section-heading h2,.cta-panel h2{letter-spacing:-.045em;margin:18px 0 14px;font-weight:700;line-height:.96}.hero h1{font-size:clamp(3rem,6vw,5.9rem)}.hero h1 span{color:var(--blue)}.hero p,.section-heading p,.cta-panel p{color:var(--muted);max-width:62ch;font-size:1.02rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin:28px 0 22px;display:flex}.github-button,.secondary-button{border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:700;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex}.github-button{color:#081019;background:linear-gradient(135deg,#8ad0ff,#84f1c4);box-shadow:0 16px 40px #55d0b129}.secondary-button{color:var(--text);border:1px solid var(--line);background:#ffffff08}.github-button:hover,.secondary-button:hover{transform:translateY(-1px)}.github-button.small{min-height:40px;padding:0 14px}.pill-row{flex-wrap:wrap;gap:10px;display:flex}.feature-pill{color:#d4e3f7;background:#ffffff08;border:1px solid #b1c9e624;border-radius:999px;padding:8px 12px;font-size:.9rem}.hero-card{position:relative}.hero-card-frame{box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#7ec1ff29,#0000 36%),linear-gradient(#0c141ee6,#050a10f5);border:1px solid #90b3db24;border-radius:28px;padding:20px;position:relative}.hero-card-caption{color:#dce9fb;margin-bottom:14px;font-size:.95rem;font-weight:600}.hero-shot,.showcase-image{border:1px solid #91afd91f;border-radius:18px;width:100%;height:auto;display:block}.stats-strip{grid-template-columns:repeat(3,1fr);gap:16px;margin:10px 0 60px;display:grid}.stats-strip>div,.cta-panel,.showcase-card,.video-shell{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.stats-strip>div{border-radius:20px;flex-direction:column;gap:8px;padding:22px;display:flex}.stats-strip strong{font-size:1.04rem}.stats-strip span{color:var(--muted);line-height:1.6}.section-block{margin:76px 0 0}.section-heading{margin-bottom:22px}.section-heading h2,.cta-panel h2{font-size:clamp(2rem,4vw,3.4rem)}.showcase-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.showcase-card{border-radius:24px;padding:18px;overflow:hidden}.showcase-meta{margin-bottom:16px}.showcase-meta h3{margin:0 0 8px;font-size:1.25rem}.showcase-meta p{color:var(--muted);margin:0;line-height:1.65}.showcase-image-wrap{background:#060b129e;border-radius:18px;padding:10px}.video-section{grid-template-columns:.9fr 1.1fr;align-items:start;gap:22px;display:grid}.video-shell{background:radial-gradient(circle at 0 0,#7ec1ff26,#0000 28%),linear-gradient(#0a121cf2,#060b11fa);border-radius:28px;min-height:420px;overflow:hidden}.video-frame,.video-placeholder{border:0;width:100%;min-height:420px}.video-placeholder{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:36px;display:flex}.video-placeholder h3{margin:0;font-size:1.6rem}.video-placeholder p{color:var(--muted);margin:0;line-height:1.8}.video-badge{color:var(--green);text-transform:uppercase;letter-spacing:.04em;background:#8fe7c01a;border:1px solid #8fe7c038;border-radius:999px;padding:8px 12px;font-size:.86rem}.cta-panel{border-radius:28px;justify-content:space-between;align-items:center;gap:20px;margin-top:76px;padding:28px;display:flex}@media (max-width:1100px){.hero,.video-section,.showcase-grid,.stats-strip{grid-template-columns:1fr}.cta-panel{flex-direction:column;align-items:flex-start}}@media (max-width:760px){.page-shell{width:min(100% - 20px,1240px);padding-top:12px}.topbar{flex-direction:column;align-items:flex-start;position:static}.top-actions{flex-wrap:wrap;width:100%}.hero{padding-top:34px}.hero h1{line-height:1}.video-placeholder,.showcase-card,.stats-strip>div,.cta-panel{padding:20px}}