:root{--landing-primary:#8839ef;--landing-primary-soft:#caa6f7;--landing-primary-glow:#8839ef59;--landing-bg:#eff1f5;--landing-surface:#e6e9ef;--landing-surface-raised:#eceff3;--landing-border:#cdd1db;--landing-text:#4b4e68;--landing-text-muted:#6c6f84;--landing-card-bg:#e6e9ef;--landing-green:#519f38;--landing-red:#e92f64;--landing-yellow:#f2a60d}.dark{--landing-primary:#caa6f7;--landing-primary-soft:#caa6f7;--landing-primary-glow:#caa6f733;--landing-bg:#1e1e2e;--landing-surface:#181825;--landing-surface-raised:#222234;--landing-border:#313244;--landing-text:#cdd6f4;--landing-text-muted:#a6adc9;--landing-card-bg:#181825;--landing-green:#71c355;--landing-red:#ee5d86;--landing-yellow:#f5b83d}.landing{width:100%;overflow-x:hidden}.section-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero{align-items:center;min-height:calc(100vh - 64px);padding:4rem 0 5rem;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-gradient{filter:blur(100px);opacity:.5;border-radius:50%;position:absolute}.hero-gradient-1{background:radial-gradient(circle,var(--landing-primary-glow),transparent 70%);width:700px;height:700px;animation:12s ease-in-out infinite hero-float;top:-20%;left:-10%}.hero-gradient-2{background:radial-gradient(circle,#52b1e033,#0000 70%);width:500px;height:500px;animation:10s ease-in-out infinite reverse hero-float;bottom:-15%;right:-5%}.hero-gradient-3{background:radial-gradient(circle,#eb47991f,#0000 70%);width:400px;height:400px;animation:8s ease-in-out 2s infinite hero-float;top:40%;left:50%}.hero-grid-overlay{background-image:linear-gradient(to right,color-mix(in srgb,var(--landing-border)40%,transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--landing-border)40%,transparent)1px,transparent 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 80%)}@keyframes hero-float{0%,to{translate:0}33%{translate:30px -20px}66%{translate:-20px 25px}}.hero-container{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;position:relative}.hero-text{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.hero-badge{color:var(--landing-primary);background:color-mix(in srgb,var(--landing-primary)10%,transparent);border:1px solid color-mix(in srgb,var(--landing-primary)22%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8125rem;font-weight:500;animation:.6s ease-out both fade-in-up;display:inline-flex}.hero-badge-dot{background:var(--landing-primary);width:7px;height:7px;box-shadow:0 0 8px var(--landing-primary-glow);border-radius:50%;animation:2s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{opacity:1;scale:1}50%{opacity:.5;scale:.8}}.hero-title{letter-spacing:-.03em;color:var(--landing-text);font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;line-height:1.15;animation:.6s ease-out 80ms both fade-in-up}.hero-title-accent{background:linear-gradient(135deg,var(--landing-primary),var(--landing-primary-soft));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--landing-text-muted);max-width:640px;font-size:1.125rem;line-height:1.7;animation:.6s ease-out .16s both fade-in-up}.hero-description strong{color:var(--landing-text)}.hero-actions{flex-wrap:wrap;gap:.75rem;animation:.6s ease-out .24s both fade-in-up;display:flex}@media (max-width:960px){.hero-actions{justify-content:center}}.hero-install{animation:.6s ease-out .32s both fade-in-up}.hero-install-box{font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--landing-text-muted);background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:.75rem;align-items:center;gap:.75rem;padding:.65rem 1.5rem;font-size:.85rem;display:inline-flex}.hero-install-prompt{color:var(--landing-primary);-webkit-user-select:none;user-select:none;font-weight:700}.hero-ecosystem{flex-wrap:wrap;gap:.5rem;animation:.6s ease-out .4s both fade-in-up;display:flex}@media (max-width:960px){.hero-ecosystem{justify-content:center}}.eco-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--landing-text-muted);background:color-mix(in srgb,var(--landing-border)60%,transparent);border:1px solid var(--landing-border);border-radius:.375rem;padding:.3rem .7rem;font-size:.7rem;font-weight:600}@keyframes fade-in-up{0%{opacity:0;translate:0 1.5rem}to{opacity:1;translate:0}}.btn-primary{color:var(--landing-bg);background:var(--landing-primary);box-shadow:0 0 0 0 var(--landing-primary-glow);border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 0 28px 6px var(--landing-primary-glow);translate:0 -2px}.btn-ghost{color:var(--landing-text);background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost:hover{background:var(--landing-border);border-color:color-mix(in srgb,var(--landing-primary)30%,var(--landing-border));translate:0 -2px}.hero-visual{justify-content:center;align-items:center;animation:.8s ease-out .3s both fade-in-up;display:flex}.hero-diagram{width:440px;height:460px;position:relative}.diagram-card{background:var(--landing-card-bg);border:1px solid var(--landing-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;border-radius:1rem;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.25rem;transition:all .3s;display:flex;position:absolute;box-shadow:0 8px 32px -8px #0000001a}.diagram-card:hover{border-color:var(--landing-primary);box-shadow:0 8px 40px -8px var(--landing-primary-glow)}.diagram-card-icon{width:36px;height:36px;color:var(--landing-primary);background:color-mix(in srgb,var(--landing-primary)12%,transparent);border-radius:.5rem;justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}.diagram-card-label{color:var(--landing-text);font-size:.8125rem;font-weight:700}.diagram-card-sub{color:var(--landing-text-muted);text-align:center;font-size:.6875rem}.diagram-card-mqclient{animation:5s ease-in-out infinite card-float-center;top:0;left:50%;transform:translate(-50%)}.diagram-card-em{animation:6s ease-in-out 1s infinite card-float-side;top:45%;left:0}.diagram-card-store{animation:6s ease-in-out 2s infinite card-float-side;top:45%;right:0}.diagram-card-entity{animation:5s ease-in-out 1.5s infinite card-float-center;bottom:0;left:50%;transform:translate(-50%)}@keyframes card-float-center{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}@keyframes card-float-side{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.diagram-connector{background:var(--landing-primary);opacity:.25;z-index:1;position:absolute}.diagram-connector-1{width:2px;height:80px;top:90px;left:calc(50% - 50px);rotate:25deg}.diagram-connector-2{width:2px;height:80px;top:90px;right:calc(50% - 50px);rotate:-25deg}.diagram-connector-3{width:100px;height:2px;display:none;top:75%;left:50%;transform:translate(-50%)}.diagram-particle{background:var(--landing-primary);opacity:.4;z-index:0;border-radius:50%;position:absolute}.diagram-particle-1{width:6px;height:6px;animation:4s ease-in-out infinite particle-drift;top:35%;left:20%}.diagram-particle-2{width:4px;height:4px;animation:5s ease-in-out 1s infinite particle-drift;top:60%;right:15%}.diagram-particle-3{width:5px;height:5px;animation:6s ease-in-out 2s infinite particle-drift;bottom:20%;left:40%}@keyframes particle-drift{0%,to{opacity:.3;translate:0}50%{opacity:.7;translate:15px -10px}}.section-header{text-align:center;margin-bottom:3.5rem}.section-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--landing-primary);margin-bottom:.75rem;font-size:.8125rem;font-weight:700}.section-title{letter-spacing:-.025em;color:var(--landing-text);margin-bottom:.75rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.2}.section-subtitle{color:var(--landing-text-muted);max-width:560px;margin:0 auto;font-size:1.0625rem;line-height:1.65}.pain-section{background:var(--landing-surface);border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border);padding:6rem 1.5rem}.comparison-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr}}.comparison-card{border-radius:1.25rem;padding:2rem;transition:all .3s}.comparison-without{background:color-mix(in srgb,var(--landing-red)6%,var(--landing-card-bg));border:1px solid color-mix(in srgb,var(--landing-red)20%,var(--landing-border))}.comparison-with{background:color-mix(in srgb,var(--landing-green)6%,var(--landing-card-bg));border:1px solid color-mix(in srgb,var(--landing-green)20%,var(--landing-border));box-shadow:0 8px 40px -12px color-mix(in srgb,var(--landing-green)15%,transparent)}.comparison-header{border-bottom:1px solid var(--landing-border);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1rem;font-size:1rem;font-weight:700;display:flex}.comparison-without .comparison-header{color:var(--landing-red)}.comparison-with .comparison-header{color:var(--landing-green)}.comparison-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.comparison-list li{color:var(--landing-text);align-items:flex-start;gap:.625rem;font-size:.9375rem;line-height:1.5;display:flex}.comparison-list li strong{color:var(--landing-text)}.comparison-without .comparison-list li svg{color:var(--landing-red);flex-shrink:0;margin-top:3px}.comparison-with .comparison-list li svg{color:var(--landing-green);flex-shrink:0;margin-top:3px}.features-section{padding:6rem 1.5rem}.feature-showcase{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-bottom:5rem;display:grid}.feature-showcase:last-child{margin-bottom:0}.feature-showcase-reverse{direction:rtl}.feature-showcase-reverse>*{direction:ltr}@media (max-width:900px){.feature-showcase,.feature-showcase-reverse{direction:ltr;grid-template-columns:1fr}}.feature-showcase-text{flex-direction:column;gap:1rem;display:flex}.feature-showcase-icon{width:52px;height:52px;color:var(--landing-primary);background:color-mix(in srgb,var(--landing-primary)12%,transparent);border:1px solid color-mix(in srgb,var(--landing-primary)20%,transparent);border-radius:.875rem;justify-content:center;align-items:center;display:flex}.feature-showcase-title{color:var(--landing-text);font-size:1.5rem;font-weight:800}.feature-showcase-desc{color:var(--landing-text-muted);font-size:1rem;line-height:1.7}.feature-showcase-desc code{font-size:.85em;font-family:var(--font-mono,"JetBrains Mono",monospace);background:color-mix(in srgb,var(--landing-primary)12%,transparent);color:var(--landing-primary);border-radius:.375rem;padding:.15em .4em}.feature-showcase-desc strong{color:var(--landing-text)}.feature-showcase-bullets{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.feature-showcase-bullets li{color:var(--landing-text);padding-left:1.25rem;font-size:.9375rem;position:relative}.feature-showcase-bullets li:before{content:"";background:var(--landing-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.feature-showcase-visual{justify-content:center;display:flex}.norm-diagram{width:100%;max-width:400px;padding:2rem;position:relative}.norm-query{background:var(--landing-card-bg);border:1px solid var(--landing-border);border-radius:1rem;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1.25rem;display:flex}.norm-query-label{text-transform:uppercase;letter-spacing:.08em;color:var(--landing-text-muted);font-size:.75rem;font-weight:700}.norm-query-ids{flex-wrap:wrap;gap:.5rem;display:flex}.norm-query-ids span{font-size:.75rem;font-family:var(--font-mono,monospace);background:var(--landing-surface-raised);color:var(--landing-text-muted);border:1px solid var(--landing-border);border-radius:.375rem;padding:.25rem .5rem}.norm-shared{font-weight:600;background:color-mix(in srgb,var(--landing-primary)15%,transparent)!important;color:var(--landing-primary)!important;border-color:color-mix(in srgb,var(--landing-primary)30%,transparent)!important}.norm-center{justify-content:center;margin-top:.5rem;display:flex}.norm-entity-box{background:color-mix(in srgb,var(--landing-primary)10%,var(--landing-card-bg));border:2px solid var(--landing-primary);color:var(--landing-primary);box-shadow:0 4px 24px -4px var(--landing-primary-glow);border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700;display:flex}.norm-entity-sub{color:var(--landing-text-muted);font-size:.6875rem;font-weight:400}.norm-arrows{display:none}.mutation-flow{background:var(--landing-card-bg);border:1px solid var(--landing-border);border-radius:1.25rem;flex-direction:column;gap:0;padding:2rem;display:flex}.flow-step{align-items:center;gap:1rem;padding:.75rem 0;display:flex}.flow-step-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.flow-active{background:var(--landing-primary);box-shadow:0 0 10px var(--landing-primary-glow)}.flow-pending{background:var(--landing-yellow);box-shadow:0 0 10px #f2a60d4d}.flow-success{background:var(--landing-green);box-shadow:0 0 10px #519f384d}.flow-error{background:var(--landing-red);box-shadow:0 0 10px #e92f644d}.flow-step-content{flex-direction:column;gap:.125rem;display:flex}.flow-step-label{font-size:.875rem;font-weight:700;font-family:var(--font-mono,monospace);color:var(--landing-text)}.flow-step-desc{color:var(--landing-text-muted);font-size:.75rem}.flow-connector{background:var(--landing-border);width:2px;height:20px;margin-left:5px}.flow-fork{border-left:2px dashed var(--landing-border);gap:1.5rem;margin-left:1rem;padding-top:.5rem;padding-left:1rem;display:flex}.dirty-demo{padding:0}.dirty-entity{background:var(--landing-card-bg);border:1px solid var(--landing-border);border-radius:1.25rem;overflow:hidden}.dirty-entity-header{border-bottom:1px solid var(--landing-border);color:var(--landing-text);align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.8125rem;font-weight:600;display:flex}.dirty-badge{font-size:.6875rem;font-weight:700;font-family:var(--font-mono,monospace);border-radius:.375rem;margin-left:auto;padding:.2rem .55rem}.dirty-badge-dirty{background:color-mix(in srgb,var(--landing-yellow)15%,transparent);color:var(--landing-yellow);border:1px solid color-mix(in srgb,var(--landing-yellow)30%,transparent)}.dirty-fields{flex-direction:column;gap:.625rem;padding:1rem 1.25rem;display:flex}.dirty-field{font-size:.8125rem;font-family:var(--font-mono,monospace);background:var(--landing-surface-raised);border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.dirty-field-changed{border-color:color-mix(in srgb,var(--landing-yellow)25%,transparent);background:color-mix(in srgb,var(--landing-yellow)5%,var(--landing-surface-raised))}.dirty-field-name{color:var(--landing-text);min-width:80px;font-weight:700}.dirty-field-value{color:var(--landing-text-muted)}.dirty-field-original{color:var(--landing-text-muted);opacity:.6;text-decoration:line-through}.dirty-field-arrow{color:var(--landing-yellow);font-weight:700}.dirty-field-current{color:var(--landing-yellow);font-weight:600}.dirty-actions{border-top:1px solid var(--landing-border);gap:.75rem;padding:.875rem 1.25rem;display:flex}.dirty-action-save,.dirty-action-reset{font-size:.75rem;font-weight:600;font-family:var(--font-mono,monospace);cursor:default;border-radius:.375rem;align-items:center;gap:.375rem;padding:.35rem .75rem;display:inline-flex}.dirty-action-save{color:var(--landing-green);background:color-mix(in srgb,var(--landing-green)10%,transparent);border:1px solid color-mix(in srgb,var(--landing-green)25%,transparent)}.dirty-action-reset{color:var(--landing-text-muted);background:var(--landing-surface-raised);border:1px solid var(--landing-border)}.mini-features{background:var(--landing-surface);border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border);padding:4rem 1.5rem}.mini-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (max-width:900px){.mini-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.mini-grid{grid-template-columns:1fr}}.mini-card{background:var(--landing-card-bg);border:1px solid var(--landing-border);border-radius:1rem;padding:1.5rem;transition:all .25s}.mini-card:hover{border-color:color-mix(in srgb,var(--landing-primary)35%,var(--landing-border));box-shadow:0 6px 28px -6px var(--landing-primary-glow);translate:0 -3px}.mini-card-icon{width:40px;height:40px;color:var(--landing-primary);background:color-mix(in srgb,var(--landing-primary)12%,transparent);border-radius:.625rem;justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.mini-card-title{color:var(--landing-text);margin-bottom:.375rem;font-size:.9375rem;font-weight:700}.mini-card-desc{color:var(--landing-text-muted);font-size:.8125rem;line-height:1.55}.code-section{padding:6rem 1.5rem}.code-tabs{flex-direction:column;gap:2rem;max-width:900px;margin:0 auto;display:flex}.code-block{background:var(--landing-card-bg);border:1px solid var(--landing-border);border-radius:1rem;transition:all .3s;overflow:hidden}.code-block:hover{border-color:color-mix(in srgb,var(--landing-primary)30%,var(--landing-border));box-shadow:0 8px 40px -8px var(--landing-primary-glow)}.code-block-header{border-bottom:1px solid var(--landing-border);background:color-mix(in srgb,var(--landing-surface)50%,var(--landing-card-bg));align-items:center;padding:.75rem 1rem;display:flex}.code-block-dots{gap:6px;margin-right:.75rem;display:flex}.code-block-dots span{background:var(--landing-border);border-radius:50%;width:10px;height:10px}.code-block-dots span:first-child{background:var(--landing-red);opacity:.7}.code-block-dots span:nth-child(2){background:var(--landing-yellow);opacity:.7}.code-block-dots span:nth-child(3){background:var(--landing-green);opacity:.7}.code-block-filename{font-size:.75rem;font-family:var(--font-mono,monospace);color:var(--landing-text-muted)}.code-block-step{text-transform:uppercase;letter-spacing:.1em;color:var(--landing-primary);background:color-mix(in srgb,var(--landing-primary)12%,transparent);border-radius:9999px;margin-left:auto;padding:.2rem .6rem;font-size:.6875rem;font-weight:700}.code-block-body{font-size:.9rem;line-height:1.6;font-family:var(--font-mono,"JetBrains Mono",monospace);background:0 0;margin:0;padding:1.5rem;overflow-x:auto}.code-line{display:block}.code-line-import{color:var(--landing-text-muted);opacity:.65}.code-line-keyword{color:var(--landing-primary)}.code-line-highlight{background:color-mix(in srgb,var(--landing-primary)8%,transparent);border-left:3px solid var(--landing-primary);margin:0 -1.25rem;padding:0 1.25rem}.code-line-default{color:var(--landing-text)}.code-line-blank{color:#0000}.cta-section{padding:3rem 1.5rem 6rem}.cta-card{text-align:center;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:1.5rem;padding:5rem 2rem;position:relative;overflow:hidden}.cta-glow{background:radial-gradient(circle,var(--landing-primary-glow),transparent 70%);filter:blur(80px);pointer-events:none;border-radius:50%;width:600px;height:600px;animation:5s ease-in-out infinite alternate glow-breathe;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes glow-breathe{0%{opacity:.3;scale:.9}to{opacity:.6;scale:1.1}}.cta-card>:not(.cta-glow){z-index:1;position:relative}.cta-title{color:var(--landing-text);margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;line-height:1.2}.cta-description{color:var(--landing-text-muted);max-width:500px;margin:0 auto 2rem;font-size:1.0625rem;line-height:1.65}