*{box-sizing:border-box;margin:0;padding:0}:root{--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-success:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--bg-dark:#0a0a0a;--bg-darker:#050505;--bg-card:#141414;--bg-card-hover:#1a1a1a;--white:#fff;--off-white:#f5f5f5;--gray-100:#e5e5e5;--gray-200:#ccc;--gray-400:#999;--gray-600:#666;--gray-800:#333;--purple:#667eea;--pink:#f5576c;--cyan:#00f2fe;--green:#43e97b;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--max-width:1400px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--off-white);background:var(--bg-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;font-weight:400;line-height:1.6;position:relative;overflow-x:hidden}#root{z-index:1;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--white);letter-spacing:-.02em;font-weight:800;line-height:1.2}h1{margin-bottom:var(--space-md);font-size:clamp(2.5rem,5vw,3.75rem)}h2{margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,3rem)}h3{margin-bottom:var(--space-sm);font-size:clamp(1.5rem,3vw,2rem)}h4{margin-bottom:var(--space-sm);font-size:1.25rem}p{margin-bottom:var(--space-sm);color:var(--gray-200)}.lead{color:var(--gray-200);font-size:1.25rem;font-weight:400;line-height:1.7}.container{max-width:var(--max-width);margin:0 auto;padding:0 2.5rem}section{padding:var(--space-2xl) 0;position:relative}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-header{text-align:center;max-width:800px;margin:0 auto var(--space-2xl)}.section-label{background:var(--gradient-secondary);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-sm);font-size:.875rem;font-weight:800;font-family:var(--font-display);-webkit-background-clip:text;background-clip:text}.btn{font-size:.95rem;font-family:var(--font-display);transition:var(--transition);cursor:pointer;border:none;border-radius:10px;padding:.875rem 1.75rem;font-weight:700;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;width:100%;height:100%;transition:var(--transition);background:linear-gradient(135deg,#ffffff1a 0%,#0000 100%);position:absolute;top:0;left:0}.btn:hover:before{opacity:1}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:0 8px 30px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #667eea99}.btn-secondary{color:var(--white);background:0 0;border:2px solid #fff3}.btn-secondary:hover{border-color:var(--purple);background:#667eea1a}.btn-large{padding:1.125rem 2.25rem;font-size:1.05rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes meshMove{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(-5%,5%)rotate(5deg)}66%{transform:translate(5%,-5%)rotate(-5deg)}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #00f2feb3}50%{opacity:.8;box-shadow:0 0 0 10px #00f2fe00}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.85}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(64px,64px)}}@keyframes bgOrbDrift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(3%,-4%)scale(1.05)}66%{transform:translate(-4%,3%)scale(.95)}}@keyframes bgPulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes textReveal{0%{opacity:0;filter:blur(6px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes statPop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (width<=1024px){.hero-content,.features-grid,.showcase-grid,.footer-content,.footer-columns,.blog-grid,.hero-stats{grid-template-columns:1fr!important}.nav-links{display:none!important}.nav-links.open,.nav-menu-btn{display:flex!important}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity var(--reveal-duration,.75s) cubic-bezier(.22, 1, .36, 1), transform var(--reveal-duration,.75s) cubic-bezier(.22, 1, .36, 1);transition-delay:var(--reveal-delay,0s)}.reveal-up{transform:translateY(36px)}.reveal-down{transform:translateY(-36px)}.reveal-left{transform:translate(-36px)}.reveal-right{transform:translate(36px)}.reveal-scale{transform:scale(.94)}.reveal-fade{transform:none}.reveal.is-visible{opacity:1;transform:translate(0)scale(1)}.hero-stagger>*{opacity:0;animation:.85s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.hero-stagger>:first-child{animation-delay:50ms}.hero-stagger>:nth-child(2){animation-delay:.15s}.hero-stagger>:nth-child(3){animation-delay:.25s}.hero-stagger>:nth-child(4){animation-delay:.35s}.hero-stagger>:nth-child(5){animation-delay:.45s}.stagger-children>*{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.stagger-children.is-visible>:first-child{opacity:1;transition-delay:50ms;transform:translateY(0)}.stagger-children.is-visible>:nth-child(2){opacity:1;transition-delay:.12s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(3){opacity:1;transition-delay:.19s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(4){opacity:1;transition-delay:.26s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(5){opacity:1;transition-delay:.33s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(6){opacity:1;transition-delay:.4s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(7){opacity:1;transition-delay:.47s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(8){opacity:1;transition-delay:.54s;transform:translateY(0)}.lead-fade-in{opacity:0;animation:.85s cubic-bezier(.22,1,.36,1) .5s forwards fadeInUp}.reveal.is-visible .section-label{animation:.6s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.reveal.is-visible h2{animation:.7s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.reveal.is-visible .lead{animation:.7s cubic-bezier(.22,1,.36,1) .15s forwards fadeInUp}.bg-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(50% 40% at 50% 0,#667eea14 0%,#0000 60%);animation:10s ease-in-out infinite bgPulse;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.reveal,.reveal.is-visible,.hero-stagger>*,.stagger-children>*,.stagger-children.is-visible>*,.lead-fade-in,.bg-section:before,.typewriter-cursor{opacity:1;transition:none;animation:none;transform:none}}.particle-canvas{pointer-events:none;z-index:-1;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}@media (prefers-reduced-motion:reduce){.particle-canvas{display:none}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;transition:var(--transition);background:#0a0a0af2;border-bottom:1px solid #ffffff0d;animation:.6s cubic-bezier(.22,1,.36,1) slideDown;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#0a0a0afa;border-bottom:1px solid #667eea4d}.nav-container{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:1rem 2.5rem;display:flex}.logo{font-family:var(--font-display);background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900;text-decoration:none}.nav-links{align-items:center;gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--gray-200);font-size:.95rem;font-weight:500;font-family:var(--font-display);transition:var(--transition);text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--white)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-menu-btn span{background:var(--white);width:24px;height:2px;transition:var(--transition);display:block}@media (width<=1024px){.nav-menu-btn{display:flex}.nav-links{background:#0a0a0afa;border-bottom:1px solid #667eea4d;flex-direction:column;gap:1rem;padding:1.5rem 2.5rem 2rem;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{animation:.35s ease-out fadeInUp;display:flex}.nav-menu-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-menu-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-menu-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}.hero{align-items:center;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(60px);background:radial-gradient(circle at 20% 30%,#667eea26 0%,#0000 50%),radial-gradient(circle at 80% 70%,#f5576c26 0%,#0000 50%),radial-gradient(circle,#00f2fe1a 0%,#0000 50%);width:150%;height:150%;animation:20s ease-in-out infinite meshMove;position:absolute}.hero-content{z-index:2;gap:var(--space-2xl);grid-template-columns:1.1fr .9fr;align-items:center;display:grid;position:relative}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.875rem;font-weight:600;font-family:var(--font-display);margin-bottom:var(--space-md);color:var(--white);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;display:inline-flex}.badge-dot{background:var(--gradient-accent);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.hero-buttons{gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.hero-stats{gap:var(--space-lg);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);display:grid}.hero-stat{opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.hero-stat:first-child{animation-delay:.65s}.hero-stat:nth-child(2){animation-delay:.75s}.hero-stat:nth-child(3){animation-delay:.85s}.hero-stat-number{font-family:var(--font-display);background:var(--gradient-accent);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:2.25rem;font-weight:900;display:block}.hero-stat-label{color:var(--gray-400);font-size:.875rem;font-family:var(--font-display)}.hero-visual{perspective:1200px;justify-content:center;animation:1.2s ease-out .3s both fadeInRight;display:flex;position:relative}.hero-mockup{width:100%;max-width:min(620px,100%);animation:7s ease-in-out infinite heroMockupFloat;position:relative}.hero-mockup-glow{filter:blur(40px);z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 30% 40%,#667eea73,#0000 55%),radial-gradient(50% 45% at 75% 65%,#00f2fe4d,#0000 50%);animation:5s ease-in-out infinite heroGlowPulse;position:absolute;inset:-12%}.hero-mockup-frame{z-index:1;background:linear-gradient(135deg,#667eeacc 0%,#00f2fe80 40%,#764ba2b3 100%);border-radius:16px;padding:2px;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s;position:relative;transform:rotateY(-8deg)rotateX(4deg);box-shadow:0 32px 80px #0000008c,inset 0 0 0 1px #ffffff0f}.hero-mockup:hover .hero-mockup-frame{transform:rotateY(-2deg)rotateX(1deg)translateY(-8px);box-shadow:0 40px 90px #667eea40,0 32px 80px #00000080}.hero-mockup-chrome{background:linear-gradient(#1e1e24 0%,#141418 100%);border-bottom:1px solid #ffffff0f;border-radius:14px 14px 0 0;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.hero-mockup-dots{flex-shrink:0;gap:6px;display:flex}.hero-mockup-dots span{border-radius:50%;width:10px;height:10px}.hero-mockup-dots span:first-child{background:#ff5f57}.hero-mockup-dots span:nth-child(2){background:#febc2e}.hero-mockup-dots span:nth-child(3){background:#28c840}.hero-mockup-url{font-size:.7rem;font-family:var(--font-body);color:var(--gray-400);white-space:nowrap;text-overflow:ellipsis;background:#00000059;border:1px solid #ffffff0f;border-radius:8px;flex:1;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex;overflow:hidden}.hero-mockup-url svg{width:12px;height:12px;color:var(--cyan);opacity:.9;flex-shrink:0}.hero-mockup-screen{background:#0a0a0a;border-radius:0 0 14px 14px;position:relative;overflow:hidden}.hero-mockup-screen img{vertical-align:middle;width:100%;transition:transform .6s;display:block;transform:scale(1.02)}.hero-mockup:hover .hero-mockup-screen img{transform:scale(1.04)}.hero-mockup-shine{pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff0f 48%,#ffffff1f 50%,#ffffff0f 52%,#0000 60%);animation:6s ease-in-out infinite heroShine;position:absolute;inset:0;transform:translate(-120%)}@keyframes heroMockupFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes heroGlowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes heroShine{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}@media (width>=1280px){.hero-mockup{max-width:680px}}@media (width<=900px){.hero-mockup-frame{transform:none}.hero-mockup:hover .hero-mockup-frame{transform:translateY(-6px)}}.features{background:var(--bg-darker)}.features .container{z-index:1;position:relative}.features-carousel-shell{margin-top:var(--space-lg);width:100%}.features-stage{justify-content:center;align-items:center;width:100%;max-width:100%;height:clamp(260px,32vw,340px);padding:0 3.5rem;display:flex;position:relative;overflow:hidden}.features-track{perspective:1400px;width:100%;max-width:1100px;height:100%;margin:0 auto;position:relative}.feature-card{--card-w:min(88vw, 340px);--slide-gap:min(42vw, 360px);width:var(--card-w);transform:translate(calc(-50% + var(--offset) * var(--slide-gap)), -50%) scale(.88);opacity:.45;background:var(--bg-card);cursor:pointer;will-change:transform, opacity;border:1px solid #ffffff0f;border-radius:20px;padding:1.5rem 1.75rem;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s,filter .35s;position:absolute;top:50%;left:50%;overflow:hidden}.feature-card.is-hidden{opacity:0;pointer-events:none;transform:translate(calc(-50% + var(--offset) * var(--slide-gap)), -50%) scale(.5);filter:blur(2px)}.feature-card.is-neighbor{opacity:.55;transform:translate(calc(-50% + var(--offset) * var(--slide-gap)), -50%) scale(.9)}.feature-card.is-neighbor:hover{opacity:.75;transform:translate(calc(-50% + var(--offset) * var(--slide-gap)), -50%) scale(.92)}.feature-card.is-active{opacity:1;transform:translate(calc(-50% + var(--offset) * var(--slide-gap)), -50%) scale(1);cursor:default;border-color:#667eea80;box-shadow:0 24px 56px #00000073,0 0 0 1px #667eea26}.feature-card:before{content:"";background:var(--gradient-primary);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.feature-card.is-active:before{opacity:.07}.feature-card-inner{flex-direction:column;gap:1rem;height:100%;display:flex;position:relative}.feature-icon{background:var(--gradient-primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .4s;display:flex;box-shadow:0 8px 24px #667eea4d}.feature-card.is-active .feature-icon{transform:scale(1.05)}.feature-icon-svg{width:24px;height:24px;color:var(--white);justify-content:center;align-items:center;display:flex}.feature-icon-svg svg{width:100%;height:100%}.feature-card-copy h3{margin-bottom:.5rem;font-size:1.35rem;line-height:1.25}.feature-card-copy p{color:var(--gray-400);margin:0;font-size:.9rem;line-height:1.65}.features-carousel-btn{z-index:30;color:#0a0a0a;cursor:pointer;background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,background .2s,box-shadow .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 20px #00000059}.features-carousel-btn--prev{left:.25rem}.features-carousel-btn--next{right:.25rem}.features-carousel-btn:hover{background:var(--white);transform:translateY(-50%)scale(1.1);box-shadow:0 6px 24px #667eea59}.features-carousel-btn:active{transform:translateY(-50%)scale(.95)}.features-carousel-btn svg{width:20px;height:20px}.features-carousel-footer{max-width:520px;margin:var(--space-md) auto 0;padding:0 1rem}.features-carousel-dots{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.features-dot{cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .25s,transform .25s,width .25s}.features-dot:hover{background:#667eea8c;transform:scale(1.15)}.features-dot.is-active{background:var(--gradient-primary);border-radius:6px;width:28px;box-shadow:0 0 14px #667eea73}.features-carousel-counter{text-align:center;font-size:.8rem;font-family:var(--font-display);color:var(--gray-600);letter-spacing:.08em;margin-top:.65rem}.features-carousel-counter span{color:var(--purple);font-weight:600}.features-progress{background:#ffffff14;border-radius:3px;height:3px;margin-top:.85rem;overflow:hidden}.features-progress-bar{background:var(--gradient-primary);width:0;height:100%;animation:features-progress-fill var(--autoplay-ms) linear forwards;border-radius:3px}.features-progress.is-paused .features-progress-bar{animation-play-state:paused}@keyframes features-progress-fill{0%{width:0}to{width:100%}}@media (width>=640px){.feature-card{--card-w:min(72vw, 400px);--slide-gap:min(38vw, 420px);padding:1.75rem 2rem}.feature-card-inner{flex-direction:row;align-items:flex-start;gap:1.25rem}.feature-card-copy h3{font-size:1.5rem}.feature-card-copy p{font-size:.95rem}}@media (width>=900px){.features-stage{height:300px;padding:0 4.5rem}.feature-card{--card-w:420px;--slide-gap:440px;padding:2rem 2.25rem}.features-track{max-width:1200px}.feature-icon{width:60px;height:60px}.feature-card-copy h3{font-size:1.6rem}}@media (width>=1200px){.feature-card{--card-w:460px;--slide-gap:480px}.features-stage{height:320px}}@media (width<=520px){.features-stage{height:300px;padding:0 2.5rem}.feature-card{--card-w:min(78vw, 300px);--slide-gap:min(78vw, 300px)}.feature-card.is-neighbor{opacity:.35;transform:translateX(calc(var(--offset) * var(--slide-gap))) scale(.82)}.features-carousel-btn{width:36px;height:36px}.features-carousel-btn svg{width:16px;height:16px}}.image-showcase{background:var(--bg-dark)}.image-showcase .container{z-index:1;position:relative}.showcase-grid{gap:var(--space-2xl);margin-top:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.showcase-item{transition:var(--transition)}.showcase-item:hover{transform:translateY(-2px)}.showcase-image{background:var(--bg-card);border:1px solid #ffffff0d;border-radius:20px;width:100%;height:400px;transition:border-color .3s;position:relative;overflow:hidden}.showcase-item:hover .showcase-image{border-color:#667eea66}.showcase-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.showcase-item:hover .showcase-image img{transform:scale(1.04)}.showcase-image-overlay{pointer-events:none;background:linear-gradient(#0000 50%,#0006 100%);position:absolute;inset:0}.showcase-content{margin-top:var(--space-md)}.showcase-content h3{margin-bottom:var(--space-sm);font-size:1.75rem}.showcase-content p{color:var(--gray-200);margin:0}.blog{background:var(--bg-darker);position:relative}.blog .container{z-index:1;position:relative}.blog:before{content:"";background:linear-gradient(90deg,#0000,#667eea66,#0000);width:60%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.blog-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:2rem;display:grid}.blog-card{height:100%}.blog-card-link{background:#1a1a1a;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;height:100%;text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000059}.blog-card-link:hover{border-color:#667eea59;transform:translateY(-5px);box-shadow:0 10px 28px #00000073}.blog-card-link:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.blog-card-media{flex-shrink:0;width:100%;height:14rem;position:relative;overflow:hidden}.blog-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.blog-card-link:hover .blog-card-media img{transform:scale(1.05)}.blog-card-gradient{opacity:.65;mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.blog-card--blue .blog-card-gradient{background:linear-gradient(#2563ebd9,#3b82f680)}.blog-card--purple .blog-card-gradient{background:linear-gradient(#7c3aedd9,#a78bfa80)}.blog-card--green .blog-card-gradient{background:linear-gradient(#059669d9,#34d39980)}.blog-card--cyan .blog-card-gradient{background:linear-gradient(#0ea5e9d9,#22d3ee80)}.blog-card-overlay{color:var(--white);z-index:1;flex-direction:column;justify-content:flex-end;padding:1.25rem;display:flex;position:absolute;inset:0}.blog-card-overlay h3{letter-spacing:-.02em;text-shadow:0 2px 8px #0006;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:1.35rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.blog-card-badges{flex-wrap:wrap;gap:.5rem;display:flex}.blog-pill{font-size:.75rem;font-weight:500;font-family:var(--font-display);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border-radius:50px;align-items:center;gap:.35rem;padding:.35rem .85rem;display:inline-flex;box-shadow:0 1px 3px #0003}.blog-pill svg{flex-shrink:0;width:12px;height:12px}.blog-card-body{background:#141414;flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex}.blog-card-desc{color:var(--gray-200);flex:1;margin:0;font-size:.875rem;line-height:1.65}.blog-tags-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.blog-card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.blog-tag{color:var(--gray-200);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;transition:background .3s,border-color .3s}.blog-card--blue .blog-tag{background:#2563eb1f;border-color:#3b82f640}.blog-card--purple .blog-tag{background:#7c3aed1f;border-color:#a78bfa40}.blog-card--green .blog-tag{background:#0596691f;border-color:#34d39940}.blog-card--cyan .blog-tag{background:#0ea5e91f;border-color:#22d3ee40}.blog-card-actions{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.25rem;display:flex}.blog-action{font-size:.875rem;font-weight:500;font-family:var(--font-display);border:1px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .85rem;transition:transform .2s,background .2s;display:inline-flex}.blog-action svg{width:16px;height:16px}.blog-action--secondary{color:var(--gray-400);background:#ffffff0a;border-color:#ffffff14}.blog-action--primary{color:var(--white);background:var(--purple);border-color:#667eea80;box-shadow:0 2px 8px #667eea40}.blog-card-link:hover .blog-action--primary{background:#5a6fd6;transform:scale(1.03)}@media (width<=1024px){.blog-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}@media (width>=1280px){.blog-grid{gap:2.5rem}.blog-card-media{height:15rem}}.cta{background:var(--bg-card);padding:var(--space-2xl);margin:var(--space-2xl) 2.5rem;text-align:center;border:1px solid #ffffff1a;border-radius:24px;position:relative;overflow:hidden}.cta:before{content:"";background:conic-gradient(#667eea1a 0deg,#0000 60deg 120deg,#f5576c1a 180deg,#0000 240deg 300deg,#667eea1a 360deg);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute;top:-50%;left:-50%}.cta-content{z-index:1;position:relative}.cta h2{margin-bottom:var(--space-md)}.cta p{margin-bottom:var(--space-xl);color:var(--gray-200);font-size:1.25rem}.contact{background:var(--bg-darker);position:relative}.contact:before{content:"";background:linear-gradient(90deg,#0000,#667eea59,#0000);width:60%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.contact-grid{gap:var(--space-2xl);grid-template-columns:1fr 1.15fr;align-items:start;display:grid}.contact-info .section-label{text-align:left;margin-bottom:var(--space-md)}.contact-company{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.35rem;font-size:clamp(2.5rem,5vw,3.5rem)}.contact-location{color:var(--gray-400);margin-bottom:var(--space-xl);font-size:1.25rem;font-family:var(--font-display);letter-spacing:.04em}.contact-connect h3{letter-spacing:.15em;color:var(--gray-400);margin-bottom:var(--space-sm);text-transform:uppercase;font-size:.875rem;font-weight:800}.contact-tagline{color:var(--white);font-size:clamp(1.35rem,2.5vw,1.75rem);font-family:var(--font-display);margin-bottom:var(--space-md);font-weight:700;line-height:1.35}.contact-social{gap:.75rem;display:flex}.contact-social-link{background:var(--bg-card);width:44px;height:44px;color:var(--gray-200);transition:var(--transition);border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;display:flex}.contact-social-link svg{width:20px;height:20px}.contact-social-link:hover{color:var(--white);background:#667eea26;border-color:#667eea80;transform:translateY(-2px)}.contact-form-card{background:var(--bg-card);padding:var(--space-lg);border:1px solid #ffffff0f;border-radius:20px;box-shadow:0 24px 48px #00000059}.contact-form-intro{color:var(--gray-200);margin-bottom:var(--space-lg);font-size:1.05rem;line-height:1.6}.contact-form{flex-direction:column;gap:1.15rem;display:flex}.contact-field label{font-size:.8rem;font-weight:600;font-family:var(--font-display);color:var(--gray-400);letter-spacing:.04em;margin-bottom:.4rem;display:block}.contact-field input,.contact-field textarea{width:100%;font-size:.95rem;font-family:var(--font-body);color:var(--white);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:.85rem 1rem;transition:border-color .25s,box-shadow .25s,background .25s}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--gray-600)}.contact-field input:hover,.contact-field textarea:hover{border-color:#667eea59}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--purple);background:#667eea14;outline:none;box-shadow:0 0 0 3px #667eea33}.contact-field textarea{resize:vertical;min-height:120px}.contact-submit{width:100%;margin-top:.5rem}.contact-success{text-align:center;padding:var(--space-lg) var(--space-sm)}.contact-success p{color:var(--white);margin-bottom:var(--space-md);font-size:1.1rem}@media (width<=900px){.contact-grid{gap:var(--space-xl);grid-template-columns:1fr}.contact-info .section-label,.contact-info{text-align:center}.contact-social{justify-content:center}}@media (width<=640px){.contact-form-card{padding:var(--space-md)}}footer{background:var(--bg-darker);padding:var(--space-2xl) 0 var(--space-lg);border-top:1px solid #ffffff0d}.footer-content{gap:var(--space-2xl);margin-bottom:var(--space-xl);grid-template-columns:2fr 3fr;align-items:start;display:grid}.footer-columns{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.footer-logo{font-family:var(--font-display);background:var(--gradient-primary);-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900}.footer-description{color:var(--gray-400);font-size:.95rem;line-height:1.7}.footer-column h4{color:var(--white);margin-bottom:var(--space-sm);font-size:1rem;font-family:var(--font-display);font-weight:700}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:.5rem}.footer-column a{color:var(--gray-400);transition:var(--transition);font-size:.95rem;text-decoration:none}.footer-column a:hover{color:var(--white)}.footer-bottom{padding-top:var(--space-md);text-align:center;color:var(--gray-600);border-top:1px solid #ffffff0d;font-size:.875rem}