*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#060d18;--bg-surface:#0b1628;--ink:#dce8f5;--ink-muted:#8fa4bd;--accent:#3b82f6;--accent-bright:#60a5fa;--accent-dim:#1d4ed8;--neon-glow:0 0 20px #3b82f680, 0 0 60px #3b82f640;--neon-text-shadow:0 0 12px #3b82f699, 0 0 40px #3b82f633;--glass-bg:#0c18308c;--glass-border:#3b82f62e;--glass-blur:20px;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--shadow-screenshot:0 20px 60px #00000080, 0 0 0 1px #ffffff0f;--section-gap:140px;--content-max:1200px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Playfair Display", Georgia, serif;--blob-1:#3b82f659;--blob-2:#8b5cf64d;--blob-3:#3b82f633;--nav-scrolled-bg:#060d18bf;--border-footer:#ffffff0f;--tag-bg:#3b82f61a;--tag-border:#3b82f633;--ghost-border:#fff3;--screenshot-border:#ffffff14}html[data-theme=light]{--bg-deep:#f0f4f8;--bg-surface:#fff;--ink:#102133;--ink-muted:#4a6378;--accent:#2563eb;--accent-bright:#3b82f6;--accent-dim:#1d4ed8;--glass-bg:#fff9;--glass-border:#3b82f626;--shadow-screenshot:0 20px 60px #0000001f, 0 0 0 1px #0000000f;--blob-1:#3b82f626;--blob-2:#8b5cf61f;--blob-3:#3b82f61a;--nav-scrolled-bg:#f0f4f8cc;--border-footer:#00000014;--tag-bg:#3b82f614;--tag-border:#3b82f62e;--ghost-border:#00000026;--screenshot-border:#00000014;--neon-glow:0 0 20px #2563eb59, 0 0 60px #2563eb26}html[data-theme=light] .neon-text{background:linear-gradient(135deg, var(--accent), #7c3aed);-webkit-text-fill-color:transparent;filter:none;-webkit-background-clip:text;background-clip:text}html[data-theme=light] .blob{opacity:.5}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg-deep);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.ambient-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(120px);opacity:.4;will-change:transform;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle, var(--blob-1), transparent 70%);width:700px;height:700px;animation:18s ease-in-out infinite drift1;top:-200px;left:-100px}.blob-2{background:radial-gradient(circle, var(--blob-2), transparent 70%);width:500px;height:500px;animation:22s ease-in-out infinite drift2;top:40%;right:-150px}.blob-3{background:radial-gradient(circle, var(--blob-3), transparent 70%);width:600px;height:600px;animation:20s ease-in-out infinite drift3;bottom:-200px;left:30%}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(60px,40px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(-50px,30px)}}@keyframes drift3{0%,to{transform:translate(0)}50%{transform:translate(40px,-50px)}}.nav{z-index:100;padding:0 24px;transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{background:var(--nav-scrolled-bg);-webkit-backdrop-filter:blur(16px)saturate(1.4);box-shadow:0 1px #3b82f61f}.nav-inner{max-width:var(--content-max);justify-content:space-between;align-items:center;height:64px;margin:0 auto;display:flex}.nav-logo{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.nav-logo svg{color:var(--accent)}.nav-links{align-items:center;gap:32px;font-size:.9rem;font-weight:500;display:flex}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--accent-bright)}.btn{font-family:var(--font);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;border:none;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-sm{padding:8px 18px;font-size:.85rem}.btn-lg{padding:14px 32px;font-size:1rem}.btn-xl{border-radius:var(--radius-md);padding:18px 44px;font-size:1.1rem}.btn-glow{background:linear-gradient(135deg, var(--accent), var(--accent-dim));color:#fff;box-shadow:0 4px 24px #3b82f659}.btn-glow:hover{box-shadow:var(--neon-glow);transform:translateY(-2px)}.btn-ghost{border:1px solid var(--ghost-border);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-bright);background:#3b82f60f}.theme-toggle{cursor:pointer;color:var(--ink-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:color .2s,background .2s;display:flex}.theme-toggle:hover{color:var(--accent-bright);background:#3b82f614}.theme-toggle svg{width:20px;height:20px}.theme-toggle .icon-sun,html[data-theme=light] .theme-toggle .icon-moon{display:none}html[data-theme=light] .theme-toggle .icon-sun{display:block}.neon-text{background:linear-gradient(135deg, var(--accent-bright), #a78bfa);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 18px #3b82f659);-webkit-background-clip:text;background-clip:text}.hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative}.hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-bright);opacity:0;margin-bottom:20px;font-size:.8rem;font-weight:600;animation:.8s .2s forwards fadeUp}.hero-title{font-family:var(--font);letter-spacing:-.03em;margin-bottom:28px;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:900;line-height:1.08}.hero-line{opacity:0;animation:.8s forwards fadeUp;display:block}.hero-line:first-child{animation-delay:.3s}.hero-line:nth-child(2){animation-delay:.5s}.hero-line:nth-child(3){animation-delay:.7s}.hero-sub{max-width:600px;color:var(--ink-muted);opacity:0;margin:0 auto 36px;font-size:1.15rem;line-height:1.7;animation:.8s .9s forwards fadeUp}.hero-cta{opacity:0;flex-wrap:wrap;justify-content:center;gap:16px;animation:.8s 1.1s forwards fadeUp;display:flex}.hero-image{opacity:0;width:100%;max-width:1000px;margin-top:60px;animation:1s 1.3s forwards fadeUp}.screenshot{border-radius:var(--radius-lg);box-shadow:var(--shadow-screenshot);border:1px solid var(--screenshot-border)}.screenshot-crop-local{clip-path:inset(3px 3px 0 0 round var(--radius-lg))}.section{z-index:1;padding:var(--section-gap) 24px;position:relative}.section-inner{max-width:var(--content-max);margin:0 auto}.section-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-bright);margin-bottom:16px;font-size:.8rem;font-weight:600}.section-title{font-family:var(--font);letter-spacing:-.025em;margin-bottom:48px;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;line-height:1.12}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.5);padding:36px 28px;transition:transform .3s,box-shadow .3s,border-color .3s}.glass-card:hover{border-color:#3b82f659;transform:translateY(-6px);box-shadow:0 24px 64px #3b82f626,0 0 0 1px #3b82f64d}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-icon{width:48px;height:48px;color:var(--accent-bright);background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.feature-icon svg{width:24px;height:24px}.feature-card h3{letter-spacing:-.01em;margin-bottom:10px;font-size:1.15rem;font-weight:700}.feature-card p{color:var(--ink-muted);font-size:.92rem;line-height:1.6}.showcase-row{align-items:center;gap:64px;display:flex}.showcase-reverse .showcase-row{flex-direction:row-reverse}.showcase-text{flex:1;min-width:0}.showcase-media{flex:1.2;min-width:0}.showcase-desc{color:var(--ink-muted);max-width:480px;font-size:1.05rem;line-height:1.7}.center-text{text-align:center;margin-left:auto;margin-right:auto}.storylines .section-title,.storylines .section-eyebrow,.storylines .showcase-desc{text-align:center}.storyline-showcase{flex-direction:column;align-items:center;gap:40px;margin-top:48px}.storyline-showcase .showcase-media{max-width:800px}.storyline-tags{flex-wrap:wrap;justify-content:center;gap:10px;max-width:700px;display:flex}.tag{border-radius:var(--radius-sm);background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--accent-bright);padding:8px 18px;font-size:.85rem;font-weight:500;transition:all .25s}.tag:hover{background:#3b82f633;border-color:#3b82f666;box-shadow:0 0 16px #3b82f633}.filter-stack{aspect-ratio:4/3;width:100%;max-width:520px;position:relative}.filter-stack img{box-shadow:var(--shadow-screenshot);border:1px solid var(--screenshot-border);border-radius:20px;width:72%;transition:transform .4s,box-shadow .4s;position:absolute}.filter-stack img:first-child{z-index:1;top:0;left:0;transform:rotate(-3deg)}.filter-stack img:nth-child(2){z-index:2;top:10%;left:28%;transform:rotate(1.5deg)}.filter-stack img:nth-child(3){z-index:3;top:22%;left:12%;transform:rotate(-1deg)}.filter-stack:hover img:first-child{transform:rotate(-3deg)translateY(-6px)}.filter-stack:hover img:nth-child(2){transform:rotate(1.5deg)translateY(-6px)}.filter-stack:hover img:nth-child(3){transform:rotate(-1deg)translateY(-6px)}.gallery .section-title,.gallery .section-eyebrow{text-align:center}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.gallery-img{object-fit:cover;width:100%}.gallery-img.gallery-mobile:first-child{grid-column:1}.gallery-img.gallery-mobile:nth-child(2){grid-column:2}.gallery-img.gallery-mobile:nth-child(3){grid-column:3}.cta{text-align:center;padding-bottom:100px}.cta-inner{flex-direction:column;align-items:center;gap:20px;display:flex}.cta-title{letter-spacing:-.025em;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;line-height:1.12}.cta-sub{color:var(--ink-muted);font-size:1.1rem}.footer{z-index:1;border-top:1px solid var(--border-footer);padding:32px 24px;position:relative}.footer-inner{text-align:center;color:var(--ink-muted);font-size:.85rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.fade-in.visible{opacity:1;transform:translateY(0)}.feature-grid .fade-in:first-child{transition-delay:0s}.feature-grid .fade-in:nth-child(2){transition-delay:.1s}.feature-grid .fade-in:nth-child(3){transition-delay:.2s}.feature-grid .fade-in:nth-child(4){transition-delay:.3s}.feature-grid .fade-in:nth-child(5){transition-delay:.4s}.feature-grid .fade-in:nth-child(6){transition-delay:.5s}@media (width<=900px){:root{--section-gap:100px}.feature-grid{grid-template-columns:repeat(2,1fr)}.showcase-row{flex-direction:column;gap:40px}.showcase-reverse .showcase-row{flex-direction:column}.showcase-desc{max-width:100%}.filter-stack{max-width:400px;margin:0 auto}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery-img.gallery-mobile:first-child{grid-column:1}.gallery-img.gallery-mobile:nth-child(2){grid-column:2}.gallery-img.gallery-mobile:nth-child(3){grid-column:3}}@media (width<=600px){:root{--section-gap:80px}.nav-links a:not(.btn){display:none}.feature-grid{grid-template-columns:1fr}.hero{padding:100px 20px 60px}.hero-title{font-size:clamp(2.2rem,10vw,3.4rem)}.hero-cta{flex-direction:column;align-items:center}.section{padding:var(--section-gap) 20px}.glass-card{padding:28px 22px}.gallery-grid{grid-template-columns:1fr}.gallery-img.gallery-mobile:first-child,.gallery-img.gallery-mobile:nth-child(2),.gallery-img.gallery-mobile:nth-child(3){grid-column:1}}