@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700;800&display=swap";
:root{--bg:#e8e8e8;--bg-white:#f2f2f2;--bg-dark:#111;--accent:#f50;--accent-hover:#e64d00;--text-dark:#111;--text-light:#fff;--text-muted:#888;--border:#0000001a;--font-heading:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:999px;--transition:all .35s cubic-bezier(.16,1,.3,1);--shadow:0 4px 24px #00000014;--shadow-lg:0 16px 48px #0000001f;--promo-bar-height:32px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}::selection{background:var(--accent);color:#fff}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--bg);color:var(--text-dark);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.03em;font-weight:700;line-height:1.08}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);font-size:.9rem;font-weight:600;font-family:var(--font-body);border:none;align-items:center;gap:8px;padding:14px 26px;display:inline-flex}.btn-dark{background:var(--bg-dark);color:#fff}.btn-dark:hover{background:#2a2a2a;transform:translateY(-2px)}.btn-outline{color:var(--text-dark);border:1.5px solid var(--text-dark);background:0 0}.btn-outline:hover{background:var(--text-dark);color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover);transform:translateY(-2px)}.arrow-btn{background:var(--accent);color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.arrow-btn:hover{background:var(--accent-hover);transform:scale(1.08)}.nav{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e8e8e8d9;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;width:100%;padding:18px 48px;display:flex;position:fixed;top:0;left:0}.nav-logo{font-family:var(--font-heading);letter-spacing:-.04em;font-size:1.35rem;font-weight:800}.nav-links{align-items:center;gap:36px;display:flex}.nav-links a{color:var(--text-dark);opacity:.75;font-size:.9rem}.nav-links a:hover{opacity:1}.nav-links .btn{color:#fff;opacity:1}.nav-menu-icon{cursor:pointer;flex-direction:column;justify-content:space-between;width:36px;height:28px;display:none}.nav-menu-icon span{background:var(--text-dark);height:2px;transition:var(--transition);transform-origin:50%;border-radius:2px;display:block}@keyframes blink{50%{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.anim-up{animation:.9s cubic-bezier(.16,1,.3,1) both fadeInUp}.anim-up-2{animation:.9s cubic-bezier(.16,1,.3,1) .12s both fadeInUp}.anim-up-3{animation:.9s cubic-bezier(.16,1,.3,1) .24s both fadeInUp}.anim-up-4{animation:.9s cubic-bezier(.16,1,.3,1) .36s both fadeInUp}.anim-scale{animation:.9s cubic-bezier(.16,1,.3,1) .1s both scaleIn}.section{max-width:1400px;margin:0 auto;padding:80px 48px;scroll-margin-top:80px}.hero-grid{grid-template-columns:1fr 1fr;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:40px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.featured-blog-grid{grid-template-columns:1fr auto;align-items:center;gap:40px;display:grid}.newsletter-form{gap:12px;display:flex}.tag{border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;padding:5px 14px;font-size:.78rem;font-weight:600;display:inline-block}.tag-dark{background:var(--bg-dark);color:#fff}.tag-gray{color:var(--text-dark);background:#d4d4d4}.tag-accent{background:var(--accent);color:#fff}.stat-number{font-family:var(--font-heading);color:var(--text-dark);letter-spacing:-.04em;font-size:3rem;font-weight:800;line-height:1}.hover-lift{transition:var(--transition)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:1024px){.section{padding:60px 32px}.nav{padding:16px 32px}}@media (max-width:900px){.hero-grid{grid-template-columns:1fr!important}.hero-content{padding:40px 24px!important}.stats-grid,.services-grid,.portfolio-grid,.case-studies-grid,.process-grid,.testimonials-grid,.pricing-grid,.contact-grid,.grid-2,.grid-3,.featured-blog-grid{grid-template-columns:1fr!important;gap:30px!important}.section{padding:40px 20px!important}.hero-grid,.grid-2,.grid-3{gap:24px!important}.newsletter-form{flex-direction:column!important}.process-grid>div{border-bottom:1px solid var(--border);border-left:none!important}.process-grid>div:last-child{border-bottom:none}.hero-visual{border-radius:0!important;margin:0!important}.process-arrow{inset:auto auto -16px 50%!important;transform:translate(-50%)rotate(90deg)!important}.hero-visual-inner{min-height:400px!important;padding:24px!important}footer{padding:40px 24px 24px!important}}@media (max-width:768px){.nav-links{background:var(--bg);z-index:999;flex-direction:column;gap:30px;width:100%;height:calc(100vh - 70px);padding:40px;display:none;position:fixed;top:70px;left:0}.nav-links.nav-links-open,.nav-menu-icon{display:flex}.section{padding:50px 20px}}.builder-browser-frame{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#0a0a0ab3;border:1px solid #ffffff14;flex-direction:column;width:100%;height:350px;margin-top:12px;margin-bottom:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009,inset 0 1px #ffffff0d}.builder-browser-header{z-index:10;background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;height:36px;padding:0 16px;display:flex;position:relative}.browser-dots{gap:6px;display:flex}.browser-dot{border-radius:50%;width:8px;height:8px}.dot-red{background:#ef4444}.dot-yellow{background:#eab308}.dot-green{background:#22c55e}.browser-address-bar{color:#fff6;letter-spacing:.05em;background:#ffffff0a;border:1px solid #ffffff08;border-radius:4px;flex-grow:1;justify-content:center;align-items:center;max-width:320px;height:20px;margin:0 auto;font-family:monospace;font-size:.62rem;display:flex}.builder-browser-screen{background:#060606;flex-direction:column;flex-grow:1;padding:16px;display:flex;position:relative;overflow:hidden}.prompt-overlay-box{border-radius:var(--radius-sm);z-index:20;background:#0d0d0dd9;border:1px solid #f503;align-items:center;gap:8px;width:100%;height:38px;margin-bottom:12px;padding:10px 14px;font-family:monospace;font-size:.72rem;display:flex;box-shadow:0 8px 24px #00000080,inset 0 1px #ffffff05}.prompt-icon-ai{color:var(--accent);align-items:center;font-weight:700;animation:1.5s infinite pulse-glow;display:flex}.prompt-text-dynamic{color:#ffffffe6;white-space:nowrap;border-right:2px solid var(--accent);animation:.8s infinite blink-cursor;overflow:hidden}.builder-visual-canvas{background:radial-gradient(circle,#14141466 0%,#000c 100%);border:1px solid #ffffff08;border-radius:6px;flex-grow:1;position:relative;overflow:hidden}.blueprint-grid-bg{pointer-events:none;z-index:1;background-image:linear-gradient(#ff550008 1px,#0000 1px),linear-gradient(90deg,#ff550008 1px,#0000 1px);background-size:20px 20px;animation:20s linear infinite blueprint-move;position:absolute;inset:-20px}@keyframes blueprint-move{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.blueprint-laser-scanner{background:linear-gradient(90deg,transparent,var(--accent),#f80,var(--accent),transparent);width:100%;height:2px;box-shadow:0 0 10px var(--accent),0 0 20px var(--accent);z-index:2;pointer-events:none;animation:4s ease-in-out infinite laser-sweep;position:absolute;left:0}@keyframes laser-sweep{0%,to{opacity:.1;top:0%}50%{opacity:.9;top:100%}}.phase-view-wrapper{z-index:3;justify-content:center;align-items:center;width:100%;height:100%;padding:12px;display:flex;position:absolute;top:0;left:0}.wireframe-skeleton-container{grid-template-columns:1fr 2fr;gap:12px;width:100%;height:100%;animation:.5s ease-out forwards fade-in-scale;display:grid}.wireframe-box{background:#ff550005;border:1px dashed #ff550040;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.wireframe-box:after{content:"";border-top:1px solid #f506;border-left:1px solid #f506;width:6px;height:6px;position:absolute;top:4px;left:4px}.wireframe-box-right{grid-template-rows:1fr 1fr;gap:12px;display:grid}.floating-tech-badge{color:var(--accent);background:#ff550014;border:1px solid #f503;border-radius:12px;margin:4px;padding:4px 10px;font-family:monospace;font-size:.58rem;animation:3s ease-in-out infinite alternate tech-float}@keyframes tech-float{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.fintech-dashboard-mock{grid-template-columns:1fr 1.6fr;gap:12px;width:100%;height:100%;animation:.5s ease-out forwards fade-in-scale;display:grid}.dashboard-card-mini{background:#0f0f0fd9;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;justify-content:space-between;padding:10px;display:flex;box-shadow:0 4px 12px #0000004d}.card-accent-border{border-color:#ff550040;box-shadow:0 4px 12px #ff55000d}.fintech-metric-value{font-family:var(--font-heading);color:#fff;align-items:center;gap:6px;margin-top:4px;font-size:1.1rem;font-weight:700;display:flex}.fintech-chart-area{background:#0f0f0fd9;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:10px;display:flex;position:relative;overflow:hidden}.svg-animated-path{stroke-dasharray:600;stroke-dashoffset:600px;animation:3s ease-out forwards draw-chart}@keyframes draw-chart{to{stroke-dashoffset:0}}.neural-mapping-mock{grid-template-columns:1.2fr 1fr;gap:12px;width:100%;height:100%;animation:.5s ease-out forwards fade-in-scale;display:grid}.logic-nodes-visual{background:#0f0f0fd9;border:1px solid #ffffff0d;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:flex;position:relative;overflow:hidden}.brain-svg-container{justify-content:center;align-items:center;width:100%;height:100%;animation:4s ease-in-out infinite alternate brain-breathing;display:flex}@keyframes brain-breathing{0%{filter:drop-shadow(0 4px 10px #8b5cf640);transform:translateY(2px)scale(.97)}to{filter:drop-shadow(0 8px 24px #8b5cf680);transform:translateY(-4px)scale(1.02)}}.brain-cortex-neuron{transform-origin:50%;animation:2s infinite alternate synapse-pulse}@keyframes synapse-pulse{0%{r:2.5;fill:#c084fc;filter:drop-shadow(0 0 2px #8b5cf6);opacity:.6}50%{r:4;fill:#a78bfa;filter:drop-shadow(0 0 6px #c084fc);opacity:1}to{r:3;fill:#f472b6;filter:drop-shadow(0 0 4px #ec4899);opacity:.85}}.brain-signal-path{stroke-dasharray:6 12;animation:2s linear infinite brain-signal-flow}@keyframes brain-signal-flow{to{stroke-dashoffset:-36px}}.chat-interaction-mock{background:#0f0f0fd9;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;justify-content:space-between;gap:8px;padding:10px;display:flex;box-shadow:0 4px 12px #0000004d}.chat-bubble-mock{border-radius:6px;max-width:85%;padding:6px 10px;font-size:.65rem;animation:.3s ease-out forwards bubble-slide-in}.bubble-ai{color:#c084fc;background:#8b5cf61f;border:1px solid #8b5cf633;border-bottom-left-radius:0;align-self:flex-start}.bubble-user{color:#ffffffe6;background:#ffffff0a;border:1px solid #ffffff14;border-bottom-right-radius:0;align-self:flex-end}@keyframes bubble-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink-cursor{50%{border-color:#0000}}@keyframes pulse-glow{0%,to{opacity:.7;filter:drop-shadow(0 0 1px var(--accent));transform:scale(.96)}50%{opacity:1;filter:drop-shadow(0 0 5px var(--accent));transform:scale(1.04)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.live-glow-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite livepulse;display:inline-block}@keyframes livepulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.term-pulse-dot{background:#22c55e;border-radius:50%;width:5px;height:5px;animation:1.2s infinite termpulse}@keyframes termpulse{0%,to{opacity:.2}50%{opacity:1}}@keyframes fadeInLog{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.glitch-effect{animation:.2s cubic-bezier(.25,.46,.45,.94) both rgb-split-glitch}@keyframes rgb-split-glitch{0%{filter:drop-shadow(0 0 #0000);transform:translate(0)}20%{filter:drop-shadow(-3px 0 #f00c)drop-shadow(3px 0 #0ffc);transform:translate(-3px,3px)}40%{filter:drop-shadow(3px 0 #f00c)drop-shadow(-3px 0 #0ffc);transform:translate(-3px,-3px)}60%{filter:drop-shadow(-3px 0 #f00c)drop-shadow(3px 0 #0ffc);transform:translate(3px,3px)}80%{filter:drop-shadow(3px 0 #f00c)drop-shadow(-3px 0 #0ffc);transform:translate(3px,-3px)}to{filter:drop-shadow(0 0 #0000);transform:translate(0)}}.matrix-code-stream{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;pointer-events:none;background:#050505a6;border-right:1px solid #ffffff0d;width:140px;height:100%;position:absolute;top:0;left:0;overflow:hidden}.matrix-code-stream:after{content:"";background:linear-gradient(#0000,#000000f2);width:100%;height:40px;position:absolute;bottom:0;left:0}.matrix-code-stream:before{content:"";z-index:1;background:linear-gradient(#000000f2,#0000);width:100%;height:40px;position:absolute;top:0;left:0}.code-content{color:#22c55e73;white-space:nowrap;padding:10px 6px;font-family:monospace;font-size:.38rem;line-height:1.5;animation:12s linear infinite code-scroll-up}@keyframes code-scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.top-section{padding-top:140px!important}@media (max-width:900px){.top-section{padding-top:120px!important}}@media (max-width:768px){.top-section{padding-top:110px!important}}.onboarding-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#fff;border:1px solid #00000008;padding:48px}.onboarding-form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.onboarding-booking-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.checkout-card{background:var(--bg-dark);color:#fff;border-radius:var(--radius-lg);margin-top:32px;padding:32px;box-shadow:0 20px 40px #0000001a}.coupon-row{border-radius:var(--radius-md);background:#ffffff05;border:1px dashed #ffffff26;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}@media (max-width:768px){.onboarding-card{border-radius:var(--radius-lg)!important;padding:28px 20px!important}.onboarding-form-grid{grid-template-columns:1fr!important;gap:16px!important;margin-bottom:16px!important}.onboarding-booking-grid{grid-template-columns:1fr!important;gap:24px!important}.checkout-card{border-radius:var(--radius-md)!important;margin-top:24px!important;padding:20px 16px!important}.coupon-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.coupon-row input{width:100%!important}}