@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";
:root{--color-primary:#059669;--color-primary-dark:#047857;--color-primary-deeper:#022c22;--color-primary-light:#10b981;--color-primary-ultra:#34d399;--color-primary-mist:#05966926;--color-primary-ghost:#05966914;--color-accent:#f59e0b;--color-accent-warm:#d97706;--color-success:#10b981;--color-danger:#ef4444;--color-dark:#0f172a;--color-dark-soft:#1e293b;--color-text:#334155;--color-muted:#64748b;--color-muted-light:#94a3b8;--color-placeholder:#f1f5f9;--color-bg:#ecfdf5;--color-bg-alt:#d1fae5;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-border:#a7f3d0;--color-border-light:#ecfdf5;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-1:.15rem;--space-2:.35rem;--space-3:.5rem;--space-4:.75rem;--space-5:1rem;--space-6:1.25rem;--space-8:1.5rem;--space-10:2rem;--space-12:2.5rem;--space-16:3rem;--space-20:3.5rem;--space-24:4rem;--space-32:5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 8px 24px #0000000d;--shadow-xl:0 12px 32px #00000014;--shadow-glow:0 0 20px #05966926;--shadow-glow-lg:0 0 40px #05966933;--shadow-card:0 4px 12px #0000000d;--shadow-card-hover:0 8px 24px #00000014;--ease-spring:cubic-bezier(.175, .885, .32, 1.1);--ease-smooth:cubic-bezier(.25, 1, .5, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--trans-fast:.2s var(--ease-smooth);--trans-normal:.4s var(--ease-smooth);--trans-slow:.7s var(--ease-smooth)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px;font-size:16px}@media (min-width:768px){html{font-size:18px}}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{font-family:inherit}.mesh-bg{display:none}.text-oversize{letter-spacing:-.035em;color:var(--color-dark);font-size:clamp(2.5rem,5vw,4.25rem);font-weight:800;line-height:1.08}.text-h2{letter-spacing:-.025em;color:var(--color-dark);font-size:clamp(1.875rem,3.5vw,3rem);font-weight:700;line-height:1.12}.text-h3{letter-spacing:-.01em;color:var(--color-dark);font-size:clamp(1.125rem,2vw,1.5rem);font-weight:600}.text-h4{color:var(--color-dark);font-size:1.125rem;font-weight:600}.text-lead{color:var(--color-muted);font-size:clamp(1.05rem,1.5vw,1.2rem);font-weight:400;line-height:1.7}.text-body{color:var(--color-text);font-size:1rem;line-height:1.65}.text-small{color:var(--color-muted);font-size:.875rem;line-height:1.5}.text-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary);font-size:.8125rem;font-weight:700}.text-gradient{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-12) 0}.section-lg{padding:var(--space-16) 0}.section-xl{padding:var(--space-20) 0}.section-header{text-align:center;max-width:640px;margin:0 auto var(--space-12)}.section-header .text-label{margin-bottom:var(--space-3);display:block}.section-header .text-lead{margin-top:var(--space-4)}.nav-wrapper{z-index:100;background:var(--color-primary);transition:var(--trans-normal);border-radius:0 0 var(--radius-3xl) var(--radius-3xl);border-bottom:6px solid var(--color-accent);--nav-text:#fff;--nav-link:#ffffffe6;border-top:none;position:fixed;top:0;left:0;right:0}.nav-wrapper.scrolled{background:var(--color-primary);border-bottom:6px solid var(--color-accent);--nav-text:#fff;--nav-link:#fff}.nav-container{padding:var(--space-4) 0;transition:var(--trans-normal);justify-content:space-between;align-items:center;display:flex}.nav-wrapper.scrolled .nav-container{padding:var(--space-3) 0}.nav-logo{letter-spacing:-.03em;color:var(--color-dark);align-items:center;gap:var(--space-1);font-size:1.2rem;font-weight:800;display:flex}.nav-logo-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));border-radius:var(--radius-sm);color:#fff;width:28px;height:28px;margin-right:var(--space-2);justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.nav-logo span{color:var(--color-primary)}.nav-links{align-items:center;gap:var(--space-1);display:flex}.nav-link{color:var(--nav-link);transition:var(--trans-fast);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:.875rem;font-weight:500}.nav-link:hover{color:#fff;background:var(--color-primary-dark)}.nav-mobile-btn{padding:var(--space-2);cursor:pointer;border-radius:var(--radius-sm);transition:var(--trans-fast);background:0 0;border:none;display:none}.nav-mobile-btn:hover{background:var(--color-bg-alt)}.btn{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-full);transition:all .3s var(--ease-smooth);cursor:pointer;white-space:nowrap;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-full)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-accent{background:var(--color-accent);color:#fff;border-radius:var(--radius-full)}.btn-accent:hover{background:var(--color-accent-warm);color:#fff}.btn-outline{background:var(--color-surface);color:var(--color-dark);border:2px solid var(--color-primary);border-radius:var(--radius-full)}.btn-outline:hover{background:var(--color-bg-alt);border-color:var(--color-primary-light);color:var(--color-primary)}.btn-ghost{color:var(--color-primary);background:0 0;padding:.5rem 1rem}.btn-ghost:hover{background:var(--color-primary-ghost)}.btn-sm{padding:.5rem 1.25rem;font-size:.8125rem}.btn-lg{padding:1rem 2.25rem;font-size:1rem}.btn-white{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff26;border:1px solid #ffffff40}.btn-white:hover{background:#ffffff40;transform:translateY(-2px)}.hero-grid{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:start;display:grid}.hero-buttons{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-badge{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);color:var(--color-text);padding:.4rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot}@keyframes pulseDot{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.stats-bar{background:linear-gradient(135deg, var(--color-dark) 0%, #1a2744 50%, var(--color-dark-soft) 100%);padding:var(--space-8) 0;margin-top:var(--space-16);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.stats-bar-grid{justify-content:space-around;align-items:center;gap:var(--space-6);text-align:center;flex-wrap:wrap;display:flex}.stats-bar-item{color:#fff}.stats-bar-value{margin-bottom:var(--space-1);font-size:2.5rem;font-weight:800}.stats-bar-label{color:var(--color-primary-mist);font-size:.9375rem;font-weight:500}@media (max-width:768px){.stats-bar{padding:var(--space-6) 0;margin-top:var(--space-10)}.stats-bar-grid{gap:var(--space-6) var(--space-4);grid-template-columns:1fr 1fr;display:grid}.stats-bar-value{font-size:1.75rem}.stats-bar-label{font-size:.8125rem}}.hero-visual{justify-content:center;align-items:flex-start;min-height:420px;margin-top:3.5rem;display:flex;position:relative}.hero-mockup{aspect-ratio:4/3;background:var(--color-surface);border-radius:var(--radius-2xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-mockup-bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);display:flex}.hero-mockup-dot{border-radius:50%;width:10px;height:10px}.hero-mockup-dot:first-child{background:#ef4444}.hero-mockup-dot:nth-child(2){background:#f59e0b}.hero-mockup-dot:nth-child(3){background:#10b981}.hero-mockup-url{background:var(--color-surface);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);color:var(--color-muted);margin-left:var(--space-2);border:1px solid var(--color-border-light);flex:1;font-size:.75rem}.hero-mockup-body{padding:var(--space-6);gap:var(--space-4);flex-direction:column;flex:1;display:flex}.hero-mockup-line{border-radius:var(--radius-full);background:var(--color-bg-alt);height:10px;animation:2.5s ease-in-out infinite shimmer}.hero-mockup-line:first-child{width:60%;animation-delay:0s}.hero-mockup-line:nth-child(2){width:85%;animation-delay:.2s}.hero-mockup-line:nth-child(3){width:45%;animation-delay:.4s}.hero-mockup-line:nth-child(4){width:72%;animation-delay:.6s}.hero-mockup-line:nth-child(5){width:55%;animation-delay:.8s}.hero-mockup-block{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary-ghost), var(--color-primary-mist));height:80px;animation:2.5s ease-in-out 1s infinite shimmer}.hero-mockup-block-sm{border-radius:var(--radius-md);background:var(--color-bg-alt);height:48px;animation:2.5s ease-in-out infinite shimmer}.blinking-cursor{background-color:var(--color-muted);vertical-align:middle;width:2px;height:12px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-mockup-circle{background:linear-gradient(135deg, var(--color-primary-ghost), var(--color-primary-mist));border-radius:50%;flex-shrink:0;width:48px;height:48px;animation:2.5s ease-in-out infinite shimmer}.hero-mockup-circle-sm{background:var(--color-bg-alt);border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:2.5s ease-in-out infinite shimmer}.mockup-layout-wrapper{flex:1;position:relative}.mockup-layout{padding:var(--space-6);box-sizing:border-box;opacity:0;pointer-events:none;gap:var(--space-4);flex-direction:column;transition:opacity .5s ease-in-out;display:flex;position:absolute;inset:0}.mockup-layout.active{opacity:1;pointer-events:auto;z-index:10}.mockup-grid-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.mockup-grid-3{gap:var(--space-2);grid-template-columns:1fr 1fr 1fr;display:grid}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.hero-float-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);z-index:2;animation:6s ease-in-out infinite floatCard;display:flex;position:absolute}.hero-float-card.card-1{animation-delay:0s;top:10%;right:-10%}.hero-float-card.card-2{animation-delay:-2s;bottom:15%;left:-8%}.hero-float-card.card-3{animation-delay:-4s;bottom:5%;right:-5%}.hero-float-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hero-float-icon.icon-blue{background:var(--color-primary-ghost);color:var(--color-primary)}.hero-float-icon.icon-green{color:var(--color-success);background:#ecfdf5}.hero-float-icon.icon-amber{color:var(--color-accent-warm);background:#fffbeb}.hero-float-text{color:var(--color-dark);font-size:.8125rem;font-weight:600}.hero-float-sub{color:var(--color-muted);margin-top:1px;font-size:.6875rem}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.services-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.service-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-8);transition:var(--trans-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.service-card-wide{grid-column:span 2}.service-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));opacity:0;height:3px;transition:var(--trans-normal);position:absolute;top:0;left:0;right:0}.service-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-card-hover);background:#fffffff2;transform:translateY(-6px)}.service-card:hover:before{opacity:1}.service-icon{background:var(--color-primary-ghost);width:52px;height:52px;color:var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);transition:var(--trans-normal);justify-content:center;align-items:center;display:flex}.service-card:hover .service-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;transform:scale(1.05)}.service-title{color:var(--color-dark);margin-bottom:var(--space-3);font-size:1.25rem;font-weight:700}.service-desc{color:var(--color-muted);flex-grow:1;font-size:.9375rem;line-height:1.65}.pricing-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-8);transition:var(--trans-normal);border-radius:0;position:relative;overflow:hidden}.pricing-card:hover{box-shadow:none;transform:none}.pricing-card.featured{background:var(--color-dark);border:1px solid var(--color-primary);color:#fff;box-shadow:none;transform:none}.pricing-card.featured:hover{transform:scale(1.03)translateY(-6px)}.pricing-popular-badge{top:var(--space-4);right:var(--space-4);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;padding:.25rem .875rem;font-size:.6875rem;font-weight:700;position:absolute}.pricing-tier{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);font-size:.8125rem;font-weight:700;display:flex}.pricing-card.featured .pricing-tier{color:var(--color-primary-light)}.pricing-name{color:var(--color-dark);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:700}.pricing-card.featured .pricing-name{color:#fff}.pricing-desc{color:var(--color-muted);margin-bottom:var(--space-6);font-size:.875rem;line-height:1.5}.pricing-card.featured .pricing-desc{color:var(--color-muted-light)}.pricing-price{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.pricing-card.featured .pricing-price{border-color:#ffffff1a}.pricing-prefix{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:var(--space-1);font-size:.8125rem;font-weight:600}.pricing-card.featured .pricing-prefix{color:var(--color-muted-light)}.pricing-amount{align-items:baseline;gap:var(--space-1);line-height:1;display:flex}.pricing-amount-main{color:var(--color-dark);letter-spacing:-.02em;font-size:2.5rem;font-weight:800}.pricing-card.featured .pricing-amount-main{color:#fff}.pricing-amount-suffix{color:var(--color-muted);font-size:.95rem;font-weight:600}.pricing-card.featured .pricing-amount-suffix{color:var(--color-muted-light)}.pricing-period{color:var(--color-muted);margin-top:var(--space-1);font-size:.8125rem}.pricing-card.featured .pricing-period{color:var(--color-muted-light)}.pricing-features{margin-bottom:var(--space-8);gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.pricing-feature{align-items:flex-start;gap:var(--space-3);color:var(--color-text);font-size:.9rem;line-height:1.4;display:flex}.pricing-card.featured .pricing-feature{color:#ffffffd9}.pricing-check{width:18px;height:18px;color:var(--color-success);flex-shrink:0;margin-top:1px}.pricing-card.featured .pricing-check{color:var(--color-primary-light)}.pricing-card .btn{width:100%}.pricing-card.featured .btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));box-shadow:0 4px 20px #2563eb66}.btn-custom-tier{margin-top:var(--space-4);width:100%!important}@media (min-width:1025px){.pricing-card.custom-tier{gap:var(--space-10);padding:var(--space-10);grid-column:span 3;grid-template-columns:1fr 1.8fr;align-items:center;display:grid}.pricing-card.custom-tier .pricing-features{gap:var(--space-4);grid-template-columns:1fr 1fr;margin-bottom:0;display:grid}.pricing-card.custom-tier .pricing-price{margin-bottom:var(--space-5);padding-bottom:var(--space-5)}.pricing-card.custom-tier .pricing-custom-info .btn{max-width:240px}.btn-custom-tier{top:var(--space-10);right:var(--space-10);margin-top:0;position:absolute;width:200px!important}}.process-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid;position:relative}.process-grid:before{content:"";top:28px;left:calc(12.5% + var(--space-3));right:calc(12.5% + var(--space-3));background:linear-gradient(90deg, var(--color-primary-mist), var(--color-primary-light), var(--color-primary-mist));z-index:0;height:2px;position:absolute}.process-step{text-align:center;z-index:1;position:relative}.process-number{border-radius:var(--radius-full);background:var(--color-surface);border:2px solid var(--color-primary-mist);width:56px;height:56px;color:var(--color-primary);margin:0 auto var(--space-5);transition:var(--trans-normal);justify-content:center;align-items:center;font-size:1.125rem;font-weight:800;display:flex}.process-step:hover .process-number{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:scale(1.1)}.process-title{color:var(--color-dark);margin-bottom:var(--space-2);font-size:1.0625rem;font-weight:700}.process-desc{color:var(--color-muted);font-size:.875rem;line-height:1.55}.portfolio-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.portfolio-card{border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-border);transition:var(--trans-normal);cursor:pointer;overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.portfolio-image{background:linear-gradient(135deg, var(--color-primary-ghost), var(--color-primary-mist));width:100%;height:220px;position:relative;overflow:hidden}.portfolio-content{padding:var(--space-5)}.portfolio-tag{color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-size:.75rem;font-weight:600}.portfolio-title{color:var(--color-dark);font-size:1.125rem;font-weight:700}.testimonials-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-6);transition:var(--trans-normal);border-radius:0}.testimonial-card:hover{box-shadow:var(--shadow-lg);background:#fffffff2;transform:translateY(-4px)}.testimonial-stars{margin-bottom:var(--space-4);color:var(--color-accent-warm);gap:2px;display:flex}.testimonial-text{color:var(--color-text);margin-bottom:var(--space-6);font-size:.9375rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:var(--space-3);display:flex}.testimonial-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary-mist), var(--color-primary-ghost));width:40px;height:40px;color:var(--color-primary);justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.testimonial-name{color:var(--color-dark);font-size:.875rem;font-weight:600}.testimonial-role{color:var(--color-muted);font-size:.75rem}.cta-banner{background:linear-gradient(135deg, var(--color-dark) 0%, #1a2744 50%, var(--color-dark-soft) 100%);border-radius:var(--radius-3xl);padding:var(--space-16) var(--space-8);text-align:center;position:relative;overflow:hidden}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(#2563eb26,#0000 60%);width:60%;height:200%;position:absolute;top:-50%;left:-20%}.cta-banner:after{content:"";pointer-events:none;background:radial-gradient(#06b6d41a,#0000 60%);width:50%;height:200%;position:absolute;bottom:-50%;right:-20%}.cta-title{color:#fff;letter-spacing:-.025em;margin-bottom:var(--space-4);z-index:1;font-size:clamp(2rem,4vw,3rem);font-weight:800;position:relative}.cta-subtitle{color:var(--color-muted-light);max-width:540px;margin:0 auto var(--space-8);z-index:1;font-size:1.0625rem;line-height:1.6;position:relative}.cta-buttons{gap:var(--space-4);z-index:1;flex-wrap:wrap;justify-content:center;display:flex;position:relative}.footer-modern{padding:var(--space-16) 0 var(--space-8);background:var(--color-dark);color:#fff;border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;margin-top:var(--space-16)}.footer-top{gap:var(--space-10);padding-bottom:var(--space-12);border-bottom:1px solid #ffffff14;grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand-desc{color:#ffffffd9;margin-top:var(--space-4);max-width:320px;font-size:.9rem;line-height:1.6}.footer-title{text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-5);color:#ffffff80;font-size:.875rem;font-weight:700}.footer-link{color:var(--color-muted-light);margin-bottom:var(--space-3);transition:var(--trans-fast);font-size:.9rem;display:block}.footer-link:hover{color:#fff;transform:translate(4px)}.footer-socials{gap:var(--space-3);margin-top:var(--space-6);display:flex}.footer-social-icon{border-radius:var(--radius-md);color:#fff;width:36px;height:36px;transition:var(--trans-fast);cursor:pointer;background:#ffffff26;border:1px solid #fff3;justify-content:center;align-items:center;display:flex}.footer-social-icon:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-2px)}.footer-bottom{margin-top:var(--space-8);color:#ffffffb3;justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.footer-credit-link{color:var(--color-primary-light);transition:var(--trans-fast)}.footer-credit-link:hover{color:var(--color-primary-ultra)}.fade-up{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-spring);transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}@media (max-width:1024px){.services-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.process-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr)}.process-grid:before{display:none}.portfolio-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.hero-float-card.card-1{right:-4%}.hero-float-card.card-2{left:-4%}}.hero-mobile-bg{z-index:-1;display:none;position:absolute;inset:-10%}.hero-mobile-bg img{object-fit:cover;object-position:center;opacity:.35;width:100%;height:100%}.hero-mobile-bg-overlay{background:linear-gradient(to bottom, var(--color-bg) 0%, transparent 50%, var(--color-bg) 100%);position:absolute;inset:0}@media (max-width:768px){.hero-grid{gap:var(--space-8);text-align:center;grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:center;width:100%}.hero-buttons .btn{width:100%;max-width:320px}.hero-stats{justify-content:center}.hero-visual{min-height:300px}.hero-float-card{display:none}.hero-desktop-image{display:none!important}.hero-mobile-bg{display:block}.hero-mockup{margin-top:var(--space-8);width:100%!important;max-width:100%!important;display:flex!important;position:relative!important;bottom:auto!important;right:auto!important}.nav-links{background:var(--color-primary);border:1px solid var(--color-primary-dark);padding:var(--space-4);opacity:0;pointer-events:none;transition:var(--trans-fast);box-shadow:var(--shadow-md);border-radius:0;flex-direction:column;position:absolute;top:calc(100% + 10px);left:0;right:0;transform:translateY(-10px)}.nav-links.active{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{text-align:center;width:100%;padding:var(--space-3) var(--space-4)}.nav-mobile-btn{display:block}.services-grid{grid-template-columns:1fr}.service-card-wide{grid-column:span 1}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{grid-column:span 1;max-width:none;transform:none}.pricing-card.featured:hover{transform:translateY(-6px)}.process-grid{grid-template-columns:1fr 1fr}.portfolio-grid,.testimonials-grid{grid-template-columns:1fr}.footer-top{gap:var(--space-8);grid-template-columns:1fr}.footer-bottom{gap:var(--space-3);text-align:center;flex-direction:column}.cta-banner{padding:var(--space-12) var(--space-6);border-radius:var(--radius-2xl)}}@media (max-width:480px){.process-grid{grid-template-columns:1fr}.hero-stats{align-items:center;gap:var(--space-4);flex-direction:column}}.contact-grid{width:100%;grid-template-columns:1.2fr 1.8fr!important}.form-fields-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.contact-card-box{padding:var(--space-8);border-radius:var(--radius-2xl);box-sizing:border-box;overflow:hidden}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.form-fields-grid{grid-template-columns:1fr}.contact-card-box{padding:var(--space-5)!important}.contact-grid{gap:var(--space-6)!important}}.blog-post-content{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;max-width:100%}.blog-post-content p{margin-bottom:var(--space-5);color:var(--color-text);line-height:1.8}.blog-post-content p:last-child{margin-bottom:0}.blog-post-content h3{color:var(--color-dark);margin-top:var(--space-8);margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.blog-post-content h3:first-child{margin-top:0}@keyframes textFadeInOut{0%{opacity:0;transform:translateY(8px)}8%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.animate-text-rotate{animation:2.5s ease-in-out infinite textFadeInOut;display:inline-block}.mobile-stats-only{display:none!important}@media (max-width:768px){.desktop-stats-only{display:none!important}.mobile-stats-only{justify-content:center!important;gap:var(--space-6)!important;width:100%!important;max-width:340px!important;margin:var(--space-8) auto 0 auto!important;border-top:1px solid var(--color-border)!important;padding-top:var(--space-6)!important;flex-direction:row!important;display:flex!important}}.proses-grid{grid-template-columns:1fr;display:grid}@media (min-width:992px){.proses-grid{grid-template-columns:1fr 1.5fr}}.testi-card{width:calc(85% - 1rem)}@media (min-width:768px){.testi-card{width:calc(50% - 1rem)}}@media (min-width:1024px){.testi-card{width:calc(40% - 1rem)}}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}