.technical-grid{background-size:40px 40px;background-image:linear-gradient(to right,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.04) 1px,transparent 1px);-webkit-mask-image:linear-gradient(to bottom,black 30%,transparent 100%);mask-image:linear-gradient(to bottom,black 30%,transparent 100%)}.premium-card{background:#fff;border:1px solid #EAEAEA;box-shadow:0 2px 4px #00000005,0 8px 16px -4px #0000000a;transition:all .3s cubic-bezier(.2,.8,.2,1)}.premium-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000008,0 12px 24px -6px #0000000f;border-color:#d4d4d4}.node-line{stroke-dasharray:4;animation:dash 30s linear infinite}@keyframes dash{to{stroke-dashoffset:-100}}.pricing-transition{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .5s cubic-bezier(.22,1,.36,1),opacity .5s cubic-bezier(.22,1,.36,1),background-color .5s cubic-bezier(.22,1,.36,1);will-change:transform,opacity,box-shadow}@keyframes shimmer{to{transform:translate(100%)}}.shimmer-layer{transform:translate(-100%)}.group:hover .shimmer-layer{animation:shimmer 1.5s cubic-bezier(.4,0,.2,1) infinite}.def-active .def-num{border-color:#111;color:#111;background-color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #00000014}.def-inactive .def-content{opacity:.4;filter:grayscale(100%)}.def-active .def-content{opacity:1;filter:grayscale(0%);transform:translateY(0)}.def-step{transition:opacity .5s ease}html{scroll-behavior:smooth}body{background-color:#fafafa}.app-container{min-height:100vh;display:flex;flex-direction:column}.nav-glass{background:#fafafacc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:root{--canvas: #FAFAFA;--surface: #FFFFFF;--obsidian: #111111;--charcoal: #333333;--subtle: #737373;--border: #E5E5E5;--accent: #252525;--primary: #000000;--font-sans: "Plus Jakarta Sans", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-core: var(--canvas);--bg-secondary: var(--surface);--bg-glass: rgba(255, 255, 255, .85);--text-pure: var(--obsidian);--text-muted: var(--charcoal);--text-dim: var(--subtle);--border-subtle: var(--border);--accent-primary: var(--obsidian)}[data-theme=dark]{--canvas: #0A0A0A;--surface: #141414;--obsidian: #FFFFFF;--charcoal: #D4D4D4;--subtle: #A3A3A3;--border: #262626;--accent: #FAFAFA;--bg-core: var(--canvas);--bg-secondary: var(--surface);--bg-glass: rgba(10, 10, 10, .85);--text-pure: var(--obsidian);--text-muted: var(--charcoal);--text-dim: var(--subtle);--border-subtle: var(--border);--accent-primary: var(--obsidian)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-core);color:var(--text-pure);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease}.technical-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:40px 40px;background-image:linear-gradient(to right,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.04) 1px,transparent 1px);-webkit-mask-image:linear-gradient(to bottom,black 30%,transparent 100%);mask-image:linear-gradient(to bottom,black 30%,transparent 100%);pointer-events:none}[data-theme=dark] .technical-grid{background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px)}.premium-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);box-shadow:0 2px 4px #00000005,0 8px 16px -4px #0000000a;transition:all .3s cubic-bezier(.2,.8,.2,1);border-radius:12px}.premium-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000008,0 12px 24px -6px #0000000f;border-color:var(--text-dim)}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.btn{padding:.75rem 2rem;border-radius:6px;font-weight:600;font-size:.9rem;transition:all .4s cubic-bezier(.25,1,.5,1);text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--obsidian);color:var(--canvas);border:none;box-shadow:0 1px 2px #00000014}.btn-primary:hover{transform:scale(1.04);box-shadow:0 8px 24px -4px #00000040}.btn-ghost{background:transparent;color:var(--text-pure);border:1px solid var(--border-subtle)}.btn-ghost:hover{background:#00000005;border-color:var(--text-dim)}
