@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--app-bg:#fff;--surface:#fafafa;--text-primary:#0a0a0a;--text-secondary:#525252;--text-tertiary:#a3a3a3;--primary:#000;--primary-hover:#171717;--primary-glow:#0000000d;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--surface-dark:#0a0a0a;--secondary-border:#00000014;--glass-border:#0000000a;--font-sans:"Inter", -apple-system, sans-serif;--font-display:"Outfit", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-inner-rim:inset 0 1px 0 #fff, 0 1px 2px #0000000d;--shadow-card-elevated:inset 0 1px 0 #fffc, 0 0 0 1px #0000000a, 0 10px 30px -10px #00000014}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--app-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");line-height:1.6;overflow-x:clip}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em;line-height:1.1}a{color:inherit;text-decoration:none;transition:color .15s ease-in-out}a:hover{color:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.crosshair{pointer-events:none;width:16px;height:16px;position:absolute}.crosshair:before,.crosshair:after{content:"";background-color:var(--secondary-border);position:absolute}.crosshair:before{height:1px;top:50%;left:0;right:0}.crosshair:after{width:1px;top:0;bottom:0;left:50%}.crosshair-tl{top:-8px;left:-8px}.crosshair-tr{top:-8px;right:-8px}.crosshair-bl{bottom:-8px;left:-8px}.crosshair-br{bottom:-8px;right:-8px}.wireframe-grid{pointer-events:none;background-image:linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.text-secondary{color:var(--text-secondary)}.text-mono{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text-tertiary);text-transform:uppercase;font-size:.8em}.label-pill{background:var(--surface);border:1px solid var(--secondary-border);box-shadow:var(--shadow-inner-rim);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-flex}.text-gradient{background:linear-gradient(135deg, var(--primary) 30%, #475569 70%, #a855f7 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes laser-spin{0%{--angle:0deg}to{--angle:360deg}}.btn{cursor:pointer;font-weight:500;font-family:var(--font-sans);border-radius:6px;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.btn:active{transform:scale(.96)}.btn-primary{color:#fff;z-index:1;background:#0a0a0a;border:1px solid #0000;padding:14px 28px}.btn-primary:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle), transparent 40%, #60a5fa66, #a855f766, #10b98166);filter:blur(10px);pointer-events:none;z-index:-1;animation:3s linear infinite laser-spin;position:absolute;inset:-2px}.btn-primary:after{content:"";border-radius:inherit;background:conic-gradient(from var(--angle), transparent 30%, #60a5fa, #a855f7, #10b981);-webkit-mask-composite:xor;pointer-events:none;z-index:10;padding:2px;animation:3s linear infinite laser-spin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-primary:hover:after{background:conic-gradient(from var(--angle), #60a5fa, #a855f7, #10b981, #60a5fa);animation:1.5s linear infinite laser-spin}.btn-primary:hover{background:#111;box-shadow:0 10px 30px #10b98126}.btn-secondary{color:var(--primary);border:1px solid var(--secondary-border);box-shadow:var(--shadow-sm);background:0 0;padding:14px 28px}.btn-secondary:hover{background:#f5f5f5;border-color:#d4d4d4}.card{background-color:var(--surface);border:1px solid var(--secondary-border);box-shadow:var(--shadow-inner-rim);border-radius:16px;padding:32px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative}.card.shadow-hover:hover{box-shadow:var(--shadow-card-elevated);border-color:#00000026;transform:translateY(-2px)}.glass-nav{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--secondary-border);z-index:100;background:#ffffffd9;position:sticky;top:0}.py-24{padding-top:6rem;padding-bottom:6rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.hidden{display:none!important}@media (width>=768px){.md\:flex{display:flex!important}.md\:block{display:block!important}.md\:hidden{display:none!important}.md\:w-auto{width:auto!important}.md\:justify-center{justify-content:center!important}}.bento-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}@keyframes float-technical{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.float-hover:hover{animation:3s ease-in-out infinite float-technical}.holographic-border{position:relative}.holographic-border:after{content:"";border-radius:inherit;background:conic-gradient(from var(--angle), transparent 50%, #60a5facc, #a855f7cc, #10b981cc);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:10;padding:1px;transition:opacity .4s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.holographic-border:hover:after{opacity:1;animation:4s linear infinite laser-spin}.responsive-grid-2{grid-template-columns:1fr 1fr;gap:80px;display:grid}@media (width<=1024px){.responsive-grid-2{grid-template-columns:1fr;gap:40px}}