.landing{--l-bg: #ffffff;--l-bg-alt: #f8fafc;--l-dark: #0a0e1a;--l-dark-card: #111827;--l-text: #111827;--l-text-secondary: #6b7280;--l-red: #e63946;--l-red-glow: rgba(230, 57, 70, .4);--l-blue: #06b6d4;--l-blue-glow: rgba(6, 182, 212, .4);--l-border: #e5e7eb;font-family:Inter,system-ui,-apple-system,sans-serif;color:#111827!important;background:#fff!important}.dark .landing,.landing{--background: oklch(.985 .002 260) !important;--foreground: oklch(.145 .01 260) !important;--card: oklch(1 0 0) !important;--card-foreground: oklch(.145 .01 260) !important;--popover: oklch(1 0 0) !important;--popover-foreground: oklch(.145 .01 260) !important;--primary: oklch(.577 .22 18) !important;--primary-foreground: oklch(.98 0 0) !important;--secondary: oklch(.96 .005 260) !important;--secondary-foreground: oklch(.25 .01 260) !important;--muted: oklch(.96 .005 260) !important;--muted-foreground: oklch(.55 .015 260) !important;--accent: oklch(.96 .005 260) !important;--accent-foreground: oklch(.2 .01 260) !important;--destructive: oklch(.55 .22 25) !important;--border: oklch(.9 .005 260) !important;--input: oklch(.9 .005 260) !important;--ring: oklch(.577 .22 18) !important;--sidebar: oklch(1 0 0) !important;--sidebar-foreground: oklch(.3 .01 260) !important;--sidebar-primary: oklch(.577 .22 18) !important;--sidebar-primary-foreground: oklch(.98 0 0) !important;--sidebar-accent: oklch(.96 .005 260) !important;--sidebar-accent-foreground: oklch(.2 .01 260) !important;--sidebar-border: oklch(.9 .005 260) !important;--sidebar-ring: oklch(.577 .22 18) !important;color:#111827!important;background:#fff!important;color-scheme:light!important}.landing-grid-bg{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:48px 48px}.landing-grid-bg-dark{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}.landing-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none}.landing-orb-red{background:var(--l-red);animation:landing-orb-float 8s ease-in-out infinite}.landing-orb-blue{background:var(--l-blue);animation:landing-orb-float 10s ease-in-out infinite reverse}@keyframes landing-orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.landing-fade-up{opacity:0;transform:translateY(40px);transition:opacity .7s ease-out,transform .7s ease-out}.landing-fade-up.in-view{opacity:1;transform:translateY(0)}.landing-fade-in{opacity:0;transition:opacity .8s ease-out}.landing-fade-in.in-view{opacity:1}.landing-scale-in{opacity:0;transform:scale(.8);transition:opacity .6s ease-out,transform .6s ease-out}.landing-scale-in.in-view{opacity:1;transform:scale(1)}.landing-stagger>*{transition-delay:0s}.landing-stagger>*:nth-child(1){transition-delay:0s}.landing-stagger>*:nth-child(2){transition-delay:.15s}.landing-stagger>*:nth-child(3){transition-delay:.3s}.landing-stagger>*:nth-child(4){transition-delay:.45s}.landing-stagger>*:nth-child(5){transition-delay:.6s}.landing-draw-line{stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 1.5s ease-out}.landing-draw-line.drawn{stroke-dashoffset:0}@keyframes landing-node-pulse{0%,to{filter:drop-shadow(0 0 4px var(--color))}50%{filter:drop-shadow(0 0 16px var(--color))}}.landing-node-pulse-red{--color: var(--l-red-glow);animation:landing-node-pulse 2s ease-in-out infinite}.landing-node-pulse-blue{--color: var(--l-blue-glow);animation:landing-node-pulse 2s ease-in-out infinite}.landing-node-pulse-green{--color: rgba(34, 197, 94, .4);animation:landing-node-pulse 1.5s ease-in-out infinite}@keyframes landing-attack-dash{to{stroke-dashoffset:-40}}.landing-attack-line{stroke-dasharray:12 8;animation:landing-attack-dash .8s linear infinite}@keyframes landing-defense-pulse{0%,to{opacity:.6;stroke-width:2}50%{opacity:1;stroke-width:3.5}}.landing-defense-line{animation:landing-defense-pulse 1.5s ease-in-out infinite}@keyframes landing-shield-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.landing-shield-pop{animation:landing-shield-pop .5s ease-out forwards}@keyframes landing-float-particle{0%{transform:translateY(0) translate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-100vh) translate(20px);opacity:0}}.landing-feature-card.in-view{transition:opacity .7s ease-out,transform .3s ease,box-shadow .3s ease}.landing-feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -12px #0000001a;transition-delay:0s!important}.landing-gradient-red-blue{background:linear-gradient(135deg,var(--l-red) 0%,#9333ea 50%,var(--l-blue) 100%)}.scene-text-enter{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.scene-text-enter.active{opacity:1;transform:translateY(0)}@keyframes landing-scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.landing-scanline{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--l-blue),transparent);opacity:.3;animation:landing-scan 4s linear infinite;pointer-events:none}.network-viz-panel{background:transparent;border:none;background-image:none}@media(min-width:1024px){.network-viz-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.06)}}.landing{scroll-behavior:smooth}.landing-btn-primary{background:var(--l-red);color:#fff;padding:14px 32px;border-radius:8px;font-weight:600;font-size:15px;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:none;cursor:pointer}.landing-btn-primary:hover{background:#c1121f;transform:translateY(-1px);box-shadow:0 8px 24px #e639464d}.landing-btn-secondary{background:transparent;color:var(--l-text);padding:14px 32px;border-radius:8px;font-weight:600;font-size:15px;border:1.5px solid var(--l-border);transition:background .2s,border-color .2s,transform .2s;display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer}.landing-btn-secondary:hover{background:#f8fafc;border-color:#d1d5db;transform:translateY(-1px)}.landing-btn-secondary-dark{color:#e5e7eb;border-color:#fff3}.landing-btn-secondary-dark:hover{background:#ffffff14;border-color:#ffffff4d}.landing-nav-link:hover{color:var(--l-red)!important}.blog-card-hover{transition:background .2s ease;border-radius:8px}@media(min-width:640px){.blog-card-hover{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.blog-card-hover:hover{background:#f9fafb}}.blog-prose{color:#374151;font-size:1.0625rem;line-height:1.8}.blog-prose h1,.blog-prose h2,.blog-prose h3,.blog-prose h4{color:var(--l-text);font-weight:700;line-height:1.3;margin-top:2em;margin-bottom:.75em}.blog-prose h2{font-size:1.5rem;padding-bottom:.5em;border-bottom:1px solid var(--l-border)}.blog-prose h3{font-size:1.2rem}.blog-prose p{margin-bottom:1.25em}.blog-prose a{color:var(--l-red);text-decoration:underline;text-underline-offset:2px}.blog-prose a:hover{opacity:.7}.blog-prose strong{color:var(--l-text);font-weight:600}.blog-prose ul,.blog-prose ol{padding-left:1.5em;margin-bottom:1.25em}.blog-prose li{margin-bottom:.5em}.blog-prose ul li::marker{color:#9ca3af}.blog-prose ol li::marker{color:#9ca3af;font-weight:600}.blog-prose blockquote{border-left:3px solid var(--l-border);padding-left:1em;margin:1.5em 0;color:#6b7280;font-style:italic}.blog-prose code{background:#f3f4f6;padding:.15em .4em;border-radius:4px;font-size:.9em;color:var(--l-text)}.blog-prose pre{background:#111827;color:#e5e7eb;padding:1.25em;border-radius:8px;overflow-x:auto;margin:1.5em 0;font-size:.875rem;line-height:1.6}.blog-prose pre code{background:none;padding:0;color:inherit;font-size:inherit}.blog-prose hr{border:none;border-top:1px solid var(--l-border);margin:2em 0}.blog-prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.9375rem}.blog-prose th,.blog-prose td{border:1px solid var(--l-border);padding:.625em 1em;text-align:left}.blog-prose th{background:#f9fafb;font-weight:600;color:var(--l-text)}.blog-prose img{border-radius:8px;margin:1.5em 0}.blog-prose>p:first-child{font-size:1.125rem;color:#374151;line-height:1.75}@media(max-width:640px){.blog-prose ul,.blog-prose ol{padding-left:1.25em}.blog-prose h2{font-size:1.3rem}.blog-prose h3{font-size:1.1rem}}
