@charset "UTF-8";:root{--default-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--heading-font: "Poppins", sans-serif;--nav-font: "Inter", sans-serif;}:root{--background-color: #e6f0e6;--default-color: #3f3f46;--heading-color: #27583b;--accent-color: #15803d;--surface-color: #ffffff;--contrast-color: #ffffff;}:root{--nav-color: #3f3f46;--nav-hover-color: #15803d;--nav-mobile-background-color: #ffffff;--nav-dropdown-background-color: #ffffff;--nav-dropdown-color: #3f3f46;--nav-dropdown-hover-color: #15803d;}.light-background{--background-color: #e6f0e6;--surface-color: #ffffff;}.dark-background{--background-color: #06080f;--default-color: #aeb9cc;--heading-color: #ffffff;--surface-color: #10172a;--contrast-color: #06121f;}:root{scroll-behavior: smooth;}body{color: var(--default-color);background-color: var(--background-color);font-family: var(--default-font);}a{color: var(--accent-color);text-decoration: none;transition: 0.3s;}a:hover{color: color-mix(in srgb, var(--accent-color), transparent 25%);text-decoration: none;}h1, h2, h3, h4, h5, h6{color: var(--heading-color);font-family: var(--heading-font);}.php-email-form .error-message{display: none;background: #df1529;color: #ffffff;text-align: left;padding: 15px;margin-bottom: 24px;font-weight: 600;}.php-email-form .sent-message{display: none;color: #ffffff;background: #059652;text-align: center;padding: 15px;margin-bottom: 24px;font-weight: 600;}.php-email-form .loading{display: none;background: var(--surface-color);text-align: center;padding: 15px;margin-bottom: 24px;}.php-email-form .loading:before{content: "";display: inline-block;border-radius: 50%;width: 24px;height: 24px;margin: 0 10px -6px 0;border: 3px solid var(--accent-color);border-top-color: var(--surface-color);animation: php-email-form-loading 1s linear infinite;}@keyframes php-email-form-loading{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}.header{--background-color: #ffffff;color: var(--default-color);background-color: var(--background-color);padding: 15px 0;transition: background-color 0.3s ease, box-shadow 0.3s ease;z-index: 997;}.header .logo{line-height: 1;}.header .logo img{max-height: 40px !important;margin-right: 8px;}.header .logo h1{font-size: 30px;margin: 0;font-weight: 700;color: var(--heading-color);}.header .btn-getstarted, .header .btn-getstarted:focus{color: var(--contrast-color);background: var(--accent-color);font-size: 14px;padding: 8px 22px;margin: 0 0 0 20px;border-radius: 50px;transition: 0.3s;white-space: nowrap !important;flex-shrink: 0 !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;}.header .btn-getstarted:hover, .header .btn-getstarted:focus:hover{color: var(--contrast-color);background: color-mix(in srgb, var(--accent-color), transparent 15%);}@media (min-width: 1200px) and (max-width: 1399px){.header .logo img{max-height: 36px !important;}.navmenu a, .navmenu a:focus{padding: 14px 10px !important;font-size: 14.5px !important;}.navmenu li{margin: 0 1px !important;}.header .btn-getstarted, .header .btn-getstarted:focus{font-size: 13.5px !important;padding: 7px 16px !important;margin: 0 0 0 12px !important;}}@media (max-width: 1200px){.header .logo img{max-height: 42px !important;}.header .btn-getstarted{display: none !important;}}@media (max-width: 576px){.header .logo img{max-height: 38px !important;}}.scrolled .header{box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);}@media (min-width: 1200px){.navmenu{padding: 0;margin: 0 auto;}.navmenu ul{margin: 0;padding: 0;display: flex;list-style: none;align-items: center;justify-content: center;}.navmenu li{position: relative;margin: 0 2px;}.navmenu a, .navmenu a:focus{color: var(--nav-color);padding: 18px 15px;font-size: 16px;font-family: var(--nav-font);font-weight: 400;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;position: relative;}.navmenu a i, .navmenu a:focus i{font-size: 12px;line-height: 0;margin-left: 5px;transition: 0.3s;}.navmenu a::after, .navmenu a:focus::after{content: "";position: absolute;left: 16px;right: 16px;bottom: -2px;height: 2px;border-radius: 2px;background: var(--accent-color);transform: scaleX(0);transform-origin: left center;transition: transform 0.3s ease;}.navmenu a:hover::after, .navmenu a:focus:hover::after{transform: scaleX(1);}.navmenu li:last-child a{padding-right: 0;}.navmenu li:hover>a, .navmenu .active, .navmenu .active:focus{color: var(--nav-hover-color);}.navmenu li:hover>a::after, .navmenu .active::after, .navmenu .active:focus::after{transform: scaleX(1);}.navmenu .dropdown ul{margin: 0;padding: 10px 0;background: var(--nav-dropdown-background-color);display: block;position: absolute;visibility: hidden;left: 14px;top: 130%;opacity: 0;transition: 0.3s;border-radius: 4px;z-index: 99;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}.navmenu .dropdown ul li{min-width: 200px;}.navmenu .dropdown ul a{padding: 10px 20px;font-size: 15px;text-transform: none;color: var(--nav-dropdown-color);}.navmenu .dropdown ul a i{font-size: 12px;}.navmenu .dropdown ul a:hover, .navmenu .dropdown ul .active:hover, .navmenu .dropdown ul li:hover>a{color: var(--nav-dropdown-hover-color);}.navmenu .dropdown:hover>ul{opacity: 1;top: 100%;visibility: visible;}.navmenu .dropdown .dropdown ul{top: 0;left: -90%;visibility: hidden;}.navmenu .dropdown .dropdown:hover>ul{opacity: 1;top: 0;left: -100%;visibility: visible;}}@media (max-width: 1199px){.mobile-nav-toggle{color: var(--nav-color);font-size: 28px;line-height: 0;margin-right: 10px;cursor: pointer;transition: color 0.3s;}.navmenu{padding: 0;z-index: 9997;}.navmenu ul{display: none;list-style: none;position: absolute;inset: 60px 20px 20px 20px;padding: 10px 0;margin: 0;border-radius: 6px;background-color: var(--nav-mobile-background-color);overflow-y: auto;transition: 0.3s;z-index: 9998;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}.navmenu a, .navmenu a:focus{color: var(--nav-dropdown-color);padding: 10px 20px;font-family: var(--nav-font);font-size: 17px;font-weight: 500;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;}.navmenu a i, .navmenu a:focus i{font-size: 12px;line-height: 0;margin-left: 5px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: 0.3s;background-color: color-mix(in srgb, var(--accent-color), transparent 90%);}.navmenu a i:hover, .navmenu a:focus i:hover{background-color: var(--accent-color);color: var(--contrast-color);}.navmenu a:hover, .navmenu .active, .navmenu .active:focus{color: var(--nav-dropdown-hover-color);}.navmenu .active i, .navmenu .active:focus i{background-color: var(--accent-color);color: var(--contrast-color);transform: rotate(180deg);}.navmenu .dropdown ul{position: static;display: none;z-index: 99;padding: 10px 0;margin: 10px 20px;background-color: var(--nav-dropdown-background-color);border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);box-shadow: none;}.navmenu .dropdown ul ul{background-color: rgba(33, 37, 41, 0.1);}.navmenu .dropdown>.dropdown-active{display: block;background-color: rgba(33, 37, 41, 0.03);}.mobile-nav-active{overflow: hidden;}.mobile-nav-active .mobile-nav-toggle{color: #fff;position: absolute;font-size: 32px;top: 15px;right: 15px;margin-right: 0;z-index: 9999;}.mobile-nav-active .navmenu{position: fixed;overflow: hidden;inset: 0;background: rgba(33, 37, 41, 0.8);transition: 0.3s;}.mobile-nav-active .navmenu>ul{display: block;}}.footer{--background-color: #141615;color: var(--default-color);background-color: var(--background-color);font-size: 14px;padding-bottom: 50px;position: relative;}.footer .footer-top{padding-top: 50px;border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}.footer .footer-about .logo{line-height: 1;margin-bottom: 25px;}.footer .footer-about .logo img{max-height: 40px;margin-right: 6px;}.footer .footer-about .logo span{color: var(--heading-color);font-size: 30px;font-weight: 700;letter-spacing: 1px;font-family: var(--heading-font);}.footer .footer-about p{font-size: 14px;font-family: var(--heading-font);}.footer .social-links a{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%);font-size: 16px;color: color-mix(in srgb, var(--default-color), transparent 50%);margin-right: 10px;transition: 0.3s;}.footer .social-links a:hover{color: var(--accent-color);border-color: var(--accent-color);}.footer h3, .footer h4{font-size: 16px;font-weight: bold;position: relative;padding-bottom: 12px;}.footer .footer-links{margin-bottom: 30px;}.footer .footer-links ul{list-style: none;padding: 0;margin: 0;}.footer .footer-links ul i{padding-right: 2px;font-size: 12px;line-height: 0;}.footer .footer-links ul li{padding: 10px 0;display: flex;align-items: center;}.footer .footer-links ul li:first-child{padding-top: 0;}.footer .footer-links ul a{color: color-mix(in srgb, var(--default-color), transparent 20%);display: inline-block;line-height: 1;}.footer .footer-links ul a:hover{color: var(--accent-color);}.footer .footer-contact p{margin-bottom: 5px;}.footer .copyright{padding-top: 25px;padding-bottom: 25px;background-color: color-mix(in srgb, var(--default-color), transparent 95%);}.footer .copyright p{margin-bottom: 0;}.footer .credits{margin-top: 6px;font-size: 13px;}.floating-wa{position: fixed;right: 20px;bottom: 20px;z-index: 99999;background-color: #25D366;color: #ffffff;width: 60px;height: 60px;border-radius: 50%;box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45);transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);text-decoration: none;}.floating-wa::before{content: "";position: absolute;inset: 0;border-radius: 50%;background-color: #25D366;opacity: 0;z-index: -1;pointer-events: none;}.floating-wa i{font-size: 32px;color: #ffffff;line-height: 1;transition: transform 0.3s ease, filter 0.3s ease;}.floating-wa:hover{transform: scale(1.08);background-color: #20ba59;color: #ffffff;animation: wa-twinkle 1.4s ease-in-out infinite;}.floating-wa:hover::before{animation: wa-ring-pulse 1.4s ease-out infinite;}.floating-wa:hover i{animation: wa-icon-sparkle 1.4s ease-in-out infinite;}@keyframes wa-twinkle{0%, 100%{box-shadow: 0 8px 24px rgba(37, 211, 102, 0.5);filter: brightness(1);}50%{box-shadow: 0 10px 30px rgba(37, 211, 102, 0.75), 0 0 14px rgba(37, 211, 102, 0.6);filter: brightness(1.1);}}@keyframes wa-ring-pulse{0%{transform: scale(1);opacity: 0.65;}70%{transform: scale(1.35);opacity: 0;}100%{transform: scale(1.35);opacity: 0;}}@keyframes wa-icon-sparkle{0%, 100%{transform: scale(1);filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));}50%{transform: scale(1.06);filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.8));}}.floating-wa .wa-tooltip{position: absolute;right: 72px;top: 50%;transform: translateY(-50%) translateX(10px);background-color: #111827;color: #ffffff;padding: 7px 14px;border-radius: 6px;font-size: 13px;font-weight: 500;white-space: nowrap;opacity: 0;visibility: hidden;pointer-events: none;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}.floating-wa .wa-tooltip::after{content: "";position: absolute;right: -5px;top: 50%;transform: translateY(-50%);border-width: 5px 0 5px 6px;border-style: solid;border-color: transparent transparent transparent #111827;}.floating-wa:hover .wa-tooltip{opacity: 1;visibility: visible;transform: translateY(-50%) translateX(0);}.scroll-top{position: fixed;visibility: hidden;opacity: 0;right: 27px;bottom: 92px;z-index: 99998;background-color: #1f2937;width: 46px;height: 46px;border-radius: 50%;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);transition: all 0.4s ease;}.scroll-top i{font-size: 26px;color: #ffffff;line-height: 0;}.scroll-top:hover{background-color: #111827;color: #ffffff;transform: translateY(-3px);box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);}.scroll-top.active{visibility: visible;opacity: 1;}@media screen and (max-width: 768px){[data-aos-delay]{transition-delay: 0 !important;}}.page-title{color: var(--default-color);background-color: var(--background-color);position: relative;}.page-title .heading{padding: 80px 0;border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}.page-title .heading h1{font-size: 38px;font-weight: 700;}.page-title nav{background-color: color-mix(in srgb, var(--default-color), transparent 95%);padding: 20px 0;}.page-title nav ol{display: flex;flex-wrap: wrap;list-style: none;margin: 0;font-size: 16px;font-weight: 600;}.page-title nav ol li+li{padding-left: 10px;}.page-title nav ol li+li::before{content: "/";display: inline-block;padding-right: 10px;color: color-mix(in srgb, var(--default-color), transparent 70%);}section, .section{color: var(--default-color);background-color: var(--background-color);padding: 60px 0;scroll-margin-top: 90px;overflow: clip;}@media (max-width: 1199px){section, .section{scroll-margin-top: 66px;}}.section-title{text-align: center;padding-bottom: 60px;position: relative;}.section-title h2{font-size: 32px;font-weight: 700;margin-bottom: 15px;}.section-title p{margin-bottom: 0;}.hero{padding: 140px 0 90px;position: relative;overflow: hidden;}.hero::before{content: "";position: absolute;top: -30%;left: 50%;transform: translateX(-50%);width: 900px;height: 600px;background: radial-gradient(ellipse, color-mix(in srgb, var(--accent-color) 12%, transparent), transparent 65%);z-index: 0;}.hero .container{position: relative;z-index: 1;}.hero .avatar{width: 120px;height: 120px;margin: 0 auto 28px;border-radius: 50%;padding: 5px;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 60%, #f06cae));}.hero .avatar img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;border: 4px solid var(--background-color);}.hero .status{display: inline-flex;align-items: center;gap: 8px;padding: 8px 16px;border-radius: 24px;background: color-mix(in srgb, var(--accent-color) 10%, transparent);color: var(--accent-color);font-size: 14px;font-weight: 600;margin-bottom: 24px;}.hero .status .ping{width: 8px;height: 8px;border-radius: 50%;background: var(--accent-color);box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent-color) 20%, transparent);}.hero h1{font-size: 48px;line-height: 1.18;font-weight: 700;letter-spacing: -0.02em;margin-bottom: 24px;}.hero h1 .hl{color: var(--accent-color);}.hero .lead{font-size: 18px;line-height: 1.7;max-width: 640px;margin: 0 auto 32px;}.hero .actions{display: flex;flex-wrap: wrap;gap: 16px;justify-content: center;margin-bottom: 40px;}.hero .btn-main{display: inline-flex;align-items: center;gap: 8px;padding: 14px 30px;border-radius: 30px;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #f06cae));color: var(--contrast-color);font-weight: 600;font-size: 16px;border: none;box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color) 30%, transparent);transition: all 0.3s ease;}.hero .btn-main:hover{transform: translateY(-3px);box-shadow: 0 12px 28px color-mix(in srgb, var(--accent-color) 40%, transparent);color: var(--contrast-color);}.hero .btn-line{display: inline-flex;align-items: center;gap: 8px;padding: 14px 28px;border-radius: 30px;background: transparent;color: var(--heading-color);font-weight: 600;border: 1px solid color-mix(in srgb, var(--default-color) 20%, transparent);transition: all 0.3s ease;}.hero .btn-line i{transition: transform 0.3s ease;}.hero .btn-line:hover{border-color: var(--accent-color);color: var(--accent-color);}.hero .btn-line:hover i{transform: translateX(4px);}.hero .socials{display: flex;gap: 14px;justify-content: center;}.hero .socials a{width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);color: var(--heading-color);font-size: 18px;transition: all 0.3s ease;}.hero .socials a:hover{background: var(--accent-color);color: var(--contrast-color);transform: translateY(-3px);}@media (max-width: 768px){.hero{padding: 120px 0 60px;}.hero h1{font-size: 34px;}.hero .actions .btn-main, .hero .actions .btn-line{width: 100%;justify-content: center;}}.clients{padding: 48px 0;}.clients .eyebrow{text-align: center;font-size: 14px;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;color: color-mix(in srgb, var(--default-color) 70%, transparent);margin-bottom: 32px;}.clients .logos img{max-height: 40px;width: auto;margin: 0 auto;display: block;filter: brightness(0) invert(1);opacity: 0.45;transition: all 0.3s ease;}.clients .logos>div:hover img{opacity: 0.9;}.about .story{font-size: 20px;line-height: 1.8;color: var(--heading-color);margin-bottom: 56px;}.about .counters .counter{text-align: center;padding: 32px 16px;border-radius: 18px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);}.about .counters .counter .purecounter, .about .counters .counter .plus{font-size: 44px;font-weight: 700;font-family: var(--heading-font);color: var(--accent-color);line-height: 1;}.about .counters .counter .plus{margin-left: 2px;}.about .counters .counter p{margin: 10px 0 0;font-size: 15px;color: var(--default-color);}.services .service-rows .row-item{display: flex;align-items: center;gap: 28px;padding: 32px 8px;border-top: 1px solid color-mix(in srgb, var(--default-color) 12%, transparent);transition: all 0.3s ease;}.services .service-rows .row-item:last-child{border-bottom: 1px solid color-mix(in srgb, var(--default-color) 12%, transparent);}.services .service-rows .row-item .n{font-size: 28px;font-weight: 700;font-family: var(--heading-font);color: color-mix(in srgb, var(--accent-color) 40%, transparent);min-width: 56px;transition: color 0.3s ease;}.services .service-rows .row-item .body{flex: 1;}.services .service-rows .row-item .body h3{font-size: 24px;font-weight: 600;margin-bottom: 4px;transition: color 0.3s ease;}.services .service-rows .row-item .body p{font-size: 16px;margin: 0;}.services .service-rows .row-item>i{font-size: 24px;color: var(--default-color);transition: all 0.3s ease;}.services .service-rows .row-item:hover{padding-left: 24px;}.services .service-rows .row-item:hover .n{color: var(--accent-color);}.services .service-rows .row-item:hover .body h3{color: var(--accent-color);}.services .service-rows .row-item:hover>i{color: var(--accent-color);transform: translate(4px, -4px);}@media (max-width: 576px){.services .service-rows .row-item{gap: 16px;}.services .service-rows .row-item .n{font-size: 22px;min-width: 40px;}.services .service-rows .row-item .body h3{font-size: 20px;}}.skills .intro h3{font-size: 26px;font-weight: 600;margin-bottom: 16px;}.skills .intro p{font-size: 16px;line-height: 1.7;margin-bottom: 24px;}.skills .intro .tags{display: flex;flex-wrap: wrap;gap: 10px;}.skills .intro .tags span{padding: 8px 16px;border-radius: 24px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);font-size: 14px;font-weight: 500;color: var(--heading-color);}.skills .skills-animation .progress{display: block;height: auto;background: none;border-radius: 0;margin-bottom: 24px;overflow: visible;}.skills .skills-animation .progress .skill{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;color: var(--heading-color);font-weight: 600;font-size: 16px;}.skills .skills-animation .progress .skill .val{font-style: normal;color: var(--accent-color);font-size: 14px;}.skills .skills-animation .progress .bar{width: 100%;height: 8px;border-radius: 8px;background: color-mix(in srgb, var(--default-color) 12%, transparent);overflow: hidden;}.skills .skills-animation .progress .progress-bar{width: 0;height: 100%;border-radius: 8px;background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 65%, #f06cae));transition: width 1.2s ease-in-out;}.experience .col-head{display: flex;align-items: center;gap: 14px;margin-bottom: 28px;}.experience .col-head i{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: 12px;background: color-mix(in srgb, var(--accent-color) 12%, transparent);color: var(--accent-color);font-size: 22px;}.experience .col-head h3{font-size: 22px;font-weight: 600;margin: 0;}.experience .timeline{position: relative;padding-left: 28px;}.experience .timeline::before{content: "";position: absolute;left: 5px;top: 6px;bottom: 6px;width: 2px;background: color-mix(in srgb, var(--default-color) 12%, transparent);}.experience .item{position: relative;padding-bottom: 32px;}.experience .item:last-child{padding-bottom: 0;}.experience .item::before{content: "";position: absolute;left: -28px;top: 5px;width: 12px;height: 12px;border-radius: 50%;background: var(--accent-color);box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent-color) 18%, transparent);}.experience .item .year{display: inline-block;font-size: 13px;font-weight: 600;color: var(--accent-color);margin-bottom: 6px;}.experience .item h4{font-size: 18px;font-weight: 600;margin-bottom: 4px;}.experience .item .org{display: block;font-size: 14px;color: color-mix(in srgb, var(--default-color) 75%, transparent);margin-bottom: 10px;}.experience .item p{font-size: 15px;line-height: 1.6;margin: 0;}.experience .btn-main{display: inline-flex;align-items: center;gap: 8px;padding: 14px 30px;border-radius: 30px;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #f06cae));color: var(--contrast-color);font-weight: 600;font-size: 16px;border: none;box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color) 30%, transparent);transition: all 0.3s ease;}.experience .btn-main:hover{transform: translateY(-3px);box-shadow: 0 12px 28px color-mix(in srgb, var(--accent-color) 40%, transparent);color: var(--contrast-color);}.portfolio .cases{display: flex;flex-direction: column;gap: 64px;}.portfolio .shot{display: block;border-radius: 20px;overflow: hidden;box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);}.portfolio .shot img{width: 100%;display: block;transition: transform 0.6s ease;}.portfolio .shot:hover img{transform: scale(1.05);}.portfolio .copy{padding: 0 8px;}.portfolio .copy .cat{display: inline-block;font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--accent-color);margin-bottom: 12px;}.portfolio .copy h3{font-size: 30px;font-weight: 700;margin-bottom: 14px;}.portfolio .copy p{font-size: 17px;line-height: 1.7;margin-bottom: 20px;}.portfolio .copy .more{display: inline-flex;align-items: center;gap: 8px;font-weight: 600;color: var(--accent-color);}.portfolio .copy .more i{transition: transform 0.3s ease;}.portfolio .copy .more:hover i{transform: translateX(4px);}@media (min-width: 992px){.portfolio .case.reverse .copy{padding-left: 24px;}}.testimonials .q-card{height: 100%;margin: 0;padding: 32px;border-radius: 20px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}.testimonials .q-card .rating{display: flex;gap: 4px;margin-bottom: 18px;}.testimonials .q-card .rating i{color: #f6b73c;font-size: 16px;}.testimonials .q-card blockquote{margin: 0 0 24px;padding: 0;border: none;font-size: 16px;line-height: 1.7;color: var(--default-color);}.testimonials .q-card figcaption{display: flex;align-items: center;gap: 14px;}.testimonials .q-card figcaption img{width: 52px;height: 52px;border-radius: 50%;object-fit: cover;}.testimonials .q-card figcaption .name{display: block;font-weight: 600;color: var(--heading-color);font-size: 15px;}.testimonials .q-card figcaption .role{display: block;font-size: 13px;color: color-mix(in srgb, var(--default-color) 75%, transparent);}.testimonials .q-card:hover{transform: translateY(-6px);box-shadow: 0 16px 36px rgba(0, 0, 0, 0.09);}.process .steps{position: relative;}.process .step{position: relative;height: 100%;padding: 36px 28px;border-radius: 18px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.process .step .num{position: absolute;top: 20px;right: 24px;font-size: 38px;font-weight: 700;font-family: var(--heading-font);color: color-mix(in srgb, var(--accent-color) 12%, transparent);line-height: 1;}.process .step i{width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;border-radius: 14px;margin-bottom: 20px;background: color-mix(in srgb, var(--accent-color) 12%, transparent);color: var(--accent-color);font-size: 26px;transition: all 0.3s ease;}.process .step h3{font-size: 20px;font-weight: 600;margin-bottom: 10px;}.process .step p{font-size: 15px;line-height: 1.6;margin: 0;}.process .step:hover{transform: translateY(-6px);box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);border-color: color-mix(in srgb, var(--accent-color) 30%, transparent);}.process .step:hover i{background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #f06cae));color: var(--contrast-color);}.process .step:hover .num{color: color-mix(in srgb, var(--accent-color) 22%, transparent);}.cta{position: relative;overflow: hidden;}.cta::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 700px;height: 500px;background: radial-gradient(ellipse, color-mix(in srgb, var(--accent-color) 28%, transparent), transparent 60%);}.cta .container{position: relative;z-index: 1;}.cta .cta-center .kicker{display: inline-block;padding: 8px 16px;border-radius: 24px;background: color-mix(in srgb, var(--accent-color) 22%, transparent);color: var(--accent-color);font-size: 14px;font-weight: 600;margin-bottom: 20px;}.cta .cta-center h2{font-size: 40px;font-weight: 700;line-height: 1.2;margin-bottom: 16px;}.cta .cta-center p{font-size: 18px;line-height: 1.7;max-width: 560px;margin: 0 auto 32px;}.cta .cta-center .btn-main{display: inline-flex;align-items: center;gap: 8px;padding: 14px 30px;border-radius: 30px;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #f06cae));color: var(--contrast-color);font-weight: 600;font-size: 16px;border: none;box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color) 30%, transparent);transition: all 0.3s ease;}.cta .cta-center .btn-main:hover{transform: translateY(-3px);box-shadow: 0 12px 28px color-mix(in srgb, var(--accent-color) 40%, transparent);color: var(--contrast-color);}.cta .cta-center .note{display: block;margin-top: 20px;font-size: 14px;color: color-mix(in srgb, var(--default-color) 80%, transparent);}.cta .cta-center .note i{color: var(--accent-color);margin-right: 6px;}@media (max-width: 768px){.cta .cta-center h2{font-size: 30px;}.cta .cta-center .btn-main{width: 100%;justify-content: center;}}.contact .quick{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px 28px;margin-bottom: 32px;}.contact .quick a, .contact .quick span{display: inline-flex;align-items: center;gap: 8px;font-size: 15px;font-weight: 500;color: var(--default-color);}.contact .quick a i, .contact .quick span i{color: var(--accent-color);font-size: 18px;}.contact .quick a:hover{color: var(--accent-color);}.contact .php-email-form{padding: 40px;border-radius: 20px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);}.contact .php-email-form .form-control{height: 52px;padding: 12px 18px;border-radius: 10px;border: 1px solid color-mix(in srgb, var(--default-color) 18%, transparent);background: var(--background-color);color: var(--default-color);font-size: 16px;box-shadow: none;transition: all 0.3s ease;}.contact .php-email-form .form-control::placeholder{color: color-mix(in srgb, var(--default-color) 50%, transparent);}.contact .php-email-form .form-control:focus{border-color: var(--accent-color);box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 15%, transparent);}.contact .php-email-form textarea.form-control{height: auto;resize: vertical;}.contact .php-email-form .btn-submit{margin-top: 8px;padding: 14px 44px;border-radius: 30px;border: none;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #f06cae));color: var(--contrast-color);font-weight: 600;font-size: 16px;box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color) 30%, transparent);transition: all 0.3s ease;}.contact .php-email-form .btn-submit:hover{transform: translateY(-3px);box-shadow: 0 12px 28px color-mix(in srgb, var(--accent-color) 40%, transparent);}@media (max-width: 575px){.contact .php-email-form{padding: 28px;}}.portfolio-details .gallery{border-radius: 20px;overflow: hidden;box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);}.portfolio-details .gallery img{width: 100%;height: 100%;object-fit: cover;}.portfolio-details .gallery .swiper-pagination{--swiper-pagination-color: var(--contrast-color);--swiper-pagination-bullet-inactive-color: var(--contrast-color);--swiper-pagination-bullet-inactive-opacity: 0.5;}.portfolio-details .meta-card{padding: 32px;border-radius: 20px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);}.portfolio-details .meta-card h3{font-size: 20px;font-weight: 600;margin-bottom: 20px;}.portfolio-details .meta-card ul{list-style: none;padding: 0;margin: 0 0 28px;}.portfolio-details .meta-card ul li{display: flex;justify-content: space-between;gap: 16px;padding: 12px 0;border-bottom: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);}.portfolio-details .meta-card ul li:last-child{border-bottom: none;}.portfolio-details .meta-card ul li .lbl{color: color-mix(in srgb, var(--default-color) 75%, transparent);font-size: 15px;}.portfolio-details .meta-card ul li .val{font-weight: 600;color: var(--heading-color);font-size: 15px;text-align: right;}.portfolio-details .btn-main{display: inline-flex;align-items: center;gap: 8px;width: 100%;justify-content: center;padding: 14px 30px;border-radius: 30px;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #f06cae));color: var(--contrast-color);font-weight: 600;font-size: 16px;border: none;box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color) 30%, transparent);transition: all 0.3s ease;}.portfolio-details .btn-main:hover{transform: translateY(-3px);box-shadow: 0 12px 28px color-mix(in srgb, var(--accent-color) 40%, transparent);color: var(--contrast-color);}.portfolio-details .writeup{margin-top: 16px;}.portfolio-details .writeup h2{font-size: 30px;font-weight: 700;margin-bottom: 16px;}.portfolio-details .writeup .lead{font-size: 19px;line-height: 1.7;color: var(--heading-color);margin-bottom: 20px;}.portfolio-details .writeup p{font-size: 16px;line-height: 1.8;margin-bottom: 20px;}.portfolio-details .writeup .highlights{margin-top: 16px;}.portfolio-details .writeup .highlights .hl{height: 100%;display: flex;align-items: center;gap: 12px;padding: 20px;border-radius: 14px;background: color-mix(in srgb, var(--accent-color) 8%, transparent);font-weight: 600;color: var(--heading-color);}.portfolio-details .writeup .highlights .hl i{font-size: 24px;color: var(--accent-color);}.portfolio-details .writeup .highlights .hl span{font-size: 15px;}.service-details .sidebar{position: sticky;top: 100px;display: flex;flex-direction: column;gap: 24px;}.service-details .sidebar .services-list{padding: 28px;border-radius: 18px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);}.service-details .sidebar .services-list h4{font-size: 18px;font-weight: 600;margin-bottom: 16px;}.service-details .sidebar .services-list ul{list-style: none;padding: 0;margin: 0;}.service-details .sidebar .services-list li{margin-bottom: 8px;}.service-details .sidebar .services-list li a{display: flex;align-items: center;justify-content: space-between;padding: 14px 16px;border-radius: 12px;color: var(--default-color);font-weight: 500;font-size: 15px;transition: all 0.3s ease;}.service-details .sidebar .services-list li a i{font-size: 14px;opacity: 0.6;transition: transform 0.3s ease;}.service-details .sidebar .services-list li a:hover{background: color-mix(in srgb, var(--accent-color) 8%, transparent);color: var(--accent-color);}.service-details .sidebar .services-list li a:hover i{transform: translateX(3px);}.service-details .sidebar .services-list li.active a{background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #f06cae));color: var(--contrast-color);}.service-details .sidebar .services-list li.active a i{opacity: 1;}.service-details .sidebar .help-card{padding: 28px;border-radius: 18px;background: color-mix(in srgb, var(--accent-color) 8%, transparent);text-align: center;}.service-details .sidebar .help-card > i{font-size: 32px;color: var(--accent-color);}.service-details .sidebar .help-card .btn-main i, .service-details .sidebar .help-card a i{font-size: 18px;color: #ffffff !important;margin-right: 6px;}.service-details .sidebar .help-card h4{font-size: 18px;font-weight: 600;margin: 12px 0 8px;}.service-details .sidebar .help-card p{font-size: 15px;line-height: 1.6;margin-bottom: 20px;}.service-details .detail .hero-img{width: 100%;border-radius: 18px;margin-bottom: 28px;box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);}.service-details .detail h2{font-size: 32px;font-weight: 700;margin-bottom: 16px;}.service-details .detail h3{font-size: 22px;font-weight: 600;margin: 36px 0 16px;}.service-details .detail .lead{font-size: 18px;line-height: 1.7;color: var(--heading-color);margin-bottom: 18px;}.service-details .detail p{font-size: 16px;line-height: 1.8;margin-bottom: 16px;}.service-details .detail .includes .inc{display: flex;align-items: center;gap: 10px;padding: 14px 18px;border-radius: 12px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);font-weight: 500;font-size: 15px;}.service-details .detail .includes .inc i{color: var(--accent-color);}.service-details .detail .steps{display: flex;flex-direction: column;gap: 16px;}.service-details .detail .steps .step{display: flex;gap: 20px;padding: 24px;border-radius: 16px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);}.service-details .detail .steps .step .n{font-size: 28px;font-weight: 700;font-family: var(--heading-font);color: color-mix(in srgb, var(--accent-color) 45%, transparent);line-height: 1;}.service-details .detail .steps .step h4{font-size: 18px;font-weight: 600;margin-bottom: 6px;}.service-details .detail .steps .step p{font-size: 15px;line-height: 1.6;margin: 0;}.service-details .btn-main{display: inline-flex;align-items: center;gap: 8px;padding: 13px 28px;border-radius: 30px;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #f06cae));color: var(--contrast-color);font-weight: 600;font-size: 15px;border: none;box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color) 30%, transparent);transition: all 0.3s ease;}.service-details .btn-main:hover{transform: translateY(-3px);box-shadow: 0 12px 28px color-mix(in srgb, var(--accent-color) 40%, transparent);color: var(--contrast-color);}@media (max-width: 992px){.service-details .sidebar{position: static;}}.hero-2{padding-top: 50px;position: relative;overflow: hidden;background: radial-gradient(circle at 10% 10%, color-mix(in srgb, var(--accent-color), transparent 92%) 0%, var(--background-color) 55%);padding-bottom: 70px;}.hero-2::after{content: "";position: absolute;bottom: -30%;left: -10%;width: 60%;height: 60%;background: color-mix(in srgb, var(--accent-color), transparent 94%);border-radius: 50%;pointer-events: none;}.hero-2 .hero-content{position: relative;z-index: 2;}.hero-2 .hero-content .hero-badge{display: inline-flex;align-items: center;gap: 10px;padding: 8px 18px;background: var(--surface-color);border-radius: 40px;border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);box-shadow: 0 6px 18px color-mix(in srgb, var(--default-color), transparent 90%);margin-bottom: 24px;}.hero-2 .hero-content .hero-badge i{color: var(--accent-color);font-size: 0.95rem;}.hero-2 .hero-content .hero-badge span{font-weight: 500;color: var(--heading-color);font-size: 0.9rem;}.hero-2 .hero-content .hero-title{font-size: 3.6rem;font-weight: 600;line-height: 1.15;margin-bottom: 18px;}@media (max-width: 992px){.hero-2 .hero-content .hero-title{font-size: 2.85rem;line-height: 1.2;}}@media (max-width: 768px){.hero-2 .hero-content .hero-title{font-size: 2.1rem;line-height: 1.22;}}@media (max-width: 576px){.hero-2 .hero-content .hero-title{font-size: 1.8rem;line-height: 1.25;}}@media (max-width: 390px){.hero-2 .hero-content .hero-title{font-size: 1.62rem;line-height: 1.26;}}.hero-2 .hero-content .hero-description{font-size: 0.95rem;line-height: 1.65;color: color-mix(in srgb, var(--default-color), transparent 28%);margin-bottom: 22px;max-width: 560px;}.hero-2 .hero-content .hero-list{list-style: none;padding: 0;margin: 0 0 28px 0;}.hero-2 .hero-content .hero-list li{display: flex;align-items: flex-start;gap: 12px;margin-bottom: 12px;color: color-mix(in srgb, var(--default-color), transparent 20%);line-height: 1.5;}.hero-2 .hero-content .hero-list li i{color: var(--accent-color);font-size: 18px;margin-top: 2px;flex-shrink: 0;}.hero-2 .hero-content .hero-actions{display: flex;flex-wrap: wrap;gap: 16px;margin-bottom: 34px;}.hero-2 .hero-content .hero-actions .btn-primary{background: var(--accent-color);color: var(--contrast-color);padding: 13px 26px;border: 1.5px solid transparent;border-radius: 8px;font-weight: 600;font-size: 15px;min-width: 210px;min-height: 52px;transition: 0.3s;display: inline-flex;align-items: center;justify-content: center;gap: 8px;box-sizing: border-box;}.hero-2 .hero-content .hero-actions .btn-primary:hover{background: color-mix(in srgb, var(--accent-color), black 12%);color: var(--contrast-color);transform: translateY(-2px);box-shadow: 0 10px 24px color-mix(in srgb, var(--accent-color), transparent 60%);}.hero-2 .hero-content .hero-actions .btn-ghost{border: 1.5px solid color-mix(in srgb, var(--default-color), transparent 75%);color: var(--heading-color);padding: 13px 26px;border-radius: 8px;font-weight: 600;font-size: 15px;min-width: 210px;min-height: 52px;transition: 0.3s;background: var(--surface-color);display: inline-flex;align-items: center;justify-content: center;gap: 8px;box-sizing: border-box;}.hero-2 .hero-content .hero-actions .btn-ghost:hover{border-color: var(--accent-color);color: var(--accent-color);transform: translateY(-2px);background: color-mix(in srgb, var(--accent-color), transparent 95%);}.hero-2 .hero-content .hero-metrics{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 16px;}@media (max-width: 992px){.hero-2 .hero-content .hero-metrics{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 576px){.hero-2 .hero-content .hero-metrics{grid-template-columns: 1fr;}}.hero-2 .hero-content .hero-metrics .metric-card{padding: 16px 18px;background: var(--surface-color);border-radius: 10px;box-shadow: 0 6px 18px color-mix(in srgb, var(--default-color), transparent 90%);transition: 0.3s;}.hero-2 .hero-content .hero-metrics .metric-card:hover{transform: translateY(-4px);box-shadow: 0 12px 28px color-mix(in srgb, var(--default-color), transparent 85%);}.hero-2 .hero-content .hero-metrics .metric-card .metric-number{display: block;font-size: 1.35rem;font-weight: 600;color: var(--heading-color);}.hero-2 .hero-content .hero-metrics .metric-card .metric-label{font-size: 0.85rem;color: color-mix(in srgb, var(--default-color), transparent 40%);}.hero-2 .hero-media{position: relative;z-index: 2;display: flex;justify-content: center;align-items: center;max-width: 440px;margin: 0 auto;}.hero-2 .hero-media .media-main{border-radius: 20px;overflow: hidden;box-shadow: 0 16px 36px color-mix(in srgb, var(--default-color), transparent 86%);background: #ffffff;width: 100%;max-width: 440px;max-height: 440px;margin: 0 auto;display: flex;align-items: center;justify-content: center;}.hero-2 .hero-media .media-main img{width: 100%;height: auto;max-height: 440px;object-fit: contain;display: block;}.hero-2 .hero-media .media-card{display: flex;gap: 14px;align-items: flex-start;padding: 16px 18px;background: var(--surface-color);border-radius: 14px;box-shadow: 0 10px 24px color-mix(in srgb, var(--default-color), transparent 88%);position: absolute;bottom: 18%;left: -6%;max-width: 260px;}.hero-2 .hero-media .media-card i{color: var(--accent-color);font-size: 1.3rem;}.hero-2 .hero-media .media-card h4{font-size: 1rem;margin: 0 0 4px 0;}.hero-2 .hero-media .media-card p{font-size: 0.85rem;margin: 0;color: color-mix(in srgb, var(--default-color), transparent 35%);}@media (max-width: 992px){.hero-2 .hero-media .media-card{position: static;max-width: 100%;}}.hero-2 .hero-media .media-bubble{position: absolute;top: 12%;right: -4%;background: var(--surface-color);border-radius: 40px;padding: 10px 16px;display: inline-flex;align-items: center;gap: 8px;box-shadow: 0 8px 20px color-mix(in srgb, var(--default-color), transparent 90%);font-size: 0.85rem;color: var(--heading-color);}.hero-2 .hero-media .media-bubble i{color: var(--accent-color);}@media (max-width: 992px){.hero-2 .hero-media .media-bubble{position: static;width: max-content;}}@media (max-width: 992px){.hero-2{padding: 40px 0 60px 0;}}@media (max-width: 768px){.hero-2{text-align: center;}.hero-2 .hero-actions{justify-content: center;}.hero-2 .hero-description{font-size: 0.9rem;line-height: 1.6;margin-left: auto;margin-right: auto;max-width: 480px;}}@media (max-width: 991px){.hero-2 .hero-content .hero-list{display: none !important;}}@media (max-width: 576px){.hero-2 .hero-content .hero-actions{display: flex;flex-direction: column;align-items: center;gap: 12px;}.hero-2 .hero-content .hero-actions .btn-primary, .hero-2 .hero-content .hero-actions .btn-ghost{width: 100%;max-width: 280px;min-width: 0;}}.about-2 .story{font-size: 20px;line-height: 1.8;color: var(--heading-color);margin-bottom: 56px;}.about-2 .counters .counter{text-align: center;padding: 32px 16px;border-radius: 18px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);}.about-2 .counters .counter .purecounter, .about-2 .counters .counter .plus{font-size: 44px;font-weight: 700;font-family: var(--heading-font);color: var(--accent-color);line-height: 1;}.about-2 .counters .counter .plus{margin-left: 2px;}.about-2 .counters .counter p{margin: 10px 0 0;font-size: 15px;color: var(--default-color);}.services-2{position: relative;}.services-2 .intro-block{padding-bottom: 24px;}.services-2 .intro-block .label-tag{display: inline-block;font-size: 13px;font-weight: 600;letter-spacing: 2px;text-transform: uppercase;color: var(--accent-color);margin-bottom: 24px;}.services-2 .intro-block h2{font-size: 38px;font-weight: 700;line-height: 1.3;margin-bottom: 20px;max-width: 960px;margin-left: auto;margin-right: auto;}@media (max-width: 992px){.services-2 .intro-block h2{font-size: 32px;}}@media (max-width: 768px){.services-2 .intro-block h2{font-size: 26px;}}.services-2 .intro-block p{font-size: 17px;line-height: 1.8;max-width: 780px;margin-left: auto;margin-right: auto;margin-bottom: 32px;color: color-mix(in srgb, var(--default-color), transparent 30%);}.services-2 .intro-block .btn-outline-cta{display: inline-flex;align-items: center;gap: 8px;padding: 12px 28px;border: 1px solid var(--accent-color);color: var(--accent-color);background: transparent;border-radius: 2px;font-size: 15px;font-weight: 500;transition: color 0.3s, background-color 0.3s;}.services-2 .intro-block .btn-outline-cta:hover{background-color: var(--accent-color);color: var(--contrast-color);}.services-2 .cards-slider .swiper-wrapper{display: flex !important;align-items: stretch !important;height: auto !important;}.services-2 .cards-slider .swiper-slide{height: auto !important;display: flex !important;flex-direction: column !important;}.services-2 .item-card{padding: 48px 36px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);border-radius: 0;position: relative;height: 100% !important;width: 100%;display: flex !important;flex-direction: column !important;flex: 1 1 auto;transition: border-color 0.3s;}.services-2 .item-card .step-num{position: absolute;top: 20px;right: 24px;font-size: 13px;font-weight: 600;letter-spacing: 1px;color: color-mix(in srgb, var(--default-color), transparent 75%);}.services-2 .item-card .icon-wrap{margin-bottom: 28px;}.services-2 .item-card .icon-wrap i{font-size: 28px;color: var(--accent-color);}.services-2 .item-card h3, .services-2 .item-card h4{font-size: 20px;font-weight: 600;margin-bottom: 16px;line-height: 1.3;}.services-2 .item-card h3 a, .services-2 .item-card h4 a{color: var(--heading-color);transition: color 0.3s;}.services-2 .item-card p{font-size: 15px;line-height: 1.7;color: color-mix(in srgb, var(--default-color), transparent 30%);margin-bottom: 24px;flex-grow: 1 !important;}.services-2 .item-card .read-link{display: inline-flex;align-items: center;gap: 6px;font-size: 14px;font-weight: 500;color: var(--accent-color);transition: gap 0.3s;margin-top: auto !important;}.services-2 .item-card .read-link:hover{gap: 10px;}.services-2 .item-card:hover{border-color: color-mix(in srgb, var(--default-color), transparent 70%);}.services-2 .item-card:hover h3 a, .services-2 .item-card:hover h4 a{color: var(--accent-color);}.services-2 .slider-controls{display: flex;align-items: center;justify-content: center;gap: 20px;margin-top: 48px;}.services-2 .slider-controls .divider-line{width: 48px;height: 1px;background-color: color-mix(in srgb, var(--default-color), transparent 80%);}.services-2 .slider-controls button{display: inline-flex;align-items: center;justify-content: center;height: 48px;width: 48px;border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);border-radius: 0;background: transparent;color: var(--default-color);font-size: 18px;transition: border-color 0.3s, color 0.3s;}.services-2 .slider-controls button:hover{border-color: var(--accent-color);color: var(--accent-color);}.services-3{padding: 80px 0;}.services-3 .intro-block{margin-bottom: 16px;}.services-3 .intro-block .tag-badge{display: inline-flex;align-items: center;padding: 2px 12px;font-size: 12px;font-weight: 500;border-radius: 12px;background: color-mix(in srgb, var(--accent-color), transparent 90%);color: var(--accent-color);border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);margin-bottom: 16px;letter-spacing: 0.05em;text-transform: uppercase;}.services-3 .intro-block .block-heading{font-size: 36px;font-weight: 700;line-height: 1.25;letter-spacing: -0.01em;color: var(--heading-color);margin-bottom: 16px;}@media (max-width: 768px){.services-3 .intro-block .block-heading{font-size: 28px;}}.services-3 .intro-block .block-text{font-size: 16px;line-height: 1.7;color: color-mix(in srgb, var(--default-color), transparent 30%);max-width: 600px;margin: 0 auto 32px;}.services-3 .intro-block .action-group{display: flex;align-items: center;justify-content: center;gap: 16px;flex-wrap: wrap;}.services-3 .intro-block .btn-primary-action{display: inline-flex;align-items: center;justify-content: center;height: 40px;padding: 0 24px;background: var(--heading-color);color: var(--contrast-color);border-radius: 6px;font-weight: 500;font-size: 14px;text-decoration: none;transition: all 0.2s ease;}.services-3 .intro-block .btn-primary-action:hover{background: color-mix(in srgb, var(--heading-color), transparent 10%);color: var(--contrast-color);}.services-3 .intro-block .btn-primary-action:focus{outline: none;box-shadow: 0 0 0 3px color-mix(in srgb, var(--heading-color), transparent 80%);}.services-3 .intro-block .btn-ghost-action{display: inline-flex;align-items: center;justify-content: center;height: 40px;padding: 0 16px;background: transparent;color: var(--default-color);border-radius: 6px;font-weight: 500;font-size: 14px;text-decoration: none;transition: all 0.2s ease;gap: 6px;}.services-3 .intro-block .btn-ghost-action:hover{background: var(--surface-color);color: var(--accent-color);}.services-3 .capability-card{background: var(--surface-color);padding: 24px;border-radius: 8px;height: 100%;display: flex;flex-direction: column;border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 92%);transition: all 0.2s ease;}.services-3 .capability-card:hover{border-color: color-mix(in srgb, var(--default-color), transparent 80%);box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color), transparent 90%);}.services-3 .capability-card .card-icon{margin-bottom: 16px;}.services-3 .capability-card .card-icon i{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;font-size: 20px;color: color-mix(in srgb, var(--default-color), transparent 30%);background: color-mix(in srgb, var(--default-color), transparent 94%);border-radius: 8px;transition: all 0.2s ease;}.services-3 .capability-card:hover .card-icon i{color: var(--accent-color);background: color-mix(in srgb, var(--accent-color), transparent 90%);}.services-3 .capability-card .card-body-content{flex: 1;}.services-3 .capability-card .card-body-content .card-heading{font-size: 16px;font-weight: 600;margin-bottom: 8px;line-height: 1.4;letter-spacing: -0.01em;}.services-3 .capability-card .card-body-content .card-heading a{color: var(--heading-color);text-decoration: none;transition: color 0.2s ease;}.services-3 .capability-card .card-body-content .card-heading a:hover{color: var(--accent-color);}.services-3 .capability-card .card-body-content .card-text{font-size: 14px;line-height: 1.6;color: color-mix(in srgb, var(--default-color), transparent 30%);margin-bottom: 0;}.services-3 .capability-card .card-foot{margin-top: 16px;padding-top: 16px;border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}.services-3 .capability-card .card-foot .card-link{font-size: 13px;font-weight: 500;color: var(--default-color);text-decoration: none;display: inline-flex;align-items: center;gap: 4px;transition: color 0.2s ease;}.services-3 .capability-card .card-foot .card-link i{font-size: 12px;transition: transform 0.2s ease;}.services-3 .capability-card .card-foot .card-link:hover{color: var(--accent-color);}.services-3 .capability-card .card-foot .card-link:hover i{transform: translateX(3px);}@media (max-width: 768px){.services-3{padding: 60px 0;}}.process-2 .steps{position: relative;}.process-2 .step{position: relative;height: 100%;padding: 36px 28px;border-radius: 18px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.process-2 .step .num{position: absolute;top: 20px;right: 24px;font-size: 38px;font-weight: 700;font-family: var(--heading-font);color: color-mix(in srgb, var(--accent-color) 12%, transparent);line-height: 1;}.process-2 .step i{width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;border-radius: 14px;margin-bottom: 20px;background: color-mix(in srgb, var(--accent-color) 12%, transparent);color: var(--accent-color);font-size: 26px;transition: all 0.3s ease;}.process-2 .step h3{font-size: 20px;font-weight: 600;margin-bottom: 10px;}.process-2 .step p{font-size: 15px;line-height: 1.6;margin: 0;}.process-2 .step:hover{transform: translateY(-6px);box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);border-color: color-mix(in srgb, var(--accent-color) 30%, transparent);}.process-2 .step:hover i{background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #f06cae));color: var(--contrast-color);}.process-2 .step:hover .num{color: color-mix(in srgb, var(--accent-color) 22%, transparent);}.portfolio-2 .cases{display: flex;flex-direction: column;gap: 64px;}.portfolio-2 .shot{display: block;border-radius: 20px;overflow: hidden;box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);}.portfolio-2 .shot img{width: 100%;display: block;transition: transform 0.6s ease;}.portfolio-2 .shot:hover img{transform: scale(1.05);}.portfolio-2 .copy{padding: 0 8px;}.portfolio-2 .copy .cat{display: inline-block;font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--accent-color);margin-bottom: 12px;}.portfolio-2 .copy h3{font-size: 30px;font-weight: 700;margin-bottom: 14px;}.portfolio-2 .copy p{font-size: 17px;line-height: 1.7;margin-bottom: 20px;}.portfolio-2 .copy .more{display: inline-flex;align-items: center;gap: 8px;font-weight: 600;color: var(--accent-color);}.portfolio-2 .copy .more i{transition: transform 0.3s ease;}.portfolio-2 .copy .more:hover i{transform: translateX(4px);}@media (min-width: 992px){.portfolio-2 .case.reverse .copy{padding-left: 24px;}}.gallery .filter-bar{display: flex;align-items: center;gap: 16px;padding: 12px 16px;margin-bottom: 32px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 12%, transparent);border-radius: 8px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);flex-wrap: wrap;}.gallery .filter-bar .filter-label{font-size: 12px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: color-mix(in srgb, var(--default-color) 60%, transparent);padding-right: 16px;border-right: 1px solid color-mix(in srgb, var(--default-color) 12%, transparent);}@media (max-width: 576px){.gallery .filter-bar .filter-label{border-right: none;padding-right: 0;width: 100%;}}.gallery .shadcn-filters{display: flex;flex-wrap: wrap;gap: 8px;margin: 0;padding: 0;list-style: none;}.gallery .shadcn-filters li{display: inline-flex;align-items: center;gap: 8px;padding: 6px 12px;background: transparent;color: var(--default-color);border: 1px solid transparent;border-radius: 6px;cursor: pointer;font-weight: 500;font-size: 14px;transition: all 0.2s ease;}.gallery .shadcn-filters li .filter-count{display: inline-flex;align-items: center;justify-content: center;min-width: 22px;height: 20px;padding: 0 6px;font-size: 11px;font-weight: 600;border-radius: 10px;background: color-mix(in srgb, var(--default-color) 8%, transparent);color: color-mix(in srgb, var(--default-color) 70%, transparent);transition: all 0.2s ease;}.gallery .shadcn-filters li:hover{background: color-mix(in srgb, var(--default-color) 6%, transparent);border-color: color-mix(in srgb, var(--default-color) 12%, transparent);}.gallery .shadcn-filters li:focus-visible{outline: none;box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 25%, transparent);}.gallery .shadcn-filters li.filter-active{background: var(--accent-color);color: var(--contrast-color);border-color: var(--accent-color);}.gallery .shadcn-filters li.filter-active .filter-count{background: color-mix(in srgb, var(--contrast-color) 22%, transparent);color: var(--contrast-color);}.gallery .gallery-item{margin-bottom: 16px;}.gallery .shadcn-card{display: flex;flex-direction: column;height: 100%;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 12%, transparent);border-radius: 8px;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;}.gallery .shadcn-card:hover{border-color: color-mix(in srgb, var(--default-color) 22%, transparent);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);transform: translateY(-2px);}.gallery .shadcn-card:hover .card-media img{transform: scale(1.03);}.gallery .card-media{position: relative;width: 100%;aspect-ratio: 4/3;overflow: hidden;background: color-mix(in srgb, var(--default-color) 6%, transparent);border-bottom: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);}.gallery .card-media img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}.gallery .card-badge{position: absolute;top: 12px;left: 12px;display: inline-flex;align-items: center;padding: 2px 10px;font-size: 12px;font-weight: 500;line-height: 1.4;border-radius: 12px;background: color-mix(in srgb, var(--background-color) 92%, transparent);color: var(--heading-color);border: 1px solid color-mix(in srgb, var(--default-color) 15%, transparent);backdrop-filter: blur(6px);}.gallery .card-body{display: flex;flex-direction: column;flex-grow: 1;padding: 24px;}.gallery .card-head{margin-bottom: 16px;}.gallery .card-head .card-title{font-size: 18px;font-weight: 600;letter-spacing: -0.01em;line-height: 1.3;color: var(--heading-color);margin: 0 0 8px 0;}.gallery .card-head .card-desc{font-size: 14px;line-height: 1.6;color: color-mix(in srgb, var(--default-color) 70%, transparent);margin: 0;}.gallery .card-foot{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-top: auto;padding-top: 16px;border-top: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);}.gallery .btn-ghost{display: inline-flex;align-items: center;gap: 6px;height: 36px;padding: 0 12px;font-size: 13px;font-weight: 500;color: var(--heading-color);background: transparent;border: 1px solid color-mix(in srgb, var(--default-color) 18%, transparent);border-radius: 6px;transition: all 0.2s ease;}.gallery .btn-ghost i{font-size: 14px;}.gallery .btn-ghost:hover{background: color-mix(in srgb, var(--default-color) 6%, transparent);border-color: color-mix(in srgb, var(--default-color) 28%, transparent);color: var(--heading-color);}.gallery .btn-ghost:focus-visible{outline: none;box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 22%, transparent);}.gallery .btn-link{display: inline-flex;align-items: center;gap: 4px;font-size: 13px;font-weight: 500;color: var(--accent-color);padding: 8px 4px;border-radius: 6px;transition: color 0.2s ease;}.gallery .btn-link i{font-size: 14px;transition: transform 0.2s ease;}.gallery .btn-link:hover{color: color-mix(in srgb, var(--accent-color) 80%, transparent);}.gallery .btn-link:hover i{transform: translate(2px, -2px);}.gallery .btn-link:focus-visible{outline: none;box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 22%, transparent);}.gallery .glightbox-clean .gslide-description{background: #272727;}.gallery .glightbox-clean .gslide-title{color: rgba(255, 255, 255, 0.8);margin: 0;}@media (max-width: 768px){.gallery .card-body{padding: 20px;}.gallery .card-head .card-title{font-size: 16px;}}.testimonials-2 .testimonials-slider{overflow: hidden;padding-bottom: 20px;}.testimonials-2 .swiper-slide{height: auto;display: flex;}.testimonials-2 .q-card{width: 100%;height: 100%;margin: 0;padding: 32px;border-radius: 20px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;display: flex;flex-direction: column;justify-content: space-between;}.testimonials-2 .q-card .rating{display: flex;gap: 4px;margin-bottom: 18px;}.testimonials-2 .q-card .rating i{color: #f6b73c;font-size: 16px;}.testimonials-2 .q-card blockquote{margin: 0 0 24px;padding: 0;border: none;font-size: 15.5px;line-height: 1.7;color: var(--default-color);flex-grow: 1;}.testimonials-2 .q-card figcaption{display: flex;align-items: center;gap: 14px;margin-top: auto;}.testimonials-2 .q-card figcaption img{width: 52px;height: 52px;border-radius: 50%;object-fit: cover;flex-shrink: 0;}.testimonials-2 .q-card figcaption .name{display: block;font-weight: 600;color: var(--heading-color);font-size: 15px;}.testimonials-2 .q-card figcaption .role{display: block;font-size: 13px;color: color-mix(in srgb, var(--default-color) 75%, transparent);}.testimonials-2 .q-card:hover{transform: translateY(-6px);box-shadow: 0 16px 36px rgba(0, 0, 0, 0.09);}.testimonials-2 .swiper-pagination{position: relative;margin-top: 25px;text-align: center;}.testimonials-2 .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background-color: color-mix(in srgb, var(--default-color), transparent 75%);opacity: 1;transition: all 0.3s ease;display: inline-block;margin: 0 4px;}.testimonials-2 .swiper-pagination .swiper-pagination-bullet-active{background-color: var(--accent-color);width: 26px;border-radius: 10px;}@media (min-width: 992px){.testimonials-2 .swiper-pagination{display: none;}}.faq .faq-title{font-size: 2.5rem;font-weight: 700;margin-bottom: 1rem;color: var(--heading-color);line-height: 1.3;}@media (max-width: 768px){.faq .faq-title{font-size: 1.65rem;line-height: 1.35;}}@media (max-width: 480px){.faq .faq-title{font-size: 1.5rem;}}.faq .faq-description{font-size: 1rem;color: var(--default-color);margin-bottom: 2rem;}.faq .faq-arrow{color: var(--accent-color);}.faq .faq-container .faq-item{background-color: var(--surface-color);position: relative;padding: 20px;margin-bottom: 15px;border-radius: 10px;overflow: hidden;}.faq .faq-container .faq-item:last-child{margin-bottom: 0;}.faq .faq-container .faq-item h3{font-weight: 600;font-size: 16px;line-height: 24px;margin: 0 30px 0 0;transition: 0.3s;cursor: pointer;display: flex;align-items: center;}.faq .faq-container .faq-item h3 .num{color: var(--accent-color);padding-right: 5px;}.faq .faq-container .faq-item h3:hover{color: var(--accent-color);}.faq .faq-container .faq-item .faq-content{display: grid;grid-template-rows: 0fr;transition: 0.3s ease-in-out;visibility: hidden;opacity: 0;}.faq .faq-container .faq-item .faq-content p{margin-bottom: 0;overflow: hidden;}.faq .faq-container .faq-item .faq-toggle{position: absolute;top: 20px;right: 20px;font-size: 16px;line-height: 0;transition: 0.3s;cursor: pointer;}.faq .faq-container .faq-item .faq-toggle:hover{color: var(--accent-color);}.faq .faq-container .faq-active h3{color: var(--accent-color);}.faq .faq-container .faq-active .faq-content{grid-template-rows: 1fr;visibility: visible;opacity: 1;padding-top: 10px;}.faq .faq-container .faq-active .faq-toggle{transform: rotate(90deg);color: var(--accent-color);}.cta-2{position: relative;overflow: hidden;}.cta-2::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 700px;height: 500px;background: radial-gradient(ellipse, color-mix(in srgb, var(--accent-color) 28%, transparent), transparent 60%);}.cta-2 .container{position: relative;z-index: 1;}.cta-2 .cta-center .kicker{display: inline-block;padding: 8px 16px;border-radius: 24px;background: color-mix(in srgb, var(--accent-color) 22%, transparent);color: var(--accent-color);font-size: 14px;font-weight: 600;margin-bottom: 20px;}.cta-2 .cta-center h2{font-size: 40px;font-weight: 700;line-height: 1.2;margin-bottom: 16px;}.cta-2 .cta-center p{font-size: 18px;line-height: 1.7;max-width: 560px;margin: 0 auto 32px;}.cta-2 .cta-center .btn-main{display: inline-flex;align-items: center;gap: 8px;padding: 14px 30px;border-radius: 30px;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #f06cae));color: var(--contrast-color);font-weight: 600;font-size: 16px;border: none;box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color) 30%, transparent);transition: all 0.3s ease;}.cta-2 .cta-center .btn-main:hover{transform: translateY(-3px);box-shadow: 0 12px 28px color-mix(in srgb, var(--accent-color) 40%, transparent);color: var(--contrast-color);}.cta-2 .cta-center .note{display: block;margin-top: 20px;font-size: 14px;color: color-mix(in srgb, var(--default-color) 80%, transparent);}.cta-2 .cta-center .note i{color: var(--accent-color);margin-right: 6px;}@media (max-width: 768px){.cta-2 .cta-center h2{font-size: 30px;}.cta-2 .cta-center .btn-main{width: 100%;justify-content: center;}}.about-3{padding: 100px 0;}.about-3 .image-block{position: relative;padding: 20px;}.about-3 .image-block::before{content: "";position: absolute;top: 0;left: 0;width: 65%;height: 65%;background-color: color-mix(in srgb, var(--accent-color), transparent 88%);border-radius: 16px;z-index: 0;}.about-3 .image-block img{position: relative;z-index: 1;border-radius: 16px;}.about-3 .image-block .experience-badge{position: absolute;bottom: -10px;left: 30px;z-index: 2;background-color: var(--accent-color);border-radius: 10px;padding: 18px 24px;max-width: 300px;box-shadow: 0 10px 30px color-mix(in srgb, var(--accent-color), transparent 60%);}@media (max-width: 992px){.about-3 .image-block .experience-badge{position: relative;bottom: auto;left: auto;margin-top: 20px;max-width: none;}}.about-3 .image-block .experience-badge .badge-inner{display: flex;align-items: center;gap: 14px;color: var(--contrast-color);}.about-3 .image-block .experience-badge .badge-inner i{font-size: 28px;flex-shrink: 0;}.about-3 .image-block .experience-badge .badge-inner strong{display: block;font-size: 16px;font-weight: 600;}.about-3 .image-block .experience-badge .badge-inner span{font-size: 13px;opacity: 0.85;}.about-3 .info-panel .overline{display: inline-block;font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: 2px;color: var(--accent-color);margin-bottom: 16px;position: relative;padding-left: 40px;}.about-3 .info-panel .overline::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 28px;height: 2px;background-color: var(--accent-color);}.about-3 .info-panel h2{font-size: 38px;font-weight: 700;line-height: 1.25;margin-bottom: 24px;font-family: var(--heading-font);}@media (max-width: 768px){.about-3 .info-panel h2{font-size: 28px;}}.about-3 .info-panel .intro{font-size: 18px;line-height: 1.7;color: color-mix(in srgb, var(--default-color), transparent 15%);margin-bottom: 20px;font-weight: 400;}.about-3 .info-panel .text-content p{font-size: 15px;line-height: 1.8;color: color-mix(in srgb, var(--default-color), transparent 30%);margin-bottom: 16px;}.about-3 .counter-row{margin-top: 40px;margin-bottom: 40px;}.about-3 .counter-row .counter-card{padding: 20px;border-left: 3px solid var(--accent-color);background-color: color-mix(in srgb, var(--accent-color), transparent 96%);border-radius: 0 8px 8px 0;transition: transform 0.3s ease;}.about-3 .counter-row .counter-card:hover{transform: translateY(-3px);}.about-3 .counter-row .counter-card .count{font-size: 40px;font-weight: 700;color: var(--accent-color);line-height: 1;font-family: var(--heading-font);}.about-3 .counter-row .counter-card .count-suffix{font-size: 32px;font-weight: 700;color: var(--accent-color);font-family: var(--heading-font);}.about-3 .counter-row .counter-card p{font-size: 13px;font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px;color: color-mix(in srgb, var(--default-color), transparent 40%);margin: 8px 0 0 0;}.about-3 .discover-btn{display: inline-flex;align-items: center;gap: 10px;padding: 14px 32px;background-color: var(--accent-color);color: var(--contrast-color);border-radius: 50px;font-weight: 500;font-size: 15px;text-decoration: none;transition: all 0.3s ease;}.about-3 .discover-btn i{transition: transform 0.3s ease;}.about-3 .discover-btn:hover{background-color: color-mix(in srgb, var(--accent-color), black 15%);color: var(--contrast-color);transform: translateY(-2px);box-shadow: 0 8px 25px color-mix(in srgb, var(--accent-color), transparent 50%);}.about-3 .discover-btn:hover i{transform: translateX(4px);}@media (max-width: 992px){.about-3 .info-panel{margin-bottom: 50px;}.about-3 .counter-row{margin-top: 30px;margin-bottom: 30px;}}.gallery-2 .gallery-carousel{margin-bottom: 2rem;}.gallery-2 .gallery-carousel .swiper-wrapper{height: auto !important;}.gallery-2 .gallery-item{position: relative;overflow: hidden;border-radius: 12px;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;cursor: pointer;}.gallery-2 .gallery-item:hover{transform: translateY(-5px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);}.gallery-2 .gallery-item:hover .gallery-overlay{opacity: 1;}.gallery-2 .gallery-item:hover img{transform: scale(1.05);}.gallery-2 .gallery-item img{width: 100%;height: 250px;object-fit: cover;transition: transform 0.3s ease;}@media (max-width: 576px){.gallery-2 .gallery-item img{height: 200px;}}.gallery-2 .gallery-item .gallery-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), transparent 60%));display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease;}.gallery-2 .gallery-item .gallery-overlay i{color: var(--contrast-color);font-size: 2rem;}.gallery-2 .btn-gallery{background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), #000000 20%));color: var(--contrast-color);border: none;padding: 15px 35px;font-size: 1.1rem;font-weight: 600;border-radius: 50px;text-decoration: none;display: inline-flex;align-items: center;transition: all 0.3s ease;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}.gallery-2 .btn-gallery:hover{transform: translateY(-2px);box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2);color: var(--contrast-color);background: linear-gradient(135deg, color-mix(in srgb, var(--accent-color), #000000 10%), color-mix(in srgb, var(--accent-color), #000000 30%));}.gallery-2 .btn-gallery i{font-size: 1.2rem;}@media (max-width: 576px){.gallery-2 .btn-gallery{padding: 12px 28px;font-size: 1rem;}}.call-to-action{position: relative;overflow: hidden;}.call-to-action::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 700px;height: 500px;background: radial-gradient(ellipse, color-mix(in srgb, var(--accent-color) 28%, transparent), transparent 60%);}.call-to-action .container{position: relative;z-index: 1;}.call-to-action .cta-center .kicker{display: inline-block;padding: 8px 16px;border-radius: 24px;background: color-mix(in srgb, var(--accent-color) 22%, transparent);color: var(--accent-color);font-size: 14px;font-weight: 600;margin-bottom: 20px;}.call-to-action .cta-center h2{font-size: 40px;font-weight: 700;line-height: 1.2;margin-bottom: 16px;}.call-to-action .cta-center p{font-size: 18px;line-height: 1.7;max-width: 560px;margin: 0 auto 32px;}.call-to-action .cta-center .btn-main{display: inline-flex;align-items: center;gap: 8px;padding: 14px 30px;border-radius: 30px;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #f06cae));color: var(--contrast-color);font-weight: 600;font-size: 16px;border: none;box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color) 30%, transparent);transition: all 0.3s ease;}.call-to-action .cta-center .btn-main:hover{transform: translateY(-3px);box-shadow: 0 12px 28px color-mix(in srgb, var(--accent-color) 40%, transparent);color: var(--contrast-color);}.call-to-action .cta-center .note{display: block;margin-top: 20px;font-size: 14px;color: color-mix(in srgb, var(--default-color) 80%, transparent);}.call-to-action .cta-center .note i{color: var(--accent-color);margin-right: 6px;}@media (max-width: 768px){.call-to-action .cta-center h2{font-size: 30px;}.call-to-action .cta-center .btn-main{width: 100%;justify-content: center;}}.services-4 .service-card{display: flex;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 12%, transparent);border-radius: 12px;overflow: hidden;height: 100%;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;}.services-4 .service-card:hover{border-color: color-mix(in srgb, var(--accent-color) 40%, transparent);box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.04);}.services-4 .service-card:hover .card-media img{transform: scale(1.04);}.services-4 .service-card:hover .link-action{color: var(--accent-color);}.services-4 .service-card:hover .link-action i{transform: translateX(4px);}.services-4 .card-media{position: relative;flex: 0 0 40%;max-width: 40%;overflow: hidden;background: color-mix(in srgb, var(--default-color) 5%, transparent);}.services-4 .card-media img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}.services-4 .card-media .badge-label{position: absolute;top: 12px;left: 12px;display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;font-size: 11px;font-weight: 500;letter-spacing: 0.05em;text-transform: uppercase;background: var(--surface-color);color: var(--accent-color);border: 1px solid color-mix(in srgb, var(--accent-color) 25%, transparent);border-radius: 12px;}.services-4 .card-media .badge-label i{font-size: 12px;}.services-4 .card-body{flex: 1 1 auto;padding: 24px;display: flex;flex-direction: column;}.services-4 .card-body p{font-size: 14px;line-height: 1.6;color: color-mix(in srgb, var(--default-color) 70%, transparent);margin-bottom: 16px;flex-grow: 1;}.services-4 .card-head{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;margin-bottom: 8px;}.services-4 .card-head h3{font-size: 18px;font-weight: 600;letter-spacing: -0.01em;line-height: 1.3;margin: 0;color: var(--heading-color);}.services-4 .card-head .meta-tag{flex-shrink: 0;font-size: 11px;font-weight: 500;letter-spacing: 0.05em;text-transform: uppercase;color: color-mix(in srgb, var(--default-color) 55%, transparent);padding-top: 4px;}.services-4 .card-foot{display: flex;align-items: center;justify-content: space-between;padding-top: 16px;border-top: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);margin-top: auto;}.services-4 .link-action{display: inline-flex;align-items: center;gap: 6px;font-size: 14px;font-weight: 500;color: var(--heading-color);text-decoration: none;transition: color 0.2s ease;}.services-4 .link-action i{font-size: 14px;transition: transform 0.2s ease;}.services-4 .link-action:focus{outline: none;color: var(--accent-color);box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 20%, transparent);border-radius: 4px;}.services-4 .status-dot{width: 8px;height: 8px;border-radius: 50%;background: #22c55e;box-shadow: 0 0 0 3px color-mix(in srgb, #22c55e 20%, transparent);}@media (max-width: 768px){.services-4 .service-card{flex-direction: column;height: auto;min-height: 100%;border-radius: 14px;}.services-4 .card-media{flex: 0 0 auto;width: 100%;max-width: 100%;height: 200px;}.services-4 .card-media img{width: 100%;height: 100%;object-fit: cover;}.services-4 .card-body{padding: 20px;flex: 1 0 auto;display: flex;flex-direction: column;}.services-4 .card-head{margin-bottom: 8px;}.services-4 .card-head h3{font-size: 17px;line-height: 1.35;}.services-4 .card-body p{font-size: 13.5px;line-height: 1.6;margin-bottom: 16px;flex-grow: 1;}.services-4 .card-foot{margin-top: auto;padding-top: 14px;border-top: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);display: flex;align-items: center;justify-content: space-between;}}@media (max-width: 480px){.services-4 .card-media{height: 185px;}.services-4 .card-body{padding: 18px 16px;}.services-4 .card-head h3{font-size: 16px;}.services-4 .card-body p{font-size: 13px;line-height: 1.55;margin-bottom: 14px;}.services-4 .card-foot{padding-top: 12px;}.services-4 .link-action{font-size: 13.5px;}}.catalog .catalog-item{background-color: var(--surface-color);border-radius: 14px;box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.06);border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);height: 100%;display: flex;flex-direction: column;overflow: hidden;position: relative;transition: transform 0.3s ease, box-shadow 0.3s ease;}.catalog .catalog-item:hover{transform: translateY(-5px);box-shadow: 0px 14px 32px rgba(0, 0, 0, 0.12);}.catalog .catalog-item .position-relative{width: 100%;aspect-ratio: 16 / 10;overflow: hidden;background-color: #f5f7f6;border-radius: 0 !important;}.catalog .catalog-item .position-relative img, .catalog .catalog-item img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: transform 0.4s ease;display: block;}.catalog .catalog-item:hover img{transform: scale(1.08);}.catalog .catalog-item .catalog-info{padding: 20px;background-color: var(--surface-color);border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);flex-grow: 1;display: flex;flex-direction: column;justify-content: space-between;}.catalog .catalog-item .catalog-info h3, .catalog .catalog-item .catalog-info h4{font-size: 16px;margin: 0 0 6px 0;font-weight: 600;padding-right: 0;line-height: 1.4;min-height: 44px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.catalog .catalog-item .catalog-info h3 a, .catalog .catalog-item .catalog-info h4 a{color: var(--heading-color);transition: 0.3s;}.catalog .catalog-item .catalog-info h3 a:hover, .catalog .catalog-item .catalog-info h4 a:hover{color: var(--accent-color);}.catalog .catalog-item .catalog-info p{line-height: 1.4;margin: 0;}.faq-2 .faq-list{margin-bottom: 48px;}.faq-2 .faq-item{border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);cursor: pointer;transition: background 0.2s ease;}.faq-2 .faq-item:first-child{border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);}.faq-2 .faq-item:hover{background: color-mix(in srgb, var(--default-color), transparent 97%);}.faq-2 .faq-item .faq-header{display: flex;align-items: center;justify-content: space-between;padding: 20px 8px;gap: 16px;}.faq-2 .faq-item .faq-label{display: flex;align-items: center;gap: 16px;flex: 1;min-width: 0;}.faq-2 .faq-item .faq-badge{display: inline-flex;align-items: center;justify-content: center;padding: 2px 10px;font-size: 12px;font-weight: 500;font-family: var(--heading-font);border-radius: 12px;background: color-mix(in srgb, var(--accent-color), transparent 90%);color: var(--accent-color);border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);flex-shrink: 0;letter-spacing: 0.02em;}.faq-2 .faq-item h3{font-size: 16px;font-weight: 600;margin-bottom: 0;line-height: 1.4;letter-spacing: -0.01em;transition: color 0.2s ease;}.faq-2 .faq-item .faq-toggle{font-size: 18px;color: color-mix(in srgb, var(--default-color), transparent 50%);flex-shrink: 0;transition: transform 0.2s ease, color 0.2s ease;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;}.faq-2 .faq-item .faq-content{display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.2s ease, opacity 0.2s ease;visibility: hidden;opacity: 0;}.faq-2 .faq-item .faq-content p{margin-bottom: 0;font-size: 14px;line-height: 1.7;overflow: hidden;color: color-mix(in srgb, var(--default-color), transparent 30%);padding: 0 8px 20px 54px;}.faq-2 .faq-item.faq-active{background: color-mix(in srgb, var(--accent-color), transparent 97%);}.faq-2 .faq-item.faq-active .faq-badge{background: color-mix(in srgb, var(--accent-color), transparent 85%);}.faq-2 .faq-item.faq-active h3{color: var(--accent-color);}.faq-2 .faq-item.faq-active .faq-toggle{transform: rotate(45deg);color: var(--accent-color);}.faq-2 .faq-item.faq-active .faq-content{grid-template-rows: 1fr;visibility: visible;opacity: 1;}.faq-2 .faq-cta .cta-inner{display: flex;align-items: center;gap: 24px;padding: 24px 32px;border-radius: 8px;border: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);background: var(--surface-color);box-shadow: 0 1px 3px color-mix(in srgb, var(--default-color), transparent 95%);}.faq-2 .faq-cta .cta-inner>i{font-size: 32px;color: var(--accent-color);flex-shrink: 0;}.faq-2 .faq-cta .cta-body{flex: 1;}.faq-2 .faq-cta .cta-body h4{font-size: 16px;font-weight: 600;margin-bottom: 4px;letter-spacing: -0.01em;}.faq-2 .faq-cta .cta-body p{margin-bottom: 0;font-size: 14px;line-height: 1.6;color: color-mix(in srgb, var(--default-color), transparent 35%);}.faq-2 .faq-cta .cta-btn{display: inline-flex;align-items: center;justify-content: center;padding: 10px 24px;background: var(--accent-color);color: var(--contrast-color);font-family: var(--heading-font);font-size: 14px;font-weight: 500;border-radius: 6px;flex-shrink: 0;transition: background 0.2s ease;white-space: nowrap;}.faq-2 .faq-cta .cta-btn:hover{background: color-mix(in srgb, var(--accent-color), transparent 15%);color: var(--contrast-color);}.faq-2 .faq-cta .cta-btn:focus{outline: none;box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 80%);}@media (max-width: 768px){.faq-2 .faq-item .faq-header{padding: 16px 4px;gap: 12px;}.faq-2 .faq-item h3{font-size: 15px;}.faq-2 .faq-item .faq-content p{padding: 0 4px 16px 44px;font-size: 14px;}.faq-2 .faq-cta .cta-inner{flex-direction: column;text-align: center;padding: 24px;gap: 16px;}.faq-2 .faq-cta .cta-btn{width: 100%;}}@media (max-width: 576px){.faq-2 .faq-item .faq-label{gap: 10px;}.faq-2 .faq-item .faq-content p{padding-left: 4px;}}.about-4{position: relative;overflow: hidden;}.about-4::before{content: "";position: absolute;top: -120px;right: -100px;width: 400px;height: 400px;border-radius: 50%;background: radial-gradient(circle, color-mix(in srgb, var(--accent-color) 8%, transparent), transparent 70%);pointer-events: none;z-index: 0;}.about-4::after{content: "";position: absolute;bottom: -80px;left: -60px;width: 300px;height: 300px;border-radius: 50%;background: radial-gradient(circle, color-mix(in srgb, var(--accent-color) 6%, transparent), transparent 70%);pointer-events: none;z-index: 0;}.about-4 .container{position: relative;z-index: 1;}.about-4 .info-block .badge-label{display: inline-block;font-size: 13px;font-weight: 600;letter-spacing: 0.05em;text-transform: uppercase;color: var(--accent-color);background: color-mix(in srgb, var(--accent-color) 10%, var(--background-color));padding: 6px 16px;border-radius: 20px;margin-bottom: 16px;}.about-4 .info-block h2{font-size: 36px;font-weight: 700;letter-spacing: -0.01em;line-height: 1.25;margin-bottom: 20px;}.about-4 .info-block .lead-text{font-size: 1.1rem;color: color-mix(in srgb, var(--default-color), transparent 15%);margin-bottom: 12px;line-height: 1.7;}.about-4 .info-block p{line-height: 1.7;}.about-4 .highlight-card{padding: 28px 24px;background: var(--surface-color);border-radius: 12px;border: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);box-shadow: 0 4px 12px color-mix(in srgb, var(--default-color) 6%, transparent);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);height: 100%;}.about-4 .highlight-card:hover{transform: translateY(-6px);box-shadow: 0 12px 32px color-mix(in srgb, var(--default-color) 12%, transparent);border-color: color-mix(in srgb, var(--accent-color) 30%, transparent);}.about-4 .highlight-card .icon-wrap{width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;border-radius: 12px;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, #6366f1));margin-bottom: 16px;}.about-4 .highlight-card .icon-wrap i{font-size: 1.5rem;color: var(--contrast-color);}.about-4 .highlight-card h4{font-size: 1.1rem;font-weight: 600;margin-bottom: 8px;}.about-4 .highlight-card p{margin-bottom: 0;font-size: 0.9rem;color: color-mix(in srgb, var(--default-color), transparent 25%);}.about-4 .author-block .author-name{font-weight: 600;font-style: italic;margin-bottom: 6px;color: var(--heading-color);}.about-4 .author-block img{max-width: 160px;height: auto;opacity: 0.85;}.about-4 .visual-block{position: relative;}.about-4 .visual-block .main-image-wrapper{position: relative;}.about-4 .visual-block .main-image-wrapper img{border-radius: 16px;box-shadow: 0 12px 40px color-mix(in srgb, var(--default-color) 15%, transparent);border: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);transition: transform 0.3s ease;}.about-4 .visual-block .main-image-wrapper img:hover{transform: scale(1.02);}.about-4 .visual-block .floating-card{position: absolute;bottom: -20px;left: -20px;z-index: 3;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, #6366f1));color: var(--contrast-color);padding: 20px 28px;border-radius: 16px;display: flex;flex-direction: column;align-items: center;box-shadow: 0 8px 24px color-mix(in srgb, var(--accent-color) 30%, transparent);}.about-4 .visual-block .floating-card .metric-number{font-size: 2.8rem;font-weight: 700;line-height: 1;font-family: var(--heading-font);}.about-4 .visual-block .floating-card .metric-label{font-size: 0.85rem;font-weight: 500;margin-top: 4px;white-space: nowrap;}.about-4 .visual-block .row img{border-radius: 12px;box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color) 10%, transparent);transition: transform 0.3s ease;}.about-4 .visual-block .row img:hover{transform: scale(1.03);}@media (max-width: 992px){.about-4 .visual-block{margin-bottom: 2rem;}.about-4 .visual-block .floating-card{bottom: -15px;left: -10px;padding: 14px 20px;}.about-4 .visual-block .floating-card .metric-number{font-size: 2.2rem;}.about-4 .visual-block .floating-card .metric-label{font-size: 0.8rem;}.about-4 .info-block h2{font-size: 28px;}}@media (max-width: 576px){.about-4 .visual-block .floating-card{position: relative;bottom: auto;left: auto;margin-top: 16px;text-align: center;border-radius: 12px;}.about-4 .author-block img{max-width: 130px;}}.gallery-3 .gallery-filters{display: flex;justify-content: center;flex-wrap: wrap;gap: 8px 10px;margin-bottom: 35px;padding: 0;list-style: none;}.gallery-3 .gallery-filters li{cursor: pointer;display: inline-flex;align-items: center;justify-content: center;padding: 8px 20px;font-size: 14.5px;font-weight: 600;line-height: 1.2;color: var(--heading-color);background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 15%, transparent);border-radius: 30px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);transition: all 0.25s ease;user-select: none;}.gallery-3 .gallery-filters li:hover{color: var(--accent-color);border-color: color-mix(in srgb, var(--accent-color) 40%, transparent);background: color-mix(in srgb, var(--accent-color) 8%, var(--surface-color));transform: translateY(-1px);}.gallery-3 .gallery-filters li.filter-active{color: #ffffff;background: var(--accent-color);border-color: var(--accent-color);box-shadow: 0 4px 14px color-mix(in srgb, var(--accent-color) 35%, transparent);}@media (max-width: 768px){.gallery-3 .gallery-filters{gap: 8px 6px;margin-bottom: 25px;}.gallery-3 .gallery-filters li{padding: 7px 14px;font-size: 13px;border-radius: 20px;}}@media (max-width: 480px){.gallery-3 .gallery-filters{gap: 6px 6px;}.gallery-3 .gallery-filters li{padding: 6px 11px;font-size: 12px;}}.gallery-3 .gallery-item{position: relative;overflow: hidden;border-radius: 8px;box-shadow: 0 4px 15px color-mix(in srgb, var(--default-color), transparent 85%);height: 250px;}.gallery-3 .gallery-item img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}.gallery-3 .gallery-item:hover img{transform: scale(1.1);}.gallery-3 .gallery-item .gallery-caption{position: absolute;bottom: 0;left: 0;width: 100%;padding: 15px;background: linear-gradient(to top, color-mix(in srgb, var(--default-color), transparent 60%), transparent);color: var(--contrast-color);opacity: 0;transition: opacity 0.3s ease;}.gallery-3 .gallery-item .gallery-caption h3, .gallery-3 .gallery-item .gallery-caption h4{font-size: 18px;margin: 0 0 5px;color: var(--contrast-color);}.gallery-3 .gallery-item .gallery-caption p{font-size: 14px;margin: 0;}.gallery-3 .gallery-item:hover .gallery-caption{opacity: 1;}.call-to-action-2{position: relative;overflow: hidden;}.call-to-action-2::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 700px;height: 500px;background: radial-gradient(ellipse, color-mix(in srgb, var(--accent-color) 28%, transparent), transparent 60%);}.call-to-action-2 .container{position: relative;z-index: 1;}.call-to-action-2 .cta-center .kicker{display: inline-block;padding: 8px 16px;border-radius: 24px;background: color-mix(in srgb, var(--accent-color) 22%, transparent);color: var(--accent-color);font-size: 14px;font-weight: 600;margin-bottom: 20px;}.call-to-action-2 .cta-center h2{font-size: 40px;font-weight: 700;line-height: 1.2;margin-bottom: 16px;}.call-to-action-2 .cta-center p{font-size: 18px;line-height: 1.7;max-width: 560px;margin: 0 auto 32px;}.call-to-action-2 .cta-center .btn-main{display: inline-flex;align-items: center;gap: 8px;padding: 14px 30px;border-radius: 30px;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #f06cae));color: var(--contrast-color);font-weight: 600;font-size: 16px;border: none;box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color) 30%, transparent);transition: all 0.3s ease;}.call-to-action-2 .cta-center .btn-main:hover{transform: translateY(-3px);box-shadow: 0 12px 28px color-mix(in srgb, var(--accent-color) 40%, transparent);color: var(--contrast-color);}.call-to-action-2 .cta-center .note{display: block;margin-top: 20px;font-size: 14px;color: color-mix(in srgb, var(--default-color) 80%, transparent);}.call-to-action-2 .cta-center .note i{color: var(--accent-color);margin-right: 6px;}@media (max-width: 768px){.call-to-action-2 .cta-center h2{font-size: 30px;}.call-to-action-2 .cta-center .btn-main{width: 100%;justify-content: center;}}.services-5 .service-tile{display: grid;grid-template-columns: 42% 58%;gap: 0;background: var(--surface-color);border-radius: 18px;overflow: hidden;border: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);transition: transform 0.3s ease, box-shadow 0.3s ease;height: 100%;}.services-5 .service-tile .tile-media{position: relative;min-height: 220px;}.services-5 .service-tile .tile-media img{width: 100%;height: 100%;object-fit: cover;}.services-5 .service-tile .tile-content{padding: 28px 30px;display: flex;flex-direction: column;gap: 12px;}.services-5 .service-tile .tile-icon{width: 48px;height: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: color-mix(in srgb, var(--accent-color) 15%, transparent);color: var(--accent-color);font-size: 22px;}.services-5 .service-tile .text-block h3{font-size: 22px;font-weight: 600;margin-bottom: 8px;}.services-5 .service-tile .text-block p{font-size: 15px;line-height: 1.6;color: color-mix(in srgb, var(--default-color) 80%, transparent);margin: 0;}.services-5 .service-tile .tile-list{list-style: none;padding: 0;margin: 0;display: grid;gap: 6px;}.services-5 .service-tile .tile-list li{display: flex;align-items: center;gap: 8px;font-size: 14px;color: color-mix(in srgb, var(--default-color) 85%, transparent);}.services-5 .service-tile .tile-list li i{color: var(--accent-color);}.services-5 .service-tile .tile-link{display: inline-flex;align-items: center;gap: 8px;font-weight: 600;font-size: 14px;color: var(--accent-color);transition: color 0.3s ease, transform 0.3s ease;}.services-5 .service-tile .tile-link i{font-size: 16px;line-height: 1;transition: transform 0.3s ease;}.services-5 .service-tile:hover{transform: translateY(-6px);box-shadow: 0 16px 36px color-mix(in srgb, var(--default-color) 12%, transparent);}.services-5 .service-tile:hover .tile-link i{transform: translateX(4px);}@media (max-width: 992px){.services-5 .service-tile{grid-template-columns: 1fr;}.services-5 .service-tile .tile-media{min-height: 200px;}}@media (max-width: 576px){.services-5 .service-tile .tile-content{padding: 22px;}}.call-to-action-3{position: relative;overflow: hidden;}.call-to-action-3::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 700px;height: 500px;background: radial-gradient(ellipse, color-mix(in srgb, var(--accent-color) 28%, transparent), transparent 60%);}.call-to-action-3 .container{position: relative;z-index: 1;}.call-to-action-3 .cta-center .kicker{display: inline-block;padding: 8px 16px;border-radius: 24px;background: color-mix(in srgb, var(--accent-color) 22%, transparent);color: var(--accent-color);font-size: 14px;font-weight: 600;margin-bottom: 20px;}.call-to-action-3 .cta-center h2{font-size: 40px;font-weight: 700;line-height: 1.2;margin-bottom: 16px;}.call-to-action-3 .cta-center p{font-size: 18px;line-height: 1.7;max-width: 560px;margin: 0 auto 32px;}.call-to-action-3 .cta-center .btn-main{display: inline-flex;align-items: center;gap: 8px;padding: 14px 30px;border-radius: 30px;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #f06cae));color: var(--contrast-color);font-weight: 600;font-size: 16px;border: none;box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color) 30%, transparent);transition: all 0.3s ease;}.call-to-action-3 .cta-center .btn-main:hover{transform: translateY(-3px);box-shadow: 0 12px 28px color-mix(in srgb, var(--accent-color) 40%, transparent);color: var(--contrast-color);}.call-to-action-3 .cta-center .note{display: block;margin-top: 20px;font-size: 14px;color: color-mix(in srgb, var(--default-color) 80%, transparent);}.call-to-action-3 .cta-center .note i{color: var(--accent-color);margin-right: 6px;}@media (max-width: 768px){.call-to-action-3 .cta-center h2{font-size: 30px;}.call-to-action-3 .cta-center .btn-main{width: 100%;justify-content: center;}}.gallery-4 .gallery-filters{display: flex;justify-content: center;flex-wrap: wrap;gap: 8px 10px;margin-bottom: 35px;padding: 0;list-style: none;}.gallery-4 .gallery-filters li{cursor: pointer;display: inline-flex;align-items: center;justify-content: center;padding: 8px 20px;font-size: 14.5px;font-weight: 600;line-height: 1.2;color: var(--heading-color);background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 15%, transparent);border-radius: 30px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);transition: all 0.25s ease;user-select: none;}.gallery-4 .gallery-filters li:hover{color: var(--accent-color);border-color: color-mix(in srgb, var(--accent-color) 40%, transparent);background: color-mix(in srgb, var(--accent-color) 8%, var(--surface-color));transform: translateY(-1px);}.gallery-4 .gallery-filters li.filter-active{color: #ffffff;background: var(--accent-color);border-color: var(--accent-color);box-shadow: 0 4px 14px color-mix(in srgb, var(--accent-color) 35%, transparent);}@media (max-width: 768px){.gallery-4 .gallery-filters{gap: 8px 6px;margin-bottom: 25px;}.gallery-4 .gallery-filters li{padding: 7px 14px;font-size: 13px;border-radius: 20px;}}@media (max-width: 480px){.gallery-4 .gallery-filters{gap: 6px 6px;}.gallery-4 .gallery-filters li{padding: 6px 11px;font-size: 12px;}}.gallery-4 .gallery-item{position: relative;overflow: hidden;border-radius: 8px;box-shadow: 0 4px 15px color-mix(in srgb, var(--default-color), transparent 85%);height: 250px;}.gallery-4 .gallery-item img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}.gallery-4 .gallery-item:hover img{transform: scale(1.1);}.gallery-4 .gallery-item .gallery-caption{position: absolute;bottom: 0;left: 0;width: 100%;padding: 15px;background: linear-gradient(to top, color-mix(in srgb, var(--default-color), transparent 60%), transparent);color: var(--contrast-color);opacity: 0;transition: opacity 0.3s ease;}.gallery-4 .gallery-item .gallery-caption h3, .gallery-4 .gallery-item .gallery-caption h4{font-size: 18px;margin: 0 0 5px;color: var(--contrast-color);}.gallery-4 .gallery-item .gallery-caption p{font-size: 14px;margin: 0;}.gallery-4 .gallery-item:hover .gallery-caption{opacity: 1;}.call-to-action-4{position: relative;overflow: hidden;}.call-to-action-4::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 700px;height: 500px;background: radial-gradient(ellipse, color-mix(in srgb, var(--accent-color) 28%, transparent), transparent 60%);}.call-to-action-4 .container{position: relative;z-index: 1;}.call-to-action-4 .cta-center .kicker{display: inline-block;padding: 8px 16px;border-radius: 24px;background: color-mix(in srgb, var(--accent-color) 22%, transparent);color: var(--accent-color);font-size: 14px;font-weight: 600;margin-bottom: 20px;}.call-to-action-4 .cta-center h2{font-size: 40px;font-weight: 700;line-height: 1.2;margin-bottom: 16px;}.call-to-action-4 .cta-center p{font-size: 18px;line-height: 1.7;max-width: 560px;margin: 0 auto 32px;}.call-to-action-4 .cta-center .btn-main{display: inline-flex;align-items: center;gap: 8px;padding: 14px 30px;border-radius: 30px;background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 70%, #f06cae));color: var(--contrast-color);font-weight: 600;font-size: 16px;border: none;box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color) 30%, transparent);transition: all 0.3s ease;}.call-to-action-4 .cta-center .btn-main:hover{transform: translateY(-3px);box-shadow: 0 12px 28px color-mix(in srgb, var(--accent-color) 40%, transparent);color: var(--contrast-color);}.call-to-action-4 .cta-center .note{display: block;margin-top: 20px;font-size: 14px;color: color-mix(in srgb, var(--default-color) 80%, transparent);}.call-to-action-4 .cta-center .note i{color: var(--accent-color);margin-right: 6px;}@media (max-width: 768px){.call-to-action-4 .cta-center h2{font-size: 30px;}.call-to-action-4 .cta-center .btn-main{width: 100%;justify-content: center;}}.visi-misi{position: relative;}.visi-misi .card-box{background: var(--surface-color);border-radius: 16px;padding: 36px 30px;border: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);box-shadow: 0 6px 20px color-mix(in srgb, var(--default-color) 5%, transparent);transition: all 0.35s ease;height: 100%;}.visi-misi .card-box:hover{transform: translateY(-5px);box-shadow: 0 16px 36px color-mix(in srgb, var(--default-color) 12%, transparent);border-color: color-mix(in srgb, var(--accent-color) 35%, transparent);}.visi-misi .card-box .icon-circle{width: 54px;height: 54px;border-radius: 14px;background: color-mix(in srgb, var(--accent-color) 12%, var(--surface-color));color: var(--accent-color);display: inline-flex;align-items: center;justify-content: center;font-size: 24px;margin-bottom: 20px;transition: all 0.3s ease;}.visi-misi .card-box:hover .icon-circle{background: var(--accent-color);color: #ffffff;transform: scale(1.08);}.visi-misi .section-tag{display: inline-block;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.8px;color: var(--accent-color);background: color-mix(in srgb, var(--accent-color) 10%, transparent);padding: 4px 12px;border-radius: 30px;margin-bottom: 12px;}.visi-misi .card-box h3{font-size: 24px;font-weight: 700;margin-bottom: 16px;color: var(--heading-color);}.visi-misi .card-box .lead-statement{font-size: 1.05rem;line-height: 1.7;color: var(--default-color);margin-bottom: 24px;}.visi-misi .values-grid{display: flex;flex-direction: column;gap: 12px;}.visi-misi .value-pill{display: flex;align-items: center;gap: 10px;padding: 10px 14px;background: color-mix(in srgb, var(--background-color) 50%, var(--surface-color));border-radius: 10px;font-size: 0.92rem;font-weight: 500;color: var(--default-color);}.visi-misi .value-pill i{color: var(--accent-color);font-size: 1.1rem;flex-shrink: 0;}.visi-misi .mission-list{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 14px;}.visi-misi .mission-list li{position: relative;padding-left: 36px;font-size: 0.95rem;line-height: 1.6;color: var(--default-color);}.visi-misi .mission-list li .num-badge{position: absolute;left: 0;top: 2px;width: 24px;height: 24px;border-radius: 50%;background: var(--accent-color);color: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 11px;font-weight: 700;}.visi-misi .commitment-header{text-align: center;margin-top: 50px;margin-bottom: 30px;}.visi-misi .commitment-header h3{font-size: 26px;font-weight: 700;color: var(--heading-color);margin-bottom: 8px;}.visi-misi .commitment-header p{color: color-mix(in srgb, var(--default-color) 85%, transparent);font-size: 0.98rem;max-width: 680px;margin: 0 auto;}.visi-misi .commitment-card{background: var(--surface-color);border-radius: 14px;padding: 26px 22px;border: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);box-shadow: 0 4px 15px color-mix(in srgb, var(--default-color) 5%, transparent);transition: all 0.3s ease;height: 100%;display: flex;flex-direction: column;position: relative;overflow: hidden;}.visi-misi .commitment-card::before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 4px;background: var(--accent-color);opacity: 0.8;transition: all 0.3s ease;}.visi-misi .commitment-card:hover{transform: translateY(-4px);box-shadow: 0 12px 28px color-mix(in srgb, var(--default-color) 10%, transparent);border-color: color-mix(in srgb, var(--accent-color) 30%, transparent);}.visi-misi .commitment-card:hover::before{height: 6px;background: linear-gradient(90deg, var(--accent-color), #22c55e);}.visi-misi .commitment-card .com-icon{width: 48px;height: 48px;border-radius: 12px;background: color-mix(in srgb, var(--accent-color) 12%, var(--surface-color));color: var(--accent-color);display: inline-flex;align-items: center;justify-content: center;font-size: 22px;margin-bottom: 16px;}.visi-misi .commitment-card h4{font-size: 1.12rem;font-weight: 700;color: var(--heading-color);margin-bottom: 10px;}.visi-misi .commitment-card p{font-size: 0.9rem;line-height: 1.6;color: color-mix(in srgb, var(--default-color) 85%, transparent);margin-bottom: 0;}.visi-misi .cta-box{margin-top: 40px;background: linear-gradient(135deg, #1e4530 0%, #27583b 100%);border-radius: 16px;padding: 30px 40px;color: #ffffff;}.visi-misi .cta-box h4{color: #ffffff;font-size: 1.35rem;font-weight: 700;margin-bottom: 6px;}.visi-misi .cta-box p{color: rgba(255, 255, 255, 0.85);font-size: 0.95rem;margin-bottom: 0;}.visi-misi .cta-box .btn-cta{display: inline-flex;align-items: center;gap: 8px;padding: 12px 26px;border-radius: 30px;background: var(--accent-color);color: #ffffff;font-weight: 600;font-size: 0.95rem;transition: all 0.3s ease;white-space: nowrap;}.visi-misi .cta-box .btn-cta:hover{background: #15803d;color: #ffffff;transform: translateY(-2px);box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);}@media (max-width: 768px){.visi-misi .card-box{padding: 26px 20px;}.visi-misi .cta-box{padding: 24px 20px;text-align: center;}.visi-misi .cta-box .btn-cta{width: 100%;justify-content: center;margin-top: 16px;}}.about-section{position: relative;}.about-section .about-img-wrap{position: relative;}.about-section .about-img-wrap img{width: 100%;border-radius: 20px;object-fit: cover;box-shadow: 0 12px 36px color-mix(in srgb, var(--default-color) 12%, transparent);border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);}.about-section .about-badge-card{position: absolute;bottom: -20px;left: 20px;background: var(--accent-color);color: #ffffff;border-radius: 14px;padding: 14px 20px;display: flex;align-items: center;gap: 14px;box-shadow: 0 10px 28px color-mix(in srgb, var(--accent-color) 40%, transparent);max-width: 85%;}.about-section .about-badge-card .badge-icon{width: 44px;height: 44px;border-radius: 10px;background: rgba(255, 255, 255, 0.2);display: flex;align-items: center;justify-content: center;font-size: 22px;flex-shrink: 0;}.about-section .about-badge-card strong{display: block;font-size: 15px;font-weight: 700;line-height: 1.2;}.about-section .about-badge-card span{font-size: 12.5px;opacity: 0.9;}.about-section .profile-tag{display: inline-block;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;color: var(--accent-color);background: color-mix(in srgb, var(--accent-color) 12%, transparent);padding: 5px 14px;border-radius: 30px;margin-bottom: 14px;}.about-section .profile-title{font-size: 32px;font-weight: 700;color: var(--heading-color);line-height: 1.35;margin-bottom: 16px;}.about-section .profile-intro{font-size: 15.5px;line-height: 1.75;color: var(--default-color);margin-bottom: 24px;}.about-section .profile-features{display: flex;flex-direction: column;gap: 14px;margin-bottom: 24px;}.about-section .feature-item{display: flex;align-items: flex-start;gap: 18px;padding: 16px 20px;background: var(--surface-color);border-radius: 14px;border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);box-shadow: 0 4px 14px color-mix(in srgb, var(--default-color) 4%, transparent);transition: all 0.3s ease;}.about-section .feature-item:hover{transform: translateX(6px);border-color: color-mix(in srgb, var(--accent-color) 35%, transparent);box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color) 8%, transparent);}.about-section .feature-item .item-num{width: 44px;height: 44px;border-radius: 12px;background: color-mix(in srgb, var(--accent-color) 12%, var(--surface-color));color: var(--accent-color);font-weight: 800;font-size: 18px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;font-family: var(--heading-font);transition: all 0.3s ease;}.about-section .feature-item:hover .item-num{background: var(--accent-color);color: #ffffff;transform: scale(1.05);}.about-section .feature-item .item-text h3, .about-section .feature-item .item-text h4{font-size: 16.5px;font-weight: 700;margin-bottom: 4px;color: var(--heading-color);}.about-section .feature-item .item-text p{font-size: 14px;line-height: 1.6;color: color-mix(in srgb, var(--default-color) 85%, transparent);margin: 0;}.about-section .btn-learn-more{display: inline-flex;align-items: center;gap: 8px;padding: 12px 28px;border-radius: 30px;background: var(--accent-color);color: #ffffff;font-weight: 600;font-size: 15px;box-shadow: 0 6px 18px color-mix(in srgb, var(--accent-color) 28%, transparent);transition: all 0.3s ease;}.about-section .btn-learn-more:hover{background: #15803d;color: #ffffff;transform: translateY(-2px);box-shadow: 0 10px 24px color-mix(in srgb, var(--accent-color) 35%, transparent);}.about-section .counter-box{text-align: center;padding: 24px 16px;border-radius: 16px;background: var(--surface-color);border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color) 4%, transparent);transition: all 0.3s ease;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}.about-section .counter-box:hover{transform: translateY(-4px);box-shadow: 0 10px 24px color-mix(in srgb, var(--default-color) 8%, transparent);border-color: color-mix(in srgb, var(--accent-color) 30%, transparent);}.about-section .counter-box .counter-num{display: inline-flex;align-items: baseline;justify-content: center;line-height: 1;}.about-section .counter-box .counter-num .purecounter, .about-section .counter-box .counter-num .plus, .about-section .counter-box .purecounter, .about-section .counter-box .plus{font-size: 38px;font-weight: 700;font-family: var(--heading-font);color: var(--accent-color);line-height: 1;}.about-section .counter-box p{margin: 8px 0 0;font-size: 14px;font-weight: 500;color: var(--default-color);}@media (max-width: 991px){.about-section .about-badge-card{position: relative;bottom: auto;left: auto;margin-top: 16px;max-width: 100%;}.about-section .profile-tag{display: table;margin-left: auto;margin-right: auto;text-align: center;}.about-section .profile-title{font-size: 26px;text-align: center;}.about-section .btn-learn-more-wrap{text-align: center;}.about-section .btn-learn-more{margin: 0 auto;}}@media (max-width: 768px){.about-section .counters{margin-top: 28px !important;padding-top: 0 !important;}.about-section .counter-box{padding: 16px 10px;border-radius: 14px;}.about-section .counter-box .counter-num .purecounter, .about-section .counter-box .counter-num .plus, .about-section .counter-box .purecounter, .about-section .counter-box .plus{font-size: 28px;}.about-section .counter-box p{font-size: 12.5px;margin-top: 6px;line-height: 1.35;}}@media (max-width: 576px){.about-section .feature-item{flex-direction: column;gap: 12px;}}.why-us{position: relative;}.why-us .sub-badge{display: inline-block;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;color: var(--accent-color);background: color-mix(in srgb, var(--accent-color) 12%, transparent);padding: 4px 12px;border-radius: 20px;}.why-us .advantage-head h3{font-size: 28px;font-weight: 700;color: var(--heading-color);line-height: 1.3;}.why-us .adv-card{background: var(--surface-color);border-radius: 16px;padding: 28px 24px;border: 1px solid color-mix(in srgb, var(--default-color) 8%, transparent);box-shadow: 0 4px 14px color-mix(in srgb, var(--default-color) 4%, transparent);transition: all 0.3s ease;height: 100%;}.why-us .adv-card:hover{transform: translateY(-5px);border-color: color-mix(in srgb, var(--accent-color) 35%, transparent);box-shadow: 0 12px 28px color-mix(in srgb, var(--default-color) 10%, transparent);}.why-us .adv-card .adv-icon{width: 48px;height: 48px;border-radius: 12px;background: color-mix(in srgb, var(--accent-color) 12%, var(--surface-color));color: var(--accent-color);font-size: 22px;display: inline-flex;align-items: center;justify-content: center;margin-bottom: 16px;transition: all 0.3s ease;}.why-us .adv-card:hover .adv-icon{background: var(--accent-color);color: #ffffff;transform: scale(1.08);}.why-us .adv-card h4{font-size: 17.5px;font-weight: 700;color: var(--heading-color);margin-bottom: 10px;line-height: 1.35;}.why-us .adv-card p{font-size: 14px;line-height: 1.65;color: color-mix(in srgb, var(--default-color) 85%, transparent);margin: 0;}.why-us .metrics-panel{background: var(--surface-color);border-radius: 20px;padding: 32px 28px;border: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);box-shadow: 0 8px 24px color-mix(in srgb, var(--default-color) 6%, transparent);height: 100%;display: flex;flex-direction: column;}.why-us .panel-header h4{font-size: 22px;font-weight: 700;color: var(--heading-color);}.why-us .metric-box{padding: 18px 20px;border-radius: 14px;background: color-mix(in srgb, var(--background-color) 50%, var(--surface-color));margin-bottom: 16px;border-left: 4px solid var(--accent-color);transition: all 0.3s ease;}.why-us .metric-box:hover{transform: translateX(4px);background: color-mix(in srgb, var(--accent-color) 8%, var(--surface-color));}.why-us .metric-box .metric-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 6px;}.why-us .metric-box .metric-val{font-size: 28px;font-weight: 800;font-family: var(--heading-font);color: var(--accent-color);line-height: 1;}.why-us .metric-box .badge-pill{font-size: 11px;font-weight: 700;text-transform: uppercase;background: var(--accent-color);color: #ffffff;padding: 3px 10px;border-radius: 20px;}.why-us .metric-box h5{font-size: 15.5px;font-weight: 700;color: var(--heading-color);margin-bottom: 4px;}.why-us .metric-box p{font-size: 13.5px;line-height: 1.55;color: color-mix(in srgb, var(--default-color) 85%, transparent);margin: 0;}.why-us .btn-adv-cta{display: inline-flex;align-items: center;justify-content: center;padding: 10px 22px;border-radius: 30px;background: var(--accent-color);color: #ffffff;font-weight: 600;font-size: 14px;box-shadow: 0 4px 14px color-mix(in srgb, var(--accent-color) 25%, transparent);transition: all 0.3s ease;max-width: 100%;}.why-us .btn-adv-cta:hover{background: #15803d;color: #ffffff;transform: translateY(-2px);box-shadow: 0 8px 20px color-mix(in srgb, var(--accent-color) 35%, transparent);}@media (max-width: 991px){.why-us .advantage-head{text-align: center;}.why-us .advantage-head .sub-badge{display: table;margin-left: auto;margin-right: auto;}}@media (max-width: 768px){.why-us .advantage-head h3{font-size: 24px;}.why-us .metrics-panel{padding: 24px 20px;}.why-us .btn-adv-cta{font-size: 13.5px;padding: 9px 20px;}}.page-title-actions{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 12px;margin-top: 24px;}.btn-page-cta-primary{display: inline-flex;align-items: center;justify-content: center;gap: 8px;background-color: var(--accent-color, #16a34a);color: #ffffff !important;font-weight: 600;font-size: 15px;padding: 10px 24px;border-radius: 50px;border: 2px solid var(--accent-color, #16a34a);box-shadow: 0 4px 14px rgba(22, 163, 74, 0.28);transition: all 0.3s ease;text-decoration: none;}.btn-page-cta-primary:hover{background-color: #15803d;border-color: #15803d;color: #ffffff !important;transform: translateY(-2px);box-shadow: 0 8px 22px rgba(22, 163, 74, 0.38);}.btn-page-cta-secondary{display: inline-flex;align-items: center;justify-content: center;gap: 8px;background-color: #ffffff;color: var(--accent-color, #16a34a) !important;font-weight: 600;font-size: 15px;padding: 10px 24px;border-radius: 50px;border: 2px solid var(--accent-color, #16a34a);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);transition: all 0.3s ease;text-decoration: none;}.btn-page-cta-secondary:hover{background-color: var(--accent-color, #16a34a);color: #ffffff !important;transform: translateY(-2px);box-shadow: 0 8px 20px rgba(22, 163, 74, 0.28);}.rfq-alert-banner{background: linear-gradient(135deg, rgba(22, 163, 74, 0.08) 0%, rgba(22, 163, 74, 0.02) 100%), #ffffff;border: 1.5px solid rgba(22, 163, 74, 0.3);border-radius: 16px;padding: 20px 24px;box-shadow: 0 6px 20px rgba(22, 163, 74, 0.08);transition: all 0.3s ease;margin-bottom: 35px;}.rfq-alert-banner:hover{border-color: rgba(22, 163, 74, 0.5);box-shadow: 0 8px 25px rgba(22, 163, 74, 0.12);}.rfq-alert-banner .rfq-alert-icon{width: 48px;height: 48px;background: rgba(22, 163, 74, 0.12);color: var(--accent-color, #16a34a);display: flex;align-items: center;justify-content: center;border-radius: 12px;font-size: 24px;}.rfq-alert-banner .rfq-alert-title{font-size: 16.5px;font-weight: 700;color: var(--heading-color, #27583b);margin-bottom: 3px;}.rfq-alert-banner .rfq-alert-desc{font-size: 13.5px;color: #52525b;margin: 0;}.rfq-alert-banner .btn-rfq-pill{display: inline-flex;align-items: center;gap: 8px;background-color: var(--accent-color, #16a34a);color: #ffffff !important;font-weight: 600;font-size: 14px;padding: 10px 22px;border-radius: 30px;border: none;box-shadow: 0 4px 12px rgba(22, 163, 74, 0.25);transition: all 0.3s ease;white-space: nowrap;text-decoration: none;}.rfq-alert-banner .btn-rfq-pill:hover{background-color: #15803d;color: #ffffff !important;transform: translateY(-2px);box-shadow: 0 6px 18px rgba(22, 163, 74, 0.35);}@media (max-width: 768px){.page-title-actions{flex-direction: column;width: 100%;gap: 10px;}.btn-page-cta-primary, .btn-page-cta-secondary{width: 100%;font-size: 14px;padding: 10px 18px;}.rfq-alert-banner{padding: 16px;}.rfq-alert-banner .rfq-alert-title{font-size: 15px;}.rfq-alert-banner .btn-rfq-pill{width: 100%;justify-content: center;font-size: 13.5px;padding: 10px 16px;}.page-title nav{padding: 12px 0;}.page-title nav ol{font-size: 13.5px;}}.rfq-badge-wrap{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;}.rfq-badge-item{font-size: 12px;padding: 6px 12px;font-weight: 500;display: inline-flex;align-items: center;max-width: 100%;}.btn-submit-rfq{display: inline-flex;align-items: center;justify-content: center;gap: 8px;background-color: var(--accent-color, #16a34a);color: #ffffff !important;font-weight: 600;font-size: 15px;padding: 12px 28px;border-radius: 50px;border: none;box-shadow: 0 4px 14px rgba(22, 163, 74, 0.28);transition: all 0.3s ease;cursor: pointer;white-space: nowrap;}.btn-submit-rfq:hover{background-color: #15803d;color: #ffffff !important;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(22, 163, 74, 0.35);}@media (max-width: 768px){.btn-submit-rfq{width: 100%;font-size: 14px;padding: 11px 18px;border-radius: 30px;box-shadow: 0 3px 10px rgba(22, 163, 74, 0.22);white-space: normal;text-align: center;}.rfq-badge-item{font-size: 11.5px;padding: 5px 10px;}}@media (max-width: 576px){.rfq-card{padding: 22px 16px !important;border-radius: 16px !important;}.rfq-card h2{font-size: 20px !important;}.page-title .heading{padding: 45px 0 30px 0;}.page-title .heading h1{font-size: 24px;}.page-title .heading p{font-size: 13.5px;}}.blog-posts article{background: #ffffff;border-radius: 16px;overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);border: 1px solid #eef2f6;transition: all 0.35s ease;display: flex;flex-direction: column;height: 100%;}.blog-posts article:hover{transform: translateY(-6px);box-shadow: 0 16px 32px rgba(0, 0, 0, 0.09);border-color: rgba(22, 163, 74, 0.3);}.blog-posts .post-img{position: relative;overflow: hidden;height: 220px;}.blog-posts .post-img img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}.blog-posts article:hover .post-img img{transform: scale(1.06);}.blog-posts .post-badge{position: absolute;top: 14px;right: 14px;background: var(--accent-color, #16a34a);color: #ffffff;font-size: 0.75rem;font-weight: 600;padding: 4px 12px;border-radius: 50px;z-index: 2;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}.blog-posts .post-category{font-size: 0.8rem;font-weight: 700;color: var(--accent-color, #16a34a);text-transform: uppercase;letter-spacing: 0.6px;margin: 18px 20px 6px;}.blog-posts .title{font-size: 1.15rem;font-weight: 700;line-height: 1.45;margin: 0 20px 10px;}.blog-posts .title a{color: var(--heading-color, #1e293b);text-decoration: none;transition: color 0.2s ease;}.blog-posts .title a:hover{color: var(--accent-color, #16a34a);}.blog-posts .post-excerpt{font-size: 0.9rem;color: #64748b;line-height: 1.6;margin: 0 20px 20px;flex-grow: 1;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.blog-posts .post-footer{padding: 12px 20px;border-top: 1px solid #f1f5f9;background: #fafbfc;}.blog-posts .post-author-img{width: 36px;height: 36px;border-radius: 50%;object-fit: cover;margin-right: 10px;border: 1px solid #e2e8f0;}.blog-posts .post-author{font-size: 0.82rem;font-weight: 600;color: #334155;margin: 0;line-height: 1.2;}.blog-posts .post-date{font-size: 0.74rem;color: #94a3b8;margin: 0;}.blog-posts .read-more{font-size: 0.82rem;font-weight: 600;color: var(--accent-color, #16a34a);text-decoration: none;display: inline-flex;align-items: center;gap: 4px;transition: all 0.2s ease;}.blog-posts .read-more:hover{color: #15803d;transform: translateX(3px);}.article-detail-wrap{background: #ffffff;border-radius: 20px;padding: 40px;box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);border: 1px solid #eef2f6;}.article-header{margin-bottom: 25px;}.article-header h1{font-size: 2.15rem;font-weight: 700;color: #1e293b;line-height: 1.35;margin-top: 15px;margin-bottom: 15px;}.article-meta-bar{display: flex;flex-wrap: wrap;align-items: center;gap: 15px;padding: 12px 0;border-top: 1px solid #e2e8f0;border-bottom: 1px solid #e2e8f0;font-size: 0.88rem;color: #64748b;}.article-meta-bar img{width: 38px;height: 38px;border-radius: 50%;object-fit: cover;}.article-featured-img{margin: 25px 0 35px;}.article-featured-img img{width: 100%;height: auto;border-radius: 12px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);}.table-of-contents{background: #f8fafc;border: 1px solid #e2e8f0;border-left: 4px solid var(--accent-color, #16a34a);border-radius: 12px;padding: 20px 24px;margin-bottom: 35px;}.table-of-contents h2, .table-of-contents h3{font-size: 1.1rem;font-weight: 700;color: #0f172a;margin-bottom: 0;}.table-of-contents ol{padding-left: 20px;margin-top: 12px;margin-bottom: 0;}.table-of-contents li{margin-bottom: 8px;font-size: 0.95rem;}.table-of-contents a{color: #334155;text-decoration: none;transition: color 0.2s;}.table-of-contents a:hover{color: var(--accent-color, #16a34a);font-weight: 500;}.article-body{color: #334155;font-size: 1.05rem;line-height: 1.85;}.article-body h2{font-size: 1.45rem;font-weight: 700;color: #0f172a;margin-top: 35px;margin-bottom: 16px;padding-bottom: 8px;border-bottom: 2px solid #f1f5f9;}.article-body h3{font-size: 1.2rem;font-weight: 700;color: #1e293b;margin-top: 26px;margin-bottom: 12px;}.article-body h4{font-size: 1.05rem;font-weight: 600;color: #1e293b;margin-top: 22px;margin-bottom: 8px;line-height: 1.5;}.article-body h5{font-size: 0.98rem;font-weight: 600;color: #334155;margin-top: 18px;margin-bottom: 6px;}.article-body p{margin-bottom: 18px;}.article-body ul, .article-body ol{margin-bottom: 22px;padding-left: 24px;}.article-body li{margin-bottom: 10px;}.article-callout, .article-key-points{background: color-mix(in srgb, var(--accent-color, #16a34a) 6%, transparent);border: 1px solid rgba(22, 163, 74, 0.15);border-left: 4px solid var(--accent-color, #16a34a) !important;border-radius: 14px;padding: 22px 24px;margin: 28px 0;}.article-callout h3, .article-callout h4, .article-key-points h3, .article-key-points h4{font-size: 1.05rem;font-weight: 700;color: #1e293b;margin-top: 0;margin-bottom: 10px;padding-bottom: 0;border-bottom: none;display: flex;align-items: center;gap: 8px;}.article-callout ul, .article-key-points ul{margin-bottom: 0;padding-left: 20px;font-size: 0.92rem;color: #475569;line-height: 1.7;}.article-callout li, .article-key-points li{margin-bottom: 6px;}.article-callout li:last-child, .article-key-points li:last-child{margin-bottom: 0;}.article-callout p, .article-key-points p{margin-bottom: 0;font-size: 0.95rem;color: #475569;line-height: 1.7;}.article-baca-juga{background: #f0fdf4;border: 1px solid #dcfce7;border-left: 4px solid var(--accent-color, #16a34a);border-radius: 10px;padding: 14px 18px;margin: 28px 0;display: flex;align-items: center;gap: 12px;}.article-baca-juga .badge{font-size: 0.78rem;padding: 5px 12px;flex-shrink: 0;letter-spacing: 0.3px;}.article-baca-juga a{color: #1e293b;font-weight: 600;font-size: 0.95rem;text-decoration: none;transition: color 0.2s ease;line-height: 1.4;}.article-baca-juga a:hover{color: var(--accent-color, #16a34a);}.hover-green{transition: color 0.2s ease;}.hover-green:hover{color: var(--accent-color, #16a34a) !important;}.article-faq-compact{background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 12px;padding: 24px;margin: 35px 0;}.article-faq-compact h2, .article-faq-compact h3{font-size: 1.3rem;font-weight: 700;color: #0f172a;margin-top: 0;margin-bottom: 20px;border-bottom: none;padding-bottom: 0;}.faq-item-custom{background: #ffffff;border: 1px solid #e2e8f0;border-radius: 8px;margin-bottom: 12px;overflow: hidden;}.faq-question-custom{font-weight: 600;font-size: 0.98rem;color: #1e293b;padding: 14px 18px;margin: 0;cursor: pointer;display: flex;justify-content: space-between;align-items: center;user-select: none;}.faq-answer-custom{padding: 0 18px 14px;font-size: 0.95rem;color: #475569;line-height: 1.7;display: block;}.article-author-box{background: #ffffff;border: 1px solid #e2e8f0;border-radius: 12px;padding: 24px;margin: 35px 0 25px;display: flex;align-items: center;gap: 20px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);}.article-author-box .badge{white-space: normal !important;font-size: 0.78rem !important;line-height: 1.4;font-weight: 600;padding: 4px 12px;display: inline-block;max-width: 100%;word-break: normal;overflow-wrap: break-word;}.article-author-box img{width: 90px;height: 90px;border-radius: 50%;object-fit: cover;flex-shrink: 0;}.article-share-bar{display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;background: #f8fafc;border-radius: 10px;margin-top: 30px;}.article-share-buttons{display: flex;gap: 10px;}.btn-share{width: 36px;height: 36px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;color: #ffffff;text-decoration: none;font-size: 0.9rem;transition: opacity 0.2s, transform 0.2s;}.btn-share:hover{opacity: 0.9;transform: translateY(-2px);color: #ffffff;}.btn-share.btn-wa, .btn-wa{background: #25D366;}.btn-share.btn-li, .btn-li{background: #0A66C2;}.btn-share.btn-fb, .btn-fb{background: #1877F2;}.btn-share.btn-copy, .btn-copy{background: #64748b;}.blog-cta-banner{background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);border: 1px solid #bbf7d0;border-radius: 16px;padding: 30px;}.blog-cta-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;}@media (min-width: 768px){.blog-cta-actions{justify-content: flex-end;width: auto;}}@media (max-width: 768px){.article-detail-wrap{padding: 24px 18px;border-radius: 14px;}.article-header h1{font-size: 1.65rem;}.article-author-box{flex-direction: column;text-align: center;padding: 22px 16px;gap: 14px;}.article-author-box .badge{font-size: 0.74rem !important;padding: 4px 10px !important;text-align: center;line-height: 1.35;margin-left: auto;margin-right: auto;max-width: 100%;}.blog-cta-actions{width: 100%;justify-content: center;}.blog-cta-banner{padding: 22px 18px !important;text-align: center !important;}.blog-cta-banner h3{font-size: 1.15rem;text-align: center;}.blog-cta-banner p{font-size: 0.85rem;text-align: center;margin-bottom: 8px;}.blog-cta-actions .btn{font-size: 0.86rem;padding: 8px 18px;}}@media (max-width: 480px){.article-author-box{padding: 18px 12px;}.article-author-box img{width: 76px;height: 76px;}.article-author-box .badge{font-size: 0.7rem !important;padding: 3px 8px !important;line-height: 1.3;}.article-author-box h3{font-size: 0.95rem;}.article-author-box p{font-size: 0.82rem;line-height: 1.5;}}.tbl-wrap{width: 100%;margin: 28px 0;overflow-x: auto;-webkit-overflow-scrolling: touch;border-radius: 14px;border: 1px solid #e2e8f0;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);background: #ffffff;}.tbl-wrap::-webkit-scrollbar{height: 6px;}.tbl-wrap::-webkit-scrollbar-track{background: #f1f5f9;border-radius: 4px;}.tbl-wrap::-webkit-scrollbar-thumb{background: #cbd5e1;border-radius: 4px;}.tbl-wrap::-webkit-scrollbar-thumb:hover{background: #94a3b8;}.tbl-corporategifts{width: 100%;min-width: 560px;border-collapse: separate;border-spacing: 0;font-size: 0.92rem;margin-bottom: 0;}.tbl-corporategifts thead th{background-color: var(--accent-color, #16a34a);color: #ffffff;font-weight: 600;text-align: left;padding: 14px 18px;border: none;font-size: 0.88rem;letter-spacing: 0.2px;white-space: nowrap;}.tbl-corporategifts thead tr:first-child th:first-child{border-top-left-radius: 12px;}.tbl-corporategifts thead tr:first-child th:last-child{border-top-right-radius: 12px;}.tbl-corporategifts tbody td{padding: 13px 18px;border-top: 1px solid #f1f5f9;border-bottom: none;border-left: none;border-right: none;vertical-align: middle;line-height: 1.6;color: #334155;font-size: 0.88rem;}.tbl-corporategifts tbody td:first-child{font-weight: 600;color: #0f172a;}.tbl-corporategifts tbody tr:nth-child(even) td{background-color: #f8fafc;}.tbl-corporategifts tbody tr:hover td{background-color: #f0fdf4;transition: background-color 0.15s ease-in-out;}.tbl-corporategifts tbody td::before{display: none !important;}@media (max-width: 768px){.tbl-wrap{margin: 20px 0;border-radius: 10px;}.tbl-corporategifts{min-width: 520px;font-size: 0.85rem;}.tbl-corporategifts thead th{padding: 11px 14px;font-size: 0.82rem;}.tbl-corporategifts tbody td{padding: 10px 14px;font-size: 0.82rem;}}.rfq-alert-banner{background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);border: 1px solid #86efac;border-radius: 16px;padding: 20px 24px;margin-bottom: 35px;color: #1e293b;box-shadow: 0 4px 20px rgba(22, 163, 74, 0.08);display: flex;flex-direction: row;align-items: center;justify-content: space-between;flex-wrap: nowrap;gap: 24px;}.rfq-alert-icon{width: 48px;height: 48px;border-radius: 12px;background: var(--accent-color, #16a34a);color: #ffffff;display: inline-flex;align-items: center;justify-content: center;font-size: 1.4rem;box-shadow: 0 4px 12px rgba(22, 163, 74, 0.25);flex-shrink: 0;}.rfq-alert-title{font-weight: 700;font-size: 1.02rem;color: #0f172a;margin-bottom: 3px;line-height: 1.35;}.rfq-alert-desc{font-size: 0.87rem;color: #475569;margin-bottom: 0;line-height: 1.5;}.btn-rfq-pill{background: var(--accent-color, #16a34a);background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);color: #ffffff !important;font-weight: 600;font-size: 0.88rem;padding: 10px 22px;border-radius: 50px;display: inline-flex;align-items: center;gap: 8px;text-decoration: none !important;white-space: nowrap;flex-shrink: 0;box-shadow: 0 4px 14px rgba(21, 128, 61, 0.25);transition: all 0.25s ease;}.btn-rfq-pill:hover{background: linear-gradient(135deg, #15803d 0%, #166534 100%);color: #ffffff !important;transform: translateY(-2px);box-shadow: 0 6px 18px rgba(21, 128, 61, 0.35);}@media (max-width: 991.98px){.rfq-alert-banner{flex-direction: column;align-items: stretch;flex-wrap: wrap;padding: 18px 20px;gap: 16px;}.btn-rfq-pill{width: 100%;justify-content: center;}}.service-cta-banner, .blog-cta-banner{background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;border: 1px solid #bbf7d0 !important;border-radius: 16px !important;padding: 24px 28px !important;box-shadow: 0 4px 20px rgba(22, 163, 74, 0.08) !important;transition: all 0.3s ease;}.service-cta-title, .blog-cta-banner h3{font-size: 1.25rem !important;font-weight: 700 !important;color: #0f172a !important;line-height: 1.35 !important;margin-bottom: 4px !important;}.service-cta-desc, .blog-cta-banner p{font-size: 0.88rem !important;color: #475569 !important;line-height: 1.5 !important;margin-bottom: 0 !important;}.service-cta-actions, .blog-cta-actions{display: flex;align-items: center;gap: 10px;flex-shrink: 0;}.service-cta-btn-primary, .blog-cta-actions .btn-success, .blog-cta-banner .btn-success{background: var(--accent-color, #16a34a) !important;background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;border: 1px solid var(--accent-color, #16a34a) !important;color: #ffffff !important;font-weight: 600 !important;font-size: 0.88rem !important;padding: 9px 20px !important;border-radius: 50px !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;white-space: nowrap !important;box-shadow: 0 4px 12px rgba(22, 163, 74, 0.2) !important;transition: all 0.25s ease !important;}.service-cta-btn-primary:hover, .blog-cta-actions .btn-success:hover, .blog-cta-banner .btn-success:hover{background: linear-gradient(135deg, #15803d 0%, #166534 100%) !important;color: #ffffff !important;transform: translateY(-1px);box-shadow: 0 6px 16px rgba(22, 163, 74, 0.3) !important;}.service-cta-btn-wa, .blog-cta-actions .btn-outline-success, .blog-cta-banner .btn-outline-success{background: #ffffff !important;border: 1.5px solid var(--accent-color, #16a34a) !important;color: var(--accent-color, #16a34a) !important;font-weight: 600 !important;font-size: 0.88rem !important;padding: 8.5px 18px !important;border-radius: 50px !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;white-space: nowrap !important;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;transition: all 0.25s ease !important;}.service-cta-btn-wa:hover, .blog-cta-actions .btn-outline-success:hover, .blog-cta-banner .btn-outline-success:hover{background: var(--accent-color, #16a34a) !important;color: #ffffff !important;transform: translateY(-1px);}@media (max-width: 767.98px){.service-cta-banner, .blog-cta-banner{padding: 16px 16px !important;border-radius: 14px !important;margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;text-align: center !important;}.service-cta-title, .blog-cta-banner h3{font-size: 1.05rem !important;line-height: 1.35 !important;margin-bottom: 6px !important;}.service-cta-desc, .blog-cta-banner p{font-size: 0.8rem !important;line-height: 1.45 !important;margin-bottom: 14px !important;}.service-cta-actions, .blog-cta-actions, .blog-cta-banner .d-flex.gap-2{display: flex !important;flex-direction: row !important;width: 100% !important;gap: 8px !important;justify-content: center !important;}.service-cta-btn-primary, .blog-cta-actions .btn-success, .blog-cta-banner .btn-success, .service-cta-btn-wa, .blog-cta-actions .btn-outline-success, .blog-cta-banner .btn-outline-success{flex: 1 1 0 !important;font-size: 0.78rem !important;padding: 8px 10px !important;min-height: 38px !important;letter-spacing: -0.2px !important;box-shadow: none !important;}}