:root{--white: #ffffff;--black: #000000;--graphite: #1f2937;--bg: #ffffff;--surface: #fafafa;--dark-text: #1e293b;--muted: #64748b;--ocean: #0ea5e9;--neon: #22d3ee;--sunset: #ef4444;--lime: #84cc16;--sky: #67e8f9;--simple-border: 1px solid #e2e8f0;--radius: 18px;--radius-lg: 28px;--radius-btn: 16px;--radius-full: 100px;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 40px rgba(59, 130, 246, .15);--shadow-ocean: 0 8px 40px rgba(14, 165, 233, .2);--shadow-neon: 0 8px 40px rgba(34, 211, 238, .2);--shadow-sunset: 0 8px 40px rgba(239, 68, 68, .2);--shadow-lime: 0 8px 40px rgba(34, 197, 94, .2);--shadow-sky: 0 8px 40px rgba(103, 232, 249, .2);--grad-sky: radial-gradient( 120% 120% at 80% 0%, #67e8f9 0%, #38bdf8 18%, #6366f1 45%, #7c3aed 70%, #111827 100% );--grad-sunset: conic-gradient( from 140deg at 30% 20%, #ffedd5, #f59e0b, #ef4444, #db2777, #7c3aed, #2563eb, #14b8a6, #ffedd5 );--grad-neon: linear-gradient( 120deg, #22d3ee 0%, #06b6d4 12%, #10b981 35%, #f59e0b 55%, #f97316 72%, #ef4444 100% );--grad-lime: radial-gradient( 80% 120% at 20% 0%, #e3ff7d 0%, #84cc16 35%, #22c55e 60%, #0ea5e9 100% );--grad-ocean: linear-gradient( 135deg, #0ea5e9 0%, #2563eb 35%, #7c3aed 70%, #db2777 100% );--font-display: "Manrope", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial;--transition-fast: .3s;--transition-medium: .5s;--transition-slow: .8s;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 80px}*{margin:0;padding:0;box-sizing:border-box}ul,ol{margin-block-start:1em;margin-block-end:1em;padding-inline-start:40px}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--dark-text);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;line-height:1.2;color:var(--dark-text)}h1,.h1{font-size:clamp(40px,5vw,68px);line-height:1.05;margin-bottom:var(--space-lg)}h2,.h2{font-size:clamp(32px,4vw,48px);margin-bottom:var(--space-lg)}h3,.h3{font-size:clamp(24px,3vw,36px);margin-bottom:var(--space-md)}h4,.h4{font-size:clamp(20px,2.5vw,28px);margin-bottom:var(--space-md)}p{color:var(--dark-text);line-height:1.6;margin-bottom:var(--space-md)}.lead{font-size:1.125rem;line-height:1.7;color:var(--muted)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;font-size:.8rem;margin-bottom:var(--space-md)}a{color:var(--ocean);text-decoration:none;transition:color var(--transition-fast) ease}a:hover{color:var(--neon)}.gradient-text{background:var(--grad-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-ocean{background:var(--grad-ocean);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-sky{background:var(--grad-sky);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-sunset{background:var(--grad-sunset);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-lime{background:var(--grad-lime);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-block;padding:14px 32px;border-radius:var(--radius-btn);font-weight:600;font-size:16px;transition:all var(--transition-fast) ease;text-decoration:none;border:var(--simple-border);cursor:pointer;position:relative;overflow:hidden;background:var(--bg);color:var(--muted)}.btn:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--transition-fast) ease;z-index:-1}.btn:hover{transform:translateY(-2px)}.btn-primary,.btn.primary{background:var(--bg);color:var(--muted);border:var(--simple-border)}.btn-primary:before,.btn.primary:before{background:var(--grad-ocean)}.btn-primary:hover,.btn.primary:hover{border-color:#0ea5e94d;box-shadow:var(--shadow-ocean);color:#fff}.btn-primary:hover:before,.btn.primary:hover:before{opacity:1}.btn-secondary,.btn.secondary{background:var(--bg);color:var(--dark-text);border:var(--simple-border)}.btn-secondary:hover,.btn.secondary:hover{border-color:#3b82f64d;box-shadow:var(--shadow)}.btn-ghost,.btn.ghost{background:transparent;border:var(--simple-border)}.btn.ghost:before{background:var(--grad-sky)}.btn.ghost:hover{border-color:#67e8f94d;box-shadow:var(--shadow-sky);color:#fff}.btn.ghost:hover:before{opacity:1}.btn.neon:before{background:var(--grad-neon)}.btn.neon:hover{border-color:#22d3ee4d;color:#0b1020;box-shadow:var(--shadow-neon)}.btn.neon:hover:before{opacity:1}.btn.sunset:before{background:var(--grad-sunset)}.btn.sunset:hover{border-color:#ef44444d;color:#111827;box-shadow:var(--shadow-sunset)}.btn.sunset:hover:before{opacity:1}.btn.ocean:before{background:var(--grad-ocean)}.btn.ocean:hover{border-color:#0ea5e94d;box-shadow:var(--shadow-ocean);color:#fff}.btn.ocean:hover:before{opacity:1}.btn.lime:before{background:var(--grad-lime)}.btn.lime:hover{border-color:#84cc164d;box-shadow:var(--shadow-lime);color:var(--dark-text)}.btn.lime:hover:before{opacity:1}.btn.sky:before{background:var(--grad-sky)}.btn.sky:hover{border-color:#67e8f94d;box-shadow:var(--shadow-sky);color:#fff}.btn.sky:hover:before{opacity:1}.card{background:var(--bg);border:var(--simple-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow);transition:all var(--transition-fast) ease;position:relative}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 400px at 50% -20%,rgba(14,165,233,.03),transparent 60%);opacity:0;transition:opacity var(--transition-fast) ease;pointer-events:none;border-radius:var(--radius-lg)}.card:hover{box-shadow:var(--shadow-ocean);border-color:#3b82f633;transform:translateY(-4px)}.card:hover:before{opacity:1}.card:hover .eyebrow{color:#3b82f6}.card-simple{background:var(--bg);border:var(--simple-border);border-radius:var(--radius);padding:var(--space-lg);transition:all var(--transition-fast) ease}.card-simple:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px var(--space-2xl) 60px;position:relative}.hero-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-4xl);align-items:center}.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,5vw,68px);line-height:1.05;margin-bottom:var(--space-lg)}.spark{position:relative;display:inline-block}.spark-text{color:var(--muted);transition:opacity var(--transition-medium) ease}.spark-gradient{position:absolute;top:0;left:0;background:var(--grad-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transition:opacity var(--transition-medium) ease}.hero-content:has(.card:hover) .spark-text{opacity:0}.hero-content:has(.card:hover) .spark-gradient{opacity:1}input[type=text],input[type=email],input[type=password],input[type=search],textarea{padding:var(--space-md) var(--space-lg);border-radius:var(--radius);border:var(--simple-border);background:#fff;color:var(--dark-text);font-size:1rem;transition:all var(--transition-fast);width:100%}input:focus,textarea:focus{outline:none;border-color:var(--ocean);box-shadow:0 0 0 3px #0ea5e91a}.form-group{margin-bottom:var(--space-lg)}label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--dark-text)}.email-form{display:flex;gap:var(--space-md);max-width:500px;margin:0 auto}.email-form input{flex:1}.email-form button{padding:var(--space-md) var(--space-xl);border-radius:var(--radius);border:var(--simple-border);background:var(--bg);color:var(--muted);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.email-form button:hover{background:var(--grad-ocean);color:#fff;border-color:transparent;transform:translateY(-2px)}.feature{display:flex;gap:var(--space-md);align-items:flex-start;margin-bottom:var(--space-lg)}.feature-title{font-family:var(--font-display);font-weight:800;font-size:22px;margin-bottom:var(--space-sm);color:var(--dark-text)}.feature-description{color:var(--muted);line-height:1.6}.dot{width:14px;height:14px;border-radius:50%;background:#e2e8f0;flex-shrink:0;margin-top:8px;transition:all var(--transition-fast) ease}.card:hover .dot[data-color=sky]{background:var(--grad-sky)}.card:hover .dot[data-color=ocean]{background:var(--grad-ocean)}.card:hover .dot[data-color=lime]{background:var(--grad-lime)}.card:hover .dot[data-color=neon]{background:var(--grad-neon)}.card:hover .dot[data-color=sunset]{background:var(--grad-sunset)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-4xl) var(--space-2xl)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.blog-content img{display:block!important;max-width:100%!important;height:auto!important;margin:2rem auto!important}.blog-content p img{display:block!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}.blog-content pre,.blog-content .shiki{background:#0d1117!important;color:#c9d1d9!important;padding:1.5rem!important;border-radius:8px!important;overflow-x:auto!important;margin:2rem 0!important;border:1px solid #30363d!important;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace!important;font-size:.875rem!important;line-height:1.6!important}.blog-content pre code,.blog-content .shiki code{background:none!important;padding:0!important;color:inherit!important;font-size:inherit!important;font-family:inherit!important}.blog-content code:not(pre code),.blog-content :not(pre)>code{background:#161b22!important;color:#ff7b72!important;padding:.2rem .4rem!important;border-radius:4px!important;font-size:.85em!important;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace!important;border:1px solid #30363d!important}.blog-content .line{display:inline-block;width:100%}.blog-content pre::-webkit-scrollbar{height:8px;width:8px}.blog-content pre::-webkit-scrollbar-track{background:#161b22;border-radius:4px}.blog-content pre::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.blog-content pre::-webkit-scrollbar-thumb:hover{background:#484f58}.quote{background:var(--bg);border:var(--simple-border);border-radius:0;padding:var(--space-3xl);box-shadow:var(--shadow);text-align:center;margin:var(--space-4xl) 0;width:100vw;margin-left:calc(-50vw + 50%);transition:all var(--transition-medium) ease;position:relative;overflow:hidden}.quote:after{content:"";position:absolute;inset:0;background:var(--grad-ocean);opacity:0;transition:opacity var(--transition-medium) ease;z-index:-1}.quote:hover{color:#fff;transform:scale(1.02);box-shadow:var(--shadow-ocean)}.quote:hover:after{opacity:1}.quote p{font-family:var(--font-display);font-size:28px;font-weight:800;margin:0 0 var(--space-md) 0;position:relative;z-index:1;color:var(--muted);transition:color var(--transition-fast) ease}.quote:hover p{color:#fff}.quote-author{opacity:.9;font-size:1.1rem;position:relative;z-index:1;color:var(--muted);transition:color var(--transition-fast) ease}.quote:hover .quote-author{color:#fff}.cta{background:var(--bg);border:var(--simple-border);padding:var(--space-4xl) var(--space-2xl);border-radius:0;text-align:center;position:relative;overflow:hidden;margin:var(--space-4xl) 0;width:100vw;margin-left:calc(-50vw + 50%);cursor:pointer;transition:all var(--transition-medium) ease}.cta:before{content:"";position:absolute;inset:0;background:var(--grad-neon);opacity:0;transition:opacity var(--transition-medium) ease;z-index:-1}.cta:hover{border-color:transparent;transform:scale(1.01);box-shadow:var(--shadow-neon)}.cta:hover:before{opacity:1}.cta h2{transition:color var(--transition-fast) ease}.cta:hover h2{color:#fff}.cta p{font-size:1.2rem;margin-bottom:var(--space-xl);transition:color var(--transition-fast) ease}.cta:hover p{color:#fff}footer{padding:60px var(--space-2xl) 40px;text-align:center;position:relative;z-index:2}.footer-logo{font-family:var(--font-display);font-weight:800;font-size:2rem;color:var(--dark-text);margin-bottom:var(--space-md);cursor:pointer;transition:all var(--transition-fast)}.footer-logo:hover{background:var(--grad-ocean);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.social-links{display:flex;gap:var(--space-lg);justify-content:center;margin:var(--space-xl) 0}.social-links a{color:var(--muted);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.social-links a:hover{color:var(--dark-text)}@keyframes float{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-100px) translate(50px)}66%{transform:translateY(100px) translate(-50px)}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes chrome-sheen{0%{background-position:-200% 0}50%{background-position:200% 0}to{background-position:-200% 0}}.animate-float{animation:float 15s infinite ease-in-out}.animate-sparkle{animation:sparkle 2s ease-in-out infinite}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.chrome-sheen{background:linear-gradient(110deg,#475569 45%,#94a3b8,#475569 65%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:chrome-sheen 10s ease-in-out infinite;display:inline-block}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-0{padding:0}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-10{z-index:10}@media (max-width: 960px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hero-content{grid-template-columns:1fr;gap:var(--space-2xl)}}@media (max-width: 768px){.container{padding:0 var(--space-md)}.hero{padding:100px var(--space-lg) 60px}.section{padding:var(--space-3xl) var(--space-lg)}.card{padding:var(--space-lg)}.quote,.cta{padding:var(--space-2xl) var(--space-lg);margin:var(--space-3xl) 0}h1,.h1{font-size:clamp(32px,8vw,48px)}footer{padding:var(--space-2xl) var(--space-lg)}}