.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;transition:padding .3s var(--ease-out-expo)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--border-light);background:linear-gradient(120deg,#101219d1,#14171f9e);backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);box-shadow:0 12px 30px -18px #000c,0 0 0 1px #ffffff08 inset;transition:border-color .3s var(--ease-out-expo),background .3s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo)}.header.scrolled{padding:.75rem 0}.header.scrolled .header-inner{border-color:var(--border);background:linear-gradient(120deg,#0c0d13eb,#14171fd1);box-shadow:0 14px 34px -18px #000000e6,0 0 26px -18px var(--teal-500),0 0 0 1px #ffffff0a inset}.logo{display:flex;align-items:center;gap:.7rem;text-decoration:none;transition:opacity .2s}.logo:hover{opacity:.9}.logo-icon{width:34px;height:34px;padding:6px;border-radius:10px;color:var(--teal-400);border:1px solid var(--border-light);background:linear-gradient(145deg,#1fada22e,#7f3cdd1f);box-shadow:0 0 22px -16px var(--teal-500)}.logo-icon svg{width:100%;height:100%}.logo-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.08em;color:hsl(var(--text-primary))}.nav{display:flex;align-items:center;gap:.25rem;padding:.25rem;border-radius:999px;border:1px solid var(--border-light);background:#0c0d138c}.nav-link{font-size:.8125rem;font-weight:500;color:var(--slate-300);text-decoration:none;padding:.45rem .8rem;border-radius:999px;transition:color .2s var(--ease-out-expo),background .2s var(--ease-out-expo),transform .2s var(--ease-out-expo)}.nav-link:hover{color:var(--teal-400);background:#1fada21f;transform:translateY(-1px)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--border-light);background:transparent;color:var(--slate-300);cursor:pointer;transition:color .2s var(--ease-out-expo),background .2s var(--ease-out-expo),border-color .2s var(--ease-out-expo)}.theme-toggle:hover{color:var(--teal-400);background:#1fada21f;border-color:var(--border)}.header-actions{display:flex;align-items:center;gap:.55rem}.nav-mobile-actions{display:none}.mobile-menu-btn{display:none;width:38px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:10px;border:1px solid var(--border-light);background:#0c0d138c;cursor:pointer}.mobile-menu-btn span{width:18px;height:2px;border-radius:2px;background:var(--slate-300);transition:all .3s}.mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:999px;border:none;cursor:pointer;text-decoration:none;transition:background .2s var(--ease-out-expo),color .2s var(--ease-out-expo),box-shadow .2s var(--ease-out-expo),transform .2s var(--ease-out-expo),border-color .2s var(--ease-out-expo)}.btn-sm{padding:.4rem .85rem;font-size:.8125rem}.btn-primary{background:var(--teal-500);color:hsl(var(--text-inverse))}.btn-primary:hover{background:var(--teal-400);transform:translateY(-1px);box-shadow:0 4px 20px #1fada266}.btn-outline{background:transparent;color:var(--slate-300);border:1px solid var(--border)}.btn-outline:hover{background:#24283873;color:hsl(var(--text-primary));border-color:var(--slate-500)}.btn-glow-subtle{box-shadow:0 0 10px #1fada226}.btn-glow-subtle:hover{box-shadow:0 0 16px #1fada24d,0 4px 20px #1fada233}@media(max-width:768px){.header{padding:.75rem 0}.header-inner{border-radius:14px;padding:.45rem .6rem}.logo-text{font-size:.95rem}.nav{position:fixed;top:76px;left:1rem;right:1rem;padding:1rem;gap:.5rem;border-radius:20px;border:1px solid var(--border);background:linear-gradient(130deg,#101219f5,#14171feb);box-shadow:0 20px 40px -24px #000000e6;flex-direction:column;align-items:stretch;transform:translateY(-10px) scale(.98);opacity:0;pointer-events:none;transition:transform .25s var(--ease-out-expo),opacity .25s var(--ease-out-expo)}.nav.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.nav-link{font-size:1rem;padding:.75rem .9rem;border-radius:10px}.header-actions{display:none}.mobile-menu-btn{display:flex}.nav-mobile-actions{display:flex;gap:.5rem;margin-top:.5rem}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .header-inner{background:linear-gradient(120deg,var(--surface-dark),var(--surface));box-shadow:0 12px 30px -18px #0000001f,0 0 0 1px var(--border-light) inset}:root:not([data-theme=dark]) .header.scrolled .header-inner{background:linear-gradient(120deg,var(--surface-dark),var(--surface));box-shadow:0 14px 34px -18px #0000001f,0 0 26px -18px var(--teal-500),0 0 0 1px var(--border-light) inset}:root:not([data-theme=dark]) .nav{background:var(--surface-dark)}:root:not([data-theme=dark]) .mobile-menu-btn{background:var(--surface-dark)}:root:not([data-theme=dark]) .btn-outline:hover{background:var(--surface-light)}:root:not([data-theme=dark]) .logo-text{color:hsl(var(--text-primary))}}:root[data-theme=light] .header-inner{background:linear-gradient(120deg,var(--surface-dark),var(--surface));box-shadow:0 12px 30px -18px #0000001f,0 0 0 1px var(--border-light) inset}:root[data-theme=light] .header.scrolled .header-inner{background:linear-gradient(120deg,var(--surface-dark),var(--surface));box-shadow:0 14px 34px -18px #0000001f,0 0 26px -18px var(--teal-500),0 0 0 1px var(--border-light) inset}:root[data-theme=light] .nav{background:var(--surface-dark)}:root[data-theme=light] .mobile-menu-btn{background:var(--surface-dark)}:root[data-theme=light] .btn-outline:hover{background:var(--surface-light)}:root[data-theme=light] .logo-text{color:hsl(var(--text-primary))}@media(max-width:768px){@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .nav{background:linear-gradient(130deg,var(--surface-dark),var(--surface));box-shadow:0 20px 40px -24px #0000001f}}:root[data-theme=light] .nav{background:linear-gradient(130deg,var(--surface-dark),var(--surface));box-shadow:0 20px 40px -24px #0000001f}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:8rem 0 4rem;position:relative}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{text-align:left}.reveal{opacity:0;transform:translateY(24px);animation:reveal-up .7s var(--ease-out-expo) forwards;animation-delay:var(--delay, 0s)}@keyframes reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-light);border:1px solid var(--border);border-radius:100px;font-size:.8125rem;color:var(--slate-300);margin-bottom:2rem}.badge-dot{width:8px;height:8px;background:var(--teal-400);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin:0 0 1.5rem;color:hsl(var(--text-primary))}.title-line{display:block}.aurora-text{background:linear-gradient(90deg,var(--teal-400),var(--mint-400),var(--lavender-400),var(--teal-400));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:aurora-shimmer 6s ease-in-out infinite}@keyframes aurora-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-subtitle{font-size:clamp(1rem,2vw,1.125rem);color:var(--slate-300);max-width:540px;line-height:1.7;margin:0 0 2.5rem}.hero-cta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-glow{box-shadow:0 0 20px #1fada240}.btn-glow:hover{box-shadow:0 0 28px #1fada266,0 4px 24px #1fada24d}.stats-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.stat-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:100px;background:#181b2599;border:1px solid var(--border-light);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);font-size:.8125rem;color:var(--slate-300)}.stat-pill.teal{box-shadow:0 0 18px -8px var(--teal-400)}.stat-pill.lavender{box-shadow:0 0 18px -8px var(--lavender-400)}.stat-pill.mint{box-shadow:0 0 18px -8px var(--mint-400)}.stat-value{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1rem}.stat-value.teal{color:var(--teal-400)}.stat-value.lavender{color:var(--lavender-400)}.stat-value.mint{color:var(--mint-400)}.stat-label{font-size:.75rem;color:var(--slate-400)}.hero-visual{position:relative}.tilt-card{transition:transform .15s ease-out}.code-window{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--border-light),0 20px 60px -20px #00000080,0 0 40px -20px var(--teal-500)}.window-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--surface-dark);border-bottom:1px solid var(--border-light)}.window-dots{display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%}.window-title{font-size:.75rem;color:var(--slate-400);font-family:JetBrains Mono,monospace;flex:1}.window-status{font-size:.6875rem;color:var(--slate-500);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.window-code{padding:1.25rem;margin:0;overflow-x:auto;font-size:.75rem;line-height:1.6;color:var(--slate-300);font-family:JetBrains Mono,monospace;max-height:280px;overflow-y:auto;white-space:pre}.window-code code{color:inherit;font-family:inherit}.typing-cursor{display:inline-block;width:2px;height:1em;background:var(--teal-400);margin-left:1px;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-dashboard{margin-top:1.5rem;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--border-light),0 16px 48px -16px #0006,0 0 32px -16px var(--lavender-500)}@media(max-width:768px){.hero-split{grid-template-columns:1fr;gap:3rem}.hero-text{text-align:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta,.stats-row{justify-content:center}}@media(max-width:640px){.stats-row{gap:.5rem}.stat-pill{padding:.375rem .75rem;font-size:.75rem}.stat-value{font-size:.875rem}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .stat-pill{background:var(--surface-dark)}:root:not([data-theme=dark]) .code-window{box-shadow:0 0 0 1px var(--border-light),0 20px 60px -20px #0000001a,0 0 40px -20px var(--teal-500)}:root:not([data-theme=dark]) .hero-dashboard{box-shadow:0 0 0 1px var(--border-light),0 16px 48px -16px #00000014,0 0 32px -16px var(--lavender-500)}}:root[data-theme=light] .stat-pill{background:var(--surface-dark)}:root[data-theme=light] .code-window{box-shadow:0 0 0 1px var(--border-light),0 20px 60px -20px #0000001a,0 0 40px -20px var(--teal-500)}:root[data-theme=light] .hero-dashboard{box-shadow:0 0 0 1px var(--border-light),0 16px 48px -16px #00000014,0 0 32px -16px var(--lavender-500)}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulse-number{0%,to{opacity:1}50%{opacity:.7}}@keyframes blob-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(10px,-10px) scale(1.05)}66%{transform:translate(-5px,5px) scale(.95)}}.pulse-cyan{animation:pulse-glow 2s ease-in-out infinite}.pulse-dot{animation:pulse-glow 1.5s ease-in-out infinite}.pulse-number-1{animation:pulse-number 3s ease-in-out infinite}.pulse-number-2{animation:pulse-number 3.2s ease-in-out infinite}.pulse-number-3{animation:pulse-number 2.8s ease-in-out infinite}.blob-1{animation:blob-float 8s ease-in-out infinite}.blob-2{animation:blob-float 10s ease-in-out infinite reverse}.glass-card{transition:all .3s ease}.problem-section{padding:var(--section-padding) 0;position:relative}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-tag{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--coral-400);margin-bottom:1rem}.section-title{font-size:clamp(1.75rem,4vw,2.75rem);margin-bottom:1rem}.section-subtitle{font-size:1.0625rem;color:var(--slate-300);line-height:1.7}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:4rem}.problem-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s var(--ease-out-expo)}.problem-card:hover{border-color:var(--coral-500);transform:translateY(-4px);box-shadow:0 20px 40px -20px #0000004d}.problem-icon{font-size:2.5rem;margin-bottom:1rem;filter:grayscale(.2)}.problem-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.problem-description{font-size:.9375rem;color:var(--slate-400);line-height:1.6}.comparison-table{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.comparison-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:var(--surface-dark);border-bottom:1px solid var(--border)}.comparison-header .comparison-cell{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-400)}.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid var(--border-light)}.comparison-row:last-child{border-bottom:none}.comparison-row.highlight{background:#1fada20d}.comparison-cell{padding:1rem 1.25rem;display:flex;align-items:center}.cell-label{font-weight:500}.highlight-text{color:var(--teal-400);font-weight:600}.status-bad{color:var(--coral-400);font-weight:500;font-size:.875rem}.status-warning{color:#febc2e;font-weight:500;font-size:.875rem}.status-good{color:var(--teal-400);font-weight:500;font-size:.875rem}@media(max-width:640px){.comparison-header,.comparison-row{grid-template-columns:1fr 1fr}.comparison-header .comparison-cell:nth-child(3),.comparison-header .comparison-cell:nth-child(4),.comparison-row .comparison-cell:nth-child(3),.comparison-row .comparison-cell:nth-child(4){display:none}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .problem-card:hover{box-shadow:0 20px 40px -20px #00000014}:root:not([data-theme=dark]) .comparison-row.highlight{background:#1fada20f}}:root[data-theme=light] .problem-card:hover{box-shadow:0 20px 40px -20px #00000014}:root[data-theme=light] .comparison-row.highlight{background:#1fada20f}.features-section{padding:var(--section-padding) 0;position:relative}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.features-list{display:flex;flex-direction:column;gap:2rem}.feature-card{display:grid;grid-template-columns:auto 1fr;gap:2rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s var(--ease-out-expo);animation:fade-in-up .6s var(--ease-out-expo) both}.feature-card:hover{border-color:var(--teal-500);box-shadow:0 0 40px -10px #1fada233}.feature-icon-wrapper{display:flex;align-items:flex-start;justify-content:center}.feature-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--teal-600),var(--teal-500));border-radius:12px;display:flex;align-items:center;justify-content:center;color:hsl(var(--text-inverse));flex-shrink:0}.feature-icon svg{width:28px;height:28px}.feature-content{display:flex;flex-direction:column;gap:.75rem}.feature-title{font-size:1.25rem;font-weight:600}.feature-description{font-size:.9375rem;color:var(--slate-300);line-height:1.6}.feature-details{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:.5rem}.feature-details li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--slate-400)}.feature-details li svg{width:16px;height:16px;color:var(--teal-400);flex-shrink:0}@media(max-width:640px){.feature-card{grid-template-columns:1fr;gap:1.25rem}.feature-icon-wrapper{justify-content:flex-start}.feature-icon{width:48px;height:48px}.feature-icon svg{width:24px;height:24px}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.architecture-section{padding:var(--section-padding) 0;position:relative}.architecture-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.crates-table{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:4rem}.crates-header{display:grid;grid-template-columns:200px 1fr;background:var(--surface-dark);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-400)}.crates-header span{padding:.75rem 1rem}.crate-row{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--border-light);transition:background .2s}.crate-row:last-child{border-bottom:none}.crate-row:hover{background:var(--surface-dark)}.crate-row.highlight{background:#1fada20d}.crate-row.standalone{opacity:.65;border-top:1px dashed var(--border-light)}.crate-name.standalone{color:var(--text-muted)}.standalone-badge{display:inline-block;margin-left:.625rem;padding:.125rem .4rem;font-size:.6875rem;font-family:JetBrains Mono,monospace;color:var(--text-muted);border:1px solid var(--border-light);border-radius:3px;vertical-align:middle}.crate-name{font-family:JetBrains Mono,monospace;font-size:.8125rem;padding:1rem;color:var(--slate-300)}.crate-name.highlight{color:var(--teal-400)}.crate-role{font-size:.875rem;padding:1rem 1rem 1rem 0;color:var(--slate-400);line-height:1.5}.decisions-title{font-size:1.25rem;margin-bottom:1.5rem;text-align:center}.decisions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.decision-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s var(--ease-out-expo)}.decision-card:hover{border-color:var(--lavender-400);transform:translateY(-2px)}.decision-card h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--lavender-400)}.decision-card p{font-size:.875rem;color:var(--slate-400);line-height:1.6}.decision-card code{background:var(--surface-dark);padding:.125rem .375rem;border-radius:4px;font-size:.8125rem;color:var(--teal-400)}.memory-flow-visual{margin:4rem 0;text-align:center}.flow-title{font-size:1.25rem;margin-bottom:.5rem}.flow-subtitle{font-size:.9375rem;color:var(--slate-400);margin-bottom:2rem}.ecs-intro{text-align:center;max-width:700px;margin:3rem auto 2rem}.ecs-heading{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;margin-bottom:.75rem}.ecs-text{font-size:.9375rem;color:var(--slate-300);line-height:1.7}.ecs-text strong{color:var(--teal-400)}.ecs-text code{background:var(--surface-dark);padding:.125rem .375rem;border-radius:4px;font-size:.8125rem;color:var(--teal-400)}@media(max-width:640px){.crates-header,.crate-row{grid-template-columns:1fr}.crates-header span:first-child,.crate-name{border-bottom:1px solid var(--border-light)}.crate-role{padding-left:1rem}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .crate-row.highlight{background:#1fada20f}}:root[data-theme=light] .crate-row.highlight{background:#1fada20f}@keyframes blob-morph{0%,to{transform:translate(0) scale(1);border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{transform:translate(10px,-10px) scale(1.1);border-radius:30% 60% 70% 40%/50% 60% 30%}50%{transform:translate(-10px,10px) scale(.95);border-radius:50% 60% 30%/30% 60% 70% 40%}75%{transform:translate(10px,10px) scale(1.05);border-radius:60% 40%/70% 30% 50% 60%}}@keyframes node-pulse{0%,to{stroke-width:2;opacity:1}50%{stroke-width:3;opacity:.7}}@keyframes outer-glow-pulse{0%,to{r:attr(r);opacity:.05}50%{r:calc(attr(r) + 5);opacity:.1}}@keyframes inner-ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flow-particle{0%{opacity:0;cx:attr(x1)}10%{opacity:1}90%{opacity:1}to{opacity:0;cx:attr(x2)}}@keyframes connection-glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes title-shimmer{0%,to{opacity:.3}50%{opacity:.7}}.blob-1,.blob-2{animation:blob-morph 15s ease-in-out infinite}.blob-2{animation-delay:2s}.node-pulse-1{animation:node-pulse 2s ease-in-out infinite;transform-origin:150px 250px}.node-pulse-2{animation:node-pulse 2.5s ease-in-out infinite;transform-origin:400px 250px}.node-pulse-3{animation:node-pulse 2.2s ease-in-out infinite;transform-origin:600px 250px}.node-pulse-4{animation:node-pulse 2.8s ease-in-out infinite;transform-origin:850px 250px}.outer-glow-1,.outer-glow-2{animation:outer-glow-pulse 3s ease-in-out infinite}.outer-glow-2{animation-delay:.5s}.inner-ring-1{animation:inner-ring-rotate 20s linear infinite;transform-origin:150px 250px}.inner-ring-2{animation:inner-ring-rotate 18s linear infinite reverse;transform-origin:400px 250px}.inner-ring-3{animation:inner-ring-rotate 22s linear infinite;transform-origin:600px 250px}.inner-ring-4{animation:inner-ring-rotate 16s linear infinite reverse;transform-origin:850px 250px}.flow-particle-1{animation:flow-particle 3s ease-in-out infinite}.flow-particle-2{animation:flow-particle 3s ease-in-out infinite;animation-delay:1s}.flow-particle-3{animation:flow-particle 3s ease-in-out infinite;animation-delay:2s}.connection-line{animation:connection-glow 2s ease-in-out infinite}.title-underline{animation:title-shimmer 3s ease-in-out infinite}svg{max-width:100%;height:auto}@media(prefers-reduced-motion:reduce){.blob-1,.blob-2,.node-pulse-1,.node-pulse-2,.node-pulse-3,.node-pulse-4,.outer-glow-1,.outer-glow-2,.inner-ring-1,.inner-ring-2,.inner-ring-3,.inner-ring-4,.flow-particle-1,.flow-particle-2,.flow-particle-3,.connection-line,.title-underline{animation:none}}@keyframes cursor-blink{0%,to{opacity:.9}50%{opacity:0}}@keyframes blob-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes gradient-shift{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:8}}@keyframes node-pulse{0%,to{opacity:.3;stroke-width:2}50%{opacity:.6;stroke-width:3}}@keyframes flow-down{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(40px)}}@keyframes active-line-glow{0%,to{opacity:.2}50%{opacity:.4}}.blob-float-1{animation:blob-float 10s ease-in-out infinite}.blob-float-2{animation:blob-float 12s ease-in-out infinite reverse}.blob-float-3{animation:blob-float 8s ease-in-out infinite;animation-delay:2s}.cursor-blink{animation:cursor-blink 1s step-end infinite}.connection-flow-1,.connection-flow-2,.connection-flow-3{animation:gradient-shift 3s linear infinite}.node-pulse-1{animation:node-pulse 2s ease-in-out infinite}.node-pulse-2{animation:node-pulse 2.5s ease-in-out infinite}.node-pulse-3{animation:node-pulse 2.2s ease-in-out infinite}.flow-dot-1,.flow-dot-2,.flow-dot-3{animation:flow-down 3s ease-in-out infinite}.active-line{animation:active-line-glow 2s ease-in-out infinite}.gradient-flow{animation:gradient-shift 4s linear infinite}.editor-preview-svg{max-width:100%;height:auto}.code-section{padding:var(--section-padding) 0;position:relative}.code-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.code-demo{max-width:800px;margin:0 auto}.code-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.code-tab{padding:.75rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:8px 8px 0 0;color:var(--slate-400);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.code-tab:hover{background:var(--surface-light);color:var(--slate-300)}.code-tab.active{background:var(--surface);border-color:var(--teal-500);border-bottom-color:var(--surface);color:var(--teal-400);margin-bottom:-1px;position:relative;z-index:1}.code-section .code-window{background:var(--surface);border:1px solid var(--border);border-radius:0 12px 12px;overflow:hidden}.code-section .window-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--surface-dark);border-bottom:1px solid var(--border-light)}.code-section .window-dots{display:flex;gap:.5rem}.code-section .dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.code-section .window-title{font-size:.75rem;color:var(--slate-400);font-family:JetBrains Mono,monospace}.code-section .window-code{padding:1.5rem;margin:0;overflow-x:auto;font-size:.8125rem;line-height:1.8;color:var(--slate-300)}.code-section .window-code code{color:inherit}.code-intro{text-align:center;max-width:700px;margin:3rem auto}.code-intro-heading{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;margin-bottom:.75rem}.code-intro-text{font-size:1.0625rem;color:var(--slate-300);line-height:1.7}.editor-visual{max-width:800px;margin:2rem auto 0;text-align:center}.editor-visual-title{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;margin-bottom:.75rem}.editor-visual-subtitle{font-size:1.0625rem;color:var(--slate-300);line-height:1.7;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}@media(max-width:640px){.code-tabs{flex-wrap:wrap}.code-tab{border-radius:8px;flex:1;min-width:100px;text-align:center}.code-tab.active{border-bottom-color:var(--teal-500);margin-bottom:0}.code-section .code-window{border-radius:12px}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .code-tab:hover{background:var(--surface)}}:root[data-theme=light] .code-tab:hover{background:var(--surface)}.landscape-section{padding:var(--section-padding) 0;position:relative}.landscape-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.landscape-grid{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:2rem}.landscape-header{display:grid;grid-template-columns:1.2fr repeat(5,1fr);background:var(--surface-dark);border-bottom:1px solid var(--border)}.landscape-row{display:grid;grid-template-columns:1.2fr repeat(5,1fr);border-bottom:1px solid var(--border-light)}.landscape-row:last-child{border-bottom:none}.caliber-row{background:#1fada214}.landscape-cell{padding:1rem;display:flex;align-items:center;justify-content:center;font-size:.875rem}.landscape-header .landscape-cell{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-400)}.name-cell{justify-content:flex-start;font-weight:500}.caliber-row .name-cell,.check{color:var(--teal-400);font-weight:600}.check.highlight{color:var(--mint-400);text-shadow:0 0 10px hsla(165,70%,52%,.5)}.cross{color:var(--slate-600)}.landscape-note{text-align:center;max-width:600px;margin:0 auto}.landscape-note p{font-size:.9375rem;color:var(--slate-400);line-height:1.6}@media(max-width:768px){.landscape-header,.landscape-row{grid-template-columns:1fr 1fr;gap:0}.landscape-cell:nth-child(n+3){display:none}.landscape-cell:nth-child(2){justify-content:flex-end}.name-cell{grid-column:1}}@media(max-width:480px){.landscape-header{display:none}.landscape-row{grid-template-columns:1fr;padding:1rem;gap:.5rem}.landscape-cell{justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.landscape-cell:last-child{border-bottom:none}.landscape-cell:before{content:attr(data-label);font-size:.75rem;color:var(--slate-500);text-transform:uppercase}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .caliber-row{background:#1fada20f}}:root[data-theme=light] .caliber-row{background:#1fada20f}.cta-section{padding:var(--section-padding) 0;position:relative}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.cta-content{text-align:center;max-width:700px;margin:0 auto;padding:3rem;background:linear-gradient(135deg,#1fada20d,#7f3cdd0d);border:1px solid var(--border);border-radius:24px}.cta-title{font-size:clamp(1.5rem,4vw,2.25rem);margin-bottom:1rem}.cta-subtitle{font-size:1.0625rem;color:var(--slate-300);margin-bottom:2rem}.cta-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.cta-stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;color:var(--teal-400)}.stat-label{font-size:.75rem;color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:30px;background:var(--border)}@media(max-width:640px){.cta-content{padding:2rem 1.5rem}.stat-divider{display:none}.cta-stats{gap:1rem}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .cta-content{background:linear-gradient(135deg,#1fada20a,#7f3cdd0a)}}:root[data-theme=light] .cta-content{background:linear-gradient(135deg,#1fada20a,#7f3cdd0a)}.footer{padding:4rem 0 2rem;border-top:1px solid var(--border);background:var(--surface-dark);position:relative;z-index:1}.footer-content{display:grid;grid-template-columns:1.5fr 2fr;gap:4rem;margin-bottom:3rem}.footer-logo{display:flex;align-items:center;gap:.75rem;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.125rem;color:var(--teal-400);margin-bottom:.75rem;text-decoration:none}.footer-logo .logo-icon{width:28px;height:28px}.footer-logo .logo-icon svg{width:100%;height:100%}.footer-tagline{font-size:.875rem;color:var(--slate-500);max-width:250px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.footer-column h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--slate-400);margin-bottom:1rem}.footer-column a{display:block;font-size:.875rem;color:var(--slate-500);margin-bottom:.5rem;transition:color .2s}.footer-column a:hover{color:var(--teal-400)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--border-light)}.copyright{font-size:.8125rem;color:var(--slate-500)}.built-with{font-size:.8125rem;color:var(--slate-600)}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2.5rem}.footer-links{grid-template-columns:1fr}}