:root{--c-yellow-500: #f0b800;--c-yellow-400: #ffc629;--c-yellow-300: #ffd556;--c-orange-500: #f07d1a;--c-orange-400: #ff9a3c;--c-orange-300: #ffb366;--c-pink-600: #d6336c;--c-pink-500: #f0477d;--c-pink-400: #ff6b9d;--c-pink-300: #ff8fb8;--c-violet-700: #5b21b6;--c-violet-600: #7c3aed;--c-violet-500: #8b5cf6;--c-violet-400: #a78bfa;--c-violet-300: #c4b5fd;--c-cyan-500: #06b6d4;--c-cyan-400: #22d3ee;--c-cyan-300: #67e8f9;--c-green-500: #16a34a;--c-green-400: #22c55e;--c-green-300: #4ade80;--c-red-500: #dc2626;--c-red-400: #ef4444;--primary: #8b5cf6;--primary-light: #a78bfa;--secondary: #f0477d;--accent: #22d3ee;--accent-warm: #ff9a3c;--accent-cyan: #22d3ee;--accent-pink: #f0477d;--accent-green: #22c55e;--success: #22c55e;--warning: #ff9a3c;--danger: #ef4444;--danger-light: #dc2626;--bg: #040a12;--bg-alt: #06101e;--bg-code: #050b16;--surface: rgba(6, 14, 28, .9);--surface-elevated: rgba(8, 16, 30, .78);--surface-glass: linear-gradient(135deg, rgba(6, 14, 28, .92), rgba(12, 22, 42, .6));--text: #e6edf6;--text-muted: #8a94b2;--text-dim: #3a4d72;--text-code: #ccdcf0;--border: rgba(139, 92, 246, .1);--border-subtle: rgba(139, 92, 246, .05);--alpha-4: 4%;--alpha-6: 6%;--alpha-8: 8%;--alpha-10: 10%;--alpha-12: 12%;--alpha-15: 15%;--alpha-20: 20%;--alpha-25: 25%;--alpha-35: 35%;--alpha-50: 50%;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .72rem;--text-sm: .82rem;--text-base: .9rem;--text-md: .95rem;--text-lg: 1.05rem;--text-xl: 1.15rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 1.75rem;--text-5xl: 2rem;--text-6xl: 2.75rem;--text-7xl: 3.5rem;--text-8xl: 4rem;--leading-tight: 1.1;--leading-snug: 1.2;--leading-normal: 1.6;--leading-relaxed: 1.65;--leading-loose: 1.7;--tracking-tight: -.03em;--tracking-snug: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .05em;--tracking-widest: .08em;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--sp-28: 7rem;--sp-32: 8rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-glow: 0 0 80px color-mix(in srgb, var(--primary) var(--alpha-15), transparent);--shadow-card: 0 4px 32px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .02);--shadow-elevated: 0 20px 60px rgba(0, 0, 0, .75), 0 0 40px color-mix(in srgb, var(--primary) var(--alpha-6), transparent);--shadow-btn: 0 4px 24px color-mix(in srgb, var(--primary) var(--alpha-35), transparent), 0 0 0 1px color-mix(in srgb, var(--primary) var(--alpha-15), transparent);--shadow-btn-hover: 0 8px 40px color-mix(in srgb, var(--primary) var(--alpha-50), transparent), 0 0 0 1px color-mix(in srgb, var(--primary) var(--alpha-25), transparent);--shadow-neon: 0 0 20px color-mix(in srgb, var(--primary) var(--alpha-35), transparent), 0 0 60px color-mix(in srgb, var(--primary) var(--alpha-20), transparent), 0 0 120px color-mix(in srgb, var(--primary) var(--alpha-8), transparent);--glow-primary: color-mix(in srgb, var(--primary) var(--alpha-25), transparent);--glow-accent: color-mix(in srgb, var(--accent-pink) var(--alpha-20), transparent);--glow-warm: color-mix(in srgb, var(--accent-warm) var(--alpha-15), transparent);--glow-cyan: color-mix(in srgb, var(--accent-cyan) var(--alpha-15), transparent);--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .2s;--dur-normal: .3s;--dur-slow: .4s;--dur-reveal: .8s;--grad-primary: linear-gradient(135deg, var(--primary), var(--secondary));--grad-text: linear-gradient(135deg, var(--primary-light), var(--secondary));--grad-text-fancy: linear-gradient(135deg, var(--c-violet-400), var(--c-pink-400), var(--c-orange-400));--grad-logo: linear-gradient(135deg, var(--c-cyan-400), var(--c-violet-500), var(--c-pink-500), var(--c-orange-400), var(--c-yellow-400));--grad-rainbow: linear-gradient(90deg, var(--c-cyan-400), var(--c-violet-500), var(--c-pink-500), var(--c-orange-400), var(--c-yellow-400));--grad-danger: linear-gradient(90deg, var(--danger), var(--c-orange-400), var(--danger));--grad-hero: linear-gradient(135deg, var(--c-violet-600), var(--c-violet-400), var(--c-pink-400), var(--c-orange-400));--grad-ai: linear-gradient(135deg, var(--c-violet-400), var(--c-pink-300), var(--c-cyan-300));--grad-mesh: radial-gradient(ellipse at 20% 50%, color-mix(in srgb, var(--c-violet-700) var(--alpha-8), transparent) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, color-mix(in srgb, var(--c-pink-500) var(--alpha-6), transparent) 0%, transparent 50%), radial-gradient(ellipse at 60% 80%, color-mix(in srgb, var(--c-orange-400) var(--alpha-4), transparent) 0%, transparent 50%);--z-base: 1;--z-content: 2;--z-overlay: 10;--z-header: 100;--container-max: 1200px;--container-pad: var(--sp-8)}@media(max-width:768px){:root{--container-pad: var(--sp-5)}}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}.text-center{text-align:center}.section{padding:var(--sp-28) 0;position:relative}.section-alt{background:#080a1499}.section-title{font-size:var(--text-6xl);font-weight:800;line-height:var(--leading-snug);margin-bottom:var(--sp-4);letter-spacing:var(--tracking-snug)}.section-subtitle{font-size:var(--text-xl);color:var(--text-muted);max-width:700px;margin:0 auto var(--sp-16);line-height:var(--leading-loose)}.gradient-text{background:var(--grad-text-fancy);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease infinite}.gradient-text-static{background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-ai{background:var(--grad-ai);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite}.text-glow{text-shadow:0 0 20px color-mix(in srgb,var(--primary) var(--alpha-35),transparent),0 0 60px color-mix(in srgb,var(--primary) var(--alpha-15),transparent)}.text-glow-cyan{text-shadow:0 0 20px color-mix(in srgb,var(--accent-cyan) var(--alpha-35),transparent),0 0 60px color-mix(in srgb,var(--accent-cyan) var(--alpha-15),transparent)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) 1.75rem;border-radius:var(--radius-full);font-weight:600;font-size:var(--text-md);transition:all var(--dur-normal) var(--ease-out);cursor:pointer;border:none;white-space:nowrap}.btn-primary{background:var(--grad-primary);background-size:150% 150%;color:#fff;box-shadow:var(--shadow-btn);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,white var(--alpha-15),transparent),transparent 50%);opacity:0;transition:opacity var(--dur-normal) var(--ease-out)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-btn-hover);background-position:100% 100%}.btn-primary:hover:before{opacity:1}.btn-secondary{background:color-mix(in srgb,white var(--alpha-4),transparent);color:#fff;border:1px solid var(--border)}.btn-secondary:hover{background:color-mix(in srgb,white var(--alpha-10),transparent);border-color:color-mix(in srgb,white var(--alpha-25),transparent);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-muted);padding:var(--sp-2) var(--sp-4)}.btn-ghost:hover{color:var(--text)}.glass-card{background:var(--surface-glass);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border:1px solid color-mix(in srgb,var(--primary) var(--alpha-8),transparent);border-radius:var(--radius-lg);padding:var(--sp-8);transition:transform var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out),border-color var(--dur-slow) ease}.glass-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px color-mix(in srgb,var(--primary) var(--alpha-8),transparent),var(--shadow-elevated);border-color:color-mix(in srgb,var(--primary) var(--alpha-20),transparent)}.glass-card-premium{background:linear-gradient(135deg,#0c0e1ef2,#141830b3);backdrop-filter:blur(40px) saturate(1.4);-webkit-backdrop-filter:blur(40px) saturate(1.4);border:1px solid color-mix(in srgb,var(--primary) var(--alpha-12),transparent);border-radius:var(--radius-lg);padding:var(--sp-8);position:relative;overflow:hidden;transition:transform var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out),border-color var(--dur-slow) ease}.glass-card-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--primary) var(--alpha-6),transparent) 0%,transparent 60%);pointer-events:none}.glass-card-premium:hover{transform:translateY(-6px);box-shadow:0 24px 80px color-mix(in srgb,var(--primary) var(--alpha-12),transparent),0 0 0 1px color-mix(in srgb,var(--primary) var(--alpha-15),transparent);border-color:color-mix(in srgb,var(--primary) var(--alpha-25),transparent)}.gradient-border{position:relative;border:none!important}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--c-violet-400) var(--alpha-25),transparent),color-mix(in srgb,var(--c-pink-400) var(--alpha-15),transparent),color-mix(in srgb,var(--c-orange-400) var(--alpha-10),transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity var(--dur-normal) var(--ease-out)}.gradient-border:hover:before{background:linear-gradient(135deg,color-mix(in srgb,var(--c-violet-400) var(--alpha-50),transparent),color-mix(in srgb,var(--c-pink-400) var(--alpha-35),transparent),color-mix(in srgb,var(--c-orange-400) var(--alpha-25),transparent))}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;letter-spacing:var(--tracking-wide)}.badge-primary{background:color-mix(in srgb,var(--primary) var(--alpha-12),transparent);color:var(--primary-light);border:1px solid color-mix(in srgb,var(--primary) var(--alpha-25),transparent)}.badge-accent{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) var(--alpha-15),transparent),color-mix(in srgb,var(--secondary) var(--alpha-10),transparent));color:var(--secondary);border:1px solid color-mix(in srgb,var(--secondary) var(--alpha-25),transparent)}.badge-success{background:color-mix(in srgb,var(--success) var(--alpha-15),transparent);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 30%,transparent)}.icon-box{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.icon-box--primary{background:color-mix(in srgb,var(--primary) var(--alpha-12),transparent);color:var(--primary-light)}.icon-box--danger{background:color-mix(in srgb,var(--danger) var(--alpha-6),transparent);border:1px solid color-mix(in srgb,var(--danger) var(--alpha-12),transparent);color:var(--danger-light);border-radius:10px}.orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.orb--fade-in{opacity:0;animation:orbFadeIn 2s ease forwards}@keyframes orbFadeIn{to{opacity:1}}.orb--primary{background:radial-gradient(circle,color-mix(in srgb,var(--primary) var(--alpha-8),transparent),transparent 70%)}.orb--secondary{background:radial-gradient(circle,color-mix(in srgb,var(--secondary) var(--alpha-6),transparent),transparent 70%)}.orb--cyan{background:radial-gradient(circle,color-mix(in srgb,var(--accent-cyan) var(--alpha-4),transparent),transparent 70%)}.orb--danger{background:radial-gradient(circle,color-mix(in srgb,var(--danger) var(--alpha-4),transparent),transparent 70%)}.orb--warm{background:radial-gradient(circle,color-mix(in srgb,var(--accent-warm) 3%,transparent),transparent 70%)}.orb--emerald{background:radial-gradient(circle,color-mix(in srgb,var(--accent-green) var(--alpha-4),transparent),transparent 70%)}.section-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.gradient-mesh-bg{position:relative}.gradient-mesh-bg:before{content:"";position:absolute;inset:0;background:var(--grad-mesh);pointer-events:none;z-index:0}.gradient-mesh-bg--animated:before{animation:meshDrift 20s ease-in-out infinite alternate}@keyframes meshDrift{0%{background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--c-violet-700) var(--alpha-8),transparent) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--c-pink-500) var(--alpha-6),transparent) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,color-mix(in srgb,var(--c-orange-400) var(--alpha-4),transparent) 0%,transparent 50%)}50%{background:radial-gradient(ellipse at 40% 30%,color-mix(in srgb,var(--c-violet-700) var(--alpha-8),transparent) 0%,transparent 50%),radial-gradient(ellipse at 60% 60%,color-mix(in srgb,var(--c-pink-500) var(--alpha-6),transparent) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,color-mix(in srgb,var(--c-orange-400) var(--alpha-4),transparent) 0%,transparent 50%)}to{background:radial-gradient(ellipse at 70% 40%,color-mix(in srgb,var(--c-violet-700) var(--alpha-8),transparent) 0%,transparent 50%),radial-gradient(ellipse at 30% 80%,color-mix(in srgb,var(--c-pink-500) var(--alpha-6),transparent) 0%,transparent 50%),radial-gradient(ellipse at 80% 60%,color-mix(in srgb,var(--c-orange-400) var(--alpha-4),transparent) 0%,transparent 50%)}}.code-window{background:var(--bg-code);border-radius:var(--radius-md);overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) var(--alpha-10),transparent);font-family:var(--font-mono);font-size:.85rem}.code-header{background:#0006;padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;gap:var(--sp-2);border-bottom:1px solid color-mix(in srgb,white var(--alpha-6),transparent)}.code-dots{display:flex;gap:.4rem}.code-dot{width:10px;height:10px;border-radius:50%}.code-dot--red{background:var(--danger)}.code-dot--yellow{background:var(--warning)}.code-dot--green{background:var(--success)}.code-filename{color:var(--text-dim);font-size:var(--text-xs);margin-left:auto}.code-body{padding:var(--sp-5) var(--sp-6);line-height:var(--leading-loose);color:var(--text-code);overflow-x:auto}.code-body .kw{color:#ff7b72}.code-body .fn{color:#d2a8ff}.code-body .str{color:#a5d6ff}.code-body .tag{color:#7ee787}.code-body .attr{color:#79c0ff}.code-body .cmt{color:#8b949e;font-style:italic}.code-body .num{color:#79c0ff}.code-body .type{color:#ff7b72}.code-body .prop{color:#ffa657}.code-body .val{color:#a5d6ff}.reveal{opacity:0;transform:translateY(32px);transition:opacity var(--dur-reveal) var(--ease-spring),transform var(--dur-reveal) var(--ease-spring);will-change:opacity,transform}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-32px);transition:opacity var(--dur-reveal) var(--ease-spring),transform var(--dur-reveal) var(--ease-spring);will-change:opacity,transform}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(32px);transition:opacity var(--dur-reveal) var(--ease-spring),transform var(--dur-reveal) var(--ease-spring);will-change:opacity,transform}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.92);transition:opacity var(--dur-reveal) var(--ease-spring),transform var(--dur-reveal) var(--ease-spring);will-change:opacity,transform}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-1{transition-delay:.05s}.stagger-2{transition-delay:.1s}.stagger-3{transition-delay:.15s}.stagger-4{transition-delay:.2s}.stagger-5{transition-delay:.25s}.stagger-6{transition-delay:.3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}@keyframes breathe{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}}@keyframes orbit{0%{transform:rotate(0) translate(40px) rotate(0)}to{transform:rotate(360deg) translate(40px) rotate(-360deg)}}@keyframes ripple{0%{transform:scale(.8);opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px color-mix(in srgb,var(--primary) var(--alpha-15),transparent)}50%{box-shadow:0 0 40px color-mix(in srgb,var(--primary) var(--alpha-25),transparent)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-fade-in-delay-1{animation:fadeIn .8s ease-out .15s forwards;opacity:0}.animate-fade-in-delay-2{animation:fadeIn .8s ease-out .3s forwards;opacity:0}.animate-fade-in-delay-3{animation:fadeIn .8s ease-out .45s forwards;opacity:0}.animate-float{animation:float 6s ease-in-out infinite}.animate-breathe{animation:breathe 4s ease-in-out infinite}.animate-orbit{animation:orbit 12s linear infinite}.animate-ripple{animation:ripple 2s ease-out infinite}.animate-slide-up{animation:slideUp .8s var(--ease-spring) forwards;opacity:0}.animate-scale-in{animation:scaleIn .6s var(--ease-spring) forwards;opacity:0}.animate-glow-pulse{animation:glowPulse 3s ease-in-out infinite}.glow-card{position:relative}.glow-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 0%,transparent),color-mix(in srgb,var(--secondary) 0%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:background .5s ease;pointer-events:none}.glow-card:hover:before{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 45%,transparent),color-mix(in srgb,var(--secondary) 25%,transparent),color-mix(in srgb,var(--accent-cyan) 18%,transparent))}.glow-card:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;background:radial-gradient(700px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),color-mix(in srgb,var(--primary) var(--alpha-8),transparent),transparent 40%);transition:opacity var(--dur-normal) ease;pointer-events:none}.glow-card:hover:after{opacity:1}@media(prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right,.reveal-scale{transition-duration:.01ms}.animate-breathe,.animate-orbit,.animate-ripple,.animate-float,.animate-glow-pulse,.gradient-text,.gradient-text-ai{animation:none}.gradient-mesh-bg--animated:before{animation:none}}@media(max-width:768px){.section{padding:var(--sp-16) 0}.section-title{font-size:1.85rem}.section-subtitle{font-size:var(--text-base);margin-bottom:var(--sp-8)}.glass-card{padding:var(--sp-5);border-radius:var(--radius-md)}.glass-card:hover{transform:none}.glass-card-premium{padding:var(--sp-5);border-radius:var(--radius-md)}.glass-card-premium:hover{transform:none}.code-window{font-size:var(--text-xs)}.code-body{padding:var(--sp-4);overflow-x:auto;-webkit-overflow-scrolling:touch}.code-body pre{white-space:pre-wrap;word-break:break-word}.code-header{padding:.6rem .85rem}.code-dot{width:8px;height:8px}.code-filename{font-size:.65rem}.btn{padding:.65rem 1.25rem;font-size:.88rem}.btn-lg{font-size:var(--text-md);padding:.85rem 1.75rem}.gradient-mesh-bg--animated:before{animation:none}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-image:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--primary) var(--alpha-4),transparent) 0%,transparent 50%)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.hero{position:relative;overflow:hidden;padding-top:var(--sp-32);padding-bottom:var(--sp-24);min-height:100vh;display:flex;flex-direction:column;justify-content:center}.hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-mesh{position:absolute;inset:0;animation:heroMeshDrift 20s ease-in-out infinite}.hero-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:0;animation:heroOrbPulse 12s ease-in-out infinite,heroOrbFadeIn 1.5s ease forwards}.hero-orb--violet{width:700px;height:700px;background:radial-gradient(circle,color-mix(in srgb,var(--c-violet-600) 18%,transparent),transparent 70%);top:-20%;right:-5%}.hero-orb--indigo{width:550px;height:550px;background:radial-gradient(circle,color-mix(in srgb,var(--c-pink-500) 14%,transparent),transparent 70%);top:10%;left:-10%;animation-delay:3s}.hero-orb--cyan{width:450px;height:450px;background:radial-gradient(circle,color-mix(in srgb,var(--c-cyan-400) 10%,transparent),transparent 70%);bottom:-10%;right:15%;animation-delay:6s}.hero-orb--fuchsia{width:500px;height:500px;background:radial-gradient(circle,color-mix(in srgb,var(--c-orange-400) 10%,transparent),transparent 70%);bottom:5%;left:20%;animation-delay:9s}@keyframes heroOrbFadeIn{to{opacity:1}}@keyframes heroOrbPulse{0%,to{transform:scale(1) translate(0)}33%{transform:scale(1.1) translate(20px,-15px)}66%{transform:scale(.95) translate(-15px,10px)}}@keyframes heroMeshDrift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-10px,8px) rotate(.5deg)}}.hero-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,white 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,white 3%,transparent) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,black 20%,transparent 70%);opacity:.4}.hero-dot-pattern{position:absolute;inset:0;background-image:radial-gradient(circle,color-mix(in srgb,white 8%,transparent) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 50% 40% at 60% 40%,black 10%,transparent 60%);-webkit-mask-image:radial-gradient(ellipse 50% 40% at 60% 40%,black 10%,transparent 60%);opacity:.3}.hero-noise{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--sp-12);align-items:flex-start;position:relative;z-index:var(--z-content)}.hero-badge{position:relative;overflow:hidden;padding-left:.65rem}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--success);display:inline-block;animation:dotPulse 2s ease-in-out infinite;box-shadow:0 0 8px color-mix(in srgb,var(--success) 50%,transparent)}.hero-badge-shimmer{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,color-mix(in srgb,white 12%,transparent) 40%,color-mix(in srgb,white 18%,transparent) 50%,color-mix(in srgb,white 12%,transparent) 60%,transparent 80%);animation:badgeShimmer 3s ease-in-out infinite;pointer-events:none}@keyframes badgeShimmer{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.hero-content h1{font-size:4rem;font-weight:900;line-height:1.05;margin:var(--sp-6) 0 var(--sp-8);letter-spacing:-.04em}.hero-headline-top,.hero-headline-bottom{display:block}.hero-headline-bottom{display:inline}.hero-gradient-text{font-size:inherit;background:linear-gradient(135deg,var(--c-cyan-400),var(--c-violet-400),var(--c-pink-400),var(--c-orange-400),var(--c-yellow-400));background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}.hero-subheadline{display:block;font-size:.65em;margin-top:.15em}.hero-subtitle{font-size:var(--text-xl);color:var(--text-muted);line-height:var(--leading-loose);margin-bottom:var(--sp-10);max-width:540px}.hero-cta{display:flex;gap:var(--sp-4);margin-bottom:var(--sp-16)}.hero-btn-primary{position:relative;overflow:hidden}.hero-btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,white 15%,transparent) 50%,transparent 70%);animation:btnShine 4s ease-in-out infinite;pointer-events:none}@keyframes btnShine{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}.hero-stats-card{background:linear-gradient(135deg,#0e111e99,#161a2e4d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--primary) var(--alpha-10),transparent);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-8)}.hero-stats{display:flex;align-items:center;gap:var(--sp-6);flex-wrap:nowrap}.stat{display:flex;align-items:flex-start;gap:var(--sp-3);flex-shrink:0;white-space:nowrap}.stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0;margin-top:2px}.stat-icon--reduction{background:color-mix(in srgb,var(--primary) var(--alpha-12),transparent);color:var(--primary-light)}.stat-icon--variants{background:color-mix(in srgb,var(--accent-pink) var(--alpha-12),transparent);color:var(--accent-pink)}.stat-icon--speed{background:color-mix(in srgb,var(--success) var(--alpha-12),transparent);color:var(--success)}.stat-divider{width:1px;height:40px;flex-shrink:0;background:linear-gradient(180deg,transparent,color-mix(in srgb,white var(--alpha-10),transparent),transparent)}.stat-value{display:block;font-size:var(--text-2xl);font-weight:800;color:var(--text);letter-spacing:var(--tracking-snug);line-height:1.2;white-space:nowrap}.stat-label{color:var(--text-dim);font-size:var(--text-sm);margin-top:var(--sp-1);display:block;white-space:nowrap}.pipeline-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid color-mix(in srgb,white var(--alpha-6),transparent);background:var(--surface);position:relative;flex:1;min-height:0;display:flex;flex-direction:column;transition:border-color .4s ease,box-shadow .4s ease}.pipeline-card--figma{border-color:color-mix(in srgb,var(--c-pink-400) var(--alpha-12),transparent)}.pipeline-card--spek{border-color:color-mix(in srgb,var(--c-violet-400) var(--alpha-15),transparent);box-shadow:0 0 30px color-mix(in srgb,var(--c-violet-500) var(--alpha-8),transparent)}.pipeline-card--code{border-color:color-mix(in srgb,var(--c-cyan-400) var(--alpha-12),transparent)}.pipeline-card-header{display:flex;align-items:center;gap:.4rem;padding:.45rem .65rem;background:#00000059;border-bottom:1px solid color-mix(in srgb,white var(--alpha-4),transparent);font-size:var(--text-xs);flex-shrink:0}.pipeline-icon{flex-shrink:0}.pipeline-label{color:var(--text-muted);font-weight:600;white-space:nowrap}.pipeline-badge-screen{margin-left:auto;font-size:.58rem;font-weight:600;padding:.1rem .35rem;border-radius:3px;background:color-mix(in srgb,var(--c-pink-400) var(--alpha-12),transparent);color:var(--c-pink-300);font-family:var(--font-mono)}.pipeline-badge-yaml{margin-left:auto;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.1rem .35rem;border-radius:3px;background:color-mix(in srgb,var(--c-violet-500) var(--alpha-15),transparent);color:var(--c-violet-300)}.pipeline-badge-cursor{margin-left:auto;display:flex;align-items:center;gap:.2rem;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .35rem;border-radius:3px;background:color-mix(in srgb,var(--c-cyan-400) var(--alpha-12),transparent);color:var(--c-cyan-300)}.pipeline-card-body{flex:1;min-height:0;position:relative;overflow:hidden}.pipeline-accuracy{display:flex;align-items:center;gap:.3rem;margin-top:.45rem;justify-content:center;opacity:0}.pipeline-accuracy-value{font-size:1.3rem;font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,var(--c-cyan-400),var(--c-violet-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pipeline-accuracy-label{font-size:var(--text-xs);color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.hero-scroll-indicator{position:absolute;bottom:var(--sp-8);left:50%;transform:translate(-50%);z-index:var(--z-content);opacity:0;animation:scrollFadeIn 1s ease 2s forwards}.hero-scroll-line{width:1px;height:48px;position:relative;overflow:hidden;border-radius:1px;background:linear-gradient(180deg,color-mix(in srgb,white var(--alpha-20),transparent),transparent)}.hero-scroll-dot{width:3px;height:10px;background:var(--primary-light);border-radius:2px;position:absolute;left:-1px;top:0;animation:scrollDrop 2s ease-in-out infinite;box-shadow:0 0 6px color-mix(in srgb,var(--primary-light) 50%,transparent)}@keyframes scrollFadeIn{to{opacity:.6}}@keyframes scrollDrop{0%{top:0;opacity:0}20%{opacity:1}80%{opacity:1}to{top:38px;opacity:0}}@keyframes strokeDraw{to{stroke-dashoffset:0}}.hero-visual{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-pipeline{position:relative;width:100%;max-width:300px;height:440px}.pipeline-stage{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:translate(40px);transition:opacity .5s ease,transform .5s ease;pointer-events:none;will-change:transform,opacity}.pipeline-stage.is-active{opacity:1;transform:translate(0);pointer-events:auto;z-index:2}.pipeline-stage.is-exiting{opacity:0;transform:translate(-40px);z-index:1}.pipeline-steps{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem}.pipeline-step-dot{width:28px;height:3px;border-radius:2px;background:color-mix(in srgb,white var(--alpha-8),transparent);position:relative;overflow:hidden;transition:background .3s ease}.pipeline-step-dot:after{content:"";position:absolute;inset:0;border-radius:2px;transform:scaleX(0);transform-origin:left}.pipeline-step-dot--figma:after{background:linear-gradient(90deg,var(--c-pink-400),var(--c-violet-400))}.pipeline-step-dot--spek:after{background:linear-gradient(90deg,var(--c-violet-400),var(--c-pink-400))}.pipeline-step-dot--code:after{background:linear-gradient(90deg,var(--c-cyan-400),var(--c-violet-400))}.pipeline-step-dot.is-active:after{transform:scaleX(1);transition:transform var(--step-duration, 3.5s) linear}.pipeline-step-dot.is-done:after{transform:scaleX(1);transition:none}.pipeline-step-labels{display:flex;justify-content:center;gap:1.2rem;margin-top:.4rem}.pipeline-step-label{font-size:.6rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease;display:flex;align-items:center;gap:.25rem}.pipeline-step-label.is-active{color:var(--text-muted)}.pipeline-step-label svg{width:10px;height:10px;opacity:.6}.pipeline-step-label.is-active svg{opacity:1}@media(max-width:1200px){.hero-content h1{font-size:3.5rem}.hero-pipeline{max-width:280px;height:410px}}@media(max-width:1024px){.hero{min-height:auto;padding-top:var(--sp-28);padding-bottom:var(--sp-20)}.hero-grid{grid-template-columns:1fr;text-align:center;gap:var(--sp-12)}.hero-content h1{font-size:3.5rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-stats-card{display:inline-block}.hero-stats{justify-content:center}.hero-pipeline{max-width:300px;height:440px;margin:0 auto}.hero-scroll-indicator{display:none}}@media(max-width:768px){.hero{padding-top:var(--sp-24);padding-bottom:var(--sp-12)}.hero-content h1{font-size:2.5rem;letter-spacing:-.03em;word-break:break-word}.hero-subtitle{font-size:var(--text-base)}.hero-cta{flex-direction:column;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-12)}.hero-cta .btn{width:100%;justify-content:center}.hero-stats-card{padding:var(--sp-5) var(--sp-6)}.hero-stats{flex-direction:column;gap:var(--sp-4);align-items:center}.stat{justify-content:center}.stat-divider{width:40px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,white var(--alpha-10),transparent),transparent)}.stat-value{font-size:var(--text-2xl)}.hero-pipeline{max-width:280px;height:400px}.pipeline-accuracy-value{font-size:1.1rem}.hero-grid-pattern,.hero-dot-pattern{opacity:.15}.hero-orb--violet{width:400px;height:400px}.hero-orb--indigo{width:300px;height:300px}.hero-orb--cyan{width:250px;height:250px}.hero-orb--fuchsia{width:280px;height:280px}}@media(max-width:480px){.hero-pipeline{max-width:260px;height:380px}}@media(max-width:400px){.hero-content h1{font-size:2rem}.stat-value{font-size:var(--text-xl)}.stat-icon{display:none}.hero-stats-card{padding:var(--sp-4) var(--sp-5)}.hero-pipeline{max-width:240px;height:360px}.pipeline-card-header{padding:.35rem .45rem}}@media(prefers-reduced-motion:reduce){.hero-orb,.hero-mesh,.hero-badge-shimmer,.hero-btn-primary:after,.hero-scroll-dot{animation:none}.hero-orb{opacity:1}.hero-scroll-indicator{opacity:.6}.pipeline-stage{transition:none}.pipeline-step-dot:after{transition:none}}.figma-screen-body{padding:.45rem;position:relative;display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0}.figma-fills{position:relative;z-index:2;opacity:0;width:100%;flex:1;min-height:0}.is-active .figma-fills{animation:fillsFadeIn .6s ease .1s forwards}@keyframes fillsFadeIn{to{opacity:1}}.figma-scan-overlay{position:absolute;inset:.45rem;z-index:4;pointer-events:none;display:flex;flex-direction:column;gap:.4rem;padding:.55rem;opacity:0}.is-active .figma-scan-overlay{animation:scanOverlayIn .5s ease 1.6s forwards}@keyframes scanOverlayIn{to{opacity:1}}.scan-region{border-radius:4px;border:1px solid transparent;opacity:0;transform:scale(.97)}.is-active .scan-region{animation:regionReveal .4s cubic-bezier(.22,1,.36,1) forwards}.is-active .scan-region--header{animation-delay:1.7s}.is-active .scan-region--balance{animation-delay:1.9s}.is-active .scan-region--card{animation-delay:2.1s}.is-active .scan-region--txn-scroll{animation-delay:2.4s}.is-active .scan-region--txn-list{animation-delay:2.6s}.is-active .scan-region--nav{animation-delay:2.8s}@keyframes regionReveal{to{opacity:1;transform:scale(1)}}.scan-region--header{height:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--c-violet-500) 28%,transparent),color-mix(in srgb,var(--c-pink-400) 26%,transparent));border-color:color-mix(in srgb,var(--c-violet-400) 5%,transparent)}.scan-region--balance{height:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--c-cyan-400) 26%,transparent),color-mix(in srgb,var(--c-violet-400) 25%,transparent));border-color:color-mix(in srgb,var(--c-cyan-400) 5%,transparent)}.scan-region--card{height:62px;background:linear-gradient(135deg,color-mix(in srgb,var(--c-violet-500) 28%,transparent),color-mix(in srgb,var(--c-pink-400) 26%,transparent));border-color:color-mix(in srgb,var(--c-violet-400) 5%,transparent);box-shadow:inset 0 0 12px color-mix(in srgb,var(--c-violet-500) 6%,transparent)}.scan-region--txn-scroll{height:68px;background:linear-gradient(135deg,color-mix(in srgb,var(--c-cyan-400) 26%,transparent),color-mix(in srgb,var(--c-green-400) 25%,transparent));border-color:color-mix(in srgb,var(--c-cyan-400) 5%,transparent)}.scan-region--txn-list{flex:1;background:linear-gradient(135deg,color-mix(in srgb,var(--c-pink-400) 25%,transparent),color-mix(in srgb,var(--c-orange-400) 25%,transparent));border-color:color-mix(in srgb,var(--c-pink-400) 5%,transparent)}.scan-region--nav{height:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--c-violet-400) 26%,transparent),color-mix(in srgb,var(--c-cyan-400) 25%,transparent));border-color:color-mix(in srgb,var(--c-violet-400) 5%,transparent)}.figma-mobile{border-radius:8px;background:linear-gradient(180deg,#080c18f2,#0c1224e6);border:1px solid color-mix(in srgb,white var(--alpha-4),transparent);padding:.55rem;display:flex;flex-direction:column;gap:.4rem;flex:1;min-height:0;overflow:hidden}.fm-header{display:flex;align-items:center;gap:.4rem;padding:.15rem 0}.fm-user-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--c-violet-500),var(--c-cyan-500));display:flex;align-items:center;justify-content:center;font-size:.42rem;font-weight:700;color:#fff;letter-spacing:-.02em}.fm-user-info{flex:1;min-width:0}.fm-user-name{font-size:.5rem;font-weight:700;color:var(--text);line-height:1.2}.fm-user-greeting{font-size:.36rem;color:var(--text-dim);line-height:1.3}.fm-header-icons{display:flex;gap:.35rem;color:var(--text-dim)}.fm-header-icons svg{width:12px;height:12px}.fm-balance{padding:.1rem 0}.fm-balance-label{font-size:.36rem;color:var(--text-dim)}.fm-balance-amount{font-size:.85rem;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1.3}.fm-credit-card{border-radius:6px;padding:.5rem;background:linear-gradient(135deg,#4338ca,#7c3aed,#2563eb);background-size:200% 200%;position:relative;overflow:hidden}.is-active .fm-credit-card{animation:ccGradShift 4s ease infinite}.fm-credit-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.12) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(99,102,241,.2) 0%,transparent 50%)}@keyframes ccGradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.fm-cc-top{display:flex;justify-content:space-between;align-items:center;position:relative}.fm-cc-chip{width:16px;height:11px;border-radius:2px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:.5px solid rgba(255,255,255,.2)}.fm-cc-visa{font-size:.55rem;font-weight:900;color:#fff;letter-spacing:.08em;font-style:italic}.fm-cc-balance{font-size:.55rem;font-weight:700;color:#fff;margin:.3rem 0 .2rem;position:relative;letter-spacing:.02em}.fm-cc-bottom{display:flex;justify-content:space-between;align-items:center;position:relative}.fm-cc-exp{font-size:.34rem;color:#ffffffb3}.fm-cc-name{font-size:.34rem;color:#ffffffb3;letter-spacing:.06em}.fm-txn-section{flex:1;display:flex;flex-direction:column;gap:.3rem}.fm-txn-title{font-size:.4rem;font-weight:700;color:var(--text-muted)}.fm-txn-scroll{display:flex;gap:.3rem;overflow:hidden}.fm-txn-card{flex:1;min-width:0;border-radius:6px;padding:.3rem;background:color-mix(in srgb,white var(--alpha-4),transparent);border:1px solid color-mix(in srgb,white var(--alpha-4),transparent);display:flex;flex-direction:column;align-items:center;gap:.18rem}.fm-txn-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.fm-txn-icon svg{width:10px;height:10px}.fm-txn-icon--apple{background:color-mix(in srgb,white var(--alpha-10),transparent);color:var(--text)}.fm-txn-icon--yt{background:color-mix(in srgb,#ff0000 var(--alpha-15),transparent);color:#f44}.fm-txn-icon--spotify{background:color-mix(in srgb,#1db954 var(--alpha-15),transparent);color:#1db954}.fm-txn-detail{text-align:center}.fm-txn-name{font-size:.32rem;color:var(--text-muted);white-space:nowrap}.fm-txn-amt{font-size:.32rem;color:var(--text-dim);font-weight:600}.fm-txn-list{display:flex;flex-direction:column;gap:.6rem}.fm-txn-row{display:flex;align-items:center;gap:.3rem;padding:.35rem .5rem;border-radius:4px;background:color-mix(in srgb,white var(--alpha-2),transparent)}.fm-txn-row-dot{width:28px;height:28px;border-radius:50%;flex-shrink:0}.fm-txn-row-dot--green{background:var(--c-green-400)}.fm-txn-row-dot--red{background:var(--c-pink-400)}.fm-txn-row-info{flex:1}.fm-txn-row-name{width:78px;height:6.5px;border-radius:2px;background:color-mix(in srgb,white var(--alpha-15),transparent)}.fm-txn-row-date{width:30px;height:6.5px;border-radius:2px;background:color-mix(in srgb,white var(--alpha-6),transparent);margin-top:3px}.fm-txn-row-amt{width:24px;height:6.5px;border-radius:2px;background:color-mix(in srgb,white var(--alpha-12),transparent)}.fm-bottom-nav{display:flex;justify-content:space-around;align-items:center;padding:0rem .2rem;border-radius:6px;background:#00000080;margin-top:auto}.fm-bnav-item{color:var(--text-dim);display:flex;align-items:center;justify-content:center}.fm-bnav-item svg{width:12px;height:12px}.fm-bnav-item--active{color:var(--c-cyan-400)}.fm-bnav-item--center{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--c-violet-500),var(--c-cyan-500));color:#fff}.figma-scanner{position:absolute;left:0;right:0;height:2px;top:0;z-index:5;pointer-events:none;opacity:0}.is-active .figma-scanner{animation:scanDown 1.6s ease-in-out 1.5s forwards}.figma-scanner-glow{position:absolute;inset:0;height:2px;background:linear-gradient(90deg,transparent 5%,var(--c-cyan-400),var(--c-violet-400),transparent 95%);box-shadow:0 0 10px color-mix(in srgb,var(--c-cyan-400) 70%,transparent),0 0 28px color-mix(in srgb,var(--c-violet-400) 40%,transparent);border-radius:2px}.figma-scanner-glow:after{content:"";position:absolute;left:0;right:0;top:2px;height:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--c-cyan-400) 15%,transparent),transparent)}@keyframes scanDown{0%{top:0;opacity:0}8%{opacity:1}92%{opacity:1}to{top:100%;opacity:0}}@media(max-width:480px){.fm-user-avatar{width:20px;height:20px;font-size:.36rem}.fm-balance-amount{font-size:.7rem}}@media(prefers-reduced-motion:reduce){.figma-fills,.figma-scan-overlay{opacity:1}.scan-region{opacity:1;transform:none}.figma-scanner{display:none}.fm-credit-card,.is-active .figma-fills,.is-active .figma-scan-overlay,.is-active .scan-region,.is-active .figma-scanner,.is-active .fm-credit-card{animation:none}}.pipeline-tree-body{padding:0;overflow:hidden;flex:1;min-height:0}.pipeline-tree-body .tree-root{font-family:var(--font-mono);font-size:.72rem;line-height:1;padding:.5rem .7rem .6rem}.pipeline-tree-body .tree-ul{list-style:none;margin:1px 0;padding-left:18px}.pipeline-tree-body .tree-ul.tree-ul--root{padding-left:0;margin:0}.pipeline-tree-body .tree-li{position:relative;line-height:22px;padding:0;display:block}.pipeline-tree-body .tree-li:before{content:"";position:absolute;left:-11px;top:0;bottom:0;width:1px;background-color:var(--line-color, #2D3748);z-index:0}.pipeline-tree-body .tree-li:after{content:"";position:absolute;left:-11px;top:11px;width:9px;height:1px;background-color:var(--line-color, #2D3748);z-index:0}.pipeline-tree-body .tree-li:first-child:before{top:-5px}.pipeline-tree-body .tree-li:last-child:before{bottom:auto;height:12px}.pipeline-tree-body .tree-li:first-child:last-child:before{top:-5px;height:17px;bottom:auto}.pipeline-tree-body .tree-row{display:flex;align-items:center;gap:6px;position:relative;z-index:10;padding:0 3px;border-radius:3px;color:var(--text-muted);white-space:nowrap}.pipeline-tree-body .tree-row--dir{color:var(--text);font-weight:600}.pipeline-tree-body .tree-icon{width:14px;height:14px;flex-shrink:0}.pipeline-tree-body .tree-row--active{background:color-mix(in srgb,var(--c-pink-400) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-pink-400) 20%,transparent);padding:0 7px;margin-left:-4px;border-radius:4px;color:var(--c-pink-300);font-weight:600}.pipeline-tree-body .tree-li{opacity:0;transform:translateY(4px)}.pipeline-tree-body .tree-li:before,.pipeline-tree-body .tree-li:after{transition:opacity .25s ease}.pipeline-stage:not(.is-active) .tree-li:before,.pipeline-stage:not(.is-active) .tree-li:after{opacity:0}@keyframes ftNodeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.is-active [data-node="0"]{animation:ftNodeIn .25s ease-out .05s forwards}.is-active [data-node="1"]{animation:ftNodeIn .25s ease-out .18s forwards}.is-active [data-node="2"]{animation:ftNodeIn .25s ease-out .3s forwards}.is-active [data-node="3"]{animation:ftNodeIn .25s ease-out .42s forwards}.is-active [data-node="4"]{animation:ftNodeIn .25s ease-out .54s forwards}.is-active [data-node="5"]{animation:ftNodeIn .25s ease-out .66s forwards}.is-active [data-node="6"]{animation:ftNodeIn .25s ease-out .78s forwards}.is-active [data-node="7"]{animation:ftNodeIn .25s ease-out .9s forwards}.is-active [data-node="8"]{animation:ftNodeIn .25s ease-out 1.02s forwards}.is-active [data-node="9"]{animation:ftNodeIn .25s ease-out 1.16s forwards}.is-active [data-node="10"]{animation:ftNodeIn .25s ease-out 1.3s forwards}.is-active [data-node="11"]{animation:ftNodeIn .25s ease-out 1.42s forwards}.is-active [data-node="12"]{animation:ftNodeIn .25s ease-out 1.56s forwards}.is-active [data-node="13"]{animation:ftNodeIn .25s ease-out 1.7s forwards}@media(max-width:768px){.pipeline-tree-body .tree-root{font-size:.68rem}}@media(max-width:480px){.pipeline-tree-body .tree-root{font-size:.62rem;padding:.4rem .5rem}}@media(max-width:400px){.pipeline-tree-body .tree-root{font-size:.56rem}}@media(prefers-reduced-motion:reduce){.pipeline-tree-body .tree-li{transform:none;opacity:1}.is-active .pipeline-tree-body .tree-li{animation:none}}.pipeline-code-body{font-family:var(--font-mono);font-size:.58rem;line-height:1.5;padding:.45rem .55rem;color:var(--text-code);flex:1;min-height:0}.code-reveal-mask{position:relative;z-index:2;max-height:0;overflow:hidden}.is-active .code-reveal-mask{animation:codeReveal 2.4s ease-out .2s forwards}@keyframes codeReveal{to{max-height:500px}}.output-code{margin:0;white-space:pre}.block-cursor{color:var(--c-cyan-400);opacity:0}.is-active .block-cursor{animation:blockBlink 1s step-end 1s infinite}@keyframes blockBlink{0%,50%{opacity:1}51%,to{opacity:0}}.hi-token{position:relative}.hi-token:after{content:"";position:absolute;inset:-1px -3px;border-radius:3px;background:color-mix(in srgb,var(--c-cyan-400) 15%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--c-cyan-400) 20%,transparent);opacity:0;pointer-events:none;z-index:-1}.is-active .hi-token:after{animation:tokenGlow 2s ease 1.5s forwards}@keyframes tokenGlow{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.code-glow-sweep{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--c-cyan-400) 8%,transparent) 45%,color-mix(in srgb,var(--c-violet-400) 10%,transparent) 50%,color-mix(in srgb,var(--c-cyan-400) 8%,transparent) 55%,transparent 100%);background-size:200% 100%;opacity:0}.is-active .code-glow-sweep{animation:glowSweep 2s ease 1s forwards}@keyframes glowSweep{0%{opacity:0;background-position:-100% 0}10%{opacity:1}90%{opacity:1}to{opacity:0;background-position:200% 0}}.is-active .pipeline-accuracy{animation:accuracyIn .6s ease 2.5s forwards}@keyframes accuracyIn{to{opacity:1}}@media(max-width:768px){.pipeline-code-body{font-size:.52rem}}@media(max-width:480px){.pipeline-code-body{font-size:.48rem;padding:.35rem .4rem}}@media(max-width:400px){.pipeline-code-body{font-size:.45rem}}@media(prefers-reduced-motion:reduce){.code-reveal-mask{max-height:500px}.block-cursor,.pipeline-accuracy{opacity:1}.hi-token:after,.code-glow-sweep{opacity:0}.is-active .code-reveal-mask,.is-active .block-cursor,.is-active .hi-token:after,.is-active .code-glow-sweep,.is-active .pipeline-accuracy{animation:none}}#pain-points{position:relative;overflow:hidden}.pain-bg{position:absolute;inset:0;pointer-events:none}.pain-orb{filter:blur(140px)}.pain-orb--1{width:550px;height:550px;background:radial-gradient(circle,color-mix(in srgb,var(--danger) 5%,transparent),transparent 70%);top:-180px;left:-120px}.pain-orb--2{width:450px;height:450px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-warm) 4%,transparent),transparent 70%);bottom:-120px;right:-100px}.pain-orb--3{width:350px;height:350px;background:radial-gradient(circle,color-mix(in srgb,var(--danger) 3%,transparent),transparent 70%);top:40%;right:10%;filter:blur(160px)}.pain-orb--4{width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-warm) 3%,transparent),transparent 70%);bottom:30%;left:5%;filter:blur(180px)}.pain-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--danger) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--danger) 3%,transparent) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.4) 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.4) 0%,transparent 70%)}.pain-divider{position:relative;display:flex;justify-content:center;margin-bottom:var(--sp-12)}.pain-divider-line{width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--danger),var(--accent-warm),transparent);opacity:.5}.pain-divider-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:20px;background:radial-gradient(ellipse,color-mix(in srgb,var(--danger) 25%,transparent),transparent 70%);filter:blur(8px)}.pain-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem .35rem .65rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--danger-light);background:color-mix(in srgb,var(--danger) var(--alpha-8),transparent);border:1px solid color-mix(in srgb,var(--danger) var(--alpha-20),transparent);margin:0 auto var(--sp-6)}.text-center .pain-badge,.pain-badge{display:flex;width:fit-content;margin-left:auto;margin-right:auto;margin-bottom:var(--sp-6)}.pain-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--danger);box-shadow:0 0 8px var(--danger),0 0 16px color-mix(in srgb,var(--danger) 40%,transparent);animation:painDotPulse 2s ease-in-out infinite}@keyframes painDotPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px var(--danger),0 0 16px color-mix(in srgb,var(--danger) 40%,transparent)}50%{opacity:.6;transform:scale(1.4);box-shadow:0 0 12px var(--danger),0 0 24px color-mix(in srgb,var(--danger) 50%,transparent)}}.gradient-text-danger{background:linear-gradient(135deg,var(--danger-light),var(--accent-warm),var(--danger));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease infinite}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.pain-card{padding:var(--sp-8);position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--danger) var(--alpha-6),transparent);transition:all var(--dur-slow) var(--ease-out);background:linear-gradient(160deg,#0c0e1eeb,#120c10b3 40%,#0c0e1ee0)}.pain-card:hover{border-color:color-mix(in srgb,var(--danger) var(--alpha-20),transparent);box-shadow:0 0 50px color-mix(in srgb,var(--danger) var(--alpha-8),transparent),0 20px 60px #0006;transform:translateY(-6px)}.pain-card-glow{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 5%,color-mix(in srgb,var(--danger) 50%,transparent) 30%,color-mix(in srgb,var(--accent-warm) 60%,transparent) 55%,transparent 95%);opacity:.6;transition:opacity var(--dur-slow) var(--ease-out)}.pain-card:hover .pain-card-glow{opacity:1}.pain-card-number{position:absolute;top:var(--sp-5);right:var(--sp-5);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--text-dim);opacity:.25;letter-spacing:var(--tracking-wide);transition:opacity var(--dur-normal) var(--ease-out),color var(--dur-normal) var(--ease-out);z-index:2;line-height:1}.pain-card:hover .pain-card-number{opacity:.6;color:var(--danger-light)}.pain-card-texture{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,color-mix(in srgb,var(--danger) 3%,transparent) 0%,transparent 50%),radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--accent-warm) 2%,transparent) 0%,transparent 50%);pointer-events:none;z-index:0}.pain-icon{width:44px;height:44px;background:color-mix(in srgb,var(--danger) var(--alpha-6),transparent);border:1px solid color-mix(in srgb,var(--danger) var(--alpha-12),transparent);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-5);color:var(--danger-light);transition:all var(--dur-normal) var(--ease-out);position:relative;z-index:1}.pain-card:hover .pain-icon{background:color-mix(in srgb,var(--danger) var(--alpha-12),transparent);border-color:color-mix(in srgb,var(--danger) var(--alpha-25),transparent);box-shadow:0 0 24px color-mix(in srgb,var(--danger) var(--alpha-12),transparent)}.pain-card h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--sp-3);letter-spacing:var(--tracking-snug);position:relative;z-index:1}.pain-card p{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-loose);position:relative;z-index:1}.pain-stat{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid color-mix(in srgb,var(--danger) var(--alpha-6),transparent);position:relative;z-index:1}.pain-stat-pill{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--danger-light);background:color-mix(in srgb,var(--danger) var(--alpha-6),transparent);border:1px solid color-mix(in srgb,var(--danger) var(--alpha-12),transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--dur-normal) var(--ease-out)}.pain-card:hover .pain-stat-pill{background:color-mix(in srgb,var(--danger) var(--alpha-10),transparent);border-color:color-mix(in srgb,var(--danger) var(--alpha-20),transparent);box-shadow:0 0 16px color-mix(in srgb,var(--danger) var(--alpha-8),transparent)}#pain-points .stagger-1{transition-delay:.06s}#pain-points .stagger-2{transition-delay:.12s}#pain-points .stagger-3{transition-delay:.18s}#pain-points .stagger-4{transition-delay:.24s}#pain-points .stagger-5{transition-delay:.3s}#pain-points .stagger-6{transition-delay:.36s}@media(max-width:1024px){.pain-grid{grid-template-columns:1fr 1fr}.pain-divider-line{width:160px}}@media(max-width:768px){.pain-grid{grid-template-columns:1fr;gap:var(--sp-4)}.pain-card{padding:var(--sp-6)}.pain-card:hover{transform:none}.pain-icon{width:40px;height:40px;margin-bottom:var(--sp-4)}.pain-card h3{font-size:var(--text-base)}.pain-card p{font-size:var(--text-sm)}.pain-stat-pill{font-size:var(--text-xs)}.pain-divider{margin-bottom:var(--sp-8)}.pain-divider-line{width:120px}.pain-grid-pattern,.pain-orb--3,.pain-orb--4{display:none}}@media(prefers-reduced-motion:reduce){.pain-badge-dot,.gradient-text-danger{animation:none}}#features{position:relative;overflow:hidden}.features-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.features-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:0;animation:orbFadeIn 2s var(--ease-out) forwards}.features-orb--1{width:600px;height:600px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 10%,transparent),transparent 70%);top:2%;left:-12%;animation-delay:.3s;animation:orbFadeIn 2s var(--ease-out) .3s forwards,featureOrbBreathe 12s ease-in-out 2.3s infinite}.features-orb--2{width:500px;height:500px;background:radial-gradient(circle,color-mix(in srgb,var(--secondary) 8%,transparent),transparent 70%);top:35%;right:-10%;animation-delay:.6s;animation:orbFadeIn 2s var(--ease-out) .6s forwards,featureOrbBreathe 15s ease-in-out 2.6s infinite}.features-orb--3{width:450px;height:450px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-cyan) 6%,transparent),transparent 70%);bottom:8%;left:15%;animation-delay:.9s;animation:orbFadeIn 2s var(--ease-out) .9s forwards,featureOrbBreathe 18s ease-in-out 2.9s infinite}@keyframes featureOrbBreathe{0%,to{transform:scale(1) translate(0);opacity:.7}33%{transform:scale(1.08) translate(10px,-8px);opacity:1}66%{transform:scale(.95) translate(-8px,6px);opacity:.6}}.features-mesh{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 20%,color-mix(in srgb,var(--c-violet-700) 5%,transparent) 0%,transparent 50%),radial-gradient(ellipse at 85% 50%,color-mix(in srgb,var(--c-pink-500) 3%,transparent) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--accent-cyan) 3%,transparent) 0%,transparent 50%);pointer-events:none}.features-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--primary) 2%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 2%,transparent) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 70%)}.features-divider{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:800px;height:2px;display:flex;justify-content:center}.features-divider-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 40%,transparent),color-mix(in srgb,var(--secondary) 60%,transparent),color-mix(in srgb,var(--primary) 40%,transparent),transparent)}.features-divider-glow{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:120px;height:8px;background:radial-gradient(ellipse,color-mix(in srgb,var(--secondary) 50%,transparent),transparent);animation:dividerPulse 3s ease-in-out infinite}@keyframes dividerPulse{0%,to{opacity:.4;width:120px}50%{opacity:1;width:200px}}.features-header{position:relative;z-index:1}.features-badge{display:flex!important;justify-content:center;margin:0 auto var(--sp-4);width:fit-content;gap:var(--sp-2);animation:badgeGlow 3s ease-in-out infinite}.features-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--secondary);animation:dotPulse 2s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--secondary) 0%,transparent)}50%{box-shadow:0 0 20px color-mix(in srgb,var(--secondary) 15%,transparent)}}.feature-connector{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;height:60px}.feature-connector-line{flex:1;width:2px;background:linear-gradient(to bottom,color-mix(in srgb,var(--primary) 40%,transparent),color-mix(in srgb,var(--secondary) 20%,transparent),color-mix(in srgb,var(--primary) 8%,transparent));position:relative;overflow:hidden}.feature-connector-line:after{content:"";position:absolute;left:-2px;width:6px;height:12px;background:linear-gradient(to bottom,var(--primary-light),transparent);border-radius:var(--radius-full);animation:connectorPulse 2.5s ease-in-out infinite}@keyframes connectorPulse{0%{top:-12px;opacity:0}20%{opacity:1}80%{opacity:1}to{top:calc(100% + 12px);opacity:0}}.feature-connector-diamond{width:7px;height:7px;background:color-mix(in srgb,var(--primary-light) 60%,transparent);transform:rotate(45deg);flex-shrink:0;box-shadow:0 0 8px color-mix(in srgb,var(--primary-light) 30%,transparent)}.feature-showcase{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:center;padding:var(--sp-20) 0;position:relative;z-index:1}.feature-showcase:last-child{border-bottom:none}.feature-showcase--reverse{direction:rtl}.feature-showcase--reverse>*{direction:ltr}.feature-number{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.feature-number-text{font-size:var(--text-sm);font-weight:800;color:#fff;letter-spacing:var(--tracking-widest);font-family:var(--font-mono);background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--secondary) 80%,var(--primary)));padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);box-shadow:0 0 16px color-mix(in srgb,var(--primary) 25%,transparent),0 2px 8px color-mix(in srgb,var(--primary) 15%,transparent);line-height:1.6}.feature-number-line{flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 35%,transparent),transparent);max-width:100px}.feature-info h3{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--sp-4);letter-spacing:var(--tracking-snug);background:linear-gradient(135deg,var(--text) 30%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-info>p{color:var(--text-muted);font-size:var(--text-md);line-height:var(--leading-loose);margin-bottom:var(--sp-6)}.feature-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.feature-list li{font-size:var(--text-sm);color:var(--text-muted);padding-left:var(--sp-6);position:relative;line-height:1.5;transition:color var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out)}.feature-list li:hover{color:var(--text);transform:translate(var(--sp-1))}.feature-list li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light),var(--secondary));transition:box-shadow var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out)}.feature-list li:hover:before{box-shadow:0 0 10px color-mix(in srgb,var(--primary-light) 60%,transparent);transform:scale(1.3)}.feature-list code{font-family:var(--font-mono);font-size:var(--text-sm);background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary-light);padding:.15em .45em;border-radius:4px}.feature-visual{position:relative}.feature-visual-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--primary) 6%,transparent) 0%,color-mix(in srgb,var(--secondary) 3%,transparent) 30%,transparent 70%);filter:blur(40px);pointer-events:none;z-index:-1;animation:visualGlowBreathe 8s ease-in-out infinite}@keyframes visualGlowBreathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.feature-card-glow{position:relative}.feature-card-glow:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),color-mix(in srgb,var(--secondary) 4%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:background var(--dur-slow) var(--ease-out);pointer-events:none}.feature-card-glow:hover:before{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 50%,transparent),color-mix(in srgb,var(--secondary) 30%,transparent),color-mix(in srgb,var(--accent-cyan) 20%,transparent))}.feature-card-glow:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),color-mix(in srgb,var(--primary) var(--alpha-8),transparent),transparent 40%);transition:opacity var(--dur-normal) var(--ease-out);pointer-events:none}.feature-card-glow:hover:after{opacity:1}.compression-demo{padding:var(--sp-8)}.compress-bar{display:flex;align-items:center;gap:var(--sp-4)}.compress-label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);min-width:110px}.compress-meter{flex:1;height:16px;background:color-mix(in srgb,white 5%,transparent);border-radius:var(--radius-full);overflow:hidden;position:relative}.compress-fill{height:100%;border-radius:var(--radius-full);transition:width 1.5s var(--ease-out);position:relative;overflow:hidden}.compress-fill-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,white 15%,transparent),transparent);animation:shimmer 2.5s ease-in-out infinite}.compress-fill--full{width:100%;background:var(--grad-danger);background-size:200% 100%;animation:gradientFlow 3s ease infinite}.compress-fill--reduced{width:30%;background:linear-gradient(90deg,var(--primary),var(--accent-cyan),var(--primary));background-size:200% 100%;animation:gradientFlow 3s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.compress-size{font-size:var(--text-sm);font-weight:700;color:var(--text-dim);min-width:60px;text-align:right}.compress-size--highlight{color:var(--accent-cyan);text-shadow:0 0 12px color-mix(in srgb,var(--accent-cyan) 40%,transparent)}.compress-arrow{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-3) 0;position:relative}.compress-arrow-pulse{position:absolute;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--primary-light) 10%,transparent);animation:arrowPulse 2s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.8);opacity:0}}.compress-badge{font-size:var(--text-xs);font-weight:600;color:var(--primary-light);background:color-mix(in srgb,var(--primary) 10%,transparent);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent)}.compress-savings{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);font-weight:600;color:var(--accent-cyan);justify-content:center}.variant-demo{padding:0;overflow:hidden}.variant-header{padding:var(--sp-4) var(--sp-6);font-size:var(--text-sm);font-weight:700;border-bottom:1px solid var(--border);color:var(--primary-light);display:flex;align-items:center;gap:var(--sp-2)}.variant-header-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 8px color-mix(in srgb,var(--success) 40%,transparent);animation:dotPulse 2s ease-in-out infinite}.variant-table{padding:0}.vt-head{display:grid;grid-template-columns:40px 1fr 1fr 1fr;gap:var(--sp-4);padding:var(--sp-3) var(--sp-6);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-dim);border-bottom:1px solid var(--border-subtle)}.vt-row{display:grid;grid-template-columns:40px 1fr 1fr 1fr;gap:var(--sp-4);padding:.7rem var(--sp-6);font-size:var(--text-sm);color:var(--text-muted);border-bottom:1px solid var(--border-subtle);align-items:center;transition:background var(--dur-normal) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.vt-row-animate:hover{background:color-mix(in srgb,var(--primary) 4%,transparent)}.vt-row--dim{opacity:.5}.vt-preview{width:28px;height:16px;border-radius:4px;display:inline-block;transition:transform var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out)}.vt-row-animate:hover .vt-preview{box-shadow:0 0 10px color-mix(in srgb,var(--c-violet-500) 40%,transparent)}.vt-preview--sm-pri{background:linear-gradient(135deg,var(--c-violet-500),var(--c-violet-400))}.vt-preview--md-pri{background:linear-gradient(135deg,var(--c-violet-500),var(--c-violet-400));transform:scaleX(1.2)}.vt-preview--lg-sec{background:var(--grad-text);transform:scaleX(1.4)}.vt-preview--sm-dis{background:var(--text-dim)}.variant-footer{padding:var(--sp-3) var(--sp-6);font-size:var(--text-xs);color:var(--text-dim);font-style:italic;display:flex;align-items:center;gap:var(--sp-2)}.variant-footer-pulse{width:5px;height:5px;border-radius:50%;background:var(--primary-light);animation:dotPulse 2s ease-in-out infinite}.color-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:middle;margin-left:var(--sp-1);box-shadow:0 0 6px currentColor}.code-body-animate pre{position:relative}.folder-demo{padding:var(--sp-6) var(--sp-8);font-family:var(--font-mono);font-size:var(--text-sm)}.folder-tree{display:flex;flex-direction:column;gap:.35rem}.ft-item{padding:var(--sp-1) 0;color:var(--text-muted);display:flex;align-items:center;gap:var(--sp-2);transition:transform var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ft-animate:hover{transform:translate(var(--sp-1));color:var(--text)}.ft-root{font-weight:700;color:var(--text)}.ft-file,.ft-dir{padding-left:var(--sp-6)}.ft-highlight{color:var(--primary-light);font-weight:600}.ft-highlight-name{position:relative}.ft-highlight:hover .ft-highlight-name{text-shadow:0 0 12px color-mix(in srgb,var(--primary-light) 50%,transparent)}.ft-count{font-size:.7rem;color:var(--text-dim);margin-left:auto;font-weight:400;background:color-mix(in srgb,var(--primary) var(--alpha-8),transparent);padding:.1rem var(--sp-1);border-radius:var(--radius-full);transition:background var(--dur-normal) var(--ease-out)}.ft-highlight:hover .ft-count{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary-light)}.ft-icon{width:20px;text-align:center;font-style:normal}.reuse-demo{padding:var(--sp-6)}.reuse-mapping{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-4)}.reuse-row{display:flex;align-items:center;gap:var(--sp-3);padding:.65rem var(--sp-4);background:#0003;border-radius:var(--radius-sm);font-size:var(--text-sm);transition:background var(--dur-normal) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out);border:1px solid transparent}.reuse-row-animate:hover{background:#00000059;transform:translate(var(--sp-1));border-color:color-mix(in srgb,var(--success) 15%,transparent);box-shadow:0 4px 20px #0003}.reuse-figma,.reuse-code{display:flex;align-items:center;gap:var(--sp-2);flex:1}.reuse-figma{color:var(--accent)}.reuse-code{color:var(--success)}.reuse-icon{font-size:1rem}.reuse-arrow{flex-shrink:0;position:relative}.reuse-arrow-trail{position:absolute;inset:0;display:flex;align-items:center}.reuse-arrow-trail:after{content:"";width:24px;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--success) 30%,transparent));animation:arrowTrail 1.5s ease-in-out infinite}@keyframes arrowTrail{0%{opacity:0;transform:translate(-8px)}50%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(8px)}}.reuse-badge{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--success);font-weight:600;justify-content:center;padding-top:var(--sp-2);border-top:1px solid var(--border-subtle)}.vault-demo{padding:var(--sp-8);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.vault-step{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-base);color:var(--text-muted)}.vault-step--active{color:var(--text);font-weight:600}.vault-step--cloud{padding:var(--sp-4) var(--sp-6);background:color-mix(in srgb,var(--primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:var(--radius-md);position:relative;overflow:hidden}.vault-cloud-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--primary) var(--alpha-8),transparent),transparent 70%);animation:cloudGlow 3s ease-in-out infinite}@keyframes cloudGlow{0%,to{opacity:.3}50%{opacity:1}}.vault-num{width:28px;height:28px;background:var(--grad-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;flex-shrink:0;box-shadow:0 0 16px color-mix(in srgb,var(--primary) 30%,transparent)}.vault-connector{width:2px;height:20px;background:var(--border);position:relative;overflow:hidden}.vault-connector-pulse{position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(to bottom,var(--primary-light),transparent);animation:vaultPulse 2s ease-in-out infinite}@keyframes vaultPulse{0%{top:-8px}to{top:20px}}.vault-cli{margin-top:var(--sp-2);width:100%;position:relative}.vault-cli-cursor{position:absolute;top:50%;right:var(--sp-4);transform:translateY(-50%);width:8px;height:16px;background:var(--accent-cyan);opacity:0;animation:cursorBlink 1s step-end infinite;border-radius:1px}@keyframes cursorBlink{0%,to{opacity:0}50%{opacity:.7}}.vault-cli code{display:block;background:var(--bg-code);color:var(--accent-cyan);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);border:1px solid color-mix(in srgb,var(--primary) 10%,transparent);transition:border-color var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out)}.vault-cli:hover code{border-color:color-mix(in srgb,var(--accent-cyan) 20%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--accent-cyan) 5%,transparent)}@media(max-width:1024px){.feature-showcase,.feature-showcase--reverse{grid-template-columns:1fr;direction:ltr;gap:var(--sp-8);padding:var(--sp-16) 0}.feature-connector,.features-orb,.features-mesh{display:none}.feature-info h3{font-size:var(--text-3xl);-webkit-text-fill-color:unset;background:none}.feature-visual-glow{display:none}}@media(max-width:768px){.feature-showcase{padding:var(--sp-10) 0;gap:var(--sp-6)}.feature-connector,.features-orb,.features-grid-pattern,.features-mesh{display:none}.feature-info h3{font-size:var(--text-xl);-webkit-text-fill-color:unset;background:none}.feature-info>p{font-size:var(--text-sm)}.feature-list li{font-size:var(--text-sm)}.feature-list code{font-size:var(--text-xs);word-break:break-all}.compression-demo{padding:var(--sp-5)}.compress-bar{flex-wrap:wrap;gap:var(--sp-2)}.compress-label{min-width:auto;font-size:var(--text-xs);flex-basis:100%}.compress-size{min-width:auto;font-size:var(--text-xs)}.vt-head,.vt-row{grid-template-columns:32px 1fr 1fr 1fr;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);font-size:var(--text-xs)}.vt-head{font-size:.65rem}.vt-preview{width:22px;height:12px}.variant-header{padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm)}.variant-footer{padding:var(--sp-2) var(--sp-4);font-size:var(--text-xs)}.folder-demo{padding:var(--sp-5) var(--sp-4);font-size:var(--text-xs)}.ft-file,.ft-dir{padding-left:var(--sp-4)}.reuse-demo{padding:var(--sp-4)}.reuse-row{flex-wrap:wrap;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs)}.reuse-figma,.reuse-code{flex:unset;width:100%}.reuse-arrow{display:none}.reuse-code:before{content:"→";color:var(--success)}.reuse-badge{font-size:var(--text-xs)}.vault-demo{padding:var(--sp-5)}.vault-step{font-size:var(--text-sm)}.vault-cli code{font-size:var(--text-xs);padding:var(--sp-2) var(--sp-3);overflow-x:auto}.feature-visual .code-body{font-size:var(--text-xs);padding:var(--sp-4)}.feature-visual .code-body pre{white-space:pre-wrap;word-break:break-all}.feature-number-text{font-size:var(--text-xs)}}@media(max-width:400px){.feature-info h3{font-size:var(--text-lg);-webkit-text-fill-color:unset;background:none}}.how-it-works{position:relative;overflow:hidden}.how-it-works-divider{position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) var(--alpha-35),transparent) 20%,color-mix(in srgb,var(--accent-cyan) var(--alpha-25),transparent) 50%,color-mix(in srgb,var(--primary) var(--alpha-35),transparent) 80%,transparent)}.how-it-works-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.how-it-works-orb-1{width:500px;height:500px;top:-10%;left:-8%}.how-it-works-orb-2{width:400px;height:400px;bottom:-5%;right:-5%}.how-it-works-badge{margin-bottom:var(--sp-6)}.how-it-works-pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-light);display:inline-block;animation:hiwPulseDot 2s ease-in-out infinite;box-shadow:0 0 8px color-mix(in srgb,var(--primary-light) var(--alpha-50),transparent)}@keyframes hiwPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.workflow-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-8);margin-top:var(--sp-16);position:relative}.wf-timeline-line{position:absolute;top:24px;left:calc(12.5% + var(--sp-4));right:calc(12.5% + var(--sp-4));height:2px;background:linear-gradient(90deg,var(--primary),var(--primary-light) 35%,var(--accent-cyan) 65%,color-mix(in srgb,var(--accent-cyan) var(--alpha-50),transparent));border-radius:1px;z-index:0}.wf-timeline-glow{position:absolute;width:60px;height:6px;top:-2px;left:-30px;border-radius:3px;background:radial-gradient(ellipse,var(--accent-cyan),transparent 70%);filter:blur(2px);animation:hiwTravelGlow 4s ease-in-out infinite}@keyframes hiwTravelGlow{0%{left:-30px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 30px);opacity:0}}.wf-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.wf-marker{margin-bottom:var(--sp-6);position:relative;width:48px;height:48px}.wf-marker-ring{position:absolute;inset:-4px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--primary) var(--alpha-20),transparent);transition:all var(--dur-slow) var(--ease-out);animation:hiwRingIdle 3s ease-in-out infinite}@keyframes hiwRingIdle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}.wf-step:hover .wf-marker-ring{border-color:color-mix(in srgb,var(--accent-cyan) var(--alpha-50),transparent);box-shadow:0 0 20px color-mix(in srgb,var(--accent-cyan) var(--alpha-20),transparent);transform:scale(1.15);animation:none}.wf-num{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--accent-cyan));border-radius:50%;font-size:var(--text-xl);font-weight:800;box-shadow:0 0 24px color-mix(in srgb,var(--primary) var(--alpha-35),transparent),0 0 48px color-mix(in srgb,var(--accent-cyan) var(--alpha-15),transparent);border:2px solid color-mix(in srgb,white var(--alpha-10),transparent);position:relative;transition:box-shadow var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.wf-step:hover .wf-num{box-shadow:0 0 32px color-mix(in srgb,var(--primary) var(--alpha-50),transparent),0 0 64px color-mix(in srgb,var(--accent-cyan) var(--alpha-25),transparent);transform:scale(1.08)}.wf-icon{width:20px;height:20px;color:#fff;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.wf-step-num{display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--accent-cyan);letter-spacing:var(--tracking-widest);margin-bottom:var(--sp-2);opacity:.7}.wf-content{padding:var(--sp-6);height:100%;position:relative;overflow:hidden}.wf-content:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) var(--alpha-8),transparent),color-mix(in srgb,var(--accent-cyan) var(--alpha-4),transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:background var(--dur-slow) var(--ease-out)}.wf-step:hover .wf-content:before{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) var(--alpha-35),transparent),color-mix(in srgb,var(--accent-cyan) var(--alpha-25),transparent))}.wf-content h3{font-size:var(--text-lg);margin-bottom:var(--sp-2);transition:color var(--dur-normal) var(--ease-out)}.wf-step:hover .wf-content h3{background:linear-gradient(135deg,var(--primary-light),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wf-content p{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}@media(max-width:1024px){.workflow-timeline{grid-template-columns:1fr 1fr}.wf-timeline-line{display:none}.how-it-works-orb-1{width:350px;height:350px}.how-it-works-orb-2{width:300px;height:300px}}@media(max-width:768px){.workflow-timeline{grid-template-columns:1fr;gap:var(--sp-6)}.wf-num,.wf-marker{width:40px;height:40px}.wf-marker-ring{inset:-3px}.wf-icon{width:17px;height:17px}.wf-content{padding:var(--sp-5)}.wf-content h3{font-size:var(--text-base)}.wf-content p{font-size:var(--text-sm)}.how-it-works-orb-1,.how-it-works-orb-2{display:none}.how-it-works-divider{left:5%;right:5%}}@media(prefers-reduced-motion:reduce){.wf-timeline-glow{animation:none;display:none}.wf-marker-ring,.how-it-works-pulse-dot{animation:none}}.before-after{position:relative;overflow:hidden}.before-after-orb-1{width:500px;height:500px;top:-10%;left:-8%}.before-after-orb-2{width:400px;height:400px;bottom:-5%;right:-5%}.before-after-orb-3{width:300px;height:300px;top:40%;right:20%}.before-after-badge{margin-bottom:var(--sp-6)}.before-after-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--secondary);display:inline-block;animation:dotPulse 2s ease-in-out infinite;box-shadow:0 0 8px color-mix(in srgb,var(--secondary) var(--alpha-50),transparent)}.before-after-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}.before-after-card{padding:0;overflow:hidden}.before-after-card-header{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-1);background:color-mix(in srgb,var(--primary) var(--alpha-4),transparent)}.before-after-scenario{font-weight:700;font-size:var(--text-md);color:var(--text)}.before-after-complexity{font-size:var(--text-xs);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:var(--tracking-wide)}.before-after-card-body{display:flex;flex-direction:column}.before-after-side{padding:var(--sp-5) var(--sp-6)}.before-after-side--without{background:color-mix(in srgb,var(--danger) 3%,transparent)}.before-after-side--with{background:color-mix(in srgb,var(--success) 3%,transparent)}.before-after-divider-v{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-6)}.before-after-divider-v-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) var(--alpha-25),transparent),color-mix(in srgb,var(--accent-cyan) var(--alpha-15),transparent),transparent)}.before-after-divider-v-label{font-size:var(--text-xs);font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:var(--tracking-widest);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);background:color-mix(in srgb,var(--primary) var(--alpha-8),transparent);border:1px solid var(--border)}.before-after-side-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.before-after-side-title--red{color:var(--danger)}.before-after-side-title--green{color:var(--success)}.before-after-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4)}.before-after-item{font-size:var(--text-base);color:var(--text-muted);padding-left:var(--sp-6);position:relative;line-height:var(--leading-normal)}.before-after-item--bad:before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--danger) var(--alpha-15),transparent);border:1.5px solid color-mix(in srgb,var(--danger) var(--alpha-35),transparent)}.before-after-item--bad:after{content:"✕";position:absolute;left:3.5px;top:5px;font-size:9px;line-height:16px;color:var(--danger);font-weight:700}.before-after-item--good:before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--success) var(--alpha-15),transparent);border:1.5px solid color-mix(in srgb,var(--success) var(--alpha-35),transparent)}.before-after-item--good:after{content:"✓";position:absolute;left:3px;top:5px;font-size:10px;line-height:16px;color:var(--success);font-weight:700}.before-after-time{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);width:fit-content}.before-after-time--red{background:color-mix(in srgb,var(--danger) var(--alpha-10),transparent);color:var(--danger-light);border:1px solid color-mix(in srgb,var(--danger) var(--alpha-20),transparent)}.before-after-time--green{background:color-mix(in srgb,var(--success) var(--alpha-10),transparent);color:var(--success);border:1px solid color-mix(in srgb,var(--success) var(--alpha-20),transparent)}@media(max-width:480px){.before-after-card-header{padding:var(--sp-3) var(--sp-4)}}.before-after-tabs{display:flex;justify-content:center;gap:var(--sp-4);margin:var(--sp-8) 0 var(--sp-12)}.ba-tab{position:relative;padding:var(--sp-3) var(--sp-8);background:color-mix(in srgb,var(--primary) var(--alpha-4),transparent);border:1px solid color-mix(in srgb,var(--primary) var(--alpha-10),transparent);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all var(--dur-normal) var(--ease-out);display:flex;align-items:center;gap:var(--sp-2)}.ba-tab svg{width:20px;height:20px;opacity:.6;transition:opacity var(--dur-normal) var(--ease-out)}.ba-tab:hover{background:color-mix(in srgb,var(--primary) var(--alpha-8),transparent);color:var(--text);border-color:color-mix(in srgb,var(--primary) var(--alpha-20),transparent);transform:translateY(-2px)}.ba-tab.active{background:linear-gradient(135deg,var(--c-violet-500),var(--c-pink-500));border-color:transparent;color:#fff;box-shadow:0 10px 20px -5px color-mix(in srgb,var(--c-pink-500) 40%,transparent)}.ba-tab.active svg{opacity:1}.ba-tab-indicator{position:absolute;bottom:-6px;left:50%;transform:translate(-50%) scaleX(0);width:12px;height:4px;border-radius:var(--radius-full);background:var(--primary);transition:transform var(--dur-normal) var(--ease-spring)}.ba-tab.active .ba-tab-indicator{transform:translate(-50%) scaleX(1)}@media(max-width:768px){.before-after-tabs{gap:var(--sp-2)}.ba-tab{padding:var(--sp-2) var(--sp-4);font-size:var(--text-xs)}.ba-tab svg{width:16px;height:16px}}.vg-gallery{margin-top:var(--sp-16)}.vg-featured{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:720px;gap:var(--sp-5);margin-bottom:var(--sp-5)}.vg-featured-stack{display:grid;grid-template-rows:1fr 1fr;gap:var(--sp-5);height:100%}.vg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5)}.vg-item{position:relative;border:none;padding:0;background:none;cursor:pointer;border-radius:var(--radius-lg);outline:none;text-align:left;z-index:0;transition:z-index 0s .3s}.vg-item:hover{z-index:2;transition:z-index 0s 0s}.vg-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.vg-item-inner{position:relative;width:100%;height:100%;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,#0c0e1ef2,#141830b3);border:1px solid color-mix(in srgb,var(--primary) var(--alpha-10),transparent);transition:border-color var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-spring)}.vg-item:hover .vg-item-inner{border-color:color-mix(in srgb,var(--primary) var(--alpha-35),transparent);box-shadow:0 12px 40px color-mix(in srgb,var(--primary) var(--alpha-12),transparent),0 0 0 1px color-mix(in srgb,var(--primary) var(--alpha-8),transparent);transform:translateY(-3px)}.vg-item--hero{grid-row:1 / -1;height:100%}.vg-item--hero .vg-item-inner{height:100%}.vg-item--hero .vg-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;padding:var(--sp-5) var(--sp-5) 0}.vg-item--featured,.vg-item--featured .vg-item-inner{height:100%}.vg-preview{width:100%;height:100%;object-fit:contain;object-position:center;padding:var(--sp-6);transition:transform .5s var(--ease-spring),filter .4s ease;display:block}.vg-item:hover .vg-preview{transform:scale(1.04)}.vg-grid .vg-item-inner{min-height:180px;display:flex;align-items:center;justify-content:center}.vg-grid .vg-preview{max-height:140px;width:auto;max-width:100%;padding:var(--sp-4)}.vg-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--bg) 60%,transparent) 0%,color-mix(in srgb,var(--bg) 30%,transparent) 60%,transparent 100%);opacity:0;transition:opacity var(--dur-normal) var(--ease-out);z-index:2}.vg-item:hover .vg-overlay{opacity:1}.vg-play{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c-violet-500),var(--c-pink-500));color:#fff;box-shadow:0 4px 24px color-mix(in srgb,var(--primary) 40%,transparent),0 0 0 4px color-mix(in srgb,var(--primary) 15%,transparent);transform:scale(.8);transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal) ease}.vg-item:hover .vg-play{transform:scale(1);box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 50%,transparent),0 0 0 6px color-mix(in srgb,var(--primary) 20%,transparent)}.vg-grid .vg-play{width:44px;height:44px}.vg-label{position:absolute;bottom:0;left:0;right:0;padding:var(--sp-4) var(--sp-5);background:linear-gradient(to top,color-mix(in srgb,var(--bg) 90%,transparent) 0%,color-mix(in srgb,var(--bg) 50%,transparent) 60%,transparent 100%);display:flex;align-items:center;gap:var(--sp-2);z-index:3}.vg-title{font-size:var(--text-sm);font-weight:600;color:var(--text);font-family:var(--font-mono);letter-spacing:var(--tracking-wide)}.vg-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase}.vg-badge--featured{background:linear-gradient(135deg,color-mix(in srgb,var(--c-violet-500) 25%,transparent),color-mix(in srgb,var(--c-pink-500) 20%,transparent));color:var(--c-pink-300);border:1px solid color-mix(in srgb,var(--c-pink-400) 25%,transparent)}.vg-badge--phase2{background:linear-gradient(135deg,color-mix(in srgb,var(--c-emerald-500) 20%,transparent),color-mix(in srgb,var(--c-violet-500) 15%,transparent));color:var(--c-emerald-300, #6ee7b7);border:1px solid color-mix(in srgb,var(--c-emerald-400, #34d399) 25%,transparent)}.vg-item-inner:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--c-violet-400) 30%,transparent) 30%,color-mix(in srgb,var(--c-pink-400) 40%,transparent) 50%,color-mix(in srgb,var(--c-violet-400) 30%,transparent) 70%,transparent 100%);z-index:1;opacity:.5;transition:opacity var(--dur-normal) var(--ease-out)}.vg-item--hero .vg-item-inner:after,.vg-item--featured .vg-item-inner:after{opacity:1}.vg-item:hover .vg-item-inner:after{opacity:1}.vg-item-inner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--primary) var(--alpha-4),transparent) 0%,transparent 60%);pointer-events:none;z-index:1;opacity:0;transition:opacity var(--dur-normal) var(--ease-out)}.vg-item--hero .vg-item-inner:before,.vg-item--featured .vg-item-inner:before{opacity:1;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--primary) var(--alpha-6),transparent) 0%,transparent 60%)}.vg-item:hover .vg-item-inner:before{opacity:1}.vg-grid .vg-item-inner{overflow:hidden}.vg-grid .vg-item-inner .vg-glass{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s var(--ease-out);background:linear-gradient(135deg,transparent 30%,color-mix(in srgb,white 4%,transparent) 45%,color-mix(in srgb,white 6%,transparent) 50%,color-mix(in srgb,white 4%,transparent) 55%,transparent 70%),radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--c-violet-400) 5%,transparent) 0%,transparent 50%)}.vg-item:hover .vg-glass{opacity:1}.vg-platform-content{display:none;opacity:0;transform:translateY(10px);transition:opacity var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out)}.vg-platform-content.active{display:block;opacity:1;transform:translateY(0)}.vg-phase-tabs{display:flex;gap:var(--sp-2);margin-top:var(--sp-8);margin-bottom:var(--sp-2);padding:var(--sp-1);background:color-mix(in srgb,var(--bg) 60%,transparent);border:1px solid color-mix(in srgb,var(--primary) var(--alpha-10),transparent);border-radius:var(--radius-full);width:fit-content}.vg-phase-tab{position:relative;display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:600;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);overflow:hidden}.vg-phase-tab svg{flex-shrink:0;transition:color var(--dur-fast) var(--ease-out)}.vg-phase-tab:hover{color:var(--text)}.vg-phase-tab.active{background:linear-gradient(135deg,color-mix(in srgb,var(--c-violet-500) 20%,transparent),color-mix(in srgb,var(--c-pink-500) 15%,transparent));color:var(--text);border:1px solid color-mix(in srgb,var(--c-pink-400) 20%,transparent)}.vg-phase-tab-indicator{display:none}.vg-phase-content{display:none;opacity:0;transform:translateY(8px);transition:opacity var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out)}.vg-phase-content.active{display:block;opacity:1;transform:translateY(0)}.vg-item--full{width:100%;margin-bottom:var(--sp-8)}.vg-item--full .vg-item-inner--android{height:600px;background:linear-gradient(135deg,#1e300c66,#0c1e1899);border-color:color-mix(in srgb,var(--c-emerald-500) var(--alpha-20),transparent)}.vg-item-inner--android .vg-preview{padding:var(--sp-12);object-fit:contain}.vg-play--large{width:100px;height:100px}.vg-label--large{padding:var(--sp-6) var(--sp-8)}.vg-label--large .vg-title{font-size:var(--text-xl)}.vg-coming-soon{padding:var(--sp-20) var(--sp-8);background:linear-gradient(135deg,#1e1e3c66,#14142899);border-radius:var(--radius-2xl);border:1px dashed color-mix(in srgb,var(--primary) var(--alpha-20),transparent);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-6);margin-top:var(--sp-8)}.vg-cs-icon{width:80px;height:80px;border-radius:50%;background:color-mix(in srgb,var(--primary) var(--alpha-10),transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4)}.vg-cs-title{font-size:var(--text-2xl);font-weight:800;color:var(--text);margin:0}.vg-cs-text{max-width:500px;color:var(--text-muted);font-size:var(--text-lg);line-height:1.6}.vg-cs-badge{padding:var(--sp-2) var(--sp-4);background:color-mix(in srgb,var(--primary) var(--alpha-15),transparent);color:var(--primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-widest)}.vg-dialog{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity var(--dur-normal) var(--ease-out)}.vg-dialog--open{pointer-events:auto;opacity:1}.vg-dialog-backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px) saturate(.8);-webkit-backdrop-filter:blur(12px) saturate(.8)}.vg-dialog-content{position:relative;width:90vw;max-width:960px;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(135deg,#0c0e1efa,#141830e6);border:1px solid color-mix(in srgb,var(--primary) var(--alpha-20),transparent);box-shadow:0 40px 120px #000c,0 0 80px color-mix(in srgb,var(--primary) var(--alpha-10),transparent);transform:scale(.92) translateY(20px);transition:transform var(--dur-slow) var(--ease-spring)}.vg-dialog--open .vg-dialog-content{transform:scale(1) translateY(0)}.vg-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);border-bottom:1px solid color-mix(in srgb,var(--primary) var(--alpha-10),transparent);background:color-mix(in srgb,var(--bg) 50%,transparent)}.vg-dialog-title{font-size:var(--text-md);font-weight:700;color:var(--text);font-family:var(--font-mono);letter-spacing:var(--tracking-wide)}.vg-dialog-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,white 5%,transparent);border:1px solid color-mix(in srgb,white 8%,transparent);color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.vg-dialog-close:hover{color:var(--text);background:color-mix(in srgb,var(--danger) 15%,transparent);border-color:color-mix(in srgb,var(--danger) 30%,transparent);transform:rotate(90deg)}.vg-dialog-video{position:relative;width:100%;padding-bottom:56.25%}.vg-dialog-video iframe{position:absolute;inset:0;width:100%;height:100%;border:none}@media(prefers-reduced-motion:reduce){.vg-grid .vg-item-inner .vg-glass{display:none}}@media(max-width:1024px){.vg-featured{grid-template-columns:1fr 1fr;grid-template-rows:420px}.vg-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.vg-gallery{margin-top:var(--sp-10)}.vg-featured{grid-template-columns:1fr;grid-template-rows:auto;gap:var(--sp-4)}.vg-featured-stack{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.vg-item--hero .vg-item-inner{height:280px}.vg-item--featured .vg-item-inner{height:160px}.vg-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.vg-grid .vg-item-inner{min-height:140px}.vg-grid .vg-preview{max-height:100px}.vg-play{width:44px;height:44px}.vg-grid .vg-play{width:36px;height:36px}.vg-label{padding:var(--sp-3) var(--sp-4)}.vg-title{font-size:var(--text-xs)}.vg-dialog-content{width:95vw;border-radius:var(--radius-lg)}.vg-dialog-header{padding:var(--sp-3) var(--sp-4)}.vg-item:hover .vg-item-inner{transform:none}}@media(max-width:480px){.vg-featured-stack{grid-template-columns:1fr}.vg-grid{grid-template-columns:1fr 1fr}.vg-item--hero .vg-item-inner{height:220px}}.comparison{position:relative;overflow:hidden}.comparison-orb-1{width:600px;height:600px;top:-15%;right:-10%}.comparison-orb-2{width:400px;height:400px;bottom:-10%;left:-5%}.comparison-badge{margin-bottom:var(--sp-6)}.comparison-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-light);display:inline-block;animation:dotPulse 2s ease-in-out infinite;box-shadow:0 0 8px color-mix(in srgb,var(--primary) var(--alpha-50),transparent)}.comparison-table-wrap{overflow-x:auto;padding:0}.compare-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.compare-table th,.compare-table td{padding:var(--sp-4) var(--sp-6);text-align:left;border-bottom:1px solid var(--border-subtle)}.compare-table tbody tr{transition:background var(--dur-fast) ease}.compare-table tbody tr:hover{background:color-mix(in srgb,var(--primary) var(--alpha-4),transparent)}.compare-table tbody tr:last-child td{border-bottom:none}.compare-table thead th{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-dim);background:#0000004d;border-bottom:1px solid color-mix(in srgb,var(--primary) var(--alpha-10),transparent);padding:var(--sp-5) var(--sp-6)}.compare-table th.col-spek,.compare-table td.col-spek{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) var(--alpha-8),transparent),color-mix(in srgb,var(--primary) var(--alpha-4),transparent));position:relative}.compare-table th.col-spek{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) var(--alpha-15),transparent),color-mix(in srgb,var(--primary) var(--alpha-10),transparent))}.compare-table th.col-spek:before,.compare-table td.col-spek:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) var(--alpha-25),transparent),color-mix(in srgb,var(--primary) var(--alpha-8),transparent))}.compare-table th.col-spek:after,.compare-table td.col-spek:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) var(--alpha-25),transparent),color-mix(in srgb,var(--primary) var(--alpha-8),transparent))}.col-spek-label{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--primary-light);font-weight:800;font-size:var(--text-sm)}.col-spek-icon{flex-shrink:0}.compare-table td:first-child{font-weight:600;color:var(--text)}.compare-table td{color:var(--text-muted)}.check{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);font-weight:600}.check-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.check--yes{color:var(--success)}.check-dot--yes{background:var(--success);box-shadow:0 0 8px color-mix(in srgb,var(--success) var(--alpha-50),transparent)}.check--no{color:var(--text-dim)}.check-dot--no{background:var(--text-dim);opacity:.5}.check--partial{color:var(--warning)}.check-dot--partial{background:var(--warning);box-shadow:0 0 6px color-mix(in srgb,var(--warning) var(--alpha-35),transparent)}.compare-table tbody tr:hover td.col-spek{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) var(--alpha-12),transparent),color-mix(in srgb,var(--primary) var(--alpha-8),transparent));box-shadow:inset 0 0 30px color-mix(in srgb,var(--primary) var(--alpha-6),transparent)}@media(max-width:768px){.comparison-table-wrap{border-radius:var(--radius-md)}.comparison-orb-1,.comparison-orb-2{display:none}.compare-table{font-size:var(--text-sm);min-width:640px}.compare-table th,.compare-table td{padding:var(--sp-3) var(--sp-4);white-space:nowrap}.compare-table thead th{padding:var(--sp-3) var(--sp-4)}.check{font-size:var(--text-xs)}.check-dot{width:6px;height:6px}.col-spek-icon{width:14px;height:14px}}.cta-section{padding-bottom:var(--sp-32);position:relative;overflow:hidden}.cta-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.cta-mesh{position:absolute;inset:0}.cta-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:ctaOrbPulse 14s ease-in-out infinite}.cta-orb--violet{width:600px;height:600px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 16%,transparent),transparent 70%);top:-15%;left:50%;transform:translate(-50%)}.cta-orb--cyan{width:400px;height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-cyan) 10%,transparent),transparent 70%);bottom:-10%;left:10%;animation-delay:4s}.cta-orb--fuchsia{width:450px;height:450px;background:radial-gradient(circle,color-mix(in srgb,var(--c-orange-400) 10%,transparent),transparent 70%);bottom:-5%;right:5%;animation-delay:8s}@keyframes ctaOrbPulse{0%,to{transform:scale(1);opacity:1}33%{transform:scale(1.12) translate(15px,-10px);opacity:.8}66%{transform:scale(.92) translate(-10px,8px);opacity:.9}}.cta-orb--violet{animation-name:ctaOrbPulseCenter}@keyframes ctaOrbPulseCenter{0%,to{transform:translate(-50%) scale(1);opacity:1}33%{transform:translate(-50%) scale(1.1);opacity:.8}66%{transform:translate(-50%) scale(.95);opacity:.9}}.cta-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,white 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,white 3%,transparent) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 10%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 10%,transparent 65%);opacity:.25}.cta-card-wrapper{position:relative;max-width:780px;margin:0 auto;z-index:var(--z-content)}.cta-glow-ring{position:absolute;inset:-3px;border-radius:calc(var(--radius-xl) + 3px);background:conic-gradient(from 0deg,color-mix(in srgb,var(--primary) 35%,transparent),color-mix(in srgb,var(--accent-cyan) 25%,transparent),color-mix(in srgb,var(--c-orange-400) 30%,transparent),color-mix(in srgb,var(--secondary) 20%,transparent),color-mix(in srgb,var(--primary) 35%,transparent));animation:ctaRingSpin 8s linear infinite;opacity:.5;z-index:0}.cta-glow-ring:after{content:"";position:absolute;inset:2px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#0a0c1afa,#101226f2)}@keyframes ctaRingSpin{to{transform:rotate(360deg)}}.cta-float-dot{position:absolute;border-radius:50%;z-index:3;pointer-events:none}.cta-float-dot--1{width:7px;height:7px;background:var(--primary-light);top:-14px;right:60px;opacity:.7;animation:ctaDot1 8s ease-in-out infinite}.cta-float-dot--2{width:5px;height:5px;background:var(--accent-cyan);top:25%;right:-18px;opacity:.55;animation:ctaDot2 10s ease-in-out infinite}.cta-float-dot--3{width:6px;height:6px;background:var(--c-pink-400);bottom:25%;left:-16px;opacity:.5;animation:ctaDot3 9s ease-in-out infinite}.cta-float-dot--4{width:4px;height:4px;background:var(--secondary);bottom:-10px;right:30%;opacity:.6;animation:ctaDot1 11s ease-in-out infinite reverse}.cta-float-dot--5{width:9px;height:9px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 55%,transparent),transparent);top:15%;left:-22px;opacity:.4;animation:ctaDot2 12s ease-in-out infinite}.cta-float-dot--6{width:4px;height:4px;background:var(--accent-cyan);bottom:-8px;left:25%;opacity:.5;animation:ctaDot3 10s ease-in-out infinite reverse}@keyframes ctaDot1{0%,to{transform:translate(0)}25%{transform:translate(5px,-12px)}50%{transform:translate(-6px,-20px)}75%{transform:translate(8px,-8px)}}@keyframes ctaDot2{0%,to{transform:translate(0)}33%{transform:translate(-10px,14px)}66%{transform:translate(7px,-10px)}}@keyframes ctaDot3{0%,to{transform:translate(0)}25%{transform:translate(12px,8px)}50%{transform:translate(-8px,16px)}75%{transform:translate(5px,-6px)}}.cta-card{position:relative;z-index:1;padding:var(--sp-20) var(--sp-12);background:linear-gradient(135deg,#0c0e1ef2,#141830b3);backdrop-filter:blur(40px) saturate(1.4);-webkit-backdrop-filter:blur(40px) saturate(1.4);border-radius:var(--radius-xl);overflow:hidden}.cta-card-glow{position:absolute;width:500px;height:500px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 12%,transparent),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;animation:ctaGlowPulse 5s ease-in-out infinite}.cta-card-shine{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--primary) 8%,transparent) 0%,transparent 55%);pointer-events:none}@keyframes ctaGlowPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.08)}}.cta-card h2{font-size:var(--text-7xl);font-weight:900;margin-bottom:var(--sp-5);position:relative;letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.cta-gradient-text{background:linear-gradient(135deg,var(--c-cyan-400),var(--c-violet-400),var(--c-pink-400),var(--c-orange-400),var(--c-yellow-400));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite}.cta-card>p{color:var(--text-muted);font-size:var(--text-xl);margin-bottom:var(--sp-10);position:relative;line-height:var(--leading-relaxed);max-width:520px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:var(--sp-4);justify-content:center;position:relative}.btn-lg{font-size:var(--text-lg);padding:.9rem 2.25rem}.cta-btn-shine{position:relative;overflow:hidden}.cta-btn-shine:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,color-mix(in srgb,white 18%,transparent) 45%,color-mix(in srgb,white 22%,transparent) 50%,color-mix(in srgb,white 18%,transparent) 55%,transparent 75%);animation:ctaBtnShine 4s ease-in-out infinite;pointer-events:none}@keyframes ctaBtnShine{0%{transform:translate(-120%)}45%{transform:translate(120%)}to{transform:translate(120%)}}.cta-note{margin-top:var(--sp-8);font-size:var(--text-sm);color:var(--text-dim);position:relative;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:var(--tracking-wide)}.cta-note-icon{color:var(--success);flex-shrink:0;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--success) 40%,transparent))}@media(max-width:1024px){.cta-card{padding:var(--sp-16) var(--sp-10)}.cta-card h2{font-size:var(--text-6xl)}}@media(max-width:768px){.cta-section{padding-bottom:var(--sp-16)}.cta-card{padding:var(--sp-12) var(--sp-6)}.cta-card h2{font-size:var(--text-5xl)}.cta-card>p{font-size:var(--text-base)}.cta-buttons{flex-direction:column;align-items:stretch}.cta-buttons .btn{justify-content:center}.btn-lg{font-size:var(--text-md);padding:.85rem 1.75rem}.cta-float-dot,.cta-glow-ring{display:none}.cta-grid-pattern{opacity:.12}.cta-orb--violet{width:350px;height:350px}.cta-orb--cyan{width:250px;height:250px}.cta-orb--fuchsia{width:280px;height:280px}}@media(max-width:400px){.cta-card{padding:var(--sp-10) var(--sp-5)}.cta-card h2{font-size:var(--text-4xl)}}@media(prefers-reduced-motion:reduce){.cta-orb,.cta-glow-ring,.cta-float-dot,.cta-card-glow,.cta-btn-shine:after,.cta-gradient-text{animation:none}.cta-glow-ring{opacity:.3}.cta-card-glow{opacity:.8}}#showcase{position:relative;overflow:hidden}.showcase-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.showcase-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:0;animation:orbFadeIn 2s ease forwards}.showcase-orb--1{width:450px;height:450px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 8%,transparent),transparent 70%);top:10%;right:-8%;animation-delay:.2s}.showcase-orb--2{width:380px;height:380px;background:radial-gradient(circle,color-mix(in srgb,var(--secondary) 6%,transparent),transparent 70%);bottom:15%;left:-6%;animation-delay:.5s}.showcase-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem;position:relative;z-index:1}.showcase-testimonial{display:flex;flex-direction:column;align-items:flex-start;padding:1.75rem;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s ease}.showcase-testimonial:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow),var(--shadow-elevated);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.showcase-testimonial-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--grad-primary);padding:2px;margin-bottom:1rem;flex-shrink:0}.showcase-testimonial-avatar-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--radius-full);background:var(--bg-alt);font-size:var(--text-base);font-weight:700;color:var(--primary-light)}.showcase-testimonial-quote{font-size:var(--text-md);color:var(--text-muted);line-height:var(--leading-loose);margin-bottom:1rem;flex:1}.showcase-testimonial-stars{font-size:1rem;color:var(--warning);letter-spacing:.1em;margin-bottom:.75rem}.showcase-testimonial-meta{display:flex;flex-direction:column;gap:.15rem}.showcase-testimonial-name{font-weight:600;font-size:var(--text-md);color:var(--text)}.showcase-testimonial-role{font-size:var(--text-sm);color:var(--text-dim)}.showcase-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:5rem;position:relative;z-index:1}.showcase-pricing-card{display:flex;flex-direction:column;padding:2rem;position:relative;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s ease}.showcase-pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:color-mix(in srgb,var(--primary) 20%,transparent)}.showcase-pricing-card--popular{transform:scale(1.03);border-color:color-mix(in srgb,var(--primary) 25%,transparent);box-shadow:var(--shadow-glow),var(--shadow-elevated)}.showcase-pricing-card--popular:hover{transform:scale(1.03) translateY(-4px);box-shadow:var(--shadow-glow),0 20px 60px color-mix(in srgb,var(--primary) 15%,transparent)}.showcase-pricing-badge{position:absolute;top:-.6rem;left:50%;transform:translate(-50%)}.showcase-pricing-title{font-size:var(--text-2xl);font-weight:700;color:var(--text);margin-bottom:.5rem}.showcase-pricing-price{display:flex;align-items:baseline;gap:.25rem;margin-bottom:1.5rem}.showcase-pricing-amount{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,var(--text),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-pricing-card--popular .showcase-pricing-amount{background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-pricing-period{font-size:1rem;color:var(--text-dim)}.showcase-pricing-features{list-style:none;flex:1;margin-bottom:1.5rem}.showcase-pricing-features li{display:flex;align-items:center;gap:.5rem;font-size:var(--text-md);color:var(--text-muted);padding:.35rem 0}.showcase-pricing-check{color:var(--success);font-weight:700;flex-shrink:0}.showcase-pricing-cta{width:100%;justify-content:center;margin-top:auto}.showcase-stats{margin-top:5rem;position:relative;z-index:1}.showcase-stats-bar{display:flex;align-items:center;justify-content:space-around;padding:2.5rem 2rem;gap:1rem}.showcase-stat{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:1}.showcase-stat-value{font-size:2rem;font-weight:800;letter-spacing:var(--tracking-snug);background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-stat-label{font-size:var(--text-sm);color:var(--text-dim)}.showcase-stat-divider{width:1px;height:48px;background:var(--border);flex-shrink:0}.showcase-trust{margin-top:5rem;position:relative;z-index:1}.showcase-trust-label{text-align:center;font-size:var(--text-base);color:var(--text-dim);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:var(--tracking-widest)}.showcase-logo-cloud{overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent)}.showcase-logo-track{display:flex;gap:3rem;animation:showcaseMarquee 25s linear infinite;width:max-content}.showcase-logo{font-size:var(--text-lg);font-weight:600;color:var(--text-muted);opacity:.6;white-space:nowrap;flex-shrink:0}@keyframes showcaseMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.showcase-features{margin-top:5rem;position:relative;z-index:1}.showcase-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.showcase-feature-card{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s ease}.showcase-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow),var(--shadow-card);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.showcase-feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary-light);flex-shrink:0}.showcase-feature-title{font-size:1rem;font-weight:700;color:var(--text)}.showcase-feature-desc{font-size:.88rem;color:var(--text-muted);line-height:1.55}@media(max-width:1024px){.showcase-testimonials{grid-template-columns:1fr;gap:1.25rem;margin-top:3rem}.showcase-pricing{grid-template-columns:1fr;margin-top:3.5rem}.showcase-pricing-card--popular{transform:none;order:-1}.showcase-pricing-card--popular:hover{transform:translateY(-4px)}.showcase-stats-bar{flex-wrap:wrap;gap:1.5rem;padding:2rem 1.5rem}.showcase-stat-divider{display:none}.showcase-stat{flex:1 1 calc(50% - 1rem);min-width:0}.showcase-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.showcase-testimonials{margin-top:2.5rem}.showcase-testimonial{padding:1.5rem}.showcase-pricing{margin-top:2.5rem}.showcase-pricing-card{padding:1.5rem}.showcase-pricing-amount{font-size:1.85rem}.showcase-stats{margin-top:3rem}.showcase-stats-bar{padding:1.75rem 1.25rem;gap:1.25rem}.showcase-stat-value{font-size:1.65rem}.showcase-trust{margin-top:3rem}.showcase-logo-track{gap:2rem;animation-duration:20s}.showcase-features{margin-top:3rem}.showcase-feature-grid{grid-template-columns:1fr;gap:1rem}.showcase-feature-card{padding:1.25rem}}@media(max-width:400px){.showcase-stat-value{font-size:1.4rem}.showcase-pricing-amount{font-size:1.6rem}.showcase-feature-title{font-size:.95rem}.showcase-feature-desc{font-size:.82rem}}#showcase-extras{position:relative;overflow:hidden}.sc-rays{position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:200px;pointer-events:none;z-index:0}.sc-ray{position:absolute;bottom:0;left:50%;width:2px;height:80px;background:linear-gradient(to top,var(--primary),transparent);opacity:.25;transform-origin:bottom center;animation:scRayPulse 3s ease-in-out infinite}.sc-ray:nth-child(1){transform:rotate(-60deg);animation-delay:0s}.sc-ray:nth-child(2){transform:rotate(-45deg);animation-delay:.2s}.sc-ray:nth-child(3){transform:rotate(-30deg);animation-delay:.4s}.sc-ray:nth-child(4){transform:rotate(0);animation-delay:.6s}.sc-ray:nth-child(5){transform:rotate(30deg);animation-delay:.8s}.sc-ray:nth-child(6){transform:rotate(45deg);animation-delay:1s}.sc-ray:nth-child(7){transform:rotate(60deg);animation-delay:1.2s}.sc-ray:nth-child(8){transform:rotate(90deg);animation-delay:1.4s}@keyframes scRayPulse{0%,to{opacity:.15}50%{opacity:.4}}.sc-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.sc-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:0;animation:orbFadeIn 2s ease forwards}.sc-orb--1{width:400px;height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 8%,transparent),transparent 70%);top:5%;right:-5%;animation-delay:.2s}.sc-orb--2{width:350px;height:350px;background:radial-gradient(circle,color-mix(in srgb,var(--secondary) 6%,transparent),transparent 70%);bottom:10%;left:-5%;animation-delay:.5s}.sc-block-title{font-size:var(--text-3xl);font-weight:700;color:var(--text);margin-top:.5rem;margin-bottom:1.5rem}.sc-tabs-block{margin-top:4rem;position:relative;z-index:1}.sc-tabs-block .badge{display:inline-block;margin-bottom:.5rem}.sc-tabs-bar{display:flex;position:relative;padding:.5rem;gap:.25rem;margin-bottom:2rem}.sc-tabs-indicator{position:absolute;top:.5rem;left:.5rem;height:calc(100% - 1rem);background:color-mix(in srgb,var(--primary) var(--alpha-20),transparent);border:1px solid color-mix(in srgb,var(--primary) var(--alpha-35),transparent);border-radius:var(--radius-full);transition:transform .35s var(--ease-out),width .35s var(--ease-out);z-index:0}.sc-tab{flex:1;padding:.75rem 1.5rem;border:none;background:transparent;color:var(--text-muted);font-size:var(--text-md);font-weight:600;border-radius:var(--radius-full);cursor:pointer;position:relative;z-index:1;transition:color var(--dur-normal) var(--ease-out)}.sc-tab:hover{color:var(--text)}.sc-tab--active{color:var(--primary-light)}.sc-tab-panels{position:relative;min-height:280px}.sc-tab-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .4s var(--ease-out),visibility .4s}.sc-tab-panel--active{position:relative;opacity:1;visibility:visible}.sc-tab-panel-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.sc-tab-title{font-size:1.35rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.sc-tab-desc{font-size:var(--text-md);color:var(--text-muted);line-height:var(--leading-loose);margin-bottom:1.25rem}.sc-tab-bullets{list-style:none}.sc-tab-bullets li{position:relative;padding-left:1.25rem;font-size:var(--text-md);color:var(--text-muted);margin-bottom:.5rem}.sc-tab-bullets li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.sc-tab-visual .code-window{margin:0}.sc-compare-bars{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.sc-compare-row{display:grid;grid-template-columns:70px 1fr 100px;align-items:center;gap:1rem}.sc-compare-label{font-size:var(--text-base);color:var(--text-dim)}.sc-compare-track{height:12px;background:var(--surface-elevated);border-radius:var(--radius-full);overflow:hidden}.sc-compare-fill{height:100%;background:var(--grad-primary);border-radius:var(--radius-full);transition:width .8s var(--ease-out);width:0}.sc-tab-panel--active .sc-compare-fill--full{width:100%}.sc-tab-panel--active .sc-compare-fill--reduced{width:22.5%}.sc-compare-val{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-muted)}.sc-compare-val--success{color:var(--success)}.sc-mapping-diagram{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem}.sc-mapping-node{padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:600}.sc-mapping-node--figma{background:color-mix(in srgb,var(--accent) var(--alpha-15),transparent);color:var(--accent)}.sc-mapping-node--spek{background:color-mix(in srgb,var(--primary) var(--alpha-20),transparent);color:var(--primary-light)}.sc-mapping-node--code{background:color-mix(in srgb,var(--accent-cyan) var(--alpha-15),transparent);color:var(--accent-cyan)}.sc-mapping-arrow{color:var(--text-dim);font-size:1.25rem}.sc-integrations-block{margin-top:5rem;position:relative;z-index:1}.sc-integrations-block .badge{display:inline-block;margin-bottom:.5rem}.sc-integrations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:900px;margin:0 auto;position:relative}.sc-integration-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;position:relative;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s ease}.sc-integration-card:before,.sc-integration-card:after{content:"";position:absolute;border-color:var(--border-subtle);border-style:dashed;pointer-events:none}.sc-integration-card:before{right:-.625rem;top:50%;width:1.25rem;height:0;border-top-width:1px}.sc-integration-card:after{bottom:-.625rem;left:50%;height:1.25rem;width:0;border-left-width:1px}.sc-integration-card:nth-child(4n):before{display:none}.sc-integration-card:nth-last-child(-n+4):after{display:none}.sc-integration-card:hover{transform:scale(1.05);box-shadow:var(--shadow-glow),var(--shadow-card);border-color:color-mix(in srgb,var(--primary) var(--alpha-25),transparent);animation:scIntegrationPulse 1.5s ease-in-out infinite}@keyframes scIntegrationPulse{0%,to{box-shadow:var(--shadow-glow),var(--shadow-card)}50%{box-shadow:0 0 40px color-mix(in srgb,var(--primary) var(--alpha-15),transparent),var(--shadow-card)}}.sc-integration-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--primary-light)}.sc-integration-icon svg{width:28px;height:28px}.sc-integration-name{font-size:var(--text-base);font-weight:600;color:var(--text)}.sc-integrations-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;display:flex;align-items:center;justify-content:center;z-index:0;pointer-events:none}.sc-integrations-center:before{content:"";position:absolute;inset:-60px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) var(--alpha-8),transparent) 0%,transparent 70%);border-radius:50%}.sc-integrations-spek{position:relative;font-size:var(--text-md);font-weight:700;color:var(--primary-light)}.sc-integration-card{z-index:1}.sc-newsletter-block{margin-top:5rem;position:relative;z-index:1}.sc-newsletter-block .badge{display:inline-block;margin-bottom:.5rem}.sc-newsletter-banner{position:relative;overflow:hidden;padding:0}.sc-newsletter-gradient{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary),var(--secondary),transparent);animation:scShimmer 3s ease-in-out infinite}@keyframes scShimmer{0%,to{opacity:.7}50%{opacity:1}}.sc-newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.5rem}.sc-newsletter-title{font-size:var(--text-3xl);font-weight:700;color:var(--text);margin-bottom:.35rem}.sc-newsletter-subtext{font-size:var(--text-md);color:var(--text-muted);line-height:1.5}.sc-newsletter-form{display:flex;gap:.75rem;flex-shrink:0}.sc-newsletter-input{width:280px;padding:.75rem 1.25rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-size:var(--text-md);font-family:var(--font-sans);transition:border-color var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out)}.sc-newsletter-input::placeholder{color:var(--text-dim)}.sc-newsletter-input:focus{outline:none;border-color:color-mix(in srgb,var(--primary) var(--alpha-50),transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) var(--alpha-15),transparent)}.sc-faq-block{margin-top:5rem;position:relative;z-index:1}.sc-faq-block .badge{display:inline-block;margin-bottom:.5rem}.sc-faq-list{max-width:720px;margin:0 auto}.sc-faq-item{border-bottom:1px solid var(--border-subtle)}.sc-faq-item:first-child{border-top:1px solid var(--border-subtle)}.sc-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;background:none;border:none;color:var(--text);font-size:1rem;font-weight:600;text-align:left;cursor:pointer;font-family:var(--font-sans);transition:color var(--dur-normal) var(--ease-out)}.sc-faq-question:hover{color:var(--primary-light)}.sc-faq-chevron{flex-shrink:0;transition:transform .35s var(--ease-out);color:var(--text-muted)}.sc-faq-item--open .sc-faq-chevron{transform:rotate(180deg);color:var(--primary-light)}.sc-faq-answer{max-height:0;overflow:hidden;transition:max-height .4s var(--ease-out)}.sc-faq-item--open .sc-faq-answer{max-height:400px}.sc-faq-answer p{font-size:var(--text-md);color:var(--text-muted);line-height:var(--leading-loose);padding-bottom:1.25rem;padding-right:2rem}.sc-timeline-block{margin-top:5rem;position:relative;z-index:1}.sc-timeline-block .badge{display:inline-block;margin-bottom:.5rem}.sc-timeline{position:relative;padding-left:2rem;max-width:720px;margin:0 auto}.sc-timeline:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary),transparent);border-radius:var(--radius-full);opacity:.5}.sc-timeline-item{position:relative;margin-bottom:2rem}.sc-timeline-item:last-child{margin-bottom:0}.sc-timeline-dot{position:absolute;left:-2rem;top:.5rem;width:12px;height:12px;margin-left:-5px;border-radius:50%;background:var(--grad-primary);box-shadow:0 0 12px color-mix(in srgb,var(--primary) var(--alpha-50),transparent)}.sc-timeline-date{font-size:var(--text-sm);color:var(--text-dim);margin-bottom:.5rem}.sc-timeline-content{padding:1.5rem}.sc-timeline-content .badge{margin-bottom:.5rem}.sc-timeline-title{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.sc-timeline-desc{font-size:var(--text-md);color:var(--text-muted);line-height:1.6;margin-bottom:.75rem}.sc-timeline-tags{display:flex;gap:.5rem;flex-wrap:wrap}.sc-timeline-tag{font-size:.7rem;font-weight:600;padding:.25rem .6rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--primary) var(--alpha-15),transparent);color:var(--primary-light)}.sc-timeline-tag--improved{background:color-mix(in srgb,var(--accent-cyan) var(--alpha-15),transparent);color:var(--accent-cyan)}.sc-timeline-tag--fix{background:color-mix(in srgb,var(--warning) var(--alpha-15),transparent);color:var(--warning)}@media(max-width:1024px){.sc-tab-panel-inner{grid-template-columns:1fr;gap:2rem}.sc-tab-visual{order:-1}.sc-integrations-grid{grid-template-columns:repeat(4,1fr);gap:1rem}.sc-integrations-center{display:none}.sc-newsletter-inner{flex-direction:column;align-items:stretch;text-align:center}.sc-newsletter-form{justify-content:center}.sc-newsletter-input{width:100%;max-width:320px;margin:0 auto}}@media(max-width:768px){.sc-tabs-block{margin-top:3rem}.sc-tabs-bar{flex-wrap:wrap;padding:.5rem}.sc-tab{flex:1 1 calc(33.333% - .5rem);padding:.6rem .75rem;font-size:var(--text-base)}.sc-tab-panels{min-height:320px}.sc-integrations-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.sc-integration-card:nth-child(4n):before{display:block}.sc-integration-card:nth-child(2n):before{display:none}.sc-integration-card:nth-last-child(-n+4):after{display:block}.sc-integration-card:nth-last-child(-n+2):after{display:none}.sc-newsletter-inner{padding:2rem 1.5rem}.sc-newsletter-form{flex-direction:column}.sc-newsletter-input{max-width:none}.sc-faq-answer p{padding-right:0}.sc-timeline{padding-left:1.75rem}.sc-timeline:before{left:4px}.sc-timeline-dot{left:-1.75rem;width:10px;height:10px;margin-left:-4px}.sc-mapping-diagram{flex-direction:column;gap:.75rem}.sc-mapping-arrow{transform:rotate(90deg)}}@media(max-width:400px){.sc-tab{flex:1 1 100%}.sc-compare-row{grid-template-columns:60px 1fr 80px;gap:.5rem}.sc-compare-val{font-size:.7rem}.sc-integration-card{padding:1.25rem .75rem}.sc-integration-name{font-size:var(--text-sm)}.sc-newsletter-title{font-size:var(--text-2xl)}.sc-timeline-content{padding:1.25rem}}.hs-gradient-mesh{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6rem 2rem}.hs-mesh-bg{position:absolute;inset:0;background:var(--bg)}.hs-mesh-gradient{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;mix-blend-mode:screen}.hs-mesh-gradient--1{width:60vw;height:60vw;max-width:700px;max-height:700px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 40%,transparent),transparent 60%);top:-20%;left:-10%;animation:hsMeshMove1 18s ease-in-out infinite}.hs-mesh-gradient--2{width:50vw;height:50vw;max-width:550px;max-height:550px;background:radial-gradient(circle,color-mix(in srgb,var(--secondary) 35%,transparent),transparent 60%);bottom:-15%;right:-10%;animation:hsMeshMove2 22s ease-in-out infinite}.hs-mesh-gradient--3{width:40vw;height:40vw;max-width:400px;max-height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 25%,transparent),transparent 60%);top:50%;left:50%;transform:translate(-50%,-50%);animation:hsMeshMove3 15s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.hs-mesh-gradient--1,.hs-mesh-gradient--2,.hs-mesh-gradient--3{animation:none}}@keyframes hsMeshMove1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(5%,10%) scale(1.05)}66%{transform:translate(-5%,-5%) scale(.95)}}@keyframes hsMeshMove2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-8%,-8%) scale(1.08)}66%{transform:translate(5%,5%) scale(.92)}}@keyframes hsMeshMove3{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}}.hs-mesh-content{position:relative;z-index:2;text-align:center;max-width:800px}.hs-mesh-headline{font-size:var(--text-7xl);font-weight:900;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text);margin-bottom:1.5rem}.hs-mesh-headline .hs-typewriter{display:inline-block;background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-right:3px solid var(--primary-light);animation:hsBlink .7s step-end infinite}.hs-typewriter.done{border-right-color:transparent;animation:none}@keyframes hsBlink{50%{border-color:transparent}}.hs-mesh-cta{position:relative;display:inline-block;margin-top:2rem}.hs-mesh-btn{position:relative;overflow:hidden;padding:1rem 2.5rem;font-size:var(--text-lg);font-weight:700;border-radius:var(--radius-full);background:var(--grad-primary);color:#fff;border:none;cursor:pointer;box-shadow:0 0 40px color-mix(in srgb,var(--primary) 40%,transparent);transition:transform var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out)}.hs-mesh-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 60px color-mix(in srgb,var(--primary) 50%,transparent)}.hs-mesh-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),color-mix(in srgb,white 30%,transparent) 0%,transparent 60%);opacity:0;transition:opacity .4s ease}.hs-mesh-btn:hover:after{opacity:1}.hs-mesh-cards{position:absolute;inset:0;pointer-events:none;z-index:1}.hs-mesh-card{position:absolute;width:120px;height:80px;background:var(--surface-glass);backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--text-muted);box-shadow:var(--shadow-card)}.hs-mesh-card--1{top:15%;left:12%;animation:hsOrbit1 20s linear infinite}.hs-mesh-card--2{top:25%;right:15%;animation:hsOrbit2 18s linear infinite}.hs-mesh-card--3{bottom:20%;left:18%;animation:hsOrbit3 22s linear infinite}.hs-mesh-card--4{bottom:25%;right:12%;animation:hsOrbit4 19s linear infinite}@media(prefers-reduced-motion:reduce){.hs-mesh-card--1,.hs-mesh-card--2,.hs-mesh-card--3,.hs-mesh-card--4{animation:none}}@keyframes hsOrbit1{0%{transform:rotate(0) translate(80px) rotate(0)}to{transform:rotate(360deg) translate(80px) rotate(-360deg)}}@keyframes hsOrbit2{0%{transform:rotate(360deg) translate(-70px) rotate(-360deg)}to{transform:rotate(0) translate(-70px) rotate(0)}}@keyframes hsOrbit3{0%{transform:rotate(180deg) translate(60px) rotate(-180deg)}to{transform:rotate(540deg) translate(60px) rotate(-540deg)}}@keyframes hsOrbit4{0%{transform:rotate(-90deg) translate(-65px) rotate(90deg)}to{transform:rotate(270deg) translate(-65px) rotate(-270deg)}}.hs-split{position:relative;min-height:85vh;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hs-split-half{position:relative;display:flex;flex-direction:column;justify-content:center;padding:4rem 3rem;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.hs-split-half--left{background:var(--bg);clip-path:polygon(0 0,100% 0,95% 100%,0 100%)}.hs-split-half--right{background:var(--bg-alt);clip-path:polygon(5% 0,100% 0,100% 100%,0 100%)}.hs-split-half.reveal-left{clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path 1.2s var(--ease-spring)}.hs-split-half.reveal-left.visible{clip-path:polygon(0 0,100% 0,95% 100%,0 100%)}.hs-split-half.reveal-right{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);transition:clip-path 1.2s var(--ease-spring)}.hs-split-half.reveal-right.visible{clip-path:polygon(5% 0,100% 0,100% 100%,0 100%)}.hs-split-words{display:inline}.hs-split-word{display:inline-block;opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-spring),transform .6s var(--ease-spring)}.hs-split-word.visible{opacity:1;transform:translateY(0)}.hs-split-title{font-size:2.75rem;font-weight:900;line-height:1.2;letter-spacing:var(--tracking-tight);margin-bottom:1.5rem}.hs-split-subtitle{font-size:var(--text-lg);color:var(--text-muted);line-height:1.7;margin-bottom:2rem}.hs-split-device{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-elevated)}.hs-split-device-header{background:#0006;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-subtle)}.hs-split-device-dots{display:flex;gap:.4rem}.hs-split-device-dot{width:10px;height:10px;border-radius:50%}.hs-split-device-dot--r{background:var(--danger)}.hs-split-device-dot--y{background:var(--warning)}.hs-split-device-dot--g{background:var(--success)}.hs-split-code-body{padding:1.25rem 1.5rem;font-family:var(--font-mono);font-size:var(--text-base);line-height:1.7;background:var(--bg-code);min-height:200px}.hs-split-code-line{opacity:0;transform:translate(-12px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.hs-split-code-line.visible{opacity:1;transform:translate(0)}.hs-particle{position:relative;min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;overflow:hidden}.hs-particle-field{position:absolute;inset:0;pointer-events:none}.hs-particle-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--primary-light);opacity:.4}.hs-particle-dot:nth-child(1){left:10%;top:20%;animation:hsFloat1 8s ease-in-out infinite}.hs-particle-dot:nth-child(2){left:25%;top:60%;animation:hsFloat2 10s ease-in-out infinite}.hs-particle-dot:nth-child(3){left:45%;top:15%;animation:hsFloat3 9s ease-in-out infinite}.hs-particle-dot:nth-child(4){left:60%;top:75%;animation:hsFloat1 11s ease-in-out infinite}.hs-particle-dot:nth-child(5){left:75%;top:35%;animation:hsFloat2 7s ease-in-out infinite}.hs-particle-dot:nth-child(6){left:90%;top:55%;animation:hsFloat3 12s ease-in-out infinite}.hs-particle-dot:nth-child(7){left:15%;top:80%;animation:hsFloat2 9s ease-in-out infinite}.hs-particle-dot:nth-child(8){left:35%;top:40%;animation:hsFloat1 10s ease-in-out infinite}.hs-particle-dot:nth-child(9){left:55%;top:50%;animation:hsFloat3 8s ease-in-out infinite}.hs-particle-dot:nth-child(10){left:85%;top:20%;animation:hsFloat2 11s ease-in-out infinite}.hs-particle-dot:nth-child(11){left:5%;top:45%;animation:hsFloat1 7s ease-in-out infinite}.hs-particle-dot:nth-child(12){left:70%;top:85%;animation:hsFloat3 9s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.hs-particle-dot{animation:none}}@keyframes hsFloat1{0%,to{transform:translate(0)}25%{transform:translate(15px,-20px)}50%{transform:translate(-10px,15px)}75%{transform:translate(20px,10px)}}@keyframes hsFloat2{0%,to{transform:translate(0)}33%{transform:translate(-20px,-10px)}66%{transform:translate(10px,20px)}}@keyframes hsFloat3{0%,to{transform:translate(0);opacity:.4}50%{transform:translate(-15px,-25px);opacity:.7}}.hs-particle-headline{font-size:var(--text-7xl);font-weight:900;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-align:center;margin-bottom:3rem;position:relative;z-index:2}.hs-particle-stats{display:flex;gap:3rem;margin-bottom:4rem;position:relative;z-index:2}.hs-particle-stat{text-align:center}.hs-particle-stat-value{display:block;font-size:2.5rem;font-weight:800;background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hs-particle-stat-label{font-size:var(--text-base);color:var(--text-dim)}.hs-particle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:900px;position:relative;z-index:2}.hs-particle-card{padding:1.5rem;background:var(--surface-glass);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--primary) 10%,transparent);border-radius:var(--radius-lg);transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s ease}.hs-particle-card:hover{transform:translate(var(--mag-x, 0),var(--mag-y, 0));box-shadow:0 20px 60px color-mix(in srgb,var(--primary) 15%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.hs-particle-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary-light);margin-bottom:1rem}.hs-particle-card-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.hs-particle-card-desc{font-size:.88rem;color:var(--text-muted);line-height:1.5}.hs-cinematic{position:relative;min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;overflow:hidden}.hs-cinematic-marquee{position:absolute;top:0;left:0;right:0;padding:1rem 0;overflow:hidden;border-bottom:1px solid var(--border-subtle)}.hs-cinematic-marquee-track{display:flex;gap:4rem;animation:hsMarquee 30s linear infinite;width:max-content}.hs-cinematic-marquee span{font-size:var(--text-md);font-weight:600;color:var(--text-dim);white-space:nowrap}@media(prefers-reduced-motion:reduce){.hs-cinematic-marquee-track{animation:none}}@keyframes hsMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hs-cinematic-headline{font-size:var(--text-8xl);font-weight:900;line-height:1.05;letter-spacing:-.04em;text-align:center;margin:4rem 0 3rem;position:relative;z-index:2}.hs-cinematic-letter{display:inline-block;opacity:0;transform:translateY(40px);transition:opacity .5s var(--ease-spring),transform .5s var(--ease-spring)}.hs-cinematic-letter.visible{opacity:1;transform:translateY(0)}.hs-cinematic-letter.gradient{background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hs-cinematic-rays{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:400px;pointer-events:none}.hs-cinematic-ray{position:absolute;bottom:0;left:50%;width:2px;height:150px;background:linear-gradient(to top,var(--primary),transparent);opacity:.15;transform-origin:bottom center;animation:hsRayPulse 4s ease-in-out infinite}.hs-cinematic-ray:nth-child(1){transform:rotate(-75deg);animation-delay:0s}.hs-cinematic-ray:nth-child(2){transform:rotate(-50deg);animation-delay:.5s}.hs-cinematic-ray:nth-child(3){transform:rotate(-25deg);animation-delay:1s}.hs-cinematic-ray:nth-child(4){transform:rotate(0);animation-delay:1.5s}.hs-cinematic-ray:nth-child(5){transform:rotate(25deg);animation-delay:2s}.hs-cinematic-ray:nth-child(6){transform:rotate(50deg);animation-delay:2.5s}.hs-cinematic-ray:nth-child(7){transform:rotate(75deg);animation-delay:3s}@media(prefers-reduced-motion:reduce){.hs-cinematic-ray{animation:none}}@keyframes hsRayPulse{0%,to{opacity:.08}50%{opacity:.2}}.hs-cinematic-logos{display:flex;gap:2.5rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:3rem;position:relative;z-index:2}.hs-cinematic-logo{font-size:1rem;font-weight:700;color:var(--text-muted);opacity:.6;transition:opacity var(--dur-normal) ease,transform var(--dur-normal) var(--ease-out)}.hs-cinematic-logo:hover{opacity:1;transform:translateY(-4px)}.hs-cinematic-logo:nth-child(1){transition-delay:0s}.hs-cinematic-logo:nth-child(2){transition-delay:.05s}.hs-cinematic-logo:nth-child(3){transition-delay:.1s}.hs-cinematic-logo:nth-child(4){transition-delay:.15s}.hs-cinematic-logo:nth-child(5){transition-delay:.2s}.hs-interactive{position:relative;min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;overflow:hidden}.hs-interactive-container{position:relative;max-width:1000px;width:100%;padding:4rem;background:var(--bg);border-radius:var(--radius-xl);border:1px solid var(--border)}.hs-interactive-spotlight{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 15%,transparent) 0%,transparent 70%);pointer-events:none;transform:translate(var(--spot-x, -50%),var(--spot-y, -50%));transition:transform .15s ease-out}.hs-interactive-border{position:absolute;inset:-2px;border-radius:calc(var(--radius-xl) + 2px);padding:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent),var(--primary));background-size:300% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:hsBorderFlow 6s linear infinite}@media(prefers-reduced-motion:reduce){.hs-interactive-border{animation:none}}@keyframes hsBorderFlow{0%{background-position:0% 50%}to{background-position:300% 50%}}.hs-interactive-slider{position:relative;height:280px;border-radius:var(--radius-md);overflow:hidden;margin:2rem 0;background:var(--bg-alt);--split: 50%}.hs-interactive-slider-handle{position:absolute;top:0;left:var(--split, 50%);width:4px;height:100%;background:linear-gradient(180deg,var(--primary),var(--secondary));cursor:ew-resize;z-index:10;transform:translate(-50%);transition:left .05s ease-out}.hs-interactive-slider-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--primary);border:3px solid white;box-shadow:var(--shadow-glow);pointer-events:none}.hs-interactive-slider-left,.hs-interactive-slider-right{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:700}.hs-interactive-slider-left{left:0;width:var(--split, 50%);background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary-light)}.hs-interactive-slider-right{left:var(--split, 50%);right:0;background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success)}.hs-interactive-badges{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}.hs-interactive-badge{padding:.5rem 1rem;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:600;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary-light);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);transition:transform var(--dur-normal) var(--ease-out)}.hs-interactive-badge:hover{transform:scale(1.05) rotate(-2deg)}.hs-interactive-badge:nth-child(2):hover{transform:scale(1.05) rotate(2deg)}.hs-interactive-badge:nth-child(3):hover{transform:scale(1.05) rotate(-1deg)}@media(max-width:1024px){.hs-gradient-mesh,.hs-particle,.hs-cinematic,.hs-interactive{min-height:auto;padding:5rem 1.5rem}.hs-mesh-headline,.hs-particle-headline{font-size:2.5rem}.hs-cinematic-headline{font-size:2.75rem}.hs-split{grid-template-columns:1fr;min-height:auto}.hs-split-half--left,.hs-split-half--right,.hs-split-half.reveal-left.visible,.hs-split-half.reveal-right.visible{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.hs-split-title{font-size:2.25rem}.hs-particle-grid{grid-template-columns:repeat(2,1fr)}.hs-particle-stats{gap:2rem}.hs-particle-stat-value{font-size:2rem}.hs-mesh-card{width:90px;height:60px;font-size:.65rem}}@media(max-width:768px){.hs-mesh-headline,.hs-particle-headline{font-size:2rem}.hs-cinematic-headline{font-size:2rem;margin:3rem 0 2rem}.hs-split-title{font-size:1.85rem}.hs-split-half{padding:3rem 1.5rem}.hs-particle-grid{grid-template-columns:1fr}.hs-particle-stats{flex-direction:column;gap:1.5rem;margin-bottom:3rem}.hs-particle-stat-value{font-size:1.75rem}.hs-cinematic-logos{gap:1.5rem}.hs-interactive-container{padding:2rem 1.5rem}.hs-interactive-slider{height:220px}.hs-mesh-cards{display:none}}@media(max-width:400px){.hs-mesh-headline,.hs-particle-headline,.hs-cinematic-headline{font-size:1.65rem}.hs-split-title{font-size:1.5rem}.hs-mesh-btn{padding:.85rem 1.75rem;font-size:1rem}.hs-particle-stat-value{font-size:1.5rem}}.fshowcase-block{margin-top:var(--sp-16);position:relative;z-index:1}.fshowcase-header{margin-bottom:var(--sp-16)}.fshowcase-header .badge{display:inline-block;margin-bottom:var(--sp-2)}.fshowcase-hub-section{margin-bottom:var(--sp-16)}.fshowcase-hub-diagram{position:relative;width:100%;max-width:420px;height:340px;margin:0 auto}.fshowcase-hub-lines{position:absolute;inset:0;width:100%;height:100%;color:color-mix(in srgb,var(--primary) var(--alpha-25),transparent);pointer-events:none}.fshowcase-hub-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--sp-3) var(--sp-6);background:var(--grad-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-btn);z-index:2}.fshowcase-hub-label{font-size:var(--text-lg);font-weight:700;color:#fff;letter-spacing:var(--tracking-snug)}.fshowcase-spoke{position:absolute;z-index:2}.fshowcase-spoke-node{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);transition:transform var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out),border-color var(--dur-normal) var(--ease-out)}.fshowcase-spoke-node:hover{transform:scale(1.05);box-shadow:var(--shadow-glow),var(--shadow-card);border-color:color-mix(in srgb,var(--primary) var(--alpha-25),transparent)}.fshowcase-spoke-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:800;color:var(--primary-light);background:color-mix(in srgb,var(--primary) var(--alpha-15),transparent);border-radius:var(--radius-sm)}.fshowcase-spoke-icon--notion{color:var(--text);background:color-mix(in srgb,var(--text) var(--alpha-15),transparent)}.fshowcase-spoke-svg{width:24px;height:24px;color:var(--primary-light);flex-shrink:0}.fshowcase-spoke-name{font-size:var(--text-base);font-weight:600;color:var(--text)}.fshowcase-spoke--tl{top:0;left:0}.fshowcase-spoke--tr{top:0;right:0}.fshowcase-spoke--bl{bottom:0;left:0}.fshowcase-spoke--br{bottom:0;right:0}.fshowcase-spoke--bc{bottom:0;left:50%;transform:translate(-50%)}.fshowcase-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}.fshowcase-card{display:flex;flex-direction:column;padding:var(--sp-6);transition:transform var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out),border-color var(--dur-slow) var(--ease-out)}.fshowcase-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px color-mix(in srgb,var(--primary) var(--alpha-8),transparent),var(--shadow-elevated);border-color:color-mix(in srgb,var(--primary) var(--alpha-20),transparent)}.fshowcase-card-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.fshowcase-card-title{font-size:var(--text-xl);font-weight:700;color:var(--text);margin:0}.fshowcase-card-desc{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0 0 var(--sp-5);flex:1}.fshowcase-card-visual{margin-top:auto;padding:var(--sp-4);background:color-mix(in srgb,var(--bg) var(--alpha-50),transparent);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--primary) var(--alpha-8),transparent)}.fshowcase-compress-row{display:grid;grid-template-columns:36px 1fr 44px;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.fshowcase-compress-row:last-child{margin-bottom:0}.fshowcase-compress-label{font-size:var(--text-xs);color:var(--text-dim);font-family:var(--font-mono)}.fshowcase-compress-track{height:8px;background:var(--surface-elevated);border-radius:var(--radius-full);overflow:hidden}.fshowcase-compress-fill{height:100%;background:var(--grad-primary);border-radius:var(--radius-full);transition:width .8s var(--ease-out);width:0}.compression-demo .fshowcase-compress-fill--full{width:0}.compression-demo.visible .fshowcase-compress-fill--full,.fshowcase-card:hover .fshowcase-compress-fill--full{width:100%}.compression-demo .fshowcase-compress-fill--reduced{width:0}.compression-demo.visible .fshowcase-compress-fill--reduced,.fshowcase-card:hover .fshowcase-compress-fill--reduced{width:30%}.fshowcase-compress-val{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}.fshowcase-compress-val--success{color:var(--success)}.fshowcase-mapping{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);flex-wrap:wrap}.fshowcase-mapping-node{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600}.fshowcase-mapping-node--figma{background:color-mix(in srgb,var(--accent) var(--alpha-15),transparent);color:var(--accent)}.fshowcase-mapping-node--spek{background:color-mix(in srgb,var(--primary) var(--alpha-20),transparent);color:var(--primary-light)}.fshowcase-mapping-node--code{background:color-mix(in srgb,var(--accent-cyan) var(--alpha-15),transparent);color:var(--accent-cyan)}.fshowcase-mapping-arrow{color:var(--text-dim);font-size:var(--text-base)}.fshowcase-cli-visual{display:flex;align-items:center;justify-content:center;gap:var(--sp-3)}.fshowcase-cli-cloud{width:28px;height:28px;color:var(--primary-light)}.fshowcase-cli-text{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-muted)}@media(max-width:1024px){.fshowcase-block{margin-top:var(--sp-12)}.fshowcase-header,.fshowcase-hub-section{margin-bottom:var(--sp-12)}.fshowcase-hub-diagram{max-width:360px;height:300px}.fshowcase-cards{grid-template-columns:1fr;gap:var(--sp-5)}}@media(max-width:768px){.fshowcase-block{margin-top:var(--sp-10)}.fshowcase-header,.fshowcase-hub-section{margin-bottom:var(--sp-10)}.fshowcase-hub-diagram{max-width:320px;height:280px}.fshowcase-spoke-node{padding:var(--sp-2) var(--sp-3)}.fshowcase-spoke-icon,.fshowcase-spoke-svg{width:20px;height:20px}.fshowcase-spoke-name{font-size:var(--text-sm)}.fshowcase-hub-label{font-size:var(--text-base)}.fshowcase-card{padding:var(--sp-5)}.fshowcase-card-title{font-size:var(--text-lg)}.fshowcase-card-desc{font-size:var(--text-sm)}.fshowcase-mapping{gap:var(--sp-1)}.fshowcase-mapping-node{padding:var(--sp-1) var(--sp-2);font-size:var(--text-xs)}}@media(max-width:400px){.fshowcase-hub-diagram{max-width:280px;height:260px}.fshowcase-spoke-node{padding:var(--sp-1) var(--sp-2)}.fshowcase-spoke-name{font-size:.75rem}.fshowcase-card-title{font-size:var(--text-md)}.fshowcase-compress-row{grid-template-columns:28px 1fr 36px}}.product-showcase{position:relative;overflow:hidden}.product-showcase-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.product-showcase-mesh{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,var(--c-violet-700) var(--alpha-8),transparent) 0%,transparent 50%),radial-gradient(ellipse at 80% 60%,color-mix(in srgb,var(--c-pink-500) var(--alpha-6),transparent) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,color-mix(in srgb,var(--accent-cyan) var(--alpha-4),transparent) 0%,transparent 50%);pointer-events:none}.product-showcase-divider{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:800px;height:2px;display:flex;justify-content:center;z-index:1}.product-showcase-divider-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 40%,transparent),color-mix(in srgb,var(--secondary) 60%,transparent),color-mix(in srgb,var(--primary) 40%,transparent),transparent)}.product-showcase-divider-glow{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:120px;height:8px;background:radial-gradient(ellipse,color-mix(in srgb,var(--secondary) 50%,transparent),transparent);animation:productShowcaseDividerPulse 3s ease-in-out infinite}@keyframes productShowcaseDividerPulse{0%,to{opacity:.4;width:120px}50%{opacity:1;width:200px}}.product-showcase-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:0;animation:orbFadeIn 2s var(--ease-out) forwards}.product-showcase-orb--1{width:500px;height:500px;top:-10%;right:-15%;animation-delay:.2s}.product-showcase-orb--2{width:400px;height:400px;bottom:-5%;left:-10%;animation-delay:.5s}.product-showcase-orb--3{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:.8s}.product-showcase-header{position:relative;z-index:1;margin-bottom:var(--sp-20)}.product-showcase-badge{display:inline-flex!important;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4)}.product-showcase-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--secondary);animation:dotPulse 2s ease-in-out infinite;box-shadow:0 0 8px color-mix(in srgb,var(--secondary) 50%,transparent)}.product-showcase-gallery{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%}.product-showcase-featured{position:relative;z-index:2;width:100%;max-width:1000px;margin:0 auto}.video-ambient-glow{position:absolute;inset:-40px;z-index:0;border-radius:40px;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--primary) 20%,transparent) 0%,color-mix(in srgb,var(--secondary) 10%,transparent) 40%,transparent 70%);filter:blur(40px);animation:ambientGlowPulse 5s ease-in-out infinite;pointer-events:none}@keyframes ambientGlowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.video-player-card{position:relative;z-index:1;background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,var(--surface) 70%,transparent));border:1px solid color-mix(in srgb,white var(--alpha-8),transparent);border-radius:18px;overflow:hidden;box-shadow:0 2px color-mix(in srgb,white var(--alpha-10),transparent) inset,0 0 0 1px color-mix(in srgb,var(--primary) var(--alpha-10),transparent),0 32px 80px -16px color-mix(in srgb,var(--primary) 30%,transparent),0 64px 120px -32px #0009;transform:perspective(1800px) rotateX(3deg);transition:transform .6s var(--ease-spring),box-shadow .6s var(--ease-out);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.video-player-card:hover{transform:perspective(1800px) rotateX(0) translateY(-6px);box-shadow:0 2px color-mix(in srgb,white var(--alpha-12),transparent) inset,0 0 0 1px color-mix(in srgb,var(--primary) var(--alpha-20),transparent),0 48px 100px -16px color-mix(in srgb,var(--primary) 40%,transparent),0 80px 140px -32px #000000b3}.video-player-chrome{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:color-mix(in srgb,var(--surface-elevated) 80%,transparent);border-bottom:1px solid color-mix(in srgb,white var(--alpha-6),transparent);gap:12px}.video-player-chrome-dots{display:flex;align-items:center;gap:7px;flex-shrink:0}.chrome-dot{width:11px;height:11px;border-radius:50%;display:block;opacity:.9}.chrome-dot--red{background:#ff5f57;box-shadow:0 0 6px #ff5f5780}.chrome-dot--yellow{background:#febc2e;box-shadow:0 0 6px #febc2e80}.chrome-dot--green{background:#28c840;box-shadow:0 0 6px #28c84080}.video-player-chrome-label{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.01em;background:color-mix(in srgb,var(--bg) 50%,transparent);border:1px solid color-mix(in srgb,white var(--alpha-6),transparent);border-radius:8px;padding:5px 14px;max-width:340px;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video-player-chrome-label svg{color:var(--secondary);flex-shrink:0}.video-player-chrome-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.chrome-action-dot{width:20px;height:3px;border-radius:2px;background:color-mix(in srgb,var(--text-muted) 30%,transparent);display:block}.video-frame-wrapper{position:relative;width:100%;overflow:hidden}.product-showcase-glow-ring{position:absolute;inset:-2px;background:conic-gradient(from 0deg,color-mix(in srgb,var(--primary) 60%,transparent),color-mix(in srgb,var(--accent-cyan) 40%,transparent),color-mix(in srgb,var(--secondary) 60%,transparent),color-mix(in srgb,var(--primary) 60%,transparent));animation:productShowcaseGlowRingSpin 8s linear infinite;opacity:.35;z-index:0;pointer-events:none}@keyframes productShowcaseGlowRingSpin{to{transform:rotate(360deg)}}.video-container{position:relative;z-index:1;width:100%;aspect-ratio:16 / 9;background:#000;display:flex;align-items:center;justify-content:center}.product-showcase-video{width:100%;height:100%;display:block;border:none}.video-player-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:color-mix(in srgb,var(--surface-elevated) 70%,transparent);border-top:1px solid color-mix(in srgb,white var(--alpha-6),transparent);gap:16px}.video-player-footer-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.video-live-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.video-live-dot{width:7px;height:7px;border-radius:50%;background:#28c840;box-shadow:0 0 8px #28c840b3;animation:liveDotPulse 2s ease-in-out infinite}@keyframes liveDotPulse{0%,to{opacity:1;box-shadow:0 0 8px #28c840b3}50%{opacity:.6;box-shadow:0 0 16px #28c84066}}.video-player-footer-stats{display:flex;align-items:center;gap:0;flex-shrink:1;overflow:hidden}.video-stat-chip{display:flex;align-items:baseline;gap:6px;padding:5px 18px;white-space:nowrap}.video-stat-chip-value{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text),color-mix(in srgb,var(--primary) 80%,var(--text)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.video-stat-chip-label{font-size:11px;font-weight:500;color:var(--text-muted);letter-spacing:.01em}.video-stat-divider{width:1px;height:28px;background:color-mix(in srgb,white var(--alpha-8),transparent);flex-shrink:0}@media(max-width:1024px){.product-showcase-featured{max-width:800px}}@media(max-width:768px){.product-showcase-header{margin-bottom:var(--sp-12)}.video-player-card{transform:none;border-radius:14px}.video-player-card:hover{transform:translateY(-4px)}.product-showcase-glow-ring{display:none}.video-ambient-glow{filter:blur(24px);inset:-20px}.video-player-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 14px}.video-player-footer-stats{width:100%;justify-content:space-between}.video-stat-chip{flex-direction:column;align-items:center;gap:2px;padding:4px 8px}.video-stat-chip-value{font-size:14px}.video-player-chrome-label{font-size:11px;max-width:200px;padding:4px 10px}}@media(max-width:480px){.video-player-chrome-actions{display:none}.video-player-footer-stats{gap:0}.video-stat-chip{padding:4px 6px}.video-stat-chip-value{font-size:13px}.video-stat-chip-label{font-size:10px}}@media(prefers-reduced-motion:reduce){.product-showcase-glow-ring,.product-showcase-divider-glow,.video-ambient-glow{animation:none}.video-player-card,.video-player-card:hover{transform:none}.video-live-dot{animation:none}}.workflow-spotlight{position:relative;overflow:hidden}.workflow-spotlight-header{margin-bottom:var(--sp-20)}.workflow-spotlight-timeline{position:relative;display:flex;flex-direction:column;gap:var(--sp-20)}.workflow-spotlight-connector{display:none;position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);z-index:0}@media(min-width:1025px){.workflow-spotlight-connector{display:block}}.workflow-spotlight-line{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--primary) var(--alpha-15),transparent) 10%,color-mix(in srgb,var(--primary-light) var(--alpha-25),transparent) 30%,color-mix(in srgb,var(--accent-cyan) var(--alpha-20),transparent) 70%,color-mix(in srgb,var(--primary) var(--alpha-15),transparent) 90%,transparent)}.workflow-spotlight-dot{position:absolute;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light),var(--accent-cyan));box-shadow:0 0 16px color-mix(in srgb,var(--primary-light) var(--alpha-35),transparent),0 0 32px color-mix(in srgb,var(--accent-cyan) var(--alpha-20),transparent);animation:wfsDotPulse 2.5s ease-in-out infinite;border:2px solid color-mix(in srgb,white var(--alpha-15),transparent)}.workflow-spotlight-dot--1{top:20%}.workflow-spotlight-dot--2{top:50%;animation-delay:.4s}.workflow-spotlight-dot--3{top:80%;animation-delay:.8s}@keyframes wfsDotPulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.5;transform:translate(-50%) scale(1.3)}}.workflow-spotlight-pulse-trail{position:absolute;left:50%;transform:translate(-50%);width:6px;height:40px;border-radius:3px;background:linear-gradient(to bottom,var(--accent-cyan),transparent);filter:blur(2px);animation:wfsPulseTrail 3s ease-in-out infinite;opacity:.6}@keyframes wfsPulseTrail{0%{top:-20px;opacity:0}10%{opacity:.6}90%{opacity:.6}to{top:calc(100% + 20px);opacity:0}}.workflow-spotlight-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:center;position:relative;z-index:1}.workflow-spotlight-row--2{direction:rtl}.workflow-spotlight-row--2>*{direction:ltr}.workflow-spotlight-visual,.workflow-spotlight-frame-wrap{position:relative}.workflow-spotlight-glow-ring{position:absolute;inset:-3px;border-radius:calc(var(--radius-xl) + 3px);background:conic-gradient(from 0deg,color-mix(in srgb,var(--primary) 35%,transparent),color-mix(in srgb,var(--accent-cyan) 25%,transparent),color-mix(in srgb,var(--c-orange-400) 28%,transparent),color-mix(in srgb,var(--primary) 35%,transparent));animation:wfsGlowSpin 8s linear infinite;opacity:0;z-index:0;transition:opacity var(--dur-slow) var(--ease-out)}.workflow-spotlight-frame-wrap:hover .workflow-spotlight-glow-ring{opacity:.7}.workflow-spotlight-glow-ring:after{content:"";position:absolute;inset:2px;border-radius:var(--radius-xl);background:var(--bg-alt)}@keyframes wfsGlowSpin{to{transform:rotate(360deg)}}.workflow-spotlight-frame{position:relative;border-radius:var(--radius-xl);overflow:hidden;padding:0;z-index:1}.workflow-spotlight-hover-zoom{overflow:hidden}.workflow-spotlight-hover-zoom .workflow-spotlight-img{transition:transform var(--dur-slow) var(--ease-out)}.workflow-spotlight-hover-zoom:hover .workflow-spotlight-img{transform:scale(1.06)}.workflow-spotlight-img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.workflow-spotlight-stat{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;padding:var(--sp-3) var(--sp-4);background:linear-gradient(135deg,#0c0e1ef2,#141830d9);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid color-mix(in srgb,var(--primary) var(--alpha-20),transparent);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006,0 0 20px color-mix(in srgb,var(--primary) var(--alpha-10),transparent);animation:wfsStatFloat 4s ease-in-out infinite}.workflow-spotlight-stat--1{bottom:-12px;right:-8px}.workflow-spotlight-stat--2{bottom:-12px;left:-8px;animation-delay:.5s}.workflow-spotlight-stat--3{bottom:-12px;right:-8px;animation-delay:1s}@keyframes wfsStatFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.workflow-spotlight-stat-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:800;background:linear-gradient(135deg,var(--primary-light),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.workflow-spotlight-stat-label{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);margin-top:2px}.workflow-spotlight-content{padding:var(--sp-4) 0}.workflow-spotlight-title{font-size:var(--text-4xl);font-weight:800;margin:var(--sp-3) 0 var(--sp-4);letter-spacing:var(--tracking-snug)}.workflow-spotlight-desc{color:var(--text-muted);font-size:var(--text-md);line-height:var(--leading-loose);margin-bottom:var(--sp-6)}.workflow-spotlight-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}.workflow-spotlight-list li{font-size:var(--text-sm);color:var(--text-muted);padding-left:var(--sp-6);position:relative;transition:color var(--dur-normal) var(--ease-out)}.workflow-spotlight-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light),var(--accent-cyan));box-shadow:0 0 8px color-mix(in srgb,var(--primary-light) var(--alpha-25),transparent);transition:box-shadow var(--dur-normal) var(--ease-out)}.workflow-spotlight-list li:hover{color:var(--text)}.workflow-spotlight-list li:hover:before{box-shadow:0 0 12px color-mix(in srgb,var(--accent-cyan) var(--alpha-50),transparent)}@media(max-width:1024px){.workflow-spotlight-row,.workflow-spotlight-row--2{grid-template-columns:1fr;direction:ltr;gap:var(--sp-8)}.workflow-spotlight-connector{display:none}.workflow-spotlight-content{text-align:center}.workflow-spotlight-list{align-items:center}.workflow-spotlight-list li{padding-left:var(--sp-6)}.workflow-spotlight-stat--1{right:12px;bottom:-8px}.workflow-spotlight-stat--2{left:12px;bottom:-8px}.workflow-spotlight-stat--3{right:12px;bottom:-8px}}@media(max-width:768px){.workflow-spotlight-timeline{gap:var(--sp-16)}.workflow-spotlight-header{margin-bottom:var(--sp-12)}.workflow-spotlight-title{font-size:var(--text-3xl)}.workflow-spotlight-desc{font-size:var(--text-base)}.workflow-spotlight-img{aspect-ratio:16 / 9}.workflow-spotlight-stat{padding:var(--sp-2) var(--sp-3)}.workflow-spotlight-stat-value{font-size:var(--text-lg)}.workflow-spotlight-stat-label{font-size:.65rem}.workflow-spotlight-glow-ring{display:none}}@media(max-width:400px){.workflow-spotlight-title{font-size:var(--text-2xl)}.workflow-spotlight-stat{display:none}}@media(prefers-reduced-motion:reduce){.workflow-spotlight-glow-ring,.workflow-spotlight-dot{animation:none}.workflow-spotlight-pulse-trail{animation:none;display:none}.workflow-spotlight-stat{animation:none}}.trusted-by-teams{position:relative;overflow:hidden}.trusted-by-teams-bg{position:absolute;inset:0;z-index:0}.trusted-by-teams-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}.trusted-by-teams-overlay{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 95%,transparent),color-mix(in srgb,var(--bg) 70%,transparent),color-mix(in srgb,var(--bg) 60%,transparent),color-mix(in srgb,var(--bg) 75%,transparent),color-mix(in srgb,var(--bg) 97%,transparent)),radial-gradient(ellipse at 30% 50%,color-mix(in srgb,var(--primary) var(--alpha-8),transparent) 0%,transparent 60%)}.trusted-by-teams-inner{position:relative;z-index:1;padding-top:var(--sp-24);padding-bottom:var(--sp-24)}.trusted-by-teams-header{margin-bottom:var(--sp-16)}.trusted-by-teams-top-line{width:80px;height:3px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) var(--alpha-50),transparent),color-mix(in srgb,var(--secondary) var(--alpha-50),transparent),transparent);margin:0 auto var(--sp-6);border-radius:var(--radius-full)}.trusted-by-teams-title{color:var(--text)}.trusted-by-teams-subtitle{color:var(--text-muted)}.trusted-by-teams-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);margin-bottom:var(--sp-8)}.trusted-by-teams-stat-card{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-6) var(--sp-8);position:relative;overflow:hidden}.trusted-by-teams-stat-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--primary) var(--alpha-6),transparent) 0%,transparent 70%);pointer-events:none}.trusted-by-teams-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) var(--alpha-10),transparent);color:var(--primary-light);flex-shrink:0;box-shadow:0 0 24px color-mix(in srgb,var(--primary) var(--alpha-10),transparent)}.trusted-by-teams-stat-content{display:flex;flex-direction:column;gap:var(--sp-1)}.trusted-by-teams-stat-row{display:flex;align-items:baseline;gap:2px}.trusted-by-teams-stat-value{display:inline;font-size:var(--text-6xl);font-weight:800;color:var(--text);letter-spacing:var(--tracking-tight);line-height:1}.trusted-by-teams-stat-suffix{font-size:var(--text-2xl);font-weight:700;color:var(--primary-light);margin-left:2px}.trusted-by-teams-stat-label{display:block;font-size:var(--text-sm);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.trusted-by-teams-divider-animated{display:flex;justify-content:center;padding:var(--sp-10) 0}.trusted-by-teams-divider-line{width:200px;height:2px;border-radius:var(--radius-full);background:linear-gradient(90deg,transparent,var(--c-violet-600),var(--c-pink-400),var(--c-violet-600),transparent);background-size:200% 100%;animation:dividerShimmer 4s ease-in-out infinite}@keyframes dividerShimmer{0%{background-position:100% 0}50%{background-position:0% 0}to{background-position:100% 0}}.trusted-by-teams-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-8)}.trusted-by-teams-card{padding:var(--sp-8);position:relative;display:flex;flex-direction:column;transition:transform var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out)}.trusted-by-teams-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px color-mix(in srgb,var(--primary) var(--alpha-12),transparent)}.trusted-by-teams-quote-mark{font-size:3.5rem;line-height:1;font-family:Georgia,Times New Roman,serif;background:var(--grad-text-fancy);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--sp-2);opacity:.6;user-select:none}.trusted-by-teams-quote{font-size:var(--text-md);color:var(--text);line-height:var(--leading-relaxed);margin-bottom:var(--sp-8);flex:1}.trusted-by-teams-author{display:flex;align-items:center;gap:var(--sp-3);padding-top:var(--sp-5);border-top:1px solid var(--border-subtle)}.trusted-by-teams-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--c-violet-500),var(--c-pink-400));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 16px color-mix(in srgb,var(--primary) var(--alpha-20),transparent)}.trusted-by-teams-avatar--cyan{background:linear-gradient(135deg,var(--c-cyan-500),var(--c-violet-400));box-shadow:0 0 16px color-mix(in srgb,var(--accent-cyan) var(--alpha-20),transparent)}.trusted-by-teams-avatar--emerald{background:linear-gradient(135deg,var(--c-pink-400),var(--c-orange-400));box-shadow:0 0 16px color-mix(in srgb,var(--c-orange-400) var(--alpha-20),transparent)}.trusted-by-teams-avatar span{font-size:var(--text-xs);font-weight:700;color:#fff;letter-spacing:var(--tracking-wide)}.trusted-by-teams-author-info{display:flex;flex-direction:column;gap:2px}.trusted-by-teams-author-name{font-size:var(--text-sm);font-weight:600;color:var(--text)}.trusted-by-teams-author-role{font-size:var(--text-xs);color:var(--text-dim)}@media(max-width:1024px){.trusted-by-teams-stats{grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.trusted-by-teams-stat-card{padding:var(--sp-5) var(--sp-5);flex-direction:column;text-align:center;gap:var(--sp-3)}.trusted-by-teams-stat-row{justify-content:center}.trusted-by-teams-testimonials{grid-template-columns:1fr;gap:var(--sp-6)}.trusted-by-teams-stat-value{font-size:var(--text-5xl)}.trusted-by-teams-stat-suffix{font-size:var(--text-xl)}}@media(max-width:768px){.trusted-by-teams-inner{padding-top:var(--sp-16);padding-bottom:var(--sp-16)}.trusted-by-teams-stats{grid-template-columns:1fr;gap:var(--sp-4)}.trusted-by-teams-stat-card{flex-direction:row;text-align:left;padding:var(--sp-5) var(--sp-6)}.trusted-by-teams-stat-row{justify-content:flex-start}.trusted-by-teams-stat-value{font-size:var(--text-4xl)}.trusted-by-teams-stat-suffix{font-size:var(--text-xl)}.trusted-by-teams-card{padding:var(--sp-6)}.trusted-by-teams-quote{font-size:var(--text-base)}.trusted-by-teams-quote-mark{font-size:2.5rem}.trusted-by-teams-divider-line{width:120px}}@media(max-width:400px){.trusted-by-teams-stat-value{font-size:var(--text-3xl)}.trusted-by-teams-stat-icon{width:40px;height:40px}.trusted-by-teams-stat-icon svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.trusted-by-teams-divider-line{animation:none}}.palette-page{padding-top:var(--sp-8);padding-bottom:var(--sp-12)}.palette-page-header{margin-bottom:var(--sp-8);text-align:center}.palette-page-title{font-size:var(--text-5xl);font-weight:800;margin-bottom:var(--sp-4);letter-spacing:var(--tracking-snug)}.palette-page-subtitle{font-size:var(--text-lg);color:var(--text-muted);max-width:560px;margin:0 auto;line-height:var(--leading-relaxed)}.palette-page-subtitle code{font-family:var(--font-mono);font-size:var(--text-sm);padding:.15em .4em;background:color-mix(in srgb,var(--primary) var(--alpha-12),transparent);border-radius:var(--radius-sm);color:var(--primary-light)}.palette-generator{display:flex;flex-direction:row;min-height:calc(100vh - 4.5rem);position:relative}.palette-sidebar{width:280px;flex-shrink:0;background:var(--bg-alt);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--sp-6);position:sticky;top:4.5rem;height:calc(100vh - 4.5rem);overflow:hidden}.palette-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-shrink:0}.palette-sidebar-title{font-size:var(--text-xl);font-weight:700;color:var(--text)}.palette-copy-btn{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs);font-family:var(--font-mono);background:color-mix(in srgb,var(--primary) var(--alpha-12),transparent);color:var(--primary-light);border:1px solid color-mix(in srgb,var(--primary) var(--alpha-25),transparent);border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-normal) var(--ease-out)}.palette-copy-btn:hover{background:color-mix(in srgb,var(--primary) var(--alpha-20),transparent);border-color:color-mix(in srgb,var(--primary) var(--alpha-35),transparent)}.palette-theme-list{list-style:none;overflow-y:auto;overflow-x:hidden;flex:1;display:flex;flex-direction:column;gap:var(--sp-1)}.palette-theme-btn{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-base);font-weight:500;cursor:pointer;text-align:left;transition:all var(--dur-normal) var(--ease-out)}.palette-theme-btn:hover{background:color-mix(in srgb,var(--primary) var(--alpha-6),transparent);color:var(--text);border-color:color-mix(in srgb,var(--primary) var(--alpha-12),transparent)}.palette-theme-btn--active{background:color-mix(in srgb,var(--primary) var(--alpha-12),transparent);color:var(--text);border-color:color-mix(in srgb,var(--primary) var(--alpha-25),transparent)}.palette-theme-dots{display:flex;gap:4px;flex-shrink:0}.palette-theme-dots span{width:10px;height:10px;border-radius:50%}.palette-theme-name{flex:1;min-width:0}.palette-preview{flex:1;min-width:0;background:var(--bg);padding:var(--sp-8);overflow-y:auto;transition:background-color var(--dur-slow) var(--ease-out),color var(--dur-slow) var(--ease-out)}.palette-preview-inner{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-10)}.pp-hero,.pp-feature-card,.pp-stats-bar,.pp-testimonial-card,.pp-pricing-card,.pp-step-num,.pp-cta,.pp-footer,.pp-code-window,.pp-btn,.pp-badge,.pp-palette-strip{transition:background-color var(--dur-slow) var(--ease-out),color var(--dur-slow) var(--ease-out),border-color var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out)}.pp-palette-strip{display:flex;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.pp-color-chip{display:flex;align-items:center;gap:var(--sp-2)}.pp-color-dot{width:20px;height:20px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--text) var(--alpha-15),transparent)}.pp-color-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-dim)}.pp-section{display:flex;flex-direction:column;gap:var(--sp-4)}.pp-section-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-dim);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-subtle)}.pp-badge{display:inline-flex;align-items:center;gap:6px;padding:.35rem .85rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);background:color-mix(in srgb,var(--primary) var(--alpha-12),transparent);color:var(--primary-light);border:1px solid color-mix(in srgb,var(--primary) var(--alpha-25),transparent);width:fit-content}.pp-badge--accent{background:color-mix(in srgb,var(--accent) var(--alpha-12),transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) var(--alpha-25),transparent)}.pp-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-light);animation:pp-pulse 2s ease-in-out infinite}.pp-badge-dot--accent{background:var(--accent)}@keyframes pp-pulse{0%,to{opacity:1}50%{opacity:.4}}.pp-gradient-text{background:linear-gradient(135deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pp-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) 1.5rem;border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);cursor:pointer;border:none;transition:all var(--dur-normal) var(--ease-out)}.pp-btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 20px color-mix(in srgb,var(--primary) var(--alpha-35),transparent)}.pp-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px color-mix(in srgb,var(--primary) var(--alpha-50),transparent)}.pp-btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.pp-btn-secondary:hover{border-color:color-mix(in srgb,var(--primary) var(--alpha-25),transparent);background:color-mix(in srgb,var(--primary) var(--alpha-6),transparent)}.pp-btn-full{width:100%;justify-content:center}.pp-section-title{font-size:var(--text-3xl);font-weight:800;color:var(--text);text-align:center;letter-spacing:var(--tracking-snug)}.pp-section-sub{font-size:var(--text-base);color:var(--text-muted);text-align:center}.pp-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-8);align-items:center;padding:var(--sp-10) var(--sp-8);border-radius:var(--radius-xl);background:var(--bg-alt);border:1px solid var(--border);overflow:hidden}.pp-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pp-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.pp-orb--1{width:300px;height:300px;top:-80px;left:-60px;background:radial-gradient(circle,var(--primary),transparent 70%)}.pp-orb--2{width:200px;height:200px;bottom:-40px;right:-30px;background:radial-gradient(circle,var(--secondary),transparent 70%)}.pp-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--sp-5)}.pp-hero-title{font-size:var(--text-4xl);font-weight:800;color:var(--text);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.pp-hero-sub{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed);max-width:400px}.pp-hero-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap}.pp-hero-stats{display:flex;gap:var(--sp-6);align-items:center;margin-top:var(--sp-3)}.pp-stat{display:flex;flex-direction:column}.pp-stat-value{font-size:var(--text-2xl);font-weight:800;background:linear-gradient(135deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pp-stat-label{font-size:var(--text-xs);color:var(--text-dim)}.pp-stat-divider{width:1px;height:28px;background:var(--border)}.pp-hero-visual{position:relative;z-index:1}.pp-code-window{border-radius:var(--radius-lg);background:var(--bg-code);border:1px solid var(--border);overflow:hidden;font-family:var(--font-mono);font-size:var(--text-sm)}.pp-code-header{display:flex;align-items:center;gap:6px;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle)}.pp-dot{width:10px;height:10px;border-radius:50%}.pp-dot--red{background:#ff5f57}.pp-dot--yellow{background:#febc2e}.pp-dot--green{background:#28c840}.pp-code-filename{margin-left:auto;font-size:var(--text-xs);color:var(--text-dim)}.pp-code-body{padding:var(--sp-4);line-height:1.7;color:var(--text-code)}.pp-c-kw{color:var(--danger)}.pp-c-fn{color:var(--primary-light)}.pp-c-prop{color:var(--accent-warm)}.pp-c-str{color:var(--success)}.pp-c-val{color:var(--accent-cyan)}.pp-features-header{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.pp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.pp-feature-card{padding:var(--sp-6);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-3);transition:border-color var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out)}.pp-feature-card:hover{border-color:color-mix(in srgb,var(--primary) var(--alpha-25),transparent);box-shadow:0 0 40px color-mix(in srgb,var(--primary) var(--alpha-8),transparent)}.pp-feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) var(--alpha-12),transparent);color:var(--primary-light)}.pp-feature-title{font-size:var(--text-base);font-weight:700;color:var(--text)}.pp-feature-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}.pp-stats-bar{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6) 0}.pp-stats-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.pp-stats-value{font-size:var(--text-2xl);font-weight:800;background:linear-gradient(135deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pp-stats-label{font-size:var(--text-xs);color:var(--text-muted)}.pp-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.pp-testimonial-card{padding:var(--sp-5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-3)}.pp-testimonial-stars{color:var(--warning);font-size:var(--text-sm);letter-spacing:2px}.pp-testimonial-quote{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed);font-style:italic;flex:1}.pp-testimonial-author{display:flex;align-items:center;gap:var(--sp-3);margin-top:auto}.pp-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;color:#fff;flex-shrink:0}.pp-author-name{font-size:var(--text-sm);font-weight:600;color:var(--text)}.pp-author-role{font-size:var(--text-xs);color:var(--text-dim)}.pp-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);align-items:start}.pp-pricing-card{padding:var(--sp-6);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-4);position:relative}.pp-pricing-card--popular{border-color:color-mix(in srgb,var(--primary) var(--alpha-35),transparent);box-shadow:0 0 50px color-mix(in srgb,var(--primary) var(--alpha-10),transparent);transform:scale(1.03)}.pp-pricing-badge{position:absolute;top:calc(-1 * var(--sp-3));right:var(--sp-4);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.pp-pricing-plan{font-size:var(--text-lg);font-weight:700;color:var(--text)}.pp-pricing-price{display:flex;align-items:baseline;gap:2px}.pp-pricing-amount{font-size:var(--text-4xl);font-weight:800;background:linear-gradient(135deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pp-pricing-period{font-size:var(--text-sm);color:var(--text-dim)}.pp-pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2);padding:0;margin:0}.pp-pricing-features li{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-muted)}.pp-check{color:var(--success);font-weight:700;flex-shrink:0}.pp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);position:relative}.pp-steps-line{position:absolute;top:24px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--primary),var(--primary-light),var(--secondary),var(--accent));border-radius:1px;z-index:0}.pp-step{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;position:relative;z-index:1}.pp-step-num{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:800;font-size:var(--text-lg);box-shadow:0 0 24px color-mix(in srgb,var(--primary) var(--alpha-25),transparent);border:3px solid var(--bg)}.pp-step-title{font-size:var(--text-sm);font-weight:700;color:var(--text)}.pp-step-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-relaxed)}.pp-cta{position:relative;text-align:center;padding:var(--sp-12) var(--sp-8);border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) var(--alpha-10),transparent),color-mix(in srgb,var(--secondary) var(--alpha-8),transparent));border:1px solid color-mix(in srgb,var(--primary) var(--alpha-15),transparent);display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);overflow:hidden}.pp-cta-glow{position:absolute;width:200px;height:200px;border-radius:50%;top:-60px;right:-30px;background:radial-gradient(circle,var(--primary),transparent 70%);filter:blur(80px);opacity:.3;pointer-events:none}.pp-cta-title{font-size:var(--text-3xl);font-weight:800;color:var(--text);letter-spacing:var(--tracking-snug);position:relative}.pp-cta-desc{font-size:var(--text-base);color:var(--text-muted);max-width:440px;position:relative}.pp-cta-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center;position:relative}.pp-footer{display:grid;grid-template-columns:1.5fr 2fr;gap:var(--sp-8);padding:var(--sp-8);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border-subtle)}.pp-footer-brand{display:flex;flex-direction:column;gap:var(--sp-3)}.pp-footer-logo{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xl);font-weight:800}.pp-footer-logo-icon{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,var(--primary),var(--secondary))}.pp-footer-tagline{font-size:var(--text-sm);color:var(--text-dim);line-height:var(--leading-relaxed)}.pp-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.pp-footer-col{display:flex;flex-direction:column;gap:var(--sp-2)}.pp-footer-col h5{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text);margin-bottom:var(--sp-1)}.pp-footer-col span{font-size:var(--text-sm);color:var(--text-muted);cursor:pointer}.pp-footer-col span:hover{color:var(--primary-light)}@media(max-width:1024px){.palette-generator{flex-direction:column}.palette-sidebar{width:100%;height:auto;position:relative;top:0;border-right:none;border-bottom:1px solid var(--border);padding:var(--sp-4)}.palette-sidebar-header{margin-bottom:var(--sp-4)}.palette-theme-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding-bottom:var(--sp-2);gap:var(--sp-2);-webkit-overflow-scrolling:touch}.palette-theme-list li{flex-shrink:0}.palette-theme-btn{flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);min-width:100px}.palette-preview{padding:var(--sp-6)}}@media(max-width:768px){.palette-preview{padding:var(--sp-4)}.pp-hero{grid-template-columns:1fr;padding:var(--sp-6)}.pp-features-grid,.pp-testimonials,.pp-pricing{grid-template-columns:1fr}.pp-pricing-card--popular{transform:none}.pp-steps{grid-template-columns:repeat(2,1fr)}.pp-steps-line{display:none}.pp-stats-bar{flex-wrap:wrap}.pp-stats-item{flex:0 0 50%;padding:var(--sp-3) 0}.pp-footer{grid-template-columns:1fr}.pp-cta{padding:var(--sp-8) var(--sp-4)}}@media(max-width:400px){.palette-generator{min-height:auto}.palette-sidebar{padding:var(--sp-3)}.palette-theme-btn{min-width:80px}.palette-preview{padding:var(--sp-3)}.pp-steps{grid-template-columns:1fr}}.policy-page{padding:var(--sp-20) 0 var(--sp-32);position:relative;min-height:100vh}.policy-page-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.policy-page-bg:before{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:800px;height:500px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--c-violet-700) 10%,transparent) 0%,color-mix(in srgb,var(--c-pink-500) 4%,transparent) 40%,transparent 70%);filter:blur(60px)}.policy-header{text-align:center;margin-bottom:var(--sp-16);position:relative;z-index:1}.policy-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary-light);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);margin-bottom:var(--sp-6)}.policy-title{font-size:var(--text-6xl);font-weight:800;line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);margin-bottom:var(--sp-4)}.policy-subtitle{font-size:var(--text-xl);color:var(--text-muted);max-width:600px;margin:0 auto;line-height:var(--leading-relaxed)}.policy-last-updated{font-size:var(--text-sm);color:var(--text-dim);margin-top:var(--sp-4)}.policy-content{position:relative;z-index:1;max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-10)}.policy-section{background:linear-gradient(135deg,#060e1ceb,#0c162a99);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border:1px solid color-mix(in srgb,var(--primary) 8%,transparent);border-radius:var(--radius-lg);padding:var(--sp-10);position:relative;overflow:hidden;transition:border-color var(--dur-slow) ease,box-shadow var(--dur-slow) ease}.policy-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--primary) 4%,transparent) 0%,transparent 60%);pointer-events:none}.policy-section:hover{border-color:color-mix(in srgb,var(--primary) 18%,transparent);box-shadow:0 8px 40px color-mix(in srgb,var(--primary) 6%,transparent)}.policy-section-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary-light);font-size:var(--text-sm);font-weight:700;font-family:var(--font-mono);margin-bottom:var(--sp-5);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.policy-section-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--sp-2);letter-spacing:var(--tracking-snug);color:var(--text)}.policy-section-question{font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--sp-6);font-style:italic}.policy-section-body{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-loose)}.policy-section-body p{margin-bottom:var(--sp-4)}.policy-section-body p:last-child{margin-bottom:0}.policy-section-body+.policy-detail-list{margin-top:var(--sp-6)}.policy-detail-list{display:flex;flex-direction:column;gap:var(--sp-5);margin-top:var(--sp-2)}.policy-detail-item{display:flex;gap:var(--sp-4);align-items:flex-start}.policy-detail-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;margin-top:2px}.policy-detail-icon--ownership{background:color-mix(in srgb,var(--c-violet-500) 12%,transparent);color:var(--c-violet-400);border:1px solid color-mix(in srgb,var(--c-violet-500) 20%,transparent)}.policy-detail-icon--sharing{background:color-mix(in srgb,var(--c-pink-500) 12%,transparent);color:var(--c-pink-400);border:1px solid color-mix(in srgb,var(--c-pink-500) 20%,transparent)}.policy-detail-icon--encryption{background:color-mix(in srgb,var(--c-cyan-500) 12%,transparent);color:var(--c-cyan-400);border:1px solid color-mix(in srgb,var(--c-cyan-500) 20%,transparent)}.policy-detail-icon--retention{background:color-mix(in srgb,var(--accent-green) 12%,transparent);color:var(--c-green-400);border:1px solid color-mix(in srgb,var(--accent-green) 20%,transparent)}.policy-detail-icon--compression{background:color-mix(in srgb,var(--c-violet-500) 12%,transparent);color:var(--c-violet-400);border:1px solid color-mix(in srgb,var(--c-violet-500) 20%,transparent)}.policy-detail-icon--upload{background:color-mix(in srgb,var(--c-cyan-500) 12%,transparent);color:var(--c-cyan-400);border:1px solid color-mix(in srgb,var(--c-cyan-500) 20%,transparent)}.policy-detail-icon--trigger{background:color-mix(in srgb,var(--accent-green) 12%,transparent);color:var(--c-green-400);border:1px solid color-mix(in srgb,var(--accent-green) 20%,transparent)}.policy-detail-icon--directus{background:color-mix(in srgb,var(--c-pink-500) 12%,transparent);color:var(--c-pink-400);border:1px solid color-mix(in srgb,var(--c-pink-500) 20%,transparent)}.policy-detail-icon--functional{background:color-mix(in srgb,var(--c-violet-500) 12%,transparent);color:var(--c-violet-400);border:1px solid color-mix(in srgb,var(--c-violet-500) 20%,transparent)}.policy-detail-icon--figma{background:color-mix(in srgb,var(--accent-green) 12%,transparent);color:var(--c-green-400);border:1px solid color-mix(in srgb,var(--accent-green) 20%,transparent)}.policy-detail-content h4{font-size:var(--text-md);font-weight:600;color:var(--text);margin-bottom:var(--sp-1)}.policy-detail-content p{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0}.policy-contact{text-align:center;padding:var(--sp-10);background:color-mix(in srgb,var(--primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--primary) 10%,transparent);border-radius:var(--radius-lg)}.policy-contact-title{font-size:var(--text-xl);font-weight:700;color:var(--text);margin-bottom:var(--sp-3)}.policy-contact p{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0 0 var(--sp-6)}.policy-contact-links{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.policy-contact-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-light);text-decoration:none;font-size:var(--text-base);padding:.5rem 1rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);transition:color var(--dur-normal) var(--ease-out),background var(--dur-normal) var(--ease-out),border-color var(--dur-normal) var(--ease-out)}.policy-contact-link:hover{color:var(--c-pink-400);background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}@media(max-width:768px){.policy-page{padding:var(--sp-12) 0 var(--sp-20)}.policy-title{font-size:1.85rem}.policy-subtitle{font-size:var(--text-base)}.policy-header{margin-bottom:var(--sp-10)}.policy-section{padding:var(--sp-6)}.policy-detail-item{flex-direction:column;gap:var(--sp-3)}}.signup-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;border:none;background:transparent;padding:0;margin:0;z-index:1000;display:none;place-items:center;overflow-y:auto}.signup-dialog[open]{display:grid}.signup-dialog::backdrop{display:none}.signup-backdrop{position:fixed;inset:0;background:#02040ad1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;animation:signupBackdropIn .3s ease forwards}@keyframes signupBackdropIn{0%{opacity:0}to{opacity:1}}.signup-card{position:relative;width:90%;max-width:520px;background:linear-gradient(135deg,#0a0c1cf7,#10142ceb);backdrop-filter:blur(40px) saturate(1.4);-webkit-backdrop-filter:blur(40px) saturate(1.4);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:var(--radius-xl);padding:var(--sp-10) var(--sp-8);box-shadow:0 24px 80px #000000b3,0 0 0 1px color-mix(in srgb,var(--primary) 8%,transparent),0 0 120px -40px color-mix(in srgb,var(--primary) 15%,transparent);animation:signupCardIn .35s var(--ease-spring) forwards;z-index:1;overflow:hidden}.signup-card-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 10%,transparent),transparent 70%);top:-100px;left:50%;transform:translate(-50%);pointer-events:none}@keyframes signupCardIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.signup-close{position:absolute;top:var(--sp-4);right:var(--sp-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,white 5%,transparent);border:1px solid color-mix(in srgb,white 8%,transparent);color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);z-index:2}.signup-close:hover{color:var(--text);background:color-mix(in srgb,white 10%,transparent);border-color:color-mix(in srgb,white 15%,transparent)}.signup-header{text-align:center;margin-bottom:var(--sp-8);position:relative}.signup-header .badge{margin-bottom:var(--sp-4)}.signup-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px color-mix(in srgb,var(--success) 50%,transparent);animation:dotPulse 2s ease-in-out infinite}.signup-header h2{font-size:var(--text-5xl);font-weight:800;letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);margin-bottom:var(--sp-2);color:var(--text)}.signup-header p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-muted)}.signup-form{display:flex;flex-direction:column;gap:var(--sp-6);position:relative}.signup-field{display:flex;flex-direction:column;gap:var(--sp-2)}.signup-field label{font-size:var(--text-sm);font-weight:600;color:var(--text);letter-spacing:var(--tracking-wide)}.signup-field input[type=email]{width:100%;padding:.75rem 1rem;background:color-mix(in srgb,white 4%,transparent);border:1px solid color-mix(in srgb,white 10%,transparent);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.signup-field input[type=email]::placeholder{color:var(--text-dim)}.signup-field input[type=email]:focus{border-color:color-mix(in srgb,var(--primary) 50%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent);background:color-mix(in srgb,white 6%,transparent)}.signup-fieldset{border:none;padding:0;margin:0}.signup-fieldset legend{font-size:var(--text-sm);font-weight:600;color:var(--text);letter-spacing:var(--tracking-wide);margin-bottom:var(--sp-1)}.signup-fieldset-hint{font-size:var(--text-xs);color:var(--text-dim);margin-bottom:var(--sp-3)}.signup-checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.signup-checkbox{display:flex;align-items:center;gap:var(--sp-2);padding:.55rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);border:1px solid transparent;font-size:var(--text-sm);color:var(--text-muted);user-select:none}.signup-checkbox:hover{background:color-mix(in srgb,white 4%,transparent);color:var(--text)}.signup-checkbox:has(input:checked){background:color-mix(in srgb,var(--primary) 8%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent);color:var(--text)}.signup-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.signup-checkbox-box{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1.5px solid color-mix(in srgb,white 18%,transparent);background:color-mix(in srgb,white 3%,transparent);flex-shrink:0;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.signup-checkbox-box svg{opacity:0;transform:scale(.5);transition:opacity var(--dur-fast) var(--ease-spring),transform var(--dur-fast) var(--ease-spring);color:#fff}.signup-checkbox:has(input:checked) .signup-checkbox-box{background:var(--primary);border-color:var(--primary)}.signup-checkbox:has(input:checked) .signup-checkbox-box svg{opacity:1;transform:scale(1)}.signup-checkbox-tag{font-size:var(--text-xs);color:var(--text-dim);font-weight:400}.signup-checkbox:has(input:checked) .signup-checkbox-tag{color:var(--text-muted)}.signup-field-error{font-size:var(--text-xs);color:var(--danger);min-height:0;margin:0;transition:all var(--dur-fast) var(--ease-out)}.signup-field-error:empty{display:none}.signup-submit{width:100%;justify-content:center;margin-top:var(--sp-2);position:relative}.signup-submit-loading{display:none}.signup-submit.is-loading .signup-submit-text{visibility:hidden}.signup-submit.is-loading .signup-submit-loading{display:flex;position:absolute;animation:signupSpin .8s linear infinite}@keyframes signupSpin{to{transform:rotate(360deg)}}.signup-success{text-align:center;padding:var(--sp-8) 0;animation:signupSuccessIn .5s var(--ease-spring) forwards}.signup-success-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);margin-bottom:var(--sp-5);animation:signupCheckPop .5s var(--ease-bounce) .15s both}.signup-success h3{font-size:var(--text-4xl);font-weight:800;color:var(--text)}.signup-success p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-muted)}@keyframes signupSuccessIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes signupCheckPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.signup-card{width:95%;padding:var(--sp-8) var(--sp-5)}.signup-header h2{font-size:var(--text-4xl)}.signup-checkboxes{grid-template-columns:1fr}}@media(max-width:400px){.signup-card{padding:var(--sp-6) var(--sp-4);border-radius:var(--radius-lg)}.signup-header h2{font-size:var(--text-3xl)}}@media(prefers-reduced-motion:reduce){.signup-card,.signup-backdrop,.signup-success,.signup-success-icon{animation-duration:.01ms}.signup-badge-dot{animation:none}}.header[data-astro-cid-sckkx6r4]{position:fixed;top:12px;left:16px;right:16px;background:color-mix(in srgb,var(--bg) 45%,transparent);backdrop-filter:blur(32px) saturate(1.3);-webkit-backdrop-filter:blur(32px) saturate(1.3);border:1px solid color-mix(in srgb,white 5%,transparent);border-radius:14px;z-index:var(--z-header);padding:0 .5rem;transition:background var(--dur-normal) var(--ease-out),border-color var(--dur-normal) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out),top var(--dur-normal) var(--ease-out)}.header[data-astro-cid-sckkx6r4].scrolled{background:color-mix(in srgb,var(--bg) 88%,transparent);border-color:color-mix(in srgb,var(--primary) 18%,transparent);box-shadow:0 4px 24px #00000080,0 0 0 1px color-mix(in srgb,var(--primary) 6%,transparent),0 0 60px -20px color-mix(in srgb,var(--primary) 10%,transparent)}.nav-container[data-astro-cid-sckkx6r4]{display:flex;justify-content:space-between;align-items:center;padding:.7rem .5rem}.logo[data-astro-cid-sckkx6r4]{border-radius:4px;overflow:hidden;box-shadow:0 0 4px #0000001a;transition:box-shadow var(--dur-normal) var(--ease-out);transition:transform var(--dur-normal) var(--ease-out);transition:opacity var(--dur-normal) var(--ease-out);transition:filter var(--dur-normal) var(--ease-out);transition:background var(--dur-normal) var(--ease-out);display:flex;align-items:center;gap:.6rem;position:relative}.logo-glow[data-astro-cid-sckkx6r4]{position:absolute;width:36px;height:36px;left:-4px;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c-violet-500) 30%,transparent),transparent 70%);filter:blur(10px);opacity:0;transition:opacity var(--dur-normal) var(--ease-out);pointer-events:none}.logo[data-astro-cid-sckkx6r4]:hover .logo-glow[data-astro-cid-sckkx6r4]{opacity:1}.logo-icon[data-astro-cid-sckkx6r4]{border-radius:2px;overflow:hidden;box-shadow:0 0 2px #0000001a;transition:box-shadow var(--dur-normal) var(--ease-out);transition:transform var(--dur-normal) var(--ease-out);transition:opacity var(--dur-normal) var(--ease-out);transition:filter var(--dur-normal) var(--ease-out);transition:background var(--dur-normal) var(--ease-out);position:relative;z-index:1}.logo-text[data-astro-cid-sckkx6r4]{font-size:1.35rem;font-weight:800;background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.nav-links[data-astro-cid-sckkx6r4]{display:flex;align-items:center;gap:1.75rem}.nav-links[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4]:not(.btn){font-weight:500;font-size:var(--text-sm);color:var(--text-muted);transition:color var(--dur-normal) var(--ease-out);position:relative;padding-bottom:2px}.nav-links[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4]:not(.btn):hover{color:var(--text)}.nav-links[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4]:not(.btn):after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--c-violet-400),var(--c-pink-400),var(--c-orange-400));border-radius:1px;transition:width var(--dur-normal) var(--ease-spring)}.nav-links[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4]:not(.btn):hover:after{width:100%}.btn-nav-cta[data-astro-cid-sckkx6r4]{padding:.4rem 1rem!important;font-size:var(--text-sm)!important;font-weight:600;background:linear-gradient(135deg,var(--c-violet-500),var(--c-pink-500));background-size:150% 150%;color:#fff;border:none;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out),background-position var(--dur-normal) var(--ease-out);box-shadow:0 2px 16px color-mix(in srgb,var(--c-violet-500) 20%,transparent)}.btn-nav-cta[data-astro-cid-sckkx6r4]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,white 15%,transparent),transparent 50%);opacity:0;transition:opacity var(--dur-normal) var(--ease-out)}.btn-nav-cta[data-astro-cid-sckkx6r4]:hover{transform:translateY(-1px);box-shadow:0 4px 24px color-mix(in srgb,var(--primary) 35%,transparent),0 0 0 1px color-mix(in srgb,var(--primary) 15%,transparent);background-position:100% 100%}.btn-nav-cta[data-astro-cid-sckkx6r4]:hover:before{opacity:1}.mobile-toggle[data-astro-cid-sckkx6r4]{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out)}.mobile-toggle[data-astro-cid-sckkx6r4]:hover{background:color-mix(in srgb,white 5%,transparent)}.mobile-toggle[data-astro-cid-sckkx6r4] span[data-astro-cid-sckkx6r4]{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:all var(--dur-normal) var(--ease-spring);transform-origin:center}.mobile-toggle[data-astro-cid-sckkx6r4].active span[data-astro-cid-sckkx6r4]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-toggle[data-astro-cid-sckkx6r4].active span[data-astro-cid-sckkx6r4]:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-toggle[data-astro-cid-sckkx6r4].active span[data-astro-cid-sckkx6r4]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}main[data-astro-cid-sckkx6r4]{margin-top:5rem}.footer[data-astro-cid-sckkx6r4]{position:relative;padding:0 0 var(--sp-8);margin-top:0;overflow:hidden}.footer-divider[data-astro-cid-sckkx6r4]{height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--primary) 40%,transparent) 20%,color-mix(in srgb,var(--accent-cyan) 30%,transparent) 50%,color-mix(in srgb,var(--primary) 40%,transparent) 80%,transparent 100%)}.footer-mesh[data-astro-cid-sckkx6r4]{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 80%,color-mix(in srgb,var(--primary) 4%,transparent) 0%,transparent 50%),radial-gradient(ellipse at 85% 30%,color-mix(in srgb,var(--accent-cyan) 3%,transparent) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--primary) 3%,transparent) 0%,transparent 40%)}.footer-inner[data-astro-cid-sckkx6r4]{position:relative;z-index:1;padding-top:var(--sp-16)}.footer-grid[data-astro-cid-sckkx6r4]{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:var(--sp-12);margin-bottom:var(--sp-16)}.footer-brand[data-astro-cid-sckkx6r4]{display:flex;flex-direction:column;gap:var(--sp-5)}.footer-tagline[data-astro-cid-sckkx6r4]{color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:300px}.footer-col[data-astro-cid-sckkx6r4]{display:flex;flex-direction:column;gap:.7rem}.footer-col[data-astro-cid-sckkx6r4] h4[data-astro-cid-sckkx6r4]{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text);margin-bottom:var(--sp-2)}.footer-col[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4]{color:var(--text-muted);font-size:var(--text-base);transition:color var(--dur-normal) var(--ease-out);width:fit-content}.footer-col[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4]:hover{color:var(--c-pink-400);background:linear-gradient(90deg,var(--c-violet-400),var(--c-pink-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-bottom-line[data-astro-cid-sckkx6r4]{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border) 30%,color-mix(in srgb,var(--primary) 12%,transparent) 50%,var(--border) 70%,transparent 100%)}.footer-bottom[data-astro-cid-sckkx6r4]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sp-6);color:var(--text-dim);font-size:var(--text-sm)}.footer-bottom[data-astro-cid-sckkx6r4] p[data-astro-cid-sckkx6r4]{margin:0}.back-to-top[data-astro-cid-sckkx6r4]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,white 5%,transparent);border:1px solid color-mix(in srgb,white 8%,transparent);color:var(--text-muted);transition:color var(--dur-normal) var(--ease-out),background var(--dur-normal) var(--ease-out),border-color var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal) var(--ease-out);flex-shrink:0}.back-to-top[data-astro-cid-sckkx6r4]:hover{color:var(--text);background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent);transform:translateY(-2px);box-shadow:0 4px 20px color-mix(in srgb,var(--primary) 15%,transparent)}@media(max-width:768px){.header[data-astro-cid-sckkx6r4]{top:8px;left:10px;right:10px;border-radius:12px}.nav-container[data-astro-cid-sckkx6r4]{padding:.6rem .25rem}.nav-links[data-astro-cid-sckkx6r4]{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;background:color-mix(in srgb,var(--bg) 95%,transparent);backdrop-filter:blur(32px) saturate(1.3);-webkit-backdrop-filter:blur(32px) saturate(1.3);border:1px solid color-mix(in srgb,white 6%,transparent);border-radius:12px;padding:var(--sp-5) var(--sp-6);gap:.25rem;box-shadow:0 12px 40px #00000080,0 0 0 1px color-mix(in srgb,var(--primary) 5%,transparent);animation:mobileMenuIn var(--dur-normal) var(--ease-spring)}@keyframes mobileMenuIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-links[data-astro-cid-sckkx6r4].open{display:flex}.nav-links[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4]:not(.btn){padding:.6rem .75rem;border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.nav-links[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4]:not(.btn):hover{background:color-mix(in srgb,white 4%,transparent)}.nav-links[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4]:not(.btn):after{display:none}.nav-links[data-astro-cid-sckkx6r4] .btn-nav-cta[data-astro-cid-sckkx6r4]{margin-top:.25rem;justify-content:center;width:100%}.mobile-toggle[data-astro-cid-sckkx6r4]{display:flex}.footer-inner[data-astro-cid-sckkx6r4]{padding-top:var(--sp-10)}.footer-grid[data-astro-cid-sckkx6r4]{grid-template-columns:1fr 1fr;gap:var(--sp-8);margin-bottom:var(--sp-10)}.footer-brand[data-astro-cid-sckkx6r4]{grid-column:1 / -1}.footer-bottom[data-astro-cid-sckkx6r4]{flex-direction:column;gap:var(--sp-4);text-align:center}}@media(max-width:480px){.header[data-astro-cid-sckkx6r4]{top:6px;left:8px;right:8px;border-radius:10px}.footer-grid[data-astro-cid-sckkx6r4]{grid-template-columns:1fr;gap:var(--sp-6)}.footer-brand[data-astro-cid-sckkx6r4]{grid-column:auto}}