:root{--color-dark-teal: #1B3A4B;--color-orange: #E87722;--color-orange-hover: #D06A1E;--color-orange-light: rgba(232, 119, 34, .1);--color-teal: #2A9D8F;--color-teal-light: rgba(42, 157, 143, .1);--color-white: #FFFFFF;--color-bg-light: #F5F7FA;--color-bg-alt: #EEF2F6;--color-dark: #0F1B24;--color-dark-surface: #162731;--color-text-primary: #1B3A4B;--color-text-secondary: #5A6E7A;--color-text-light: #8A9BAA;--color-border: #E2E8F0;--color-border-light: #F0F4F8;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3.25rem;--font-size-5xl: 4rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--max-width: 1280px;--navbar-height: 80px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-smooth: .5s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-white);line-height:1.6}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}button{cursor:pointer;border:none;background:none;font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--color-dark-teal);font-weight:700;line-height:1.2}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{color:var(--color-text-secondary);line-height:1.7}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-5xl) 0}.section--light{background-color:var(--color-bg-light)}.section--dark{background-color:var(--color-dark);color:var(--color-white)}.section--dark h2,.section--dark h3,.section--dark h4{color:var(--color-white)}.section--dark p{color:#ffffffb3}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-label{display:inline-block;background:var(--color-orange-light);color:var(--color-orange);font-size:var(--font-size-sm);font-weight:600;padding:6px 16px;border-radius:var(--radius-full);margin-bottom:var(--space-md);letter-spacing:.5px}.section--dark .section-label{background:#e8772233}.section-title{margin-bottom:var(--space-md)}.section-subtitle{max-width:640px;margin:0 auto;font-size:var(--font-size-md)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-family);font-weight:600;font-size:var(--font-size-base);padding:14px 32px;border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap}.btn--primary{background:var(--color-orange);color:var(--color-white)}.btn--primary:hover{background:var(--color-orange-hover);transform:translateY(-2px);box-shadow:0 8px 24px #e8772259}.btn--secondary{background:transparent;color:var(--color-dark-teal);border:2px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-dark-teal);transform:translateY(-2px)}.btn--white{background:var(--color-white);color:var(--color-dark-teal)}.btn--white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fff3}.btn--outline-white{background:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.4)}.btn--outline-white:hover{background:#ffffff1a;border-color:var(--color-white)}.btn--link{padding:0;color:var(--color-dark-teal);font-weight:600;gap:6px}.btn--link:hover{color:var(--color-orange);gap:10px}.btn--link .arrow{transition:transform var(--transition-base)}.btn--link:hover .arrow{transform:translate(4px)}.card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);border:1px solid var(--color-border-light)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:transparent}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes scrollX{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:1024px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.section{padding:var(--space-4xl) 0}}@media(max-width:768px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.section{padding:var(--space-3xl) 0}.container{padding:0 var(--space-lg)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--navbar-height);display:flex;align-items:center;transition:all var(--transition-base);background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light)}.navbar--scrolled{box-shadow:0 2px 20px #0000000f;border-bottom-color:transparent}.navbar__inner{display:flex;align-items:center;justify-content:space-between;width:100%}.navbar__logo{flex-shrink:0;display:flex;align-items:center}.navbar__logo img{height:56px;width:auto}.navbar__links{display:flex;align-items:center;gap:8px}.navbar__links>li>a,.navbar__dropdown-trigger{display:flex;align-items:center;gap:5px;padding:10px 18px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-teal);border-radius:var(--radius-full);transition:all var(--transition-fast)}.navbar__links>li>a:hover,.navbar__dropdown-trigger:hover{background:var(--color-bg-light);color:var(--color-orange)}.navbar__dropdown{position:relative}.navbar__dropdown:after{content:"";position:absolute;top:100%;left:0;right:0;height:20px;display:none}.navbar__dropdown:hover:after{display:block}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);width:680px;padding-top:12px;background:transparent;animation:megaMenuIn .2s ease}.mega-menu__inner{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000001f,0 0 0 1px #0000000a;overflow:hidden}.mega-menu__inner{padding:var(--space-lg)}.mega-menu--compact{width:420px}.mega-menu__header{padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.mega-menu__header h3{font-size:var(--font-size-base);font-weight:700;margin-bottom:2px}.mega-menu__header p{font-size:var(--font-size-xs);color:var(--color-text-light)}.mega-menu__grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mega-menu__grid--single{grid-template-columns:1fr}.mega-menu__item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.mega-menu__item:hover{background:var(--color-bg-light)}.mega-menu__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--color-teal-light);color:var(--color-teal);flex-shrink:0}.mega-menu__item strong{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-teal);margin-bottom:2px}.mega-menu__item span:last-child{font-size:var(--font-size-xs);color:var(--color-text-light)}.mega-menu__footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-light);display:flex;justify-content:center}.mega-menu__footer .btn{font-size:var(--font-size-sm);padding:10px 24px}.navbar__actions{display:flex;align-items:center}.navbar__cta{font-size:var(--font-size-sm);padding:10px 24px}.navbar__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px}.navbar__hamburger span{display:block;width:100%;height:2px;background:var(--color-dark-teal);border-radius:2px;transition:all var(--transition-base)}.navbar__hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar__hamburger.active span:nth-child(2){opacity:0}.navbar__hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--color-white);z-index:999;transition:right var(--transition-smooth);padding-top:calc(var(--navbar-height) + 20px);overflow-y:auto}.mobile-menu--open{right:0}.mobile-menu__content{display:flex;flex-direction:column;padding:var(--space-xl);gap:4px}.mobile-menu__content>a{display:block;padding:14px 16px;font-size:var(--font-size-md);font-weight:500;color:var(--color-dark-teal);border-radius:var(--radius-md);transition:background var(--transition-fast)}.mobile-menu__content>a:hover{background:var(--color-bg-light)}.mobile-menu__content>.btn{margin-top:var(--space-lg);justify-content:center}.mobile-menu__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;font-size:var(--font-size-md);font-weight:500;color:var(--color-dark-teal);border-radius:var(--radius-md)}.mobile-menu__toggle svg{transition:transform var(--transition-fast)}.mobile-menu__sub{display:flex;flex-direction:column;padding-left:var(--space-lg);gap:2px}.mobile-menu__sub a{padding:10px 16px;font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-md)}.mobile-menu__sub a:hover{background:var(--color-bg-light);color:var(--color-orange)}@keyframes megaMenuIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:1024px){.navbar__links,.navbar__actions{display:none}.navbar__hamburger{display:flex}.navbar{background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.footer{background:var(--color-dark);color:#ffffffb3;padding-top:var(--space-5xl)}.footer__top{display:grid;grid-template-columns:1.2fr 2.8fr;gap:var(--space-4xl);padding-bottom:var(--space-3xl);border-bottom:1px solid rgba(255,255,255,.08)}.footer__brand{display:flex;flex-direction:column;gap:var(--space-lg)}.footer__logo img{height:48px;width:auto}.footer__tagline{font-size:var(--font-size-sm);line-height:1.7;color:#ffffff80}.footer__social{display:flex;gap:10px}.footer__social-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);background:#ffffff0f;color:#ffffff80;transition:all var(--transition-fast)}.footer__social-icon:hover{background:var(--color-orange);color:var(--color-white);transform:translateY(-2px)}.footer__columns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2xl)}.footer__col h4{color:var(--color-white);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-lg)}.footer__col ul{display:flex;flex-direction:column;gap:10px}.footer__col a{font-size:var(--font-size-sm);color:#ffffff80;transition:all var(--transition-fast)}.footer__col a:hover{color:var(--color-orange);padding-left:4px}.footer__contact{display:flex;flex-direction:column;gap:12px;margin-top:var(--space-xl)}.footer__contact-item{display:flex;align-items:center;gap:10px;font-size:var(--font-size-sm);color:#ffffff80}.footer__contact-item svg{flex-shrink:0;color:var(--color-teal)}.footer__contact-item a:hover{color:var(--color-orange);padding-left:0}.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) 0;font-size:var(--font-size-xs);color:#ffffff4d}.footer__bottom-links{display:flex;gap:var(--space-xl)}.footer__bottom-links a{color:#ffffff4d}.footer__bottom-links a:hover{color:#ffffffb3}@media(max-width:1024px){.footer__top{grid-template-columns:1fr;gap:var(--space-3xl)}.footer__columns{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.footer__columns{grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.footer__bottom{flex-direction:column;gap:var(--space-md);text-align:center}}@media(max-width:480px){.footer__columns{grid-template-columns:1fr}}.hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;overflow:hidden}.hero__bg{position:absolute;inset:0;background-image:url(/hero_bg.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:0}.hero__gradient{position:absolute;inset:0;background:linear-gradient(135deg,#0f1b2480,#1b3a4b66,#1627317a)}.hero__pattern{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(232,119,34,.08) 0%,transparent 55%)}.hero__slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transition:opacity .8s ease;z-index:1;pointer-events:none}.hero__slide--active{opacity:1;pointer-events:auto}.hero__content{max-width:800px;color:var(--color-white)}.hero__label{display:inline-block;background:#e8772233;color:var(--color-orange);font-size:var(--font-size-sm);font-weight:600;padding:6px 18px;border-radius:var(--radius-full);margin-bottom:var(--space-xl);letter-spacing:.5px;animation:fadeInUp .6s ease .2s both}.hero__title{color:var(--color-white);font-size:var(--font-size-5xl);font-weight:800;line-height:1.1;margin-bottom:var(--space-lg);animation:fadeInUp .6s ease .4s both}.hero__subtitle{color:#ffffffb3;font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--space-2xl);max-width:600px;animation:fadeInUp .6s ease .6s both}.hero__actions{display:flex;gap:var(--space-md);animation:fadeInUp .6s ease .8s both}.hero__dots{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.hero__dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:all var(--transition-base)}.hero__dot--active{background:var(--color-orange);transform:scale(1.3)}.hero__scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10}.hero__scroll-line{width:2px;height:40px;background:linear-gradient(to bottom,var(--color-orange),transparent);border-radius:2px;animation:float 2s ease-in-out infinite}.partners{background:var(--color-bg-light);border-bottom:1px solid var(--color-border);padding:var(--space-xl) 0;overflow:hidden}.partners__track{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.partners__slide{display:flex;gap:var(--space-3xl);animation:scrollX 30s linear infinite;width:max-content}.partners__item{flex-shrink:0}.partners__badge{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;opacity:.5}.about-section__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center;margin-bottom:var(--space-4xl)}.about-section__content .section-label{display:inline-block;margin-bottom:var(--space-md)}.about-section__content .section-title{margin-bottom:var(--space-lg)}.about-section__content p{margin-bottom:var(--space-md)}.about-section__visual{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.about-section__logo-3d{max-width:100%;max-height:380px;object-fit:contain;animation:float 6s ease-in-out infinite}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);padding:var(--space-3xl) 0;border-top:1px solid var(--color-border)}.stat-item{text-align:center}.stat-item__value{display:block;font-size:var(--font-size-4xl);font-weight:800;color:var(--color-orange);line-height:1;margin-bottom:var(--space-xs)}.stat-item__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin-bottom:var(--space-2xl)}.service-card{display:flex;flex-direction:column;padding:var(--space-2xl);border-radius:var(--radius-lg);background:var(--color-white);border:1px solid var(--color-border-light);transition:all var(--transition-base);text-decoration:none}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:transparent}.service-card--agency:hover{box-shadow:0 16px 40px #e8772226;border-color:#e877224d}.service-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;min-width:56px;min-height:56px;padding:12px;background:var(--color-teal-light);color:var(--color-teal);border-radius:var(--radius-md);margin-bottom:var(--space-lg);transition:all var(--transition-base);overflow:visible}.service-card__icon svg{flex-shrink:0}.service-card:hover .service-card__icon{background:var(--color-teal);color:var(--color-white)}.service-card__title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-sm);color:var(--color-dark-teal)}.service-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7;flex-grow:1;margin-bottom:var(--space-lg)}.service-card__link{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-teal);transition:all var(--transition-fast)}.service-card:hover .service-card__link{color:var(--color-orange)}.service-card:hover .service-card__link .arrow{transform:translate(4px)}.service-card__link .arrow{transition:transform var(--transition-base)}.section-cta{text-align:center;margin-top:var(--space-xl)}.agency-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-lg)}.agency-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px;padding:var(--space-2xl);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:var(--color-white);transition:all var(--transition-base)}.agency-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000004d}.agency-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;min-width:56px;min-height:56px;background:#fff3;color:var(--color-white);border-radius:var(--radius-md);margin-bottom:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition-base)}.agency-card__icon svg{flex-shrink:0}.agency-card:hover .agency-card__icon{background:#ffffff59;transform:scale(1.05)}.agency-card__info h3{color:var(--color-white);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-xs)}.agency-card__info p{font-size:var(--font-size-sm);color:#fffc;line-height:1.6;margin-bottom:var(--space-md)}.agency-card__link{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-white);transition:gap var(--transition-base)}.agency-card:hover .agency-card__link{gap:10px}.casestudy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2xl);margin-bottom:var(--space-xl)}.casestudy-card{display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-white);box-shadow:var(--shadow-md);text-decoration:none;transition:all var(--transition-base);border:1px solid var(--color-border-light)}.casestudy-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.casestudy-card__image-wrapper{width:100%;height:300px;overflow:hidden}.casestudy-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.casestudy-card:hover .casestudy-card__image{transform:scale(1.05)}.casestudy-card__content{padding:var(--space-2xl);display:flex;flex-direction:column;flex-grow:1}.casestudy-card__tag{display:inline-block;align-self:flex-start;background:var(--color-teal-light);color:var(--color-dark-teal);font-size:var(--font-size-xs);font-weight:600;padding:6px 14px;border-radius:var(--radius-full);margin-bottom:var(--space-md)}.casestudy-card__title{font-size:var(--font-size-xl);color:var(--color-dark-teal);font-weight:700;line-height:1.4;margin-bottom:var(--space-md)}.casestudy-card__client{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-weight:500}.casestudy-card__link{margin-top:auto;font-size:var(--font-size-sm);font-weight:600;color:var(--color-orange);transition:transform var(--transition-fast)}.casestudy-card:hover .casestudy-card__link{transform:translate(4px)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin-bottom:var(--space-xl)}.blog-card{text-decoration:none}.blog-card__image{height:200px;overflow:hidden}.blog-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-dark-teal) 0%,#2A9D8F 100%);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-slow)}.blog-card:hover .blog-card__placeholder{transform:scale(1.05)}.blog-card__placeholder span{color:#ffffff4d;font-size:var(--font-size-3xl);font-weight:800;text-transform:uppercase}.blog-card__content{padding:var(--space-xl)}.blog-card__tag{display:inline-block;background:var(--color-orange-light);color:var(--color-orange);font-size:var(--font-size-xs);font-weight:600;padding:4px 12px;border-radius:var(--radius-full);margin-bottom:var(--space-sm)}.blog-card__title{font-size:var(--font-size-base);font-weight:600;line-height:1.5;margin-bottom:var(--space-sm);color:var(--color-dark-teal)}.blog-card__date{font-size:var(--font-size-xs);color:var(--color-text-light)}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:start}.cta-content{padding-top:var(--space-xl)}.cta-content .section-label{margin-bottom:var(--space-md)}.cta-content h2{margin-bottom:var(--space-lg)}.cta-content p{margin-bottom:var(--space-xl)}.cta-features{display:flex;flex-direction:column;gap:var(--space-md)}.cta-feature{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-teal)}.contact-form{background:var(--color-white);padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.contact-form h3{font-size:var(--font-size-xl);margin-bottom:var(--space-xl);text-align:center}.form-group{margin-bottom:var(--space-md)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-white);transition:all var(--transition-fast);outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-orange);box-shadow:0 0 0 3px #e877221a}.form-group textarea{resize:vertical;min-height:100px}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%235A6E7A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:40px}.roi-banner{position:relative;margin-top:var(--space-4xl);background:linear-gradient(135deg,var(--color-dark-teal) 0%,#1B7A6E 100%);border-radius:var(--radius-xl);padding:var(--space-3xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xl);overflow:hidden;box-shadow:0 20px 40px #0000001a}.roi-banner__bg{position:absolute;top:-50px;right:-50px;width:250px;height:250px;background:radial-gradient(circle,rgba(232,119,34,.4) 0%,transparent 70%);border-radius:50%;pointer-events:none}.roi-banner__content{position:relative;z-index:1;color:var(--color-white);max-width:600px}.roi-banner__content h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-xs);color:var(--color-white)}.roi-banner__content p{font-size:var(--font-size-base);color:#ffffffd9;line-height:1.6}.roi-banner__action{position:relative;z-index:1;flex-shrink:0}@media(max-width:1200px){.agency-cards{grid-template-columns:repeat(3,1fr)}.agency-card:nth-child(4),.agency-card:nth-child(5){min-height:360px}}@media(max-width:1024px){.hero__title{font-size:var(--font-size-3xl)}.about-section__grid{grid-template-columns:1fr;gap:var(--space-2xl)}.about-section__visual{display:none}.stats{grid-template-columns:repeat(2,1fr);gap:var(--space-2xl)}.services-grid,.agency-cards{grid-template-columns:repeat(2,1fr)}.casestudy-grid{grid-template-columns:1fr}.cta-grid{grid-template-columns:1fr;gap:var(--space-2xl)}}@media(max-width:768px){.hero{min-height:600px}.hero__title{font-size:var(--font-size-2xl)}.hero__subtitle{font-size:var(--font-size-base)}.hero__actions{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.roi-banner{flex-direction:column;text-align:center;padding:var(--space-2xl)}.services-grid,.agency-cards{grid-template-columns:1fr}.agency-card{min-height:300px}.blog-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stat-item__value{font-size:var(--font-size-3xl)}}@media(max-width:480px){.hero__title{font-size:var(--font-size-xl)}.hero__subtitle{font-size:var(--font-size-sm)}.hero__actions{gap:var(--space-xs)}.hero__dots{bottom:80px}.stats{grid-template-columns:1fr 1fr}.casestudy-card__content{padding:var(--space-lg)}}.about-story{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-4xl);align-items:center}.about-story__content .section-label{display:inline-block;margin-bottom:var(--space-md)}.about-story__content h2{margin-bottom:var(--space-xl)}.about-story__content p{margin-bottom:var(--space-md);line-height:1.8}.about-story__visual{display:flex;align-items:center;justify-content:center;padding:var(--space-4xl);background:var(--color-bg-light);border-radius:var(--radius-xl);min-height:300px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.value-card{padding:var(--space-2xl);border-radius:var(--radius-lg);background:var(--color-white);border:1px solid var(--color-border-light);text-align:center;transition:all var(--transition-base)}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.value-card__emoji{font-size:2.5rem;margin-bottom:var(--space-md)}.value-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.value-card p{font-size:var(--font-size-sm);line-height:1.7}.mission-vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4xl)}.mv-card{border-radius:var(--radius-xl);overflow:hidden;background:var(--color-bg-light);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.mv-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:transparent}.mv-card__image-wrapper{width:100%;height:300px;overflow:hidden}.mv-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.mv-card:hover .mv-card__image{transform:scale(1.05)}.mv-card__content{padding:var(--space-3xl)}.mv-card h2{font-size:var(--font-size-2xl);color:var(--color-dark-teal);margin-bottom:var(--space-md);font-weight:700}.mv-card p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8}@media(max-width:1024px){.about-story{grid-template-columns:1fr}.about-story__visual{display:none}.values-grid{grid-template-columns:repeat(2,1fr)}.mission-vision-grid{grid-template-columns:1fr;gap:var(--space-2xl)}}@media(max-width:768px){.values-grid{grid-template-columns:1fr}.mv-card__content{padding:var(--space-xl)}}@media(max-width:480px){.values-grid{grid-template-columns:1fr}.about-story__content h2{font-size:var(--font-size-xl)}}.blog-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.blog-page-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.blog-page-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:transparent}.blog-page-card__image{height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.blog-page-card__tag-overlay{font-size:2.5rem;font-weight:800;color:#ffffff26;text-transform:uppercase}.blog-page-card__content{padding:var(--space-xl)}.blog-page-card__meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.blog-page-card__tag{font-size:var(--font-size-xs);font-weight:600;padding:4px 12px;border-radius:var(--radius-full)}.blog-page-card__date{font-size:var(--font-size-xs);color:var(--color-text-light)}.blog-page-card__title{font-size:var(--font-size-lg);font-weight:700;line-height:1.4;margin-bottom:var(--space-sm);color:var(--color-dark-teal)}.blog-page-card__excerpt{font-size:var(--font-size-sm);line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-lg);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-page-card__footer{display:flex;align-items:center;justify-content:space-between}.blog-page-card__read{font-size:var(--font-size-xs);color:var(--color-text-light)}.blog-page-card__footer .btn--link{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-teal);cursor:pointer}.blog-page-card:hover .btn--link{color:var(--color-orange)}@media(max-width:1024px){.blog-page-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-page-grid{grid-template-columns:1fr}}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-4xl);align-items:start}.contact-info h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}.contact-info>p{color:var(--color-text-secondary);margin-bottom:var(--space-2xl);line-height:1.7}.contact-info__items{display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.contact-info__item{display:flex;align-items:flex-start;gap:var(--space-md)}.contact-info__icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-teal-light);color:var(--color-teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-info__item strong{display:block;font-size:var(--font-size-sm);margin-bottom:2px}.contact-info__item a,.contact-info__item span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.contact-info__item a:hover{color:var(--color-orange)}.contact-info__social{display:flex;gap:10px}.contact-social-btn{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-bg-light);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.contact-social-btn:hover{background:var(--color-orange);color:var(--color-white);transform:translateY(-2px)}.contact-form-full{background:var(--color-white);padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.contact-form-full .form-group{margin-bottom:var(--space-lg)}.contact-form-full label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-teal);margin-bottom:6px}.contact-form-full input,.contact-form-full select,.contact-form-full textarea{width:100%;padding:14px 18px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-white);transition:all var(--transition-fast);outline:none}.contact-form-full input:focus,.contact-form-full select:focus,.contact-form-full textarea:focus{border-color:var(--color-orange);box-shadow:0 0 0 3px #e877221a}.contact-form-full textarea{resize:vertical;min-height:120px}.contact-form-full select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%235A6E7A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:40px}@media(max-width:1024px){.contact-layout{grid-template-columns:1fr;gap:var(--space-2xl)}}@media(max-width:768px){.form-row{grid-template-columns:1fr}}@media(max-width:480px){.contact-form-full{padding:var(--space-xl)}.contact-info h2{font-size:var(--font-size-xl)}}.page-hero{padding:180px 0 100px;background:linear-gradient(135deg,#0f1b24,#1b3a4b 40%,#162731);color:var(--color-white);text-align:center;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 70%,rgba(42,157,143,.1),transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(232,119,34,.08),transparent 50%)}.page-hero h1{color:var(--color-white);font-size:var(--font-size-4xl);margin-bottom:var(--space-lg);position:relative}.page-hero__badge{display:inline-block;background:#e8772233;color:var(--color-orange);font-size:var(--font-size-sm);font-weight:600;padding:8px 20px;border-radius:var(--radius-full);margin-bottom:var(--space-xl);position:relative}.page-hero__subtitle{max-width:640px;margin:0 auto var(--space-2xl);font-size:var(--font-size-lg);color:#ffffffb3;line-height:1.7;position:relative}.page-hero__actions{display:flex;gap:var(--space-md);justify-content:center;position:relative}.odoo-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.odoo-svc-card{padding:var(--space-2xl);border-radius:var(--radius-lg);background:var(--color-white);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.odoo-svc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.odoo-svc-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:10px;border-radius:var(--radius-md);background:var(--color-teal-light);color:var(--color-teal);margin-bottom:var(--space-lg)}.odoo-svc-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.odoo-svc-card p{font-size:var(--font-size-sm);line-height:1.7}.modules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.module-card{padding:var(--space-2xl);border-radius:var(--radius-lg);background:var(--color-white);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.module-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.module-card__emoji{font-size:2.5rem;margin-bottom:var(--space-md)}.module-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.module-card>p{font-size:var(--font-size-sm);line-height:1.7;margin-bottom:var(--space-lg)}.module-card__features{display:flex;flex-direction:column;gap:8px}.module-card__features li{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media(max-width:1024px){.page-hero h1{font-size:var(--font-size-3xl)}.modules-grid,.odoo-services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-hero{padding:140px 0 80px}.page-hero h1{font-size:var(--font-size-2xl)}.page-hero__actions{flex-direction:column;align-items:center}.modules-grid,.odoo-services-grid{grid-template-columns:1fr}.page-hero__subtitle{font-size:var(--font-size-base)}}@media(max-width:480px){.page-hero{padding:120px 0 60px}.page-hero h1{font-size:var(--font-size-xl)}.page-hero__actions{flex-direction:column;align-items:center;gap:var(--space-sm)}.odoo-services-grid,.modules-grid{grid-template-columns:1fr}}.odoo-pricing{background:var(--color-bg-light)}.pricing-calc{display:grid;grid-template-columns:1.6fr 1.2fr;gap:var(--space-4xl);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000000f;padding:var(--space-4xl);margin-top:var(--space-2xl);transition:all var(--transition-base)}.pricing-calc:hover{box-shadow:0 30px 80px #00000014}.pricing-calc__controls{display:flex;flex-direction:column;gap:var(--space-3xl)}.pricing-calc__group{display:flex;flex-direction:column;gap:var(--space-lg)}.pricing-calc__label{font-size:var(--font-size-base);font-weight:600;color:var(--color-dark-teal);display:flex;justify-content:space-between;align-items:center}.pricing-calc__label span strong{color:var(--color-orange);font-size:var(--font-size-xl);background:var(--color-teal-light);padding:4px 12px;border-radius:var(--radius-md);margin-right:6px;font-weight:800}.pricing-calc__slider-wrap{position:relative;padding-top:10px}.pricing-calc__slider{width:100%;-webkit-appearance:none;appearance:none;height:10px;background:var(--color-border-light);border-radius:var(--radius-full);outline:none;transition:background .2s}.pricing-calc__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:var(--color-orange);cursor:grab;box-shadow:0 4px 15px #ea580c66;transition:transform var(--transition-fast);border:4px solid var(--color-white)}.pricing-calc__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.pricing-calc__slider::-webkit-slider-thumb:active{cursor:grabbing}.pricing-calc__ticks{display:flex;justify-content:space-between;padding:0 10px;margin-top:10px}.pricing-calc__ticks span{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-light)}.pricing-calc__plans{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.plan-card{border:2px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-base);background:var(--color-white);position:relative;overflow:hidden}.plan-card:hover{border-color:#1e5d5b66;transform:translateY(-2px)}.plan-card.active{border-color:var(--color-teal);background:var(--color-teal-light);box-shadow:0 10px 20px #1e5d5b1a}.plan-card.active:before{content:"";position:absolute;top:-10px;right:-10px;width:40px;height:40px;background:var(--color-teal);transform:rotate(45deg);z-index:1}.plan-card__icon{font-size:28px;margin-bottom:12px;background:#1e5d5b14;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px}.plan-card.active .plan-card__icon{background:var(--color-white)}.plan-card__content h4{font-size:var(--font-size-md);font-weight:700;color:var(--color-dark-teal);margin-bottom:4px}.plan-card__content p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:16px;min-height:18px}.plan-card__content strong{font-size:var(--font-size-lg);font-weight:800;color:var(--color-teal);display:flex;align-items:flex-end}.plan-card__content strong small{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-light);margin-left:4px;margin-bottom:2px}.pricing-calc__billing{display:flex;background:var(--color-bg-light);padding:6px;border-radius:var(--radius-full)}.billing-btn{flex:1;padding:12px 20px;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.billing-btn:hover{color:var(--color-dark-teal)}.billing-btn.active{background:var(--color-white);color:var(--color-dark-teal);box-shadow:0 4px 10px #0000000d}.result-card{background:var(--color-teal);border-radius:var(--radius-lg);padding:var(--space-3xl);color:var(--color-white);display:flex;flex-direction:column;justify-content:center;height:100%;position:relative;overflow:hidden}.result-card:after{content:"";position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,#ffffff1a,#fff0 70%);border-radius:50%;pointer-events:none}.result-card__top{text-align:center;margin-bottom:var(--space-3xl)}.result-card h3{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1px;font-weight:600;color:#fffc;margin-bottom:var(--space-xl)}.result-card__price{font-size:64px;font-weight:800;line-height:1;margin-bottom:var(--space-sm);color:var(--color-white);display:flex;align-items:flex-start;justify-content:center}.result-card__price span{font-size:var(--font-size-xl);font-weight:600;margin-top:8px;margin-right:6px;color:var(--color-orange)}.result-card__billing-text{font-size:var(--font-size-sm);color:#ffffffb3}.result-card__includes{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-3xl);border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-2xl)}.result-card__includes li{display:flex;align-items:center;gap:12px;font-size:var(--font-size-sm);color:#ffffffe6}.result-card__includes svg{color:var(--color-orange);flex-shrink:0}@media(max-width:1024px){.pricing-calc{grid-template-columns:1fr;padding:var(--space-3xl)}.result-card{padding:var(--space-2xl)}}@media(max-width:768px){.pricing-calc__plans{grid-template-columns:1fr}.pricing-calc{padding:var(--space-2xl)}.result-card__price{font-size:48px}}.service-intro{max-width:800px;margin:0 auto;text-align:center}.service-intro__text{font-size:var(--font-size-lg);line-height:1.8;color:var(--color-text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.feature-card{padding:var(--space-2xl);border-radius:var(--radius-lg);background:var(--color-white);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.feature-card__number{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-orange-light);margin-bottom:var(--space-md);line-height:1}.feature-card:hover .feature-card__number{color:var(--color-orange)}.feature-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.feature-card p{font-size:var(--font-size-sm);line-height:1.7}.process-timeline{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:0;position:relative}.process-timeline:before{content:"";position:absolute;top:24px;left:24px;bottom:24px;width:2px;background:var(--color-border)}.process-step{display:flex;gap:var(--space-xl);padding:var(--space-xl) 0;position:relative}.process-step__marker{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--color-orange);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-base);z-index:1;box-shadow:0 0 0 6px var(--color-white)}.process-step__content h3{font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.process-step__content p{font-size:var(--font-size-sm);line-height:1.7}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.features-grid{grid-template-columns:1fr}.service-intro__text{font-size:var(--font-size-base)}.process-timeline{padding:0 var(--space-sm)}.process-step{gap:var(--space-lg)}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}.process-step__marker{width:40px;height:40px;font-size:var(--font-size-sm)}}.bg-light{background:var(--color-bg-light)}.roi-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-4xl);align-items:start}@media(max-width:1024px){.roi-grid{grid-template-columns:1fr}}.roi-inputs{display:flex;flex-direction:column;gap:var(--space-2xl)}.roi-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-3xl);box-shadow:0 10px 30px #0000000a}.roi-card__header{margin-bottom:var(--space-xl)}.roi-card__header h3{font-size:var(--font-size-lg);color:var(--color-dark-teal);margin-bottom:var(--space-xs);font-weight:700}.roi-card__header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pain-tags{display:flex;flex-wrap:wrap;gap:10px}.pain-tag{padding:10px 18px;border-radius:var(--radius-full);border:1.5px solid var(--color-border-light);background:var(--color-white);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pain-tag:hover{border-color:var(--color-teal);color:var(--color-teal)}.pain-tag.active{background:var(--color-teal);color:var(--color-white);border-color:var(--color-teal);box-shadow:0 4px 12px #1e5d5b33}.input-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.roi-input-group{display:flex;flex-direction:column;gap:8px}.roi-input-group.full-width{grid-column:1 / -1}.roi-input-group label{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-teal)}.roi-input-group label strong{color:var(--color-orange);background:#ea580c1a;padding:4px 10px;border-radius:var(--radius-sm)}.roi-field-desc{font-size:var(--font-size-xs);color:var(--color-text-light);margin-bottom:8px}.roi-prefix-input{display:flex;align-items:center;background:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.roi-prefix-input:focus-within{border-color:var(--color-teal)}.roi-prefix-input span{padding:12px 16px;background:#00000008;color:var(--color-text-secondary);font-weight:600;border-right:1px solid var(--color-border-light)}.roi-prefix-input input,.roi-standard-input{flex:1;border:none;padding:12px 16px;font-size:var(--font-size-base);color:var(--color-dark-teal);font-weight:500;width:100%;outline:none;background:transparent}.roi-standard-input{background:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.roi-standard-input:focus{border-color:var(--color-teal)}.roi-slider{width:100%;-webkit-appearance:none;appearance:none;height:8px;background:var(--color-border-light);border-radius:var(--radius-full);outline:none;margin-top:10px;margin-bottom:5px}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--color-teal);cursor:grab;border:4px solid var(--color-white);box-shadow:0 4px 10px #1e5d5b4d;transition:transform var(--transition-fast)}.roi-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.roi-slider::-webkit-slider-thumb:active{cursor:grabbing}.sticky-card{position:sticky;top:calc(var(--navbar-height) + 20px)}.roi-result-card{background:var(--color-dark-teal);border-radius:var(--radius-xl);padding:var(--space-3xl);color:var(--color-white);box-shadow:0 20px 50px #00000026;position:relative;overflow:hidden}.roi-result-card:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#ea580c26,#fff0 70%);border-radius:50%;pointer-events:none}.result-headline{font-size:var(--font-size-md);text-transform:uppercase;letter-spacing:1px;color:#fffc;margin-bottom:var(--space-md)}.result-main-price{font-size:56px;font-weight:800;line-height:1.1;color:var(--color-orange);margin-bottom:var(--space-xs);display:flex;align-items:center}@media(max-width:768px){.result-main-price{font-size:42px}}.result-subtext{font-size:var(--font-size-sm);color:#fff9;margin-bottom:var(--space-2xl)}.result-breakdown{background:#ffffff0d;padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl)}.result-breakdown h4,.result-projections h4{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.result-breakdown ul{display:flex;flex-direction:column;gap:12px}.result-breakdown li{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.result-breakdown li span{color:#fffc}.result-breakdown li strong{font-weight:600;color:var(--color-white)}.result-projections{display:flex;flex-direction:column;gap:12px;margin-bottom:var(--space-3xl)}.projection-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:#fffc;padding:8px 0}.projection-row strong{font-size:var(--font-size-md);font-weight:700;color:var(--color-white)}.projection-row.highlight{background:#ea580c26;padding:16px;border-radius:var(--radius-md);border-left:4px solid var(--color-orange);color:var(--color-white)}.projection-row.highlight span{font-weight:500}.projection-row.highlight strong{font-size:var(--font-size-xl);color:var(--color-orange)}.result-cta-box{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-xl)}.result-cta-box p{font-size:var(--font-size-sm);color:#ffffffb3;margin-bottom:var(--space-lg)}@media(max-width:768px){.sticky-card{position:static}.roi-card{padding:var(--space-xl)}.input-group-grid{grid-template-columns:1fr}.roi-input-group.full-width{grid-column:1}.result-main-price{font-size:38px}.pain-tag{font-size:var(--font-size-xs);padding:8px 14px}}@media(max-width:480px){.roi-result-card{padding:var(--space-xl)}.result-breakdown{padding:var(--space-md)}.projection-row.highlight{padding:12px}.pain-tags{gap:8px}}.cs-detail{padding-top:var(--navbar-height);overflow-x:hidden;width:100%}.cs-hero{background-color:var(--color-dark-teal);color:var(--color-white);padding:var(--space-4xl) 0;position:relative;overflow:hidden}.cs-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(42,157,143,.15) 0%,transparent 60%);pointer-events:none}.cs-hero__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4xl);align-items:center;position:relative;z-index:1;min-width:0;max-width:100%;width:100%}.cs-hero__breadcrumbs{font-size:var(--font-size-xs);color:#fff9;margin-bottom:var(--space-2xl);font-weight:500}.cs-hero__breadcrumbs a{color:#fffc;text-decoration:none;transition:color var(--transition-fast)}.cs-hero__breadcrumbs a:hover{color:var(--color-orange)}.cs-hero__breadcrumbs span{color:var(--color-white)}.cs-hero__tag{display:inline-block;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-white);font-size:var(--font-size-xs);font-weight:600;padding:6px 14px;border-radius:var(--radius-full);margin-bottom:var(--space-md)}.cs-hero__title{font-size:var(--font-size-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-lg);color:var(--color-white)}.cs-hero__desc{font-size:var(--font-size-sm);line-height:1.6;color:#ffffffd9}.cs-hero__image-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 40px #0000004d}.cs-hero__image{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover}.cs-summary{background-color:var(--color-bg-light);border-bottom:1px solid var(--color-border-light)}.cs-summary__grid{display:grid;grid-template-columns:2fr 1.2fr;gap:var(--space-4xl);align-items:start;min-width:0;max-width:100%;width:100%}.cs-pill{display:inline-block;background:#2a9d8f1a;color:var(--color-dark-teal);font-size:var(--font-size-xs);font-weight:600;padding:6px 16px;border-radius:var(--radius-full);margin-bottom:var(--space-md)}.cs-summary__about{min-width:0}.cs-summary__about h2{font-size:var(--font-size-2xl);color:var(--color-dark-teal);line-height:1.3;margin-bottom:var(--space-md);font-weight:600}.cs-summary__about p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7}.cs-summary__meta{display:flex;flex-direction:column;gap:var(--space-xl);min-width:0;max-width:100%;width:100%}.cs-meta-item h3{font-size:var(--font-size-lg);color:var(--color-dark-teal);font-weight:600;margin-bottom:8px}.cs-meta-item p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cs-body{background:var(--color-white)}.cs-body__grid{display:grid;grid-template-columns:280px 1fr;gap:var(--space-4xl);align-items:start;min-width:0;max-width:100%;width:100%}.cs-sidebar{position:relative;min-width:0;max-width:100%;width:100%}.cs-sidebar__inner{position:sticky;top:calc(var(--navbar-height) + 40px);display:flex;flex-direction:column;border-left:2px solid var(--color-border-light);max-width:100%;width:100%}.cs-sidebar__link{background:transparent;border:none;text-align:left;padding:12px 20px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-light);cursor:pointer;transition:all var(--transition-fast);position:relative;border-left:3px solid transparent;margin-left:-2px}.cs-sidebar__link:hover{color:var(--color-dark-teal)}.cs-sidebar__link.active{color:var(--color-teal);font-weight:700;border-left-color:var(--color-teal);background:linear-gradient(to right,rgba(42,157,143,.05),transparent)}.cs-content{display:flex;flex-direction:column;gap:var(--space-4xl);min-width:0;max-width:100%;width:100%}.cs-content__section h2{font-size:var(--font-size-2xl);color:var(--color-dark-teal);font-weight:600;margin-bottom:var(--space-lg)}.cs-content__text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8;overflow-wrap:break-word;word-break:break-word;min-width:0}.cs-content__text p{margin-bottom:var(--space-md)}.cs-content__text ul{margin-bottom:var(--space-md);padding-left:20px}.cs-content__text li{margin-bottom:10px}.cs-content__text strong{color:var(--color-dark-teal)}@media(max-width:1024px){.cs-hero__grid{grid-template-columns:1fr;gap:var(--space-2xl)}.cs-hero__title{font-size:var(--font-size-3xl)}.cs-summary__grid{grid-template-columns:1fr;gap:var(--space-2xl)}.cs-summary__meta{flex-direction:row;flex-wrap:wrap;gap:var(--space-xl)}.cs-meta-item{min-width:140px}.cs-body__grid{grid-template-columns:1fr;gap:0}.cs-sidebar__inner{position:static;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-left:none;border-bottom:2px solid var(--color-border-light);padding-bottom:0;margin-bottom:var(--space-2xl)}.cs-sidebar__inner::-webkit-scrollbar{display:none}.cs-sidebar__link{border-left:none;border-bottom:3px solid transparent;margin-left:0;margin-bottom:-2px;white-space:nowrap;padding:12px 16px}.cs-sidebar__link.active{border-left-color:transparent;border-bottom-color:var(--color-teal);background:none}.cs-content{gap:var(--space-3xl)}}@media(max-width:768px){.cs-hero{padding:var(--space-3xl) 0}.cs-hero__title{font-size:var(--font-size-2xl)}.cs-hero__desc{font-size:var(--font-size-sm)}.cs-hero__breadcrumbs{margin-bottom:var(--space-lg)}.cs-summary{padding:var(--space-2xl) 0}.cs-summary__about h2{font-size:var(--font-size-xl)}.cs-summary__meta{gap:var(--space-lg)}.cs-body{padding:var(--space-2xl) 0}.cs-content__section h2{font-size:var(--font-size-xl)}.cs-content__text{font-size:var(--font-size-sm)}.cs-content{gap:var(--space-2xl)}}@media(max-width:480px){.cs-detail{overflow-x:hidden}.cs-hero{padding:var(--space-2xl) 0}.cs-hero__title{font-size:var(--font-size-xl);line-height:1.3}.cs-hero__tag{margin-bottom:var(--space-sm)}.cs-hero__image-wrapper{border-radius:var(--radius-lg)}.cs-summary__about h2{font-size:var(--font-size-lg)}.cs-summary__meta{flex-direction:column;gap:var(--space-md)}.cs-sidebar__link{font-size:var(--font-size-xs);padding:10px 12px}.cs-content__section h2{font-size:var(--font-size-lg)}.cs-content__text ul{padding-left:16px}}.case-studies-page .page-hero{padding:180px 0 100px;background:linear-gradient(135deg,#0f1b24,#1b3a4b 40%,#162731);color:var(--color-white);text-align:center;position:relative;overflow:hidden}.case-studies-page .page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 70%,rgba(42,157,143,.1),transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(232,119,34,.08),transparent 50%)}.cs-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2xl);margin-bottom:var(--space-xl)}.cs-page-grid .casestudy-card{display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-white);box-shadow:var(--shadow-md);text-decoration:none;transition:all var(--transition-base);border:1px solid var(--color-border-light)}.cs-page-grid .casestudy-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.cs-page-grid .casestudy-card__image-wrapper{width:100%;height:300px;overflow:hidden}.cs-page-grid .casestudy-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.cs-page-grid .casestudy-card:hover .casestudy-card__image{transform:scale(1.05)}.cs-page-grid .casestudy-card__content{padding:var(--space-2xl);display:flex;flex-direction:column;flex-grow:1}.cs-page-grid .casestudy-card__tag{display:inline-block;align-self:flex-start;background:var(--color-teal-light);color:var(--color-dark-teal);font-size:var(--font-size-xs);font-weight:600;padding:6px 14px;border-radius:var(--radius-full);margin-bottom:var(--space-md)}.cs-page-grid .casestudy-card__title{font-size:var(--font-size-xl);color:var(--color-dark-teal);font-weight:700;line-height:1.4;margin-bottom:var(--space-md)}.cs-page-grid .casestudy-card__client{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-weight:500}.cs-page-grid .casestudy-card__link{margin-top:auto;font-size:var(--font-size-sm);font-weight:600;color:var(--color-orange);transition:transform var(--transition-fast)}.cs-page-grid .casestudy-card:hover .casestudy-card__link{transform:translate(4px)}@media(max-width:1024px){.case-studies-page .page-hero{padding:140px 0 80px}.cs-page-grid .casestudy-card__image-wrapper{height:240px}}@media(max-width:768px){.case-studies-page .page-hero{padding:120px 0 64px}.cs-page-grid{grid-template-columns:1fr}.cs-page-grid .casestudy-card__image-wrapper{height:220px}}@media(max-width:480px){.case-studies-page .page-hero{padding:100px 0 48px}.cs-page-grid .casestudy-card__content{padding:var(--space-lg)}.cs-page-grid .casestudy-card__image-wrapper{height:180px}}.blog-detail__hero{background:linear-gradient(135deg,#0f1b24,#1b3a4b);padding:160px 0 80px;color:#fff}.blog-detail__meta{display:flex;align-items:center;gap:16px;margin-bottom:24px}.blog-detail__tag{background:#e8772233;color:var(--color-orange);padding:6px 16px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.blog-detail__date{color:#ffffffb3;font-size:var(--font-size-sm)}.blog-detail__title{font-size:48px;line-height:1.2;margin:0;color:#fff}.blog-detail__content{padding-top:64px;font-size:18px;line-height:1.8;color:var(--color-gray-dark)}.blog-detail__content p{margin-bottom:24px}.blog-detail__content h2{font-size:32px;color:var(--color-navy);margin:48px 0 24px}.blog-detail__content h3{font-size:24px;color:var(--color-navy);margin:32px 0 16px}.blog-detail__content ul,.blog-detail__content ol{margin-bottom:24px;padding-left:24px}.blog-detail__content li{margin-bottom:12px}.blog-detail__content a{color:var(--color-teal);text-decoration:underline}@media(max-width:768px){.blog-detail__hero{padding:120px 0 60px}.blog-detail__title{font-size:28px}.blog-detail__meta{flex-wrap:wrap;gap:10px}.blog-detail__content{padding-top:40px;font-size:16px}.blog-detail__content h2{font-size:24px;margin:36px 0 16px}.blog-detail__content h3{font-size:20px;margin:24px 0 12px}}@media(max-width:480px){.blog-detail__hero{padding:100px 0 48px}.blog-detail__title{font-size:24px;line-height:1.3}.blog-detail__content{font-size:15px}.blog-detail__content ul,.blog-detail__content ol{padding-left:16px}}.admin-layout{display:flex;min-height:100vh;background-color:#f1f5f9;font-family:var(--font-family)}.admin-sidebar{width:250px;background-color:#0f1b24;color:#fff;display:flex;flex-direction:column;padding:24px 20px}.admin-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px}.admin-logo{max-width:130px;background:#fff;padding:8px 12px;border-radius:8px;display:block}.admin-brand span{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-orange);font-weight:700}.admin-nav{display:flex;flex-direction:column;gap:8px;flex:1}.admin-nav-link{padding:12px 16px;border-radius:8px;color:#ffffffb3;font-weight:500;transition:all .2s ease}.admin-nav-link:hover,.admin-nav-link.active{background-color:#ffffff1a;color:#fff}.admin-footer{display:flex;flex-direction:column;gap:12px}.btn-logout,.btn-back{width:100%;padding:12px;border-radius:6px;text-align:center;font-weight:600;font-size:14px;cursor:pointer}.btn-logout{background-color:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.btn-logout:hover{background-color:#ef4444;color:#fff}.btn-back{background-color:var(--color-teal);color:#fff;border:none;text-decoration:none}.admin-main{flex:1;display:flex;flex-direction:column;overflow-x:hidden}.admin-header{background-color:#fff;padding:20px 32px;box-shadow:0 1px 3px #0000000d}.admin-header h2{font-size:20px;font-weight:700;color:#1e293b;margin:0}.admin-content{padding:32px;flex:1}.admin-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;padding:24px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:16px;text-align:left;border-bottom:1px solid #e2e8f0}.admin-table th{background:#f8fafc;font-weight:600;color:#475569;font-size:14px}.admin-table td{color:#334155}.admin-actions{display:flex;gap:8px}.admin-btn-action{padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;border:none}.btn-edit{background:#eff6ff;color:#3b82f6}.btn-delete{background:#fef2f2;color:#ef4444}.btn-create{background:var(--color-orange);color:#fff;padding:10px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer}.admin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.admin-modal-content{background:#fff;border-radius:12px;padding:32px;width:600px;max-width:90%;max-height:90vh;overflow-y:auto}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-modal-header h3{margin:0}.admin-form-group{margin-bottom:20px}.admin-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#334155;font-size:14px}.admin-form-group input,.admin-form-group textarea,.admin-form-group select{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:15px;font-family:inherit}.admin-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.admin-login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-light)}.admin-login-form{background:#fff;padding:40px;border-radius:12px;box-shadow:var(--shadow-xl);width:100%;max-width:400px}.admin-login-logo{max-height:50px;margin:0 auto 24px}.admin-login-form h2{text-align:center;margin-bottom:24px}.admin-error{background:#fef2f2;color:#ef4444;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;flex-direction:row;align-items:center;padding:12px 20px;gap:16px;flex-wrap:wrap}.admin-brand{flex-direction:row;margin-bottom:0;border-bottom:none;padding-bottom:0;align-items:center;gap:10px}.admin-logo{max-width:90px}.admin-nav{flex-direction:row;flex:1;flex-wrap:wrap;gap:4px}.admin-footer{flex-direction:row;gap:8px;margin-left:auto}.btn-logout,.btn-back{width:auto;padding:8px 14px;font-size:13px}.admin-content{padding:20px}}@media(max-width:768px){.admin-sidebar{flex-direction:column;align-items:flex-start;gap:12px}.admin-nav{width:100%}.admin-nav-link{font-size:13px;padding:10px 12px}.admin-footer{width:100%;margin-left:0}.admin-content,.admin-card{padding:16px}.admin-table th,.admin-table td{padding:10px 12px;font-size:13px}.admin-actions{flex-direction:column;gap:4px}.admin-modal-content{width:95%!important;padding:20px;max-height:95vh}.admin-modal-content [style*=grid-template-columns]{grid-template-columns:1fr!important}}@media(max-width:480px){.admin-header{padding:14px 16px}.admin-header h2{font-size:17px}.btn-create{padding:8px 12px;font-size:13px}}