/* Source: css/utilities.css */
\r\n.d-flex { display: flex !important; }\r\n.align-items-center { align-items: center !important; }\r\n.align-items-start { align-items: flex-start !important; }\r\n.align-items-baseline { align-items: baseline !important; }\r\n.justify-content-center { justify-content: center !important; }\r\n.justify-content-between { justify-content: space-between !important; }\r\n.justify-content-end { justify-content: flex-end !important; }\r\n.flex-column { flex-direction: column !important; }\r\n.flex-grow-1 { flex-grow: 1 !important; }\r\n\r\n\r\n.gap-2 { gap: 0.5rem !important; }\r\n.gap-3 { gap: 1rem !important; }\r\n.gap-4 { gap: 1.5rem !important; }\r\n.gap-5 { gap: 3rem !important; }\r\n\r\n\r\n.m-0 { margin: 0 !important; }\r\n.mb-0 { margin-bottom: 0 !important; }\r\n.mb-1 { margin-bottom: 0.25rem !important; }\r\n.mb-2 { margin-bottom: 0.5rem !important; }\r\n.mb-3 { margin-bottom: 1rem !important; }\r\n.mb-4 { margin-bottom: 1.5rem !important; }\r\n.mb-5 { margin-bottom: 3rem !important; }\r\n.mt-ap { margin-top: auto !important; }\r\n.mt-auto { margin-top: auto !important; }\r\n.mt-2 { margin-top: 0.5rem !important; }\r\n.mt-3 { margin-top: 1rem !important; }\r\n.mt-4 { margin-top: 1.5rem !important; }\r\n.mt-5 { margin-top: 3rem !important; }\r\n.me-2 { margin-right: 0.5rem !important; }\r\n.me-3 { margin-right: 1rem !important; }\r\n.me-4 { margin-right: 1.5rem !important; }\r\n.ms-1 { margin-left: 0.25rem !important; }\r\n.ms-2 { margin-left: 0.5rem !important; }\r\n.ms-3 { margin-left: 1rem !important; }\r\n.me-auto { margin-right: auto !important; }\r\n\r\n\r\n.p-1 { padding: 0.25rem !important; }\r\n.p-2 { padding: 0.5rem !important; }\r\n.p-3 { padding: 1rem !important; }\r\n.p-4 { padding: 1.5rem !important; }\r\n.p-5 { padding: 3rem !important; }\r\n.pb-2 { padding-bottom: 0.5rem !important; }\r\n.pb-3 { padding-bottom: 1rem !important; }\r\n.pb-4 { padding-bottom: 1.5rem !important; }\r\n.pb-5 { padding-bottom: 3rem !important; }\r\n.pt-2 { padding-top: 0.5rem !important; }\r\n.pt-3 { padding-top: 1rem !important; }\r\n.pt-4 { padding-top: 1.5rem !important; }\r\n.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }\r\n.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }\r\n\r\n\r\n.w-100 { width: 100% !important; }\r\n.text-center { text-align: center !important; }\r\n.text-danger { color: #dc3545 !important; }\r\n.text-warning { color: #ffc107 !important; }\r\n.text-primary { color: var(--color-brand-blue) !important; }\r\n.text-muted { color: var(--color-text-muted) !important; }\r\n.text-dark { color: #212529 !important; }\r\n.position-relative { position: relative !important; }\r\n.h-100 { height: 100% !important; }\r\n.d-none { display: none !important; }\r\n\r\n.fs-1 { font-size: calc(1.375rem + 1.5vw) !important; }\r\n.fs-2 { font-size: calc(1.325rem + .9vw) !important; }\r\n.fs-3 { font-size: calc(1.3rem + .6vw) !important; }\r\n.fs-4 { font-size: calc(1.275rem + .3vw) !important; }\r\n.fs-5 { font-size: 1.25rem !important; }\r\n.fs-6 { font-size: 1rem !important; }\r\n.fw-bold { font-weight: 700 !important; }\r\n.fw-normal { font-weight: 400 !important; }\r\n\r\n@media (min-width: 576px) {\r\n.d-sm-inline { display: inline !important; }\r\n}\r\n\r\n.text-white { color: var(--color-bg-white) !important; }\r\nh1 { font-size: clamp(3rem, 6vw, 5rem); font-weight: 900; letter-spacing: -2px; }\r\nh2 { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 700; letter-spacing: -1px; }\r\nh3 { font-size: 1.75rem; font-weight: 600; }\r\n.hero-subtitle { font-size: clamp(1.1rem, 2vw, 1.5rem); color: var(--color-text-muted); max-width: 600px; margin-top: 1.5rem; }\r\nhtml { scroll-behavior: smooth; }\r\n\r\n\r\n.article-body ul { margin: 1.5rem 0 2rem 1.5rem; padding: 0; list-style: none; }\r\n.article-body ul li { margin-bottom: 0.75rem; position: relative; padding-left: 1.7rem; line-height: 1.6; font-size: 1.05rem; color: var(--color-text-main); }\r\n.article-body ul li::before { content: '\\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; left: 0; top: 2px; color: var(--color-brand-blue); font-size: 0.9rem; }\r\n\r\n\r\n.premium-highlight-box {\r\nbackground: linear-gradient(135deg, var(--color-brand-blue), #1a8ab4) !important;\r\nborder-radius: 16px;\r\npadding: 2.5rem 3rem;\r\nmargin: 3rem 0;\r\nposition: relative;\r\noverflow: hidden;\r\ncolor: white;\r\nbox-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\r\nborder-left: 6px solid #fff;\r\n}\r\n.premium-highlight-box::before { content: '\\f10e'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: -20px; right: -10px; font-size: 8rem; color: rgba(255, 255, 255, 0.08); transform: rotate(15deg); pointer-events: none; }\r\n.highlight-content { position: relative; z-index: 2; font-size: 1.4rem; font-weight: 700; line-height: 1.5; font-family: var(--font-heading); text-align: center; }\r\n\r\n\r\n.section-styled-header { display: flex; align-items: center; justify-content: center; margin: 3.5rem 0 2rem 0; width: 100%; }\r\n.section-styled-header i { font-size: 1.8rem; margin-right: 1rem; color: var(--color-brand-red); filter: drop-shadow(0 0 8px rgba(230,43,43,0.4)); }\r\n.section-styled-header h3 { margin: 0 !important; font-weight: 800; font-size: 1.8rem; letter-spacing: -0.5px; text-shadow: 0 2px 4px rgba(0,0,0,0.1); color: var(--color-brand-black); }\r\n\r\n\r\n.row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; width: 100%; margin: 0; }\r\n.col-lg-4, .col-md-6, .col-md-12 { width: 100%; } \r\n.g-4 { gap: 1.5rem; }\r\n@media (max-width: 992px) { .row { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 768px) { .row { grid-template-columns: 1fr; } }
/* Source: css/global.css */
:root {--color-brand-red: #E62B2B;--color-brand-blue: #23A4D6;--color-brand-black: #111111;--color-bg-white: #FFFFFF;--color-bg-light: #F7F9FC;--color-text-main: #222222;--color-text-muted: #666666;--physics-spring: cubic-bezier(0.68, -0.6, 0.32, 1.6);--physics-overshoot: cubic-bezier(0.175, 0.885, 0.32, 1.275);--physics-heavy: cubic-bezier(0.16, 1, 0.3, 1);--physics-anticipate: cubic-bezier(0.68, -0.55, 0.265, 1.55);--duration-base: 0.6s;--delay-stagger: 0.15s;--font-heading: 'Outfit', sans-serif;--font-body: 'Inter', sans-serif;--section-pad: 8rem 2rem;}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;font-size: 16px;background-color: var(--color-bg-white);}body {font-family: var(--font-body);color: var(--color-text-main);line-height: 1.6;overflow-x: hidden;-webkit-font-smoothing: antialiased;}.dom-stage {padding-top: 120px;}@media (max-width: 768px) {.dom-stage {padding-top: 120px;}}img {max-width: 100%;height: auto;display: block;}h1,h2,h3,h4,.text-heading {font-family: var(--font-heading);color: var(--color-brand-black);line-height: 1.1;margin-bottom: 1rem;}.text-primary {color: var(--color-brand-blue);}.text-white {color: var(--color-bg-white);}h1 {font-size: clamp(3rem, 6vw, 5rem);font-weight: 900;letter-spacing: -2px;}h2 {font-size: clamp(2.5rem, 5vw, 4rem);font-weight: 700;letter-spacing: -1px;}:root {--color-brand-red: #E62B2B;--color-brand-blue: #23A4D6;--color-brand-black: #111111;--color-bg-white: #FFFFFF;--color-bg-light: #F7F9FC;--color-text-main: #222222;--color-text-muted: #666666;--physics-spring: cubic-bezier(0.68, -0.6, 0.32, 1.6);--physics-overshoot: cubic-bezier(0.175, 0.885, 0.32, 1.275);--physics-heavy: cubic-bezier(0.16, 1, 0.3, 1);--physics-anticipate: cubic-bezier(0.68, -0.55, 0.265, 1.55);--duration-base: 0.6s;--delay-stagger: 0.15s;--font-heading: 'Outfit', sans-serif;--font-body: 'Inter', sans-serif;--section-pad: 8rem 2rem;}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;font-size: 16px;background-color: var(--color-bg-white);}body {font-family: var(--font-body);color: var(--color-text-main);line-height: 1.6;overflow-x: hidden;-webkit-font-smoothing: antialiased;}.dom-stage {padding-top: 120px;}@media (max-width: 768px) {.dom-stage {padding-top: 120px;}}img {max-width: 100%;height: auto;display: block;}h1,h2,h3,h4,.text-heading {font-family: var(--font-heading);color: var(--color-brand-black);line-height: 1.1;margin-bottom: 1rem;}.text-primary {color: var(--color-brand-blue);}.text-white {color: var(--color-bg-white);}h1 {font-size: clamp(3rem, 6vw, 5rem);font-weight: 900;letter-spacing: -2px;}h2 {font-size: clamp(2.5rem, 5vw, 4rem);font-weight: 700;letter-spacing: -1px;}h3 {font-size: 1.75rem;font-weight: 600;}.hero-subtitle {font-size: clamp(1.1rem, 2vw, 1.5rem);color: var(--color-text-muted);max-width: 600px;margin-top: 1.5rem;}.section-eyebrow {font-family: var(--font-heading);font-size: 0.9rem;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;color: var(--color-brand-blue);display: inline-block;margin-bottom: 0.8rem;position: relative;}.section-title {font-family: var(--font-heading);font-size: clamp(2.2rem, 4vw, 3rem);font-weight: 800;line-height: 1.1;color: var(--color-brand-black);margin-bottom: 1.2rem;letter-spacing: -1px;text-transform: capitalize;}.section-lead {font-size: 1.15rem;color: var(--color-text-muted);max-width: 700px;margin: 0 auto 3rem;line-height: 1.6;}html { scroll-behavior: smooth; }.article-body ul { margin: 1.5rem 0 2rem 1.5rem; padding: 0; list-style: none; }.article-body ul li { margin-bottom: 0.75rem; position: relative; padding-left: 1.7rem; line-height: 1.6; font-size: 1.05rem; color: var(--color-text-main); }.article-body ul li::before { content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; left: 0; top: 2px; color: var(--color-brand-blue); font-size: 0.9rem; }.premium-highlight-box {background: linear-gradient(135deg, var(--color-brand-blue), #1a8ab4);border-radius: 16px;padding: 2.5rem 3rem;margin: 3rem 0;position: relative;overflow: hidden;color: white;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);border-left: 6px solid #fff;}.highlight-brand-blue {background: linear-gradient(135deg, var(--color-brand-blue), #1a8ab4) !important;box-shadow: 0 20px 40px rgba(35, 164, 214, 0.25) !important;}.highlight-brand-red {background: linear-gradient(135deg, var(--color-brand-red), #e65c5c) !important;box-shadow: 0 20px 40px rgba(230, 43, 43, 0.25) !important;}.premium-highlight-box::before { content: '\f10e'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: -20px; right: -10px; font-size: 8rem; color: rgba(255, 255, 255, 0.08); transform: rotate(15deg); pointer-events: none; }.highlight-content { position: relative; z-index: 2; font-size: 1.4rem; font-weight: 700; line-height: 1.5; font-family: var(--font-heading); text-align: center; }.section-styled-header { display: flex; align-items: center; justify-content: center; margin: 3.5rem 0 2rem 0; width: 100%; }.section-styled-header i { font-size: 1.8rem; margin-right: 1rem; color: var(--color-brand-red); filter: drop-shadow(0 0 8px rgba(230,43,43,0.4)); }.section-styled-header h3 { margin: 0 !important; font-weight: 800; font-size: 1.8rem; letter-spacing: -0.5px; text-shadow: 0 2px 4px rgba(0,0,0,0.1); color: var(--color-brand-black); }.row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; width: 100%; margin: 0; }.col-lg-4, .col-md-6, .col-md-12 { width: 100%; }.g-4 { gap: 1.5rem; }@media (max-width: 992px) { .row { grid-template-columns: repeat(2, 1fr); } }@media (max-width: 768px) { .row { grid-template-columns: 1fr; } }.tag-brand-red {background-color: var(--color-brand-red) !important;color: #fff !important;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow: 0 4px 15px rgba(230, 43, 43, 0.4) !important;}.tag-brand-blue {background-color: var(--color-brand-blue) !important;color: #fff !important;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow: 0 4px 15px rgba(35, 164, 214, 0.4) !important;}.tag-brand-green {background-color: #0E9051 !important; color: #fff !important;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow: 0 4px 15px rgba(14, 144, 81, 0.4) !important;}.tag-brand-dark {background-color: var(--color-brand-black) !important;color: #fff !important;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;}
/* Source: css/components.css */
.top-bar {background: var(--color-brand-blue);color: #fff;font-size: 0.82rem;font-family: var(--font-heading);z-index: 1002;padding: 0.55rem 0;border-bottom: 2px solid rgba(255, 255, 255, 0.15);box-shadow: 0 2px 20px rgba(35, 164, 214, 0.3);}.top-bar-container {max-width: 1400px;margin: 0 auto;padding: 0 2rem;display: flex;justify-content: space-between;align-items: center;gap: 1rem;}.top-bar-left {display: flex;gap: 1.5rem;align-items: center;flex-shrink: 0;}.top-bar-link {display: flex;align-items: center;gap: 0.4rem;color: rgba(255, 255, 255, 0.9);text-decoration: none;font-weight: 600;letter-spacing: 0.5px;transition: color 0.2s ease, transform 0.2s ease;}.top-bar-link:hover {color: #fff;transform: translateY(-1px);}.top-bar-link i {font-size: 0.9rem;}.flash-ads {flex: 1;text-align: center;position: relative;height: 1.4rem;overflow: hidden;}.flash-ad-item {position: absolute;top: 0;left: 0;width: 100%;font-weight: 700;font-size: 0.82rem;letter-spacing: 0.5px;color: #fff;opacity: 0;transform: translateY(12px);transition: opacity 0.5s ease, transform 0.5s ease;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}.flash-ad-item.active {opacity: 1;transform: translateY(0);}.top-bar-right {display: flex;align-items: center;gap: 1.5rem;flex-shrink: 0;}.mini-countdown {display: flex;align-items: center;gap: 0.3rem;font-size: 0.8rem;font-weight: 800;color: #fff;letter-spacing: 0.5px;}.countdown-label {text-transform: uppercase;font-size: 0.72rem;font-weight: 900;letter-spacing: 1.5px;color: #fff;opacity: 1;margin-right: 0.2rem;white-space: nowrap;}.mini-count {background: rgba(220, 38, 38, 0.25);border: 1px solid rgba(255, 80, 80, 0.5);border-radius: 4px;padding: 0.1rem 0.45rem;font-variant-numeric: tabular-nums;color: #ff5252;font-weight: 900;min-width: 24px;text-align: center;font-size: 0.82rem;box-shadow: 0 0 6px rgba(255, 60, 60, 0.35);}.social-icons-top {display: flex;align-items: center;gap: 0.5rem;}.soc-icon {position: relative;width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;font-size: 0.85rem;background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.3);transition: transform 0.35s var(--physics-spring), background 0.2s ease, box-shadow 0.2s ease;overflow: visible;}.soc-icon:hover {transform: translateY(-4px) scale(1.15);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);}.soc-wa:hover {background: #25D366;border-color: #25D366;}.soc-ig:hover {background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);border-color: #e6683c;}.soc-fb:hover {background: #1877F2;border-color: #1877F2;}.soc-li:hover {background: #0077B5;border-color: #0077B5;}.soc-tk:hover {background: #000000;border-color: #333333;box-shadow: 2px 2px 0px #00f2fe, -2px -2px 0px #fe0979;}.soc-tooltip {position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%) translateY(4px);background: rgba(0, 0, 0, 0.85);color: #fff;font-size: 0.7rem;font-weight: 600;padding: 0.3rem 0.7rem;border-radius: 6px;white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity 0.2s ease, transform 0.2s ease;}.soc-icon:hover .soc-tooltip {opacity: 1;transform: translateX(-50%) translateY(0);}.prm-anim-enter {opacity: 0;transform: translateY(-10px);animation: enterDown 0.6s var(--physics-heavy) forwards;}.prm-delay-1 {animation-delay: 0.2s;}.prm-delay-2 {animation-delay: 0.4s;}.prm-delay-3 {animation-delay: 0.6s;}@keyframes enterDown {to {opacity: 1;transform: translateY(0);}}.navbar {position: fixed;top: 0;left: 0;width: 100%;background: rgba(255, 255, 255, 0.85);backdrop-filter: blur(20px) saturate(180%);-webkit-backdrop-filter: blur(20px) saturate(180%);z-index: 1000;transition: transform 0.4s var(--physics-overshoot), background 0.4s ease, border-bottom 0.4s ease, top 0.3s ease;border-bottom: 1px solid transparent;}.navbar.scrolled {background: rgba(255, 255, 255, 0.95);border-bottom: 1px solid rgba(0, 0, 0, 0.05);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);}.nav-container {max-width: 1400px;margin: 0 auto;padding: 1rem 2rem;display: flex;justify-content: space-between;align-items: center;}@media (max-width: 768px) {.nav-container {padding: 1rem 1.5rem;}}.brand-logo {height: 48px;width: auto;transition: transform var(--duration-base) var(--physics-spring);position: relative;}.logo-link {display: flex;align-items: center;gap: 0.75rem;text-decoration: none !important;position: relative;}.logo-link:hover .brand-logo {transform: scale(1.05);}.brand-logo-white {height: 48px;width: auto;transition: transform var(--duration-base) var(--physics-spring);position: relative;filter: brightness(0) invert(1);}.logo-link:hover .brand-logo-white {transform: scale(1.05);}.footer-brand-logo {height: 96px;width: auto;transition: transform var(--duration-base) var(--physics-spring);position: relative;}.logo-link:hover .footer-brand-logo {transform: scale(1.05);}.logo-wordmark {font-family: var(--font-heading);font-size: 1.45rem;font-weight: 800;letter-spacing: 2px;text-transform: uppercase;background: linear-gradient(120deg,var(--color-brand-black) 0%,var(--color-brand-black) 38%,var(--color-brand-blue) 50%,var(--color-brand-black) 62%,var(--color-brand-black) 100%);background-size: 250% auto;background-clip: text;-webkit-text-fill-color: transparent;animation: logoTextShimmer 8s linear infinite;white-space: nowrap;}.logo-wordmark-footer-red {font-family: var(--font-heading);font-size: 1.45rem;font-weight: 800;letter-spacing: 2px;text-transform: uppercase;background: linear-gradient(120deg,var(--color-brand-red) 0%,var(--color-brand-red) 38%,#ffffff 50%,var(--color-brand-red) 62%,var(--color-brand-red) 100%);background-size: 250% auto;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;animation: logoTextShimmer 8s linear infinite;white-space: nowrap;}@keyframes logoTextShimmer {0% {background-position: 200% center;}100% {background-position: -200% center;}}.reveal-anchor {opacity: 0;transform: scale(0.5);pointer-events: none;}.reveal-hidden-behind {opacity: 0;transform: translateX(80px) scale(0.5);pointer-events: none;}.reveal-hidden-logo {opacity: 0;transform: translateX(-40px) scale(0.92);pointer-events: none;}.reveal-active-anchor {opacity: 1 !important;transform: scale(1) !important;pointer-events: auto;transition: transform 0.7s var(--physics-overshoot), opacity 0.5s ease !important;}.reveal-active-flyout {opacity: 1 !important;transform: translateX(0) scale(1) !important;pointer-events: auto;transition: transform 1.2s var(--physics-overshoot), opacity 0.6s ease !important;}.reveal-active-logo {opacity: 1 !important;transform: translateX(0) scale(1) !important;pointer-events: auto;transition: opacity 1.5s ease, transform 1.5s cubic-bezier(0.4, 0, 0.2, 1) !important;}.nav-links {display: flex;align-items: center;gap: 2.5rem;}.nav-item {text-decoration: none;color: var(--color-brand-black);font-family: var(--font-heading);font-weight: 600;font-size: 1rem;position: relative;padding: 0.5rem 0;transition: color 0.3s ease;}.nav-item::after {content: '';position: absolute;bottom: 0px;left: 0;width: 0%;height: 2px;background: var(--color-brand-blue);transition: width 0.4s var(--physics-heavy);}.nav-item:hover {color: var(--color-brand-blue);}.nav-item:hover::after {width: 100%;}.nav-item:active {transform: scale(0.96) translateX(2px);transition: transform 0.1s;}.mobile-toggle {display: none;flex-direction: column;justify-content: space-around;width: 32px;height: 24px;min-width: 32px;min-height: 24px;flex-shrink: 0;appearance: none;-webkit-appearance: none;background: transparent;border: none;cursor: pointer;z-index: 1005;padding: 0;}.mobile-toggle span {width: 100%;height: 3px;background: var(--color-brand-black);border-radius: 10px;transition: all 0.3s var(--physics-spring);transform-origin: 1px;}.mobile-toggle.active span:first-child {transform: translateY(9px) rotate(45deg);}.mobile-toggle.active span:nth-child(2) {opacity: 0;}.mobile-toggle.active span:nth-child(3) {transform: translateY(-9px) rotate(-45deg);}.soc-group {display: flex;gap: 0.5rem;}@media (max-width: 900px) {.flash-ads {display: block;text-align: left;margin-right: auto;}.top-bar-left {display: none;}.top-bar-container {justify-content: space-between;padding: 0 1rem;}.top-bar-right {gap: 0.5rem;}.mini-countdown {display: none;}.mobile-toggle {display: flex;}.nav-links {position: fixed;top: 0;right: 0;height: 100vh;width: 100%;max-width: 400px;background: rgba(255, 255, 255, 0.98);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);box-shadow: -10px 0 50px rgba(0, 0, 0, 0.1);flex-direction: column;justify-content: center;align-items: center;gap: 2rem;transform: translateX(100%);transition: transform 0.6s var(--physics-overshoot);}.nav-links.nav-active {transform: translateX(0);}.nav-item {font-size: 1.5rem;}.cta-button {font-size: 1.2rem;padding: 1rem 2.5rem;}.desktop-only-icon {display: none !important;}.social-icons-top {position: relative;width: 70px;height: 30px;}.soc-group {position: absolute;top: 0;right: 0;display: flex;gap: 0.5rem;opacity: 0;pointer-events: none;animation: alternateIconsMobile 8s infinite;}.soc-group-1 {animation-delay: 0s;}.soc-group-2 {animation-delay: 4s;}@keyframes alternateIconsMobile {0%,45% {opacity: 1;pointer-events: auto;transform: translateY(0);}50%,95% {opacity: 0;pointer-events: none;transform: translateY(-5px);}100% {opacity: 1;pointer-events: auto;transform: translateY(0);}}}.sf-nav-btn,.kb-nav-btn,.kb-pause-btn,.carousel-pause-btn,.sf-pause-btn,.cat-pause-btn,.cat-prev,.cat-next {position: absolute !important;background: rgba(15, 15, 15, 0.55) !important;border: 2px solid rgba(255, 255, 255, 0.82) !important;color: #fff !important;box-shadow:0 0 0 2px rgba(255, 255, 255, 0.4),0 4px 20px rgba(0, 0, 0, 0.5),0 0 18px rgba(255, 255, 255, 0.3) !important;backdrop-filter: blur(10px) !important;-webkit-backdrop-filter: blur(10px) !important;transition: box-shadow 0.3s ease, transform 0.3s var(--physics-spring), background 0.3s ease !important;z-index: 30 !important;}.sf-nav-btn,.cat-prev,.cat-next,.kb-nav-btn {top: 50% !important;transform: translateY(-50%) !important;width: 48px !important;height: 48px !important;border-radius: 50% !important;display: flex !important;align-items: center !important;justify-content: center !important;cursor: pointer !important;}.kb-nav-prev,.sf-prev,.cat-prev {left: 24px !important;right: auto !important;}.kb-nav-next,.sf-next,.cat-next {right: 24px !important;left: auto !important;}.kb-pause-btn,.carousel-pause-btn,.sf-pause-btn,.cat-pause-btn {top: auto !important;bottom: 24px !important;}.kb-pause-btn {left: calc(50% + 80px) !important;right: auto !important;transform: translateX(-50%) !important;}@media (max-width: 768px) {.sf-nav-btn,.cat-prev,.cat-next,.kb-nav-btn {width: 32px !important;height: 32px !important;font-size: 0.7rem !important;}.kb-nav-prev,.sf-prev,.cat-prev {left: 10px !important;}.kb-nav-next,.sf-next,.cat-next {right: 10px !important;}.sf-nav-btn,.cat-prev,.cat-next,.kb-nav-btn,.carousel-pause-btn,.sf-pause-btn,.cat-pause-btn,.kb-pause-btn {opacity: 0.5 !important;}.sf-nav-btn:hover,.cat-prev:hover,.cat-next:hover,.kb-nav-btn:hover {opacity: 1 !important;}}.sf-nav-btn:hover,.kb-nav-btn:hover,.kb-pause-btn:hover,.carousel-pause-btn:hover,.sf-pause-btn:hover,.cat-pause-btn:hover,.cat-prev:hover,.cat-next:hover {background: rgba(35, 164, 214, 0.75) !important;border-color: #fff !important;box-shadow:0 0 0 3px rgba(255, 255, 255, 0.95),0 8px 30px rgba(0, 0, 0, 0.55),0 0 28px rgba(255, 255, 255, 0.55) !important;transform: scale(1.13) !important;}.kb-eyebrow {display: inline-flex;align-self: flex-start;font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;color: rgba(255, 255, 255, 0.9);background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);padding: 0.35rem 0.9rem;border-radius: 100px;margin-bottom: 1.2rem;opacity: 0;transform: translateY(20px);text-shadow:1px 1px 0 #0a0a0a,0 4px 10px rgba(0, 0, 0, 0.6);}.btn {display: inline-block;padding: 1rem 2.5rem;border-radius: 50px;font-family: var(--font-heading);font-weight: 700;text-decoration: none;cursor: pointer;transition: transform 0.4s var(--physics-spring), box-shadow 0.4s ease, background 0.3s ease;}.btn-outline {border: 2px solid var(--color-brand-black);color: var(--color-brand-black);background: transparent;}.btn-outline:hover {background: var(--color-brand-black);color: var(--color-bg-white);transform: translateY(-4px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}.cta-button {background: linear-gradient(145deg, #ff5252 0%, var(--color-brand-red) 45%, #d81616 100%);color: white;padding: 0.8rem 1.8rem;border-radius: 50px;font-family: var(--font-heading);font-weight: 700;text-decoration: none;position: relative;overflow: hidden;transition: transform 0.3s var(--physics-overshoot), box-shadow 0.3s ease;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.4) inset,0 -1px 0 0 rgba(0, 0, 0, 0.25) inset,0 8px 15px rgba(230, 43, 43, 0.3),0 3px 6px rgba(230, 43, 43, 0.2);}.cta-button::after {content: '';position: absolute;top: 2px;left: 4px;width: 60%;height: 35%;background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), transparent);border-radius: 50px 50px 10px 10px / 10px;pointer-events: none;}.cta-button:hover {transform: scale(1.05) translateY(-2px);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.5) inset,0 -1px 0 0 rgba(0, 0, 0, 0.3) inset,0 12px 20px rgba(230, 43, 43, 0.4),0 5px 10px rgba(230, 43, 43, 0.25);}.cta-button:active {transform: scale(0.95);}@keyframes shimmerFlow {0% {background-position: -200% 0;}100% {background-position: 200% 0;}}.shimmer-effect {background: linear-gradient(120deg, var(--color-brand-red) 30%, #ff5252 50%, var(--color-brand-red) 70%);background-size: 200% 100%;animation: shimmerFlow 4s infinite linear;}.wa-float-btn {position: fixed;bottom: 2rem;right: 2rem;z-index: 999;display: flex;align-items: center;gap: 0.6rem;background: linear-gradient(145deg, #4dea83 0%, #25D366 45%, #18a94e 100%);color: #fff;text-decoration: none;padding: 0.85rem 1.4rem;border-radius: 50px;font-family: var(--font-heading);font-weight: 700;font-size: 0.95rem;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.4) inset,0 -1px 0 0 rgba(0, 0, 0, 0.25) inset,0 8px 25px rgba(37, 211, 102, 0.45),0 4px 12px rgba(0, 0, 0, 0.2);transition: transform 0.35s var(--physics-spring), box-shadow 0.35s ease;animation: waFloatPulse 3s ease-in-out infinite;}.wa-float-btn::after {content: '';position: absolute;top: 2px;left: 4px;width: 60%;height: 35%;background: linear-gradient(135deg, rgba(255, 255, 255, 0.35), transparent);border-radius: 50px 50px 10px 10px / 10px;pointer-events: none;}.wa-float-btn i {font-size: 1.3rem;flex-shrink: 0;}.wa-float-btn:hover {transform: translateY(-5px) scale(1.05);box-shadow:0 16px 40px rgba(37, 211, 102, 0.5),0 6px 16px rgba(0, 0, 0, 0.2);color: #fff;animation: none;}@media (max-width: 768px) {.wa-float-btn {padding: 0.85rem;border-radius: 50%;width: 56px;height: 56px;justify-content: center;}.wa-float-label {display: none;}}.scene {position: relative;padding: var(--section-pad);min-height: 100vh;display: flex;align-items: center;justify-content: center;overflow: hidden;}.scene-container {width: 100%;max-width: 1400px;margin: 0 auto;position: relative;z-index: 2;}.hero-scene {background: var(--color-bg-white);text-align: left;padding-top: 120px;align-items: flex-start;}.hero-scene .scene-content {width: 100%;max-width: 1200px;margin: 0 auto;padding: 4rem 2rem;}.hero-actions {margin-top: 3rem;}.bg-light {background: var(--color-bg-light);}.services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 3rem;margin-top: 4rem;}.tactile-card {background: var(--color-bg-white);padding: 3rem 2rem;border-radius: 24px;border: 1px solid rgba(255, 255, 255, 0.4);box-shadow:0 4px 6px rgba(0, 0, 0, 0.02),inset 0 1px 1px rgba(255, 255, 255, 0.9),inset 0 -2px 5px rgba(0, 0, 0, 0.04),0 10px 40px rgba(0, 0, 0, 0.03);transition: transform 0.4s var(--physics-overshoot), box-shadow 0.4s ease;cursor: default;}.tactile-card:hover {transform: translateY(-8px);box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);}.tactile-card:active {transform: scale(0.97) translateY(0);}.tactile-card h3 {color: var(--color-brand-blue);margin-bottom: 1rem;}.split-layout {display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;margin-top: 4rem;margin-bottom: 6rem;}.showcase-image {border-radius: 20px;overflow: hidden;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);position: relative;}.showcase-image img {width: 100%;height: auto;display: block;object-fit: cover;}.showcase-info h3 {font-size: 2.5rem;color: var(--color-brand-red);margin-bottom: 1.5rem;}.showcase-info p {font-size: 1.25rem;color: var(--color-text-muted);}.grid-layout {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;}.footer-scene {background: var(--color-brand-black);color: var(--color-bg-white);min-height: 80vh;display: flex;flex-direction: column;}.contact-details {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 4rem;margin-top: 5rem;margin-bottom: 5rem;}.contact-card h4 {color: var(--color-brand-blue);font-size: 1.4rem;margin-bottom: 1rem;}.contact-card p,.contact-card a {color: #cccccc;font-size: 1.1rem;margin-bottom: 0.5rem;display: block;text-decoration: none;}.contact-card .phone-number {font-size: 1.8rem;color: white;font-weight: 700;margin-bottom: 1.5rem;}.mt-1 {margin-top: 1rem;display: inline-block;}.social-links {display: flex;flex-direction: column;gap: 0.8rem;}.social-icon {transition: color 0.3s ease, transform 0.3s var(--physics-spring);transform-origin: left;}.social-icon:hover {color: var(--color-brand-red);transform: translateX(5px);}.footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.1);padding-top: 2rem;text-align: center;color: #888;}.bg-geometry {position: absolute;z-index: 1;pointer-events: none;opacity: 0.03;}.circle-1 {width: 600px;height: 600px;border-radius: 50%;background: var(--color-brand-blue);top: 10%;right: -100px;filter: blur(80px);}.shape-2 {width: 800px;height: 400px;background: var(--color-brand-red);bottom: -150px;left: -200px;transform: rotate(-15deg);filter: blur(100px);}.site-footer {background: var(--color-brand-blue);color: rgba(255, 255, 255, 0.85);position: relative;overflow: hidden;}.site-footer::before {content: '';position: absolute;inset: 0;background: rgba(0, 0, 0, 0.25);pointer-events: none;z-index: 0;}.site-footer>* {position: relative;z-index: 1;}.footer-inner {position: relative;z-index: 1;}.footer-shape {position: absolute;border-radius: 50%;pointer-events: none;}.footer-shape-1 {width: 500px;height: 500px;background: radial-gradient(circle, rgba(35, 164, 214, 0.08) 0%, transparent 70%);top: -200px;left: -100px;}.footer-shape-2 {width: 400px;height: 400px;background: radial-gradient(circle, rgba(230, 43, 43, 0.06) 0%, transparent 70%);bottom: -150px;right: -100px;}.footer-inner {position: relative;z-index: 2;padding: 3.5rem 5vw 1.5rem;}.footer-top {display: grid;grid-template-columns: 1.2fr 1fr 1fr 1.3fr;gap: 4rem;padding-bottom: 3rem;border-bottom: 1px solid rgba(255, 255, 255, 0.08);margin-bottom: 2rem;opacity: 0;transform: translateY(30px);}.site-footer.active .footer-top {animation: slideUp 0.8s var(--physics-heavy) forwards 0.2s;}.footer-logo {width: 140px;height: auto;border-radius: 8px;margin-bottom: 1.2rem;background: #fff;padding: 8px;}.footer-tagline {color: #ffffff;font-size: 1.05rem;line-height: 1.6;margin-bottom: 1.2rem;}.footer-socials {display: flex;gap: 0.7rem;}.footer-soc-icon {width: 40px;height: 40px;border-radius: 10px;background: rgba(255, 255, 255, 0.07);border: 1px solid rgba(255, 255, 255, 0.1);display: flex;align-items: center;justify-content: center;color: rgba(255, 255, 255, 0.7);font-size: 0.95rem;text-decoration: none;transition: transform 0.35s var(--physics-spring), background 0.2s ease, color 0.2s ease;}.footer-soc-icon:hover {transform: translateY(-4px) scale(1.1);background: var(--color-brand-blue);color: #fff;border-color: var(--color-brand-blue);}.footer-links-col h5,.footer-contact-col h5 {color: #fff;font-weight: 700;font-size: 1rem;margin-bottom: 1.5rem;text-transform: uppercase;letter-spacing: 1px;position: relative;padding-bottom: 0.8rem;}.footer-links-col h5::after,.footer-contact-col h5::after {content: '';position: absolute;bottom: 0;left: 0;width: 30px;height: 2px;background: var(--color-brand-red);border-radius: 2px;}.footer-links-col ul {list-style: none;padding: 0;display: flex;flex-direction: column;gap: 0.7rem;}.footer-links-col ul li a {color: #ffffff;text-decoration: none;font-size: 1.05rem;transition: color 0.2s ease, transform 0.2s ease;display: inline-block;}.footer-links-col ul li a:hover {color: #fff;transform: translateX(4px);}.footer-contact-item {display: flex;align-items: flex-start;gap: 0.8rem;margin-bottom: 1rem;color: #ffffff;font-size: 1.05rem;}.footer-contact-item i {color: var(--color-brand-blue);margin-top: 0.15rem;width: 16px;flex-shrink: 0;}.footer-contact-item a {color: #ffffff;text-decoration: none;transition: color 0.2s ease;}.footer-contact-item a:hover {color: var(--color-brand-blue);}.footer-bottom {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 1rem;padding-top: 1.5rem;}.footer-bottom p {color: rgba(255, 255, 255, 0.75);font-size: 0.95rem;margin: 0;}.coming-soon-tag {background: rgba(230, 43, 43, 0.15);border: 1px solid rgba(230, 43, 43, 0.3);color: var(--color-brand-red);padding: 0.4rem 1rem;border-radius: 50px;font-size: 0.8rem;font-weight: 700;display: flex;align-items: center;gap: 0.4rem;}.cat-theme-delivery {background: linear-gradient(135deg, #1a1a4e 0%, #0f0f2d 100%);color: #fff;}.cat-theme-delivery .cat-highlight {background: var(--color-brand-blue);color: #fff;padding: 0 15px;}.cat-theme-delivery .cat-slogan {color: rgba(255, 255, 255, 0.8);}.cat-theme-delivery .cat-btn-main {background: var(--color-brand-blue);color: #fff;}.hero-text-phase {position: absolute !important;top: 0;left: 0;right: 0;margin: 0 auto;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: 0 clamp(2rem, 5vw, 6rem) !important;box-sizing: border-box;}.creator-credit {display: flex;align-items: center;justify-content: center;margin-top: 2rem;padding-top: 1.5rem;border-top: 1px solid rgba(255, 255, 255, 0.05);}.creator-link {display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 1.2rem;padding: 0.8rem 2rem;background: rgba(195, 148, 59, 0.1);border: 1px solid rgba(195, 148, 59, 0.4);border-radius: 50px;color: rgba(255, 255, 255, 0.9);text-decoration: none;font-size: 0.85rem;transition: all 0.7s ease;position: relative;overflow: hidden;width: 600px;max-width: 95vw;box-sizing: border-box;}.creator-link::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(195, 148, 59, 0.3), rgba(255, 255, 255, 0.2), rgba(195, 148, 59, 0.3), transparent);animation: shimmerChain 7s ease-in-out infinite;z-index: 0;}@keyframes shimmerChain {0% {left: -100%;opacity: 0;}10% {opacity: 1;}90% {opacity: 1;}100% {left: 100%;opacity: 0;}}.creator-link::after {content: "";position: absolute;top: 0;left: -100%;width: 60%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);animation: shimmerSecondary 2s ease-in-out infinite 0.3s;z-index: 0;}@keyframes shimmerSecondary {0% {left: -60%;opacity: 0;}15% {opacity: 0.8;}85% {opacity: 0.8;}100% {left: 100%;opacity: 0;}}.creator-avatar {width: 44px;height: 44px;border-radius: 50%;border: 1px solid rgba(195, 148, 59, 0.5);transition: all 0.3s ease;animation: avatarGlow 1s ease-in-out infinite 0.5s;position: relative;z-index: 2;flex-shrink: 0;}@keyframes avatarGlow {0%,100% {box-shadow: 0 0 0 rgba(195, 148, 59, 0);}50% {box-shadow: 0 0 8px rgba(195, 148, 59, 0.4);}}.creator-link:hover {background: rgba(195, 148, 59, 0.25);border-color: #c3943b;color: #c3943b;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(195, 148, 59, 0.4);}.creator-link:hover::before,.creator-link:hover::after {animation-duration: 1s;}.creator-text {font-weight: 500;position: relative;z-index: 2;text-align: left;display: flex;flex-direction: column;justify-content: center;}.alternating-text {position: relative;width: 100%;min-width: 280px;height: 1.5em;overflow: hidden;line-height: 1.5;z-index: 2;display: flex;align-items: center;}.text-line {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;white-space: nowrap;opacity: 0;transition: opacity 0.6s ease-in-out;z-index: 1;color: rgba(255, 255, 255, 0.95);text-shadow: 0 0 5px rgba(195, 148, 59, 0.3);overflow: hidden;text-overflow: ellipsis;}.text-line.active {opacity: 1;z-index: 2;}.creator-arrow {font-size: 1.2rem;transition: transform 0.3s ease;z-index: 2;flex-shrink: 0;}.creator-link:hover .creator-arrow {transform: translateX(3px);}@media (min-width: 769px) {.alternating-text {min-width: 350px;}}@media (max-width: 1200px) {.creator-link {padding: 0.7rem 1.8rem;gap: 1.1rem;max-width: 540px;}.text-line {font-size: 0.8rem;}}@media (max-width: 768px) {.creator-credit {padding-bottom: 2rem;}.creator-link {display: grid;grid-template-columns: 36px 1fr 36px;align-items: center;padding: 0.6rem 0.8rem;gap: 0.8rem;width: 100%;max-width: 95vw;border-radius: 40px;}.creator-avatar {width: 36px;height: 36px;justify-self: center;}.alternating-text {min-width: unset;width: 100%;height: auto;min-height: 2.8em;position: relative;}.text-line {font-size: 0.72rem;white-space: normal;text-align: center;width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);display: block;}.creator-text {width: 100%;align-items: center;text-align: center;display: flex;justify-content: center;}.creator-arrow {font-size: 1.1rem;justify-self: center;text-align: center;width: 100%;}}@media (max-width: 480px) {.creator-link {padding: 0.5rem 0.8rem;gap: 0.6rem;}.creator-avatar {width: 32px;height: 32px;}.text-line {font-size: 0.65rem;line-height: 1.35;}.alternating-text {min-height: 2.7em;}}.service-card-photo {position: relative;overflow: hidden;background-size: cover !important;background-position: center !important;border-radius: 18px;background-color: transparent !important;border: none !important;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28) !important;min-height: 340px;display: flex;flex-direction: column;justify-content: flex-end;padding: 0 !important;transition: transform 0.45s var(--physics-spring), box-shadow 0.4s ease !important;}.service-card-photo:hover {transform: translateY(-10px) scale(1.02) !important;box-shadow: 0 24px 56px rgba(0, 0, 0, 0.42) !important;}.svc-photo-overlay {position: absolute;inset: 0;background: linear-gradient(to bottom,rgba(0, 0, 0, 0.06) 0%,rgba(0, 0, 0, 0.25) 35%,rgba(3, 27, 38, 0.82) 70%,rgba(3, 27, 38, 0.97) 100%);border-radius: inherit;z-index: 1;transition: background 0.4s ease;}.service-card-photo:hover .svc-photo-overlay {background: linear-gradient(to bottom,rgba(0, 0, 0, 0.12) 0%,rgba(35, 164, 214, 0.18) 35%,rgba(3, 27, 38, 0.88) 70%,rgba(3, 27, 38, 0.98) 100%);}.svc-card-inner {position: relative;z-index: 2;padding: 2rem 1.8rem 1.8rem;display: flex;flex-direction: column;gap: 0.55rem;}.service-card-photo .service-icon {width: 46px;height: 46px;border-radius: 12px;background: rgba(35, 164, 214, 0.22);border: 1.5px solid rgba(35, 164, 214, 0.55);backdrop-filter: blur(8px);display: flex;align-items: center;justify-content: center;font-size: 1.2rem;color: #fff;margin-bottom: 0.4rem;box-shadow: 0 4px 12px rgba(35, 164, 214, 0.3);}.service-card-photo h3 {font-size: calc(1.17rem * 1.10);font-weight: 800;color: #ffffff;line-height: 1.25;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);}.service-card-photo p {font-size: calc(0.92rem * 1.10);color: rgba(255, 255, 255, 0.9);line-height: 1.6;text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);}.service-card-photo .service-link {color: var(--color-brand-blue);font-weight: 700;font-size: calc(0.88rem * 1.10);text-decoration: none;display: inline-flex;align-items: center;gap: 0.4rem;margin-top: 0.4rem;transition: gap 0.3s var(--physics-spring), color 0.2s ease;}.service-card-photo .service-link:hover {color: #fff;gap: 0.7rem;}.svc-card-v3 {background: #ffffff !important;border-radius: 20px !important;padding: 0 !important;overflow: hidden;display: flex;flex-direction: column;box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05) !important;border: 4px solid #ffffff !important;border-right-color: #e2e8f0 !important;border-bottom-color: #cbd5e1 !important;transition:transform 0.45s var(--physics-spring),box-shadow 0.4s ease !important;}.svc-card-v3:hover {transform: translateY(-10px) !important;box-shadow:0 20px 45px rgba(0, 0, 0, 0.1),0 8px 18px rgba(35, 164, 214, 0.06) !important;}.svc-v3-img-area {position: relative;width: 100%;aspect-ratio: 4 / 3;overflow: hidden;border-radius: 20px 20px 0 0;background: var(--color-bg-light);cursor: pointer;}.svc-v3-img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;will-change: opacity, transform;border-radius: 20px;border: 3px solid rgba(255, 255, 255, 0.15);border-top-color: rgba(255, 255, 255, 0.5);border-left-color: rgba(255, 255, 255, 0.5);border-right-color: rgba(0, 0, 0, 0.3);border-bottom-color: rgba(0, 0, 0, 0.4);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);}.svc-img-1 {animation: svcFlipOut 14s infinite;}.svc-img-2 {opacity: 0;animation: svcFlipIn 14s infinite;}@keyframes svcFlipOut {0%,45% {opacity: 1;transform: scale(1);}50%,95% {opacity: 0;transform: scale(1.03);}100% {opacity: 1;transform: scale(1);}}@keyframes svcFlipIn {0%,45% {opacity: 0;transform: scale(0.97);}50%,95% {opacity: 1;transform: scale(1);}100% {opacity: 0;transform: scale(0.97);}}.svc-v3-img-area:hover .svc-img-1 {animation-play-state: paused;transform: scale(1.05);}.svc-v3-img-area:hover .svc-img-2 {animation-play-state: paused;transform: scale(1.05);}.svc-img-dots {position: absolute;bottom: 1rem;left: 50%;transform: translateX(-50%);display: flex;gap: 6px;z-index: 4;}.svc-dot {width: 6px;height: 6px;border-radius: 50%;background: rgba(255, 255, 255, 0.4);transition: background 0.3s ease, transform 0.3s ease;}.svc-dot-active {background: var(--color-brand-blue);transform: scale(1.4);}.svc-v3-eye {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: rgba(3, 15, 25, 0);transition: background 0.35s ease;z-index: 5;border-radius: 20px 20px 0 0;}.svc-v3-eye i {font-size: 1.6rem;color: #fff;background: rgba(35, 164, 214, 0.82);border: 2px solid rgba(255, 255, 255, 0.9);border-radius: 50%;width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;opacity: 0;transform: scale(0.7);transition:opacity 0.35s var(--physics-overshoot),transform 0.45s var(--physics-spring);box-shadow:0 0 0 4px rgba(35, 164, 214, 0.25),0 8px 24px rgba(0, 0, 0, 0.35);}.svc-v3-img-area:hover .svc-v3-eye {background: rgba(3, 15, 25, 0.28);}.svc-v3-img-area:hover .svc-v3-eye i {opacity: 1;transform: scale(1);}.svc-v3-body {padding: 1.5rem 1.6rem 1.75rem;display: flex;flex-direction: column;flex: 1;gap: 0.6rem;}.svc-v3-title-row {display: flex;align-items: center;gap: 0.75rem;margin-bottom: 0.15rem;}.svc-v3-icon {flex-shrink: 0;width: 40px;height: 40px;border-radius: 10px;background: linear-gradient(135deg, var(--color-brand-blue), #1a8fbd);display: flex;align-items: center;justify-content: center;font-size: 1.05rem;color: #fff;box-shadow:inset 0 2px 4px rgba(255, 255, 255, 0.4),inset 0 -3px 5px rgba(0, 0, 0, 0.4),0 4px 12px rgba(35, 164, 214, 0.32);transition: box-shadow 0.3s ease, transform 0.3s var(--physics-spring);position: relative;overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.3);}.svc-v3-icon::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 40%;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), transparent);border-radius: 10px 10px 40% 40%;pointer-events: none;}.svc-card-v3:hover .svc-v3-icon {transform: scale(1.1);box-shadow: 0 6px 18px rgba(35, 164, 214, 0.48);}.svc-v3-title-row h3 {font-size: 1.08rem;font-weight: 800;color: var(--color-brand-black);line-height: 1.25;margin: 0;}.svc-v3-desc {font-size: 0.91rem;color: var(--color-text-muted);line-height: 1.62;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;min-height: calc(0.91rem * 1.62 * 3);margin: 0;flex-grow: 1;}.svc-v3-cta {display: inline-flex;align-items: center;gap: 0.45rem;font-size: 0.88rem;font-weight: 700;color: var(--color-brand-blue);text-decoration: none;letter-spacing: 0.2px;margin-top: 0.5rem;transition: gap 0.3s var(--physics-spring), color 0.2s ease;align-self: flex-start;}.svc-v3-cta i {font-size: 0.78rem;transition: transform 0.3s var(--physics-spring);}.svc-v3-cta:hover {color: var(--color-brand-black);gap: 0.75rem;}.svc-v3-cta:hover i {transform: translateX(3px);}.svc-lightbox {position: fixed;inset: 0;z-index: 10000;background: rgba(3, 10, 18, 0.96);display: flex;align-items: center;justify-content: center;padding: 2rem;opacity: 0;pointer-events: none;transition: opacity 0.35s ease;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);}.svc-lightbox.svc-lb-open {opacity: 1;pointer-events: all;}.svc-lb-stage {display: flex;flex-direction: column;align-items: center;width: min(90vw, 1100px);max-height: 90vh;z-index: 10002;transform: scale(0.92) translateY(20px);transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);}.svc-lightbox.svc-lb-open .svc-lb-stage {transform: scale(1) translateY(0);}.svc-lb-img-wrapper {background: #0a0e16;border-radius: 16px 16px 0 0;width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}.svc-lb-img {height: 68vh;width: 100%;object-fit: contain;display: block;opacity: 0;transition: opacity 0.3s ease;}.svc-lb-img.svc-lb-img-loaded {opacity: 1;}.svc-lb-caption {width: 100%;background: #ffffff;border-radius: 0 0 16px 16px;padding: 1.5rem 2rem;display: flex;align-items: center;justify-content: space-between;box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);}.svc-lb-svc-row {display: flex;align-items: center;gap: 1.25rem;min-width: 0;}.svc-lb-icon-badge {width: 48px;height: 48px;border-radius: 12px;background: linear-gradient(135deg, var(--color-brand-blue), #1a8fbd);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.3rem;box-shadow: 0 4px 12px rgba(35, 164, 214, 0.3);flex-shrink: 0;}.svc-lb-text h4 {margin: 0 0 0.3rem;font-size: 1.2rem;font-weight: 800;color: var(--color-brand-black);}.svc-lb-text p {margin: 0;font-size: 0.95rem;color: var(--color-text-muted);max-width: 600px;line-height: 1.5;}.svc-lb-counter {background: rgba(4, 18, 28, 0.05);padding: 0.6rem 1.2rem;border-radius: 30px;font-weight: 700;color: var(--color-brand-black);font-size: 0.95rem;letter-spacing: 0.5px;}.svc-lb-close {position: fixed;top: 1.25rem;right: 1.25rem;width: 46px;height: 46px;border-radius: 50%;background: rgba(255, 255, 255, 0.1);border: 1.5px solid rgba(255, 255, 255, 0.3);color: #fff;font-size: 1.1rem;cursor: pointer;display: flex;align-items: center;justify-content: center;transition:background 0.25s ease,transform 0.3s var(--physics-spring),border-color 0.25s ease;z-index: 10001;}.svc-lb-close:hover {background: var(--color-brand-red);border-color: var(--color-brand-red);transform: scale(1.12) rotate(90deg);}.svc-lb-prev,.svc-lb-next {position: fixed;top: 50%;transform: translateY(-50%);width: 52px;height: 52px;border-radius: 50%;background: rgba(255, 255, 255, 0.1);border: 1.5px solid rgba(255, 255, 255, 0.3);color: #fff;font-size: 1.1rem;cursor: pointer;display: flex;align-items: center;justify-content: center;transition:background 0.25s ease,transform 0.3s var(--physics-spring),border-color 0.25s ease;z-index: 10001;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}.svc-lb-prev {left: 1.25rem;}.svc-lb-next {right: 1.25rem;}.svc-lb-prev:hover,.svc-lb-next:hover {background: rgba(35, 164, 214, 0.8);border-color: rgba(255, 255, 255, 0.7);transform: translateY(-50%) scale(1.1);}@media (max-width: 768px) {.svc-lb-caption {flex-direction: column;align-items: flex-start;gap: 1.25rem;padding: 1.25rem;}.svc-lb-counter {align-self: flex-start;}.svc-lb-prev,.svc-lb-next {width: 40px;height: 40px;font-size: 0.9rem;}.svc-lb-close {width: 38px;height: 38px;top: 0.75rem;right: 0.75rem;}}@media (max-width: 580px) {.svc-lb-stage {width: 100vw;max-height: 100vh;}.svc-lb-img {height: 50vh;border-radius: 0;}.svc-lb-prev {left: 0.5rem;}.svc-lb-next {right: 0.5rem;}.svc-lb-caption {padding: 1rem;}.svc-lb-text h4 {font-size: 1.05rem;}.svc-lb-text p {font-size: 0.85rem;}.svc-lb-icon-badge {width: 40px;height: 40px;font-size: 1.1rem;border-radius: 10px;}}.soc-wa {background: radial-gradient(circle at 35% 35%, #43e87d, #25D366 55%, #128C4a) !important;border-color: #25D366 !important;box-shadow:0 4px 10px rgba(37, 211, 102, 0.45),inset 0 1px 1px rgba(255, 255, 255, 0.35),inset 0 -2px 4px rgba(0, 0, 0, 0.18) !important;animation: socBreath 3.1s ease-in-out infinite;}.soc-wa:hover {background: radial-gradient(circle at 35% 35%, #6affa0, #25D366 55%, #0e7038) !important;box-shadow:0 0 0 3px rgba(37, 211, 102, 0.5),0 10px 28px rgba(37, 211, 102, 0.65),inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;transform: translateY(-3px) scale(1.1) !important;animation: none !important;}.soc-ig {background: radial-gradient(circle at 35% 35%,#f7c948,#f09433 25%,#e6683c 45%,#dc2743 65%,#bc1888) !important;border-color: #e6683c !important;box-shadow:0 4px 10px rgba(220, 39, 67, 0.45),inset 0 1px 1px rgba(255, 255, 255, 0.3),inset 0 -2px 4px rgba(0, 0, 0, 0.2) !important;animation: socBreath 3.5s ease-in-out infinite 0.4s;}.soc-ig:hover {box-shadow:0 0 0 3px rgba(220, 39, 67, 0.45),0 10px 28px rgba(220, 39, 67, 0.6),inset 0 1px 2px rgba(255, 255, 255, 0.35) !important;transform: translateY(-3px) scale(1.1) !important;animation: none !important;}.soc-fb {background: radial-gradient(circle at 35% 35%, #5ea5fc, #1877F2 55%, #0d4fa8) !important;border-color: #1877F2 !important;box-shadow:0 4px 10px rgba(24, 119, 242, 0.45),inset 0 1px 1px rgba(255, 255, 255, 0.3),inset 0 -2px 4px rgba(0, 0, 0, 0.18) !important;animation: socBreath 3.8s ease-in-out infinite 0.8s;}.soc-fb:hover {box-shadow:0 0 0 3px rgba(24, 119, 242, 0.5),0 10px 28px rgba(24, 119, 242, 0.65),inset 0 1px 2px rgba(255, 255, 255, 0.35) !important;transform: translateY(-3px) scale(1.1) !important;animation: none !important;}.soc-li {background: radial-gradient(circle at 35% 35%, #44a9d8, #0077B5 55%, #004e7a) !important;border-color: #0077B5 !important;box-shadow:0 4px 10px rgba(0, 119, 181, 0.45),inset 0 1px 1px rgba(255, 255, 255, 0.3),inset 0 -2px 4px rgba(0, 0, 0, 0.18) !important;animation: socBreath 4.1s ease-in-out infinite 1.2s;}.soc-li:hover {box-shadow:0 0 0 3px rgba(0, 119, 181, 0.5),0 10px 28px rgba(0, 119, 181, 0.65),inset 0 1px 2px rgba(255, 255, 255, 0.35) !important;transform: translateY(-3px) scale(1.1) !important;animation: none !important;}.soc-tk {background: #000 !important;border: 1.5px solid #333 !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.55),inset 0 1px 1px rgba(255, 255, 255, 0.12) !important;animation: socBreath 3.3s ease-in-out infinite 1.6s;overflow: hidden !important;position: relative;}.soc-tk::before {content: '';position: absolute;inset: -1px;border-radius: 50%;background: transparent;box-shadow:inset 2px 2px 0 rgba(0, 242, 254, 0.7),inset -2px -2px 0 rgba(254, 9, 121, 0.7);pointer-events: none;z-index: 2;}.soc-tk i {position: relative;z-index: 3;color: #fff;text-shadow: 1px 0 0 rgba(0, 242, 254, 0.8), -1px 0 0 rgba(254, 9, 121, 0.8);}.soc-tk:hover {background: #111 !important;box-shadow:0 8px 24px rgba(0, 0, 0, 0.7),inset 0 0 12px rgba(0, 242, 254, 0.25),inset 0 0 12px rgba(254, 9, 121, 0.25) !important;transform: translateY(-3px) scale(1.1) !important;animation: none !important;}@keyframes socBreath {0%,100% {transform: scale(1);filter: brightness(1);}50% {transform: scale(1.05);filter: brightness(1.12);}}.footer-soc-icon {width: 44px;height: 44px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1rem;color: #fff;text-decoration: none;transition: transform 0.35s var(--physics-spring), box-shadow 0.3s ease;position: relative;overflow: visible;}.footer-soc-icon:nth-child(1) {background: radial-gradient(circle at 35% 35%, #43e87d, #25D366 55%, #128C4a);border: 1.5px solid #25D366;box-shadow: 0 4px 12px rgba(37, 211, 102, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.3);animation: socBreath 3.1s ease-in-out infinite;}.footer-soc-icon:nth-child(1):hover {box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.5), 0 10px 28px rgba(37, 211, 102, 0.65);transform: translateY(-3px) scale(1.1);animation: none;}.footer-soc-icon:nth-child(2) {background: radial-gradient(circle at 35% 35%, #f7c948, #e6683c 45%, #bc1888);border: 1.5px solid #e6683c;box-shadow: 0 4px 12px rgba(220, 39, 67, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.3);animation: socBreath 3.5s ease-in-out infinite 0.4s;}.footer-soc-icon:nth-child(2):hover {box-shadow: 0 0 0 3px rgba(220, 39, 67, 0.45), 0 10px 28px rgba(220, 39, 67, 0.6);transform: translateY(-3px) scale(1.1);animation: none;}.footer-soc-icon:nth-child(3) {background: radial-gradient(circle at 35% 35%, #5ea5fc, #1877F2 55%, #0d4fa8);border: 1.5px solid #1877F2;box-shadow: 0 4px 12px rgba(24, 119, 242, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.3);animation: socBreath 3.8s ease-in-out infinite 0.8s;}.footer-soc-icon:nth-child(3):hover {box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.5), 0 10px 28px rgba(24, 119, 242, 0.65);transform: translateY(-3px) scale(1.1);animation: none;}.footer-soc-icon:nth-child(4) {background: radial-gradient(circle at 35% 35%, #44a9d8, #0077B5 55%, #004e7a);border: 1.5px solid #0077B5;box-shadow: 0 4px 12px rgba(0, 119, 181, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.3);animation: socBreath 4.1s ease-in-out infinite 1.2s;}.footer-soc-icon:nth-child(4):hover {box-shadow: 0 0 0 3px rgba(0, 119, 181, 0.5), 0 10px 28px rgba(0, 119, 181, 0.65);transform: translateY(-3px) scale(1.1);animation: none;}.social-links-contact {display: flex;flex-direction: column;gap: 0.8rem;}.soc-contact-link {display: flex !important;align-items: center;justify-content: flex-start;gap: 0.85rem;text-decoration: none;font-weight: 600;font-size: 0.95rem;color: var(--color-brand-black);padding: 0.55rem 1rem;border-radius: 50px;transition: background 0.3s ease, transform 0.35s var(--physics-spring), box-shadow 0.3s ease;background: rgba(35, 164, 214, 0.06);border: 1px solid rgba(35, 164, 214, 0.18);text-align: left;height: 56px;}.soc-contact-link i {width: 44px;height: 44px;min-width: 44px;min-height: 44px;aspect-ratio: 1 / 1;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.1rem;color: #fff;flex-shrink: 0;transition: transform 0.35s var(--physics-spring), box-shadow 0.3s ease;}.soc-contact-link:nth-child(1) i {background: radial-gradient(circle at 35% 35%, #f7c948, #e6683c 45%, #bc1888) !important;border: 1.5px solid #e6683c;box-shadow: 0 4px 12px rgba(220, 39, 67, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.2);animation: socBreath 3.5s ease-in-out infinite 0.2s;}.soc-contact-link:nth-child(2) i {background: radial-gradient(circle at 35% 35%, #5ea5fc, #1877F2 55%, #0d4fa8) !important;border: 1.5px solid #1877F2;box-shadow: 0 4px 12px rgba(24, 119, 242, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.18);animation: socBreath 3.8s ease-in-out infinite 0.6s;}.soc-contact-link:nth-child(3) i {background: radial-gradient(circle at 35% 35%, #44a9d8, #0077B5 55%, #004e7a) !important;border: 1.5px solid #0077B5;box-shadow: 0 4px 12px rgba(0, 119, 181, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.18);animation: socBreath 4.1s ease-in-out infinite 1s;}.soc-contact-link:hover {background: rgba(35, 164, 214, 0.12);transform: translateX(6px);box-shadow: 0 4px 16px rgba(35, 164, 214, 0.2);}.soc-contact-link:hover i {transform: scale(1.15) rotate(-5deg);animation: none;}#navWaCta {display: inline-flex;align-items: center;gap: 0.55rem;}.wa-nav-icon {font-size: 1.1rem;transition: color 0.25s ease, transform 0.35s var(--physics-spring);}.wa-nav-label {line-height: 1;}#navWaCta:hover .wa-nav-icon {color: #43e87d;transform: scale(1.25) rotate(-10deg);}.contact-icon {width: 72px;height: 72px;border-radius: 20px;margin: 0 auto 1.25rem;display: flex;align-items: center;justify-content: center;font-size: 1.65rem;color: #fff;background: linear-gradient(145deg,rgba(55, 190, 245, 0.95) 0%,var(--color-brand-blue) 45%,#1580aa 100%);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.4) inset,0 -1px 0 0 rgba(0, 0, 0, 0.22) inset,0 8px 20px rgba(35, 164, 214, 0.35),0 2px 6px rgba(35, 164, 214, 0.25);border: 1px solid rgba(255, 255, 255, 0.18);transition: transform 0.4s var(--physics-spring), box-shadow 0.4s ease;position: relative;overflow: visible;}.contact-icon::before {content: '';position: absolute;top: 4px;left: 6px;width: 55%;height: 40%;background: linear-gradient(135deg,rgba(255, 255, 255, 0.35) 0%,transparent 100%);border-radius: 10px 10px 60% 60% / 6px;pointer-events: none;}.contact-card:hover .contact-icon {transform: translateY(-5px) scale(1.06);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.45) inset,0 -1px 0 0 rgba(0, 0, 0, 0.25) inset,0 14px 32px rgba(35, 164, 214, 0.5),0 4px 12px rgba(35, 164, 214, 0.3);}.footer-contact-item {display: flex;align-items: flex-start;gap: 0.9rem;margin-bottom: 0.85rem;}.footer-contact-item i {width: 38px;height: 38px;min-width: 38px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 0.95rem;margin-top: 1px;background: linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);border: 1px solid rgba(255, 255, 255, 0.18);box-shadow:0 1px 0 rgba(255, 255, 255, 0.15) inset,0 -1px 0 rgba(0, 0, 0, 0.25) inset,0 4px 12px rgba(0, 0, 0, 0.3),0 1px 3px rgba(0, 0, 0, 0.15);transition: transform 0.3s var(--physics-spring), box-shadow 0.3s ease;}.footer-contact-item:hover i {transform: translateY(-2px) scale(1.08);box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset,0 -1px 0 rgba(0, 0, 0, 0.3) inset,0 8px 20px rgba(0, 0, 0, 0.35),0 2px 6px rgba(0, 0, 0, 0.15);}.section-header-center {text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;}.section-title,.section-eyebrow,.sf-title,.cat-title,.kb-hero-title,.feat-title,.svc-v3-title-row h3 {text-shadow:1px 1px 0px rgba(0, 0, 0, 0.15),2px 2px 0px rgba(0, 0, 0, 0.10),3px 3px 0px rgba(0, 0, 0, 0.05);}
/* Source: css/animations.css */
.scene-content .stagger-1,.scene-content .stagger-2,.scene-content .stagger-3,.scene-content .stagger-4,.scene-container .stagger-1,.scene-container .stagger-2,.scene-container .stagger-3,.scene-container .stagger-4 {opacity: 0;transform: translateY(40px);will-change: transform, opacity;}.hero-text-mask {overflow: hidden;display: block;padding-bottom: 10px;}.hero-text-mask .stagger-1,.hero-text-mask .stagger-2 {transform: translateY(120%);}.scene.active .stagger-1{animation: slideUp var(--duration-base) var(--physics-overshoot) forwards;animation-delay: 0.1s;will-change: transform, opacity;}.scene.active .stagger-2{animation: slideUp var(--duration-base) var(--physics-overshoot) forwards;animation-delay: calc(0.1s + var(--delay-stagger));will-change: transform, opacity;}.scene.active .stagger-3{animation: slideUp var(--duration-base) var(--physics-overshoot) forwards;animation-delay: calc(0.1s + (var(--delay-stagger) * 2));will-change: transform, opacity;}.scene.active .stagger-4{animation: slideUp var(--duration-base) var(--physics-overshoot) forwards;animation-delay: calc(0.1s + (var(--delay-stagger) * 3));will-change: transform, opacity;}.scene.exit .stagger-1,.scene.exit .stagger-2,.scene.exit .stagger-3,.scene.exit .stagger-4{animation: fadeDownOut 0.5s var(--physics-anticipate) forwards;will-change: transform, opacity;}@keyframes slideUp {from {opacity: 0;transform: translateY(40px);}to {opacity: 1;transform: translateY(0);}}@keyframes slideRightIn {from {opacity: 0;transform: translateX(40px);}to {opacity: 1;transform: translateX(0);}}@keyframes fadeDownOut {from {opacity: 1;transform: translateY(0);}to {opacity: 0;transform: translateY(30px);filter: blur(4px);}}.scene.active .bg-geometry{animation: scaleGeo 1.5s var(--physics-heavy) forwards;will-change: transform, opacity;}@keyframes scaleGeo {from {transform: scale(0.5);opacity: 0;}to {transform: scale(1);opacity: 0.03;}}.scene.active .gallery-item.delay-1{animation: cardPop 0.6s var(--physics-spring) forwards;animation-delay: 0.2s;opacity: 0;will-change: transform, opacity;}.scene.active .gallery-item.delay-2{animation: cardPop 0.6s var(--physics-spring) forwards;animation-delay: 0.35s;opacity: 0;will-change: transform, opacity;}.scene.active .gallery-item.delay-3{animation: cardPop 0.6s var(--physics-spring) forwards;animation-delay: 0.5s;opacity: 0;will-change: transform, opacity;}@keyframes cardPop {0% {opacity: 0;transform: translateY(50px) scale(0.9);}100% {opacity: 1;transform: translateY(0) scale(1);}}@keyframes slowFloat {0% {transform: translateY(0px);}50% {transform: translateY(-12px);}100% {transform: translateY(0px);}}.scene.active .floating-state{animation: slowFloat 6s ease-in-out infinite;will-change: transform, opacity;}@keyframes heroSceneExit {0% {opacity: 1;transform: scale(1);}100% {opacity: 0;transform: scale(0.97);filter: blur(2px);}}@keyframes kbZoomIn {from {transform: scale(1);}to {transform: scale(1.08);}}@keyframes kbZoomOut {from {transform: scale(1.12);}to {transform: scale(1.0);}}@keyframes heroTitleFloat {0%,100% {transform: translateY(0);}50% {transform: translateY(-3px);}}@keyframes revealMaskUp {0% {transform: translateY(110%) rotate(5deg);opacity: 0;}100% {transform: translateY(0) rotate(0);opacity: 1;}}@keyframes fadeSlideUp {0% {transform: translateY(20px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}@keyframes buttonPop {0% {transform: scale(0);opacity: 0;}80% {transform: scale(1.1);opacity: 1;}100% {transform: scale(1);opacity: 1;}}@keyframes shapeExpand {0% {transform: scale(0);opacity: 0;}100% {transform: scale(1);opacity: 1;}}@keyframes floatY {0%,100% {transform: translateY(0);}50% {transform: translateY(-15px);}}@keyframes sfElasticPop {0% {opacity: 0;transform: scale(0.5);}60% {transform: scale(1.1);}100% {opacity: 1;transform: scale(1);}}@keyframes sfDriftIn {0% {opacity: 0;transform: translateX(100px) skewX(-10deg);}100% {opacity: 1;transform: translateX(0) skewX(0);}}@keyframes sfHeavyDrop {0% {opacity: 0;transform: translateY(-100px) scale(1.1);}100% {opacity: 1;transform: translateY(0) scale(1);}}@keyframes catSequence1 {0% {opacity: 0;transform: translate(-50%, -50%) translateX(100px) rotate(10deg) scale(0.8);}5% {opacity: 1;transform: translate(-50%, -50%) translateX(0) rotate(0) scale(1);}25% {transform: translate(-50%, -50%) translateY(-10px);}30% {opacity: 1;transform: translate(-50%, -50%) translateY(0);}35% {opacity: 0;transform: translate(-50%, -50%) translateX(-50%) rotate(-5deg) scale(0.9);}100% {opacity: 0;}}@keyframes catSequence2 {0%,30% {opacity: 0;transform: translate(-50%, -50%) translateX(50%) rotate(5deg) scale(0.9);}35% {opacity: 1;transform: translate(-50%, -50%) translateX(0) rotate(0) scale(1);}60% {transform: translate(-50%, -50%) translateY(-10px);}85% {transform: translate(-50%, -50%) translateY(0);}100% {opacity: 1;transform: translate(-50%, -50%) translateY(-5px);}}@keyframes exitThrowsLeft {0% {transform: translateX(0);opacity: 1;}30% {transform: translateX(20px);}100% {transform: translateX(-150%);opacity: 0;}}@keyframes exitThrowsRight {0% {transform: translateX(0);opacity: 1;}30% {transform: translateX(-20px);}100% {transform: translateX(150%);opacity: 0;}}@keyframes caretBounce {0%,100% {transform: translateY(0);}50% {transform: translateY(5px);}}@keyframes statDescShimmer {0% {background-position: 200% center;}60% {background-position: -200% center;}100% {background-position: -200% center;}}@keyframes ctaPulse {0%,100% {box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);}50% {box-shadow: 0 12px 45px rgba(0, 0, 0, 0.4), 0 0 0 8px rgba(255, 255, 255, 0.12);}}@keyframes waFloatPulse {0%,100% {box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4), 0 4px 12px rgba(0, 0, 0, 0.15);}50% {box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4), 0 0 0 10px rgba(37, 211, 102, 0.12), 0 4px 12px rgba(0, 0, 0, 0.1);}}
/* Source: css/sections.css */
.kb-hero {position: relative;width: 100%;height: calc(100vh - 120px);min-height: 700px;overflow: hidden;background: #000;margin-top: 0;padding: 0;}@media (max-width: 768px) {.kb-hero {height: calc(100vh - 120px);min-height: 500px;}}.kb-hero-slide{position: absolute !important;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;z-index: 1;display: flex;align-items: center;justify-content: center;padding-top: 100px;box-sizing: border-box;transition: opacity 1.4s cubic-bezier(0.4, 0, 0.2, 1) !important;will-change: transform, opacity;}.kb-hero-slide.active {position: absolute !important;opacity: 1;visibility: visible;z-index: 10;}.kb-hero-slide.exit{position: absolute !important;opacity: 1;visibility: visible;z-index: 5;animation: heroSceneExit 0.9s cubic-bezier(0.4, 0, 1, 1) forwards;transition: opacity 1.4s cubic-bezier(0.4, 0, 0.2, 1) !important;will-change: transform, opacity;}.kb-video-slide video {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;transform: translate(-50%, -50%);object-fit: cover;z-index: 0;}.kb-image-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;z-index: 0;}.kb-ken-burns-zoom {transform: scale(1);}.kb-ken-burns-zoom.kb-active{animation: kbZoomIn 8s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;will-change: transform, opacity;}.kb-ken-burns-pan {transform: scale(1.1);}.kb-ken-burns-pan.kb-active{animation: kbZoomOut 8s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;will-change: transform, opacity;}.kb-video-overlay,.kb-image-overlay {position: absolute;inset: 0;background: linear-gradient(180deg,rgba(0, 0, 0, 0.35) 0%,rgba(0, 0, 0, 0.55) 50%,rgba(0, 0, 0, 0.7) 100%);z-index: 1;}.kb-hero-content {position: relative;z-index: 10;width: 100%;max-width: 1200px;padding: 0 clamp(2rem, 5vw, 6rem);color: #fff;text-align: left;}.kb-hero-title {font-size: clamp(3rem, 6vw, 5.5rem);font-weight: 900;line-height: 1.08;margin-bottom: 1.5rem;color: #fff;opacity: 0;transform: translateY(40px);text-shadow:1px 1px 0 #0a0a0a,2px 2px 0 #0a0a0a,3px 3px 0 #0a0a0a,4px 4px 0 #0a0a0a,0 10px 20px rgba(0, 0, 0, 0.7),0 0 40px rgba(0, 0, 0, 0.8);}.text-accent {color: var(--color-brand-blue);}.text-warning {color: var(--color-brand-red);}.kb-hero-subtitle {font-size: clamp(1.05rem, 2vw, 1.4rem);max-width: 580px;margin-bottom: 2.5rem;color: rgba(255, 255, 255, 0.92);line-height: 1.6;opacity: 0;transform: translateY(30px);text-shadow:1px 1px 0 #0a0a0a,2px 2px 0 #0a0a0a,0 8px 15px rgba(0, 0, 0, 0.7),0 0 30px rgba(0, 0, 0, 0.8);}.kb-hero-actions {display: flex;flex-wrap: wrap;gap: 1rem;opacity: 0;transform: translateY(25px);}.kb-hero-slide.active .kb-eyebrow{animation: slideUp 0.7s var(--physics-heavy) forwards 0.15s;will-change: transform, opacity;}.kb-hero-slide.active .kb-hero-title{animation: slideUp 0.9s var(--physics-heavy) forwards 0.5s;will-change: transform, opacity;}.kb-hero-slide.active .kb-hero-subtitle{animation: slideUp 0.7s var(--physics-heavy) forwards 0.95s;will-change: transform, opacity;}.kb-hero-slide.active .kb-hero-actions{animation: slideUp 0.6s var(--physics-spring) forwards 1.3s;will-change: transform, opacity;}.hero-phase-b.phase-active .kb-eyebrow{animation: slideRightIn 0.7s var(--physics-heavy) forwards 0.1s;will-change: transform, opacity;}.hero-phase-b.phase-active .kb-hero-title{animation: slideRightIn 0.9s var(--physics-heavy) forwards 0.4s;will-change: transform, opacity;}.hero-phase-b.phase-active .kb-hero-subtitle{animation: slideRightIn 0.7s var(--physics-heavy) forwards 0.75s;will-change: transform, opacity;}.hero-phase-b.phase-active .kb-hero-actions{animation: slideRightIn 0.6s var(--physics-spring) forwards 1.1s;will-change: transform, opacity;}.kb-hero-slide.exit .kb-eyebrow{animation: fadeDownOut 0.5s var(--physics-anticipate) forwards;will-change: transform, opacity;}.kb-hero-slide.exit .kb-hero-title{animation: fadeDownOut 0.5s var(--physics-anticipate) forwards 0.05s;will-change: transform, opacity;}.kb-hero-slide.exit .kb-hero-subtitle{animation: fadeDownOut 0.4s var(--physics-anticipate) forwards 0.1s;will-change: transform, opacity;}.kb-hero-slide.exit .kb-hero-actions{animation: fadeDownOut 0.4s var(--physics-anticipate) forwards 0.15s;will-change: transform, opacity;}.hero-phase-a.phase-exit .kb-eyebrow{animation: fadeDownOut 0.4s var(--physics-anticipate) forwards;will-change: transform, opacity;}.hero-phase-a.phase-exit .kb-hero-title{animation: fadeDownOut 0.4s var(--physics-anticipate) forwards 0.05s;will-change: transform, opacity;}.hero-phase-a.phase-exit .kb-hero-subtitle{animation: fadeDownOut 0.35s var(--physics-anticipate) forwards 0.1s;will-change: transform, opacity;}.hero-phase-a.phase-exit .kb-hero-actions{animation: fadeDownOut 0.35s var(--physics-anticipate) forwards 0.15s;will-change: transform, opacity;}.kb-hero-slide.active.living .kb-hero-content:not(.hero-phase-b):not(.phase-exit) .kb-eyebrow,.kb-hero-slide.active.living .kb-hero-content:not(.hero-phase-b):not(.phase-exit) .kb-hero-title,.kb-hero-slide.active.living .kb-hero-content:not(.hero-phase-b):not(.phase-exit) .kb-hero-subtitle,.kb-hero-slide.active.living .kb-hero-content:not(.hero-phase-b):not(.phase-exit) .kb-hero-actions,.kb-hero-slide.active.living .hero-phase-b.phase-living .kb-eyebrow,.kb-hero-slide.active.living .hero-phase-b.phase-living .kb-hero-title,.kb-hero-slide.active.living .hero-phase-b.phase-living .kb-hero-subtitle,.kb-hero-slide.active.living .hero-phase-b.phase-living .kb-hero-actions{opacity: 1;transform: translateY(0);animation: none;will-change: transform, opacity;}.kb-hero-slide.active.living .kb-hero-content:not(.hero-phase-b):not(.phase-exit) .kb-hero-title,.kb-hero-slide.active.living .hero-phase-b.phase-living .kb-hero-title{opacity: 1;animation: heroTitleFloat 6s ease-in-out infinite;will-change: transform, opacity;}.kb-nav-btn{position: absolute;top: 50%;transform: translateY(-50%);background: transparent;border: 1px solid rgba(255, 255, 255, 0.3);color: #fff;width: 60px;height: 60px;border-radius: 50%;cursor: pointer;z-index: 20;transition: all 0.3s var(--physics-spring);display: flex;align-items: center;justify-content: center;will-change: transform, opacity;}.kb-nav-btn:hover {background: #fff;color: #000;transform: translateY(-50%) scale(1.1);}.kb-nav-prev {left: 30px;}.kb-nav-next {right: 30px;}.kb-indicators {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);display: flex;gap: 10px;z-index: 20;}.kb-indicator{width: 30px;height: 4px;background: rgba(255, 255, 255, 0.3);cursor: pointer;transition: all 0.4s ease;will-change: transform, opacity;}.kb-indicator.active {background: var(--color-brand-blue);width: 50px;}.kb-hero-slide.exit .kb-hero-title{animation: fadeDownOut 0.6s var(--physics-anticipate) forwards;will-change: transform, opacity;}.kb-hero-slide.exit .kb-hero-subtitle{animation: fadeDownOut 0.6s var(--physics-anticipate) forwards 0.1s;will-change: transform, opacity;}.kb-hero-slide.exit .kb-hero-actions{animation: fadeDownOut 0.6s var(--physics-anticipate) forwards 0.2s;will-change: transform, opacity;}.sf-carousel-wrapper,.cat-carousel-wrapper {position: relative;overflow: hidden;min-height: 600px;background: #000;}@media (max-width: 991px) {.sf-carousel-wrapper,.cat-carousel-wrapper {min-height: 750px; }}.sf-slide,.cat-slide{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;z-index: 1;transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;will-change: transform, opacity;}.sf-slide.active,.cat-slide.active {opacity: 1;visibility: visible;z-index: 10;}.sf-theme-red {background-color: var(--color-brand-red);color: #fff;}.sf-theme-blue {background-color: var(--color-brand-blue);color: #fff;}.sf-theme-white {background-color: var(--color-bg-white);color: #111;}.cat-theme-office {background-color: var(--color-brand-red);color: #fff;}.cat-theme-office::before {content: '';position: absolute;top: 0;left: 0;width: 200%;height: 200%;background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);background-size: 40px 40px;z-index: 0;opacity: 0.5;}.cat-theme-corporate {background: #031b26 !important;}.cat-theme-corporate .cat-title,.cat-theme-corporate .cat-title-line,.cat-theme-corporate .cat-slogan,.cat-theme-corporate .cat-desc,.cat-theme-corporate .cat-btn-main {color: #ffffff !important;}.cat-theme-corporate .cat-highlight {color: var(--color-brand-blue) !important;}.cat-theme-corporate .cat-bg-shape {background: rgba(35, 164, 214, 0.07) !important;}.cat-theme-delivery {background: var(--color-brand-blue) !important;}.cat-theme-delivery .cat-title,.cat-theme-delivery .cat-title-line,.cat-theme-delivery .cat-slogan,.cat-theme-delivery .cat-desc,.cat-theme-delivery .cat-btn-main {color: #ffffff !important;}.cat-theme-delivery .cat-highlight {color: #fff !important;text-decoration: underline;text-decoration-color: rgba(255, 255, 255, 0.5);}.cat-theme-delivery .cat-bg-shape {background: rgba(255, 255, 255, 0.06) !important;}.sf-container,.cat-container {display: flex;width: 100%;max-width: 1300px;margin: 0 auto;padding: 0 4rem;align-items: center;justify-content: space-between;position: relative;height: 100%;z-index: 2;}.sf-text-col,.cat-text-col {flex: 1 1 50%;padding-right: 3rem;z-index: 20;position: relative;}.sf-img-col,.cat-img-col {flex: 1 1 50%;display: flex;justify-content: center;align-items: center;position: relative;z-index: 10;height: 100%;}.sf-img-wrapper {position: relative;width: 100%;max-width: 600px;display: flex;justify-content: center;align-items: center;}.sf-main-img {width: 100%;height: auto;border-radius: 20px;border: 3px solid rgba(255, 255, 255, 0.4);border-top-color: rgba(255, 255, 255, 0.8);border-left-color: rgba(255, 255, 255, 0.8);border-right-color: rgba(0, 0, 0, 0.2);border-bottom-color: rgba(0, 0, 0, 0.3);box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.4);transform-origin: center center;}.cat-img-wrapper {position: relative;width: 100%;max-width: 600px;height: 450px;display: flex;justify-content: center;align-items: center;}.cat-img,.cat-img-alt {width: auto;max-width: 90%;max-height: 100%;height: auto;border-radius: 20px;border: 3px solid rgba(255, 255, 255, 0.4);border-top-color: rgba(255, 255, 255, 0.8);border-left-color: rgba(255, 255, 255, 0.8);border-right-color: rgba(0, 0, 0, 0.2);border-bottom-color: rgba(0, 0, 0, 0.3);box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.4);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.sf-mask {overflow: hidden;display: block;margin-bottom: 0.5rem;}.sf-tag-wrapper {overflow: hidden;margin-bottom: 1.5rem;}.sf-tag,.cat-slogan {display: inline-block;padding: 0.6rem 1.2rem;font-weight: 800;text-transform: uppercase;letter-spacing: 2px;font-size: 0.9rem;background: rgba(255, 255, 255, 0.2);border: 2px solid currentColor;border-radius: 50px;}.cat-slogan {border: none;background: transparent;padding: 0;font-size: 1.1rem;margin-bottom: 0.5rem;}.sf-title,.cat-title {font-size: clamp(2.5rem, 5vw, 4rem);font-weight: 900;line-height: 1.1;margin-bottom: 1.5rem;text-transform: uppercase;}.sf-title-line,.cat-title-line {display: block;}.sf-highlight,.cat-highlight {background: var(--color-brand-blue);color: #fff;padding: 0 10px;transform: skewX(-10deg);display: inline-block;}.sf-theme-blue .sf-highlight {background: var(--color-brand-red);}.sf-theme-white .sf-highlight {background: var(--color-brand-red);color: white;}.cat-theme-office .cat-highlight {background: #fff;color: var(--color-brand-red);padding: 0 15px;transform: rotate(-2deg);box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);}.sf-desc,.cat-desc {font-size: 1.2rem;font-weight: 500;margin-bottom: 2.5rem;max-width: 90%;line-height: 1.6;}.sf-btn,.cat-btn-main{padding: 1.2rem 3rem;font-weight: 800;text-transform: uppercase;text-decoration: none;display: inline-block;border-radius: 12px;font-size: 1.1rem;letter-spacing: 1px;background: linear-gradient(145deg, #333 0%, var(--color-brand-black) 45%, #000 100%);color: #fff;border: 1px solid rgba(255, 255, 255, 0.15);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.2) inset,0 -1px 0 0 rgba(0, 0, 0, 0.3) inset,0 8px 15px rgba(0, 0, 0, 0.4);transition: transform 0.3s var(--physics-spring), color 0.2s ease, box-shadow 0.3s ease;position: relative;overflow: hidden;will-change: transform, opacity;}.sf-btn::after,.cat-btn-main::after {content: '';position: absolute;top: 2px;left: 4px;width: 60%;height: 35%;background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), transparent);border-radius: 12px 12px 2px 2px / 2px;pointer-events: none;}.sf-btn:hover,.cat-btn-main:hover {transform: translateY(-6px) scale(1.02);color: #fff;box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.3) inset,0 -1px 0 0 rgba(0, 0, 0, 0.4) inset,0 12px 25px rgba(0, 0, 0, 0.5);}.sf-theme-blue .sf-btn {background: linear-gradient(145deg, #ff5252 0%, var(--color-brand-red) 45%, #d81616 100%);color: #fff;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.4) inset,0 -1px 0 0 rgba(0, 0, 0, 0.25) inset,0 8px 15px rgba(230, 43, 43, 0.35);}.sf-theme-blue .sf-btn::after {background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), transparent);}.sf-theme-blue .sf-btn:hover {box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.5) inset,0 -1px 0 0 rgba(0, 0, 0, 0.3) inset,0 12px 25px rgba(230, 43, 43, 0.5);}.sf-theme-white .sf-btn {background: linear-gradient(145deg, #4dc3ff 0%, var(--color-brand-blue) 45%, #0e7db1 100%);color: #fff;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.4) inset,0 -1px 0 0 rgba(0, 0, 0, 0.25) inset,0 8px 15px rgba(35, 164, 214, 0.35);}.sf-theme-white .sf-btn::after {background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), transparent);}.sf-theme-white .sf-btn:hover {box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.5) inset,0 -1px 0 0 rgba(0, 0, 0, 0.3) inset,0 12px 25px rgba(35, 164, 214, 0.5);}.sf-ghost-shape {position: absolute;background: rgba(255, 255, 255, 0.05);z-index: 1;}.shape-circle {border-radius: 50%;}.shape-square {transform: rotate(15deg);border-radius: 40px;}.sf-bubble {position: absolute;top: -40px;right: -20px;background: #fff;color: #000;padding: 0.8rem 1.2rem;font-weight: 900;text-transform: uppercase;font-size: 0.9rem;border-radius: 50% 50% 50% 5px;box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);z-index: 30;opacity: 0;}.sf-slide .sf-tag,.cat-slide .cat-slogan,.sf-slide .sf-title-line,.cat-slide .cat-title-line,.sf-slide .sf-desc,.cat-slide .cat-desc,.sf-slide .sf-btn,.cat-slide .cat-btn-main,.sf-slide .sf-main-img,.cat-slide .cat-img,.cat-slide .cat-img-alt,.sf-slide .sf-ghost-shape,.sf-slide .sf-bubble {opacity: 0;}.sf-slide.active .sf-tag,.cat-slide.active .cat-slogan{animation: revealMaskUp 0.8s var(--physics-heavy) forwards 0.5s;will-change: transform, opacity;}.sf-slide.active .sf-title-line,.cat-slide.active .cat-title-line{animation: revealMaskUp 1s var(--physics-spring) forwards;will-change: transform, opacity;}.sf-slide.active .sf-title .sf-mask:nth-child(1) .sf-title-line,.cat-slide.active .cat-title .sf-mask:nth-child(1) .cat-title-line {animation-delay: 0.7s;}.sf-slide.active .sf-title .sf-mask:nth-child(2) .sf-title-line,.cat-slide.active .cat-title .sf-mask:nth-child(2) .cat-title-line {animation-delay: 0.9s;}.sf-slide.active .sf-desc,.cat-slide.active .cat-desc{animation: fadeSlideUp 0.8s ease-out forwards 1.2s;opacity: 0;will-change: transform, opacity;}.sf-slide.active .sf-btn,.cat-slide.active .cat-btn-main{animation: buttonPop 0.6s var(--physics-spring) forwards 1.4s;opacity: 0;transform: scale(0);will-change: transform, opacity;}.sf-slide.active .sf-bubble{animation: buttonPop 0.6s var(--physics-spring) forwards 1.2s;will-change: transform, opacity;}.sf-slide.active.sf-theme-red .sf-main-img{animation: sfElasticPop 1.2s var(--physics-spring) forwards 0.4s;will-change: transform, opacity;}.sf-slide.active.sf-theme-blue .sf-main-img{animation: sfDriftIn 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.4s;will-change: transform, opacity;}.sf-slide.active.sf-theme-white .sf-main-img{animation: sfHeavyDrop 1.2s var(--physics-heavy) forwards 0.4s;will-change: transform, opacity;}.cat-slide.active .cat-img{animation: catSequence1 12s linear forwards !important;opacity: 0;will-change: transform, opacity;}.cat-slide.active .cat-img-alt{animation: catSequence2 12s linear forwards !important;opacity: 0;will-change: transform, opacity;}.sf-slide.active .sf-ghost-shape{animation: shapeExpand 1.5s var(--physics-heavy) forwards 0.2s;will-change: transform, opacity;}.sf-slide.living .sf-main-img{animation: floatY 6s ease-in-out infinite;opacity: 1;will-change: transform, opacity;}.sf-slide.exit .sf-img-col,.cat-slide.exit .cat-img-col{animation: exitThrowsRight 0.6s var(--physics-anticipate) forwards !important;will-change: transform, opacity;}.sf-slide.exit .sf-text-col,.cat-slide.exit .cat-text-col{animation: exitThrowsLeft 0.6s var(--physics-anticipate) forwards 0.1s !important;will-change: transform, opacity;}@media (max-width: 900px) {.kb-hero-title {font-size: clamp(2rem, 8vw, 2.5rem);}.kb-hero-content {margin-top: 30px;text-align: center;padding: 0 1rem;}.kb-hero-actions {display: flex;flex-direction: column;gap: 1rem;align-items: center;}.kb-nav-btn {width: 40px;height: 40px;font-size: 0.8rem;}.kb-nav-prev {left: 10px;}.kb-nav-next {right: 10px;}.sf-container,.cat-container {flex-direction: column-reverse;padding: 4rem 1rem 2rem 1rem;text-align: center;margin-top: 40px;}.sf-text-col,.cat-text-col {padding-right: 0;padding-top: 2rem;}.sf-img-col,.cat-img-col {height: 350px !important;min-height: 350px !important;margin-bottom: 2rem;flex: 0 0 auto !important;width: 100%;overflow: visible;display: flex;justify-content: center;align-items: center;}.sf-img-wrapper,.cat-img-wrapper {height: 100% !important;width: 100% !important;position: relative;}.sf-text-col,.cat-text-col {flex: 1 1 auto;display: flex;flex-direction: column;justify-content: center;z-index: 10;margin-top: -20px;}.sf-title,.cat-title {font-size: clamp(2rem, 8vw, 2.5rem);}.sf-desc,.cat-desc {max-width: 100%;font-size: 1rem;}.cat-img,.cat-img-alt {max-width: 75% !important;max-height: 90% !important;}.cat-slide.cat-theme-blogs.active .cat-img {width: 70% !important;max-width: 280px !important;position: absolute;top: 50% !important;left: 50% !important;}.cat-slide.cat-theme-blogs.active .cat-img-alt {width: 60% !important;max-width: 240px !important;position: absolute;top: 50% !important;left: 50% !important;}:root {--section-pad: 6rem 1.5rem;}.hero-scene {padding-top: 100px;}h1 {font-size: 2.8rem;}h2 {font-size: 2.2rem;}.split-layout {grid-template-columns: 1fr;gap: 2rem;}.grid-layout {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}}@media (max-width: 480px) {.grid-layout {grid-template-columns: 1fr;}.hero-actions .btn {width: 100%;text-align: center;margin-bottom: 1rem;}}.hero-controls {position: absolute;bottom: 28px;left: 50%;transform: translateX(-50%);z-index: 20;display: flex;flex-direction: column;align-items: center;gap: 10px;}.hero-controls-row {display: flex;align-items: center;gap: 12px;}.kb-indicators {display: flex;align-items: center;gap: 6px;}.kb-indicator{width: 28px;height: 3px;border-radius: 2px;background: rgba(255, 255, 255, 0.35);cursor: pointer;transition: background 0.3s ease, width 0.3s var(--physics-spring);will-change: transform, opacity;}.kb-indicator.active {background: #fff;width: 44px;}.kb-pause-btn{flex-shrink: 0;background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.4);color: #fff;width: 30px;height: 30px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 0.7rem;transition: background 0.25s ease, transform 0.25s var(--physics-spring);backdrop-filter: blur(8px);position: static;transform: none;will-change: transform, opacity;}.kb-pause-btn:hover {background: rgba(255, 255, 255, 0.3);transform: scale(1.12);}.kb-pause-btn.is-paused .fa-pause::before {content: "\f04b";}.hero-caret {display: flex;justify-content: center;}.hero-caret a{color: rgba(255, 255, 255, 0.6);font-size: 1rem;text-decoration: none;display: block;animation: caretBounce 2s ease-in-out infinite;will-change: transform, opacity;}.hero-caret a:hover {color: #fff;}.carousel-pause-btn{position: absolute;bottom: 20px;right: 24px;background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.35);color: #fff;width: 34px;height: 34px;border-radius: 50%;cursor: pointer;z-index: 25;display: flex;align-items: center;justify-content: center;font-size: 0.75rem;transition: background 0.25s ease, transform 0.25s var(--physics-spring);backdrop-filter: blur(8px);will-change: transform, opacity;}.carousel-pause-btn:hover {background: rgba(255, 255, 255, 0.28);transform: scale(1.1);}.carousel-pause-btn.is-paused .fa-pause::before {content: "\f04b";}.btn-hero{display: inline-flex;align-items: center;gap: 0.5rem;padding: 1rem 2.5rem;border-radius: 12px;font-family: var(--font-heading);font-weight: 800;font-size: 1rem;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;cursor: pointer;border: none;transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);will-change: transform, opacity;}.btn-hero-primary {background: var(--color-brand-red);color: #fff;box-shadow: 0 6px 0 #A81B1B, 0 12px 25px rgba(230, 43, 43, 0.4);}.btn-hero-primary:hover {transform: translateY(-2px);box-shadow: 0 8px 0 #A81B1B, 0 16px 30px rgba(230, 43, 43, 0.5);color: #fff;}.btn-hero-primary:active {transform: translateY(4px);box-shadow: 0 2px 0 #A81B1B, 0 4px 10px rgba(230, 43, 43, 0.3);}.btn-hero-outline {background: transparent;color: #fff;border: 2px solid rgba(255, 255, 255, 0.9);box-shadow: 0 6px 0 rgba(255, 255, 255, 0.25), 0 12px 25px rgba(0, 0, 0, 0.15);}.btn-hero-outline:hover {background: rgba(255, 255, 255, 0.1);border-color: #fff;transform: translateY(-2px);box-shadow: 0 8px 0 rgba(255, 255, 255, 0.35), 0 16px 30px rgba(0, 0, 0, 0.2);color: #fff;}.btn-hero-outline:active {transform: translateY(4px);box-shadow: 0 2px 0 rgba(255, 255, 255, 0.2), 0 4px 10px rgba(0, 0, 0, 0.1);}.stats-bar-wrapper {position: relative;z-index: 50;margin-top: -50px;margin-bottom: -50px;margin-left: auto;margin-right: auto;max-width: 960px;width: calc(100% - 4rem);min-height: auto;padding: 0;display: block;overflow: visible;perspective: 1200px;perspective-origin: center center;}.stats-bar-inner {background: rgba(35, 164, 214, 0.92);backdrop-filter: blur(12px) saturate(160%);-webkit-backdrop-filter: blur(12px) saturate(160%);border: 3px solid rgba(255, 255, 255, 0.4);border-top-color: rgba(255, 255, 255, 0.9);border-left-color: rgba(255, 255, 255, 0.9);border-right-color: rgba(0, 0, 0, 0.15);border-bottom-color: rgba(0, 0, 0, 0.25);box-shadow:0 25px 50px rgba(0, 0, 0, 0.2),0 8px 15px rgba(0, 0, 0, 0.1);border-radius: 20px;display: flex;align-items: center;justify-content: space-between;padding: 1.8rem 2rem;color: #fff;position: relative;z-index: 1;transform-style: preserve-3d;transform-origin: center bottom;transform: rotateX(90deg);opacity: 0;will-change: transform, opacity;}.stats-bar-inner::before {content: '';position: absolute;inset: 0;border-radius: 20px;background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);background-size: 28px 28px;pointer-events: none;z-index: 0;}.stat-item {flex: 1;text-align: center;padding: 0 0.75rem;position: relative;z-index: 1;}.stat-icon{font-size: 2rem;margin-bottom: 0.6rem;color: var(--color-brand-red);display: flex;align-items: center;justify-content: center;transition: opacity 0.15s ease-out, transform 0.15s ease-out;will-change: transform, opacity;}.stat-text {display: flex;flex-direction: column;gap: 0.2rem;line-height: 1.3;}.stat-text strong{display: block;font-family: var(--font-heading);font-size: 1.25rem;font-weight: 800;color: #1a1a1a;text-transform: uppercase;letter-spacing: 0.5px;line-height: 1.2;transition: opacity 0.15s ease-out, transform 0.15s ease-out;will-change: transform, opacity;}.stat-text span {font-size: 0.88rem;color: #ffffff;font-weight: 600;line-height: 1.4;opacity: 1;background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 1) 45%,rgba(255, 255, 255, 1) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;}.stat-divider {width: 2px;height: 50px;background: rgba(255, 255, 255, 0.2);flex-shrink: 0;}@media (max-width: 991px) {.stats-bar-wrapper {max-width: 100%;width: calc(100% - 2rem);margin-top: -35px;margin-bottom: -35px;}.stats-bar-inner {padding: 1.2rem 1rem;}.stat-icon {font-size: 1.6rem;margin-bottom: 0.4rem;}.stat-text strong {font-size: 1rem;}.stat-text span {font-size: 0.75rem;}.stat-divider {height: 35px;}}@media (max-width: 576px) {.stats-bar-wrapper {width: calc(100% - 1.5rem);margin-top: -25px;margin-bottom: -25px;}.stats-bar-inner {padding: 1rem 0.5rem;border-radius: 16px;flex-wrap: wrap;justify-content: center;gap: 0.5rem;}.stat-item {flex: 0 0 auto;min-width: 70px;padding: 0.3rem;}.stat-divider {display: none;}.stat-icon {font-size: 1.3rem;margin-bottom: 0.25rem;}.stat-text strong {font-size: 0.82rem;}.stat-text span {font-size: 0.65rem;}}@media (max-width: 640px) {.stats-bar-wrapper {padding: 0.5rem 1rem !important;margin-top: -22px !important;margin-bottom: -22px !important;border-radius: 30px !important;margin-left: 1rem;margin-right: 1rem;}.stats-bar-inner {flex-wrap: wrap;gap: 0.75rem;}.stat-item {flex: 0 0 calc(50% - 0.75rem);min-width: 0;}.stat-divider:nth-child(4) {display: none;}}.section-eyebrow {display: inline-block;font-size: 0.85rem;font-weight: 700;text-transform: uppercase;letter-spacing: 3px;color: var(--color-brand-blue);margin-bottom: 0.8rem;}.section-lead {font-size: 1.1rem;color: var(--color-text-muted);max-width: 650px;margin: 1rem auto 3rem;line-height: 1.7;text-align: center;}.text-white-muted {color: rgba(255, 255, 255, 0.7) !important;}.btn-primary-branded{display: inline-flex;align-items: center;gap: 0.5rem;padding: 1rem 2.5rem;background: linear-gradient(145deg, #ff5252 0%, var(--color-brand-red) 45%, #d81616 100%);color: #fff !important;border-radius: 12px;font-family: var(--font-heading);font-weight: 800;font-size: 1rem;text-decoration: none;letter-spacing: 0.5px;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.4) inset,0 -1px 0 0 rgba(0, 0, 0, 0.25) inset,0 6px 20px rgba(230, 43, 43, 0.35);transition: transform 0.3s var(--physics-spring), box-shadow 0.3s ease;position: relative;overflow: hidden;will-change: transform, opacity;}.btn-primary-branded::after {content: '';position: absolute;top: 2px;left: 4px;width: 60%;height: 35%;background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), transparent);border-radius: 12px 12px 2px 2px / 2px;pointer-events: none;}.btn-primary-branded:hover {transform: translateY(-4px) scale(1.02);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.5) inset,0 -1px 0 0 rgba(0, 0, 0, 0.3) inset,0 12px 35px rgba(230, 43, 43, 0.5);color: #fff;}.about-scene {background: var(--color-bg-white);padding-top: 3rem !important;padding-bottom: 4rem !important;}.about-split {display: grid;grid-template-columns: 1fr 1fr;gap: 5rem;align-items: center;}.about-text-col {text-align: left;}.about-text-col .section-title {text-align: left;}.about-lead {font-size: 1.1rem;color: var(--color-text-main);margin-bottom: 1.5rem;font-weight: 500;line-height: 1.7;}.about-body {color: var(--color-text-muted);line-height: 1.8;margin-bottom: 2rem;}.about-badges {display: flex;flex-wrap: wrap;gap: 0.8rem;margin-bottom: 2.5rem;}.about-badge {display: inline-flex;align-items: center;gap: 0.4rem;background: var(--color-bg-light);border: 1px solid rgba(35, 164, 214, 0.2);color: var(--color-brand-blue);padding: 0.5rem 1rem;border-radius: 50px;font-size: 0.85rem;font-weight: 600;}.about-img-stack {position: relative;border-radius: 24px;overflow: hidden;box-shadow: 30px 30px 80px rgba(0, 0, 0, 0.12);}.about-img-main{width: 100%;border-radius: 24px;transition: transform 0.5s ease;will-change: transform, opacity;}.about-img-stack:hover .about-img-main {transform: scale(1.03);}.about-img-badge {position: absolute;bottom: 2rem;right: 2rem;background: var(--color-brand-blue);color: #fff;padding: 0.8rem 1.5rem;border-radius: 50px;display: flex;align-items: center;gap: 0.5rem;font-weight: 800;font-size: 0.9rem;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);}.services-section {background: var(--color-bg-light);text-align: center;}.services-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.75rem;margin-top: 1rem;align-items: stretch;}.service-card{background: #fff;border-radius: 20px;padding: 2.5rem 2rem;text-align: left;box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.6),inset 0 -2px 5px rgba(0, 0, 0, 0.2),0 4px 6px rgba(0, 0, 0, 0.02),0 10px 40px rgba(0, 0, 0, 0.03);border: 1px solid rgba(255, 255, 255, 0.3);position: relative;overflow: hidden;opacity: 0;transform: translateY(30px);transition: transform 0.4s var(--physics-spring), box-shadow 0.3s ease;will-change: transform, opacity;}.scene.active .service-card{animation: slideUp 0.8s var(--physics-heavy) forwards;will-change: transform, opacity;}.scene.active .service-card:nth-child(2) {animation-delay: 0.15s;}.scene.active .service-card:nth-child(3) {animation-delay: 0.3s;}.scene.active .service-card:nth-child(4) {animation-delay: 0.15s;}.scene.active .service-card:nth-child(5) {animation-delay: 0.3s;}.scene.active .service-card:nth-child(6) {animation-delay: 0.45s;}.scene.active .svc-card-v3{animation: slideUp 0.8s var(--physics-heavy) forwards;will-change: transform, opacity;}.scene.active .svc-card-v3:nth-child(2) {animation-delay: 0.15s;}.scene.active .svc-card-v3:nth-child(3) {animation-delay: 0.3s;}.scene.active .svc-card-v3:nth-child(4) {animation-delay: 0.15s;}.scene.active .svc-card-v3:nth-child(5) {animation-delay: 0.3s;}.scene.active .svc-card-v3:nth-child(6) {animation-delay: 0.45s;}.service-card::before{content: '';position: absolute;top: 0;left: 0;width: 4px;height: 0;background: linear-gradient(to bottom, var(--color-brand-red), var(--color-brand-blue));transition: height 0.4s var(--physics-heavy);border-radius: 4px 0 0 4px;will-change: transform, opacity;}.service-card:hover {transform: translateY(-8px);box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);}.service-card:hover::before {height: 100%;}.service-icon {width: 56px;height: 56px;background: linear-gradient(135deg, var(--color-brand-red), #ff6b6b);border-radius: 14px;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;color: #fff;margin-bottom: 1.5rem;box-shadow: 0 6px 15px rgba(230, 43, 43, 0.3);}.service-card h3 {font-size: 1.2rem;margin-bottom: 0.8rem;font-weight: 700;}.service-card p {color: var(--color-text-muted);font-size: 0.95rem;line-height: 1.6;margin-bottom: 1.5rem;}.service-link{color: var(--color-brand-blue);font-weight: 700;text-decoration: none;font-size: 0.9rem;display: flex;align-items: center;gap: 0.4rem;transition: gap 0.2s ease, color 0.2s ease;will-change: transform, opacity;}.service-link:hover {color: var(--color-brand-red);gap: 0.8rem;}#products.bg-dark-section {background: #ffffff !important;}#products .section-eyebrow.text-accent {color: var(--color-brand-red) !important;}#products .section-title.text-white {color: var(--color-brand-black) !important;}#products .section-lead.text-white-muted {color: var(--color-text-muted) !important;}#products .product-eyebrow {color: var(--color-brand-blue) !important;}#products .showcase-info h3,#products .showcase-info p,#products .product-features li {color: var(--color-text-main) !important;}#products .product-features i {color: var(--color-brand-blue) !important;}#products .btn-primary-branded {background: var(--color-brand-red) !important;color: #fff !important;box-shadow: 0 8px 25px rgba(230, 43, 43, 0.35) !important;}.products-section {padding: var(--section-pad);}.products-section .section-title {text-align: center;color: #fff;}.products-section .section-eyebrow {display: block;text-align: center;}.product-showcase {background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 24px;padding: 3rem;gap: 4rem;margin-bottom: 3rem;align-items: center;}.showcase-image {position: relative;border-radius: 20px;overflow: hidden;}.showcase-image img {width: 100%;border-radius: 20px;border: 3px solid rgba(255, 255, 255, 0.15);border-top-color: rgba(255, 255, 255, 0.3);border-left-color: rgba(255, 255, 255, 0.3);border-right-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.6);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);}.showcase-badge {position: absolute;top: 1.5rem;left: 1.5rem;background: var(--color-brand-red);color: #fff;padding: 0.5rem 1rem;border-radius: 50px;font-size: 0.85rem;font-weight: 800;display: flex;align-items: center;gap: 0.4rem;}.showcase-info {color: #fff;}.showcase-info h3 {color: #fff;font-size: 2rem;margin-bottom: 1rem;}.showcase-info p {color: rgba(255, 255, 255, 0.75);line-height: 1.7;margin-bottom: 2rem;}.product-eyebrow {font-size: 0.8rem;color: var(--color-brand-blue);font-weight: 700;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 0.5rem;display: block;}.product-features {list-style: none;padding: 0;margin-bottom: 2.5rem;}.product-features li {display: flex;align-items: center;gap: 0.6rem;color: rgba(255, 255, 255, 0.85);margin-bottom: 0.7rem;font-weight: 500;}.product-features li i {color: var(--color-brand-blue);font-size: 0.9rem;}.product-gallery {gap: 1.5rem;}.gallery-item{position: relative;border-radius: 16px;overflow: hidden;cursor: pointer;border: 3px solid rgba(255, 255, 255, 0.4);border-top-color: rgba(255, 255, 255, 0.8);border-left-color: rgba(255, 255, 255, 0.8);border-right-color: rgba(0, 0, 0, 0.3);border-bottom-color: rgba(0, 0, 0, 0.5);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);display: flex;flex-direction: column;background: #ffffff;transition: transform 0.4s var(--physics-spring), box-shadow 0.4s ease;will-change: transform, opacity;}.grid-gallery img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s var(--physics-heavy);border-radius: 16px;border: 3px solid #ffffff;border-right-color: #e2e8f0;border-bottom-color: #cbd5e1;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);will-change: transform, opacity;}.gallery-item img{width: 100%;height: 250px;object-fit: cover;transition: transform 0.5s ease;flex-shrink: 0;will-change: transform, opacity;}.gallery-item:hover img {transform: scale(1.1);}.item-overlay {display: flex;flex-direction: column;justify-content: center;padding: 1.5rem;background: transparent;flex-grow: 1;}.gallery-item:hover {transform: translateY(-8px);box-shadow: 0 24px 50px rgba(0, 0, 0, 0.15);}.overlay-content h4 {color: var(--color-brand-black);font-size: 1.1rem;margin-bottom: 0.3rem;font-weight: 800;}.overlay-content p {color: var(--color-text-muted);font-size: 0.85rem;margin-bottom: 1.2rem;}.overlay-content a{position: relative;overflow: hidden;display: inline-block;background: var(--color-brand-red);color: #fff;padding: 0.5rem 1.2rem;border-radius: 50px;font-size: 0.8rem;font-weight: 700;text-decoration: none;border: 1px solid rgba(255, 255, 255, 0.3);box-shadow:inset 0 1px 2px rgba(255, 255, 255, 0.5),inset 0 -2px 4px rgba(0, 0, 0, 0.3),0 4px 12px rgba(230, 43, 43, 0.4);transition: transform 0.2s ease, box-shadow 0.2s ease;will-change: transform, opacity;}.overlay-content a::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 45%;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), transparent);border-radius: 50px 50px 50% 50%;pointer-events: none;}.overlay-content a:hover {transform: translateY(-2px);box-shadow:inset 0 1px 2px rgba(255, 255, 255, 0.5),inset 0 -2px 4px rgba(0, 0, 0, 0.3),0 6px 16px rgba(230, 43, 43, 0.6);}.why-us-section {background: var(--color-bg-white);text-align: center;}.why-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;margin-top: 1rem;}.why-card{padding: 2.5rem 2rem;border-radius: 20px;background: var(--color-bg-light);border: 1px solid rgba(255, 255, 255, 0.4);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.9),inset 0 -2px 5px rgba(0, 0, 0, 0.04),0 4px 6px rgba(0, 0, 0, 0.02);text-align: center;transition: transform 0.4s var(--physics-spring), box-shadow 0.3s ease;opacity: 0;transform: translateY(30px);will-change: transform, opacity;}.scene.active .why-card{animation: slideUp 0.8s var(--physics-heavy) forwards;will-change: transform, opacity;}.scene.active .why-card:nth-child(2) {animation-delay: 0.15s;}.scene.active .why-card:nth-child(3) {animation-delay: 0.3s;}.scene.active .why-card:nth-child(4) {animation-delay: 0.1s;}.scene.active .why-card:nth-child(5) {animation-delay: 0.25s;}.scene.active .why-card:nth-child(6) {animation-delay: 0.4s;}.why-card:hover {transform: translateY(-8px);box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);background: #fff;}.why-icon-wrap {width: 64px;height: 64px;background: linear-gradient(135deg, var(--color-brand-blue), #1a7fa8);border-radius: 20px;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: #fff;margin: 0 auto 1.5rem;position: relative;overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.4);box-shadow:inset 0 2px 4px rgba(255, 255, 255, 0.5),inset 0 -4px 6px rgba(0, 0, 0, 0.4),0 8px 15px rgba(35, 164, 214, 0.3);}.why-icon-wrap::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 45%;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), transparent);border-radius: 20px 20px 50% 50%;pointer-events: none;}.why-card h4 {font-size: 1.15rem;font-weight: 700;margin-bottom: 0.8rem;}.why-card p {color: var(--color-text-muted);font-size: 0.95rem;line-height: 1.6;}.countdown-section {background: var(--color-brand-red);position: relative;overflow: hidden;padding: 9rem 2rem;text-align: center;}.countdown-section::before {content: '';position: absolute;inset: 0;background: rgba(0, 0, 0, 0.35);pointer-events: none;z-index: 0;}.countdown-section::after {content: '';position: absolute;inset: 0;background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);background-size: 36px 36px;pointer-events: none;z-index: 0;}.countdown-section .scene-container {position: relative;z-index: 2;}.countdown-bg-shape {position: absolute;width: 600px;height: 600px;border-radius: 50%;background: rgba(255, 255, 255, 0.04);top: -200px;right: -200px;pointer-events: none;z-index: 1;}.countdown-section .section-title {color: #fff;}.countdown-section .section-eyebrow {color: rgba(255, 255, 255, 0.8);}.countdown-timer {display: flex;justify-content: center;align-items: center;gap: 0.5rem;margin: 2rem 0 1.5rem;flex-wrap: wrap;}.countdown-block {display: flex;flex-direction: column;align-items: center;gap: 0.4rem;background: rgba(0, 0, 0, 0.2);border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 16px;padding: 1.5rem 2rem;min-width: 100px;backdrop-filter: blur(10px);}.count-num {font-family: var(--font-heading);font-size: clamp(2.5rem, 5vw, 4rem);font-weight: 900;color: #fff;font-variant-numeric: tabular-nums;line-height: 1;letter-spacing: -1px;}.count-label {font-size: 0.75rem;text-transform: uppercase;letter-spacing: 2px;color: rgba(255, 255, 255, 0.7);font-weight: 600;}.countdown-sep {font-size: 2.5rem;font-weight: 900;color: rgba(255, 255, 255, 0.5);margin-top: -20px;}.countdown-sub {color: rgba(255, 255, 255, 0.8);font-size: 1rem;margin-bottom: 2rem;}.countdown-section .btn-primary-branded {background: linear-gradient(145deg, #ffffff 0%, #f4f4f4 45%, #e1e1e1 100%);color: var(--color-brand-red) !important;border: 1px solid rgba(255, 255, 255, 0.4);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.8) inset,0 -1px 0 0 rgba(0, 0, 0, 0.1) inset,0 8px 30px rgba(0, 0, 0, 0.25);}.countdown-section .btn-primary-branded::after {background: linear-gradient(135deg, rgba(255, 255, 255, 0.6), transparent);}.countdown-section .btn-primary-branded:hover {background: linear-gradient(145deg, #ffffff 0%, #f8f8f8 50%, #eaeaea 100%);color: var(--color-brand-red) !important;transform: translateY(-4px) scale(1.03);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.9) inset,0 -1px 0 0 rgba(0, 0, 0, 0.15) inset,0 16px 40px rgba(0, 0, 0, 0.35);}.cta-pulse{animation: ctaPulse 2.5s ease-in-out infinite;will-change: transform, opacity;}.contact-section {background: var(--color-bg-light);text-align: center;}.contact-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;margin-top: 1rem;}.contact-card{background: #fff;border-radius: 20px;padding: 2.5rem 2rem;box-shadow:0 4px 6px rgba(0, 0, 0, 0.02),inset 0 1px 1px rgba(255, 255, 255, 0.9),inset 0 -2px 5px rgba(0, 0, 0, 0.04),0 10px 40px rgba(0, 0, 0, 0.03);border: 1px solid rgba(255, 255, 255, 0.4);transition: transform 0.4s var(--physics-spring);opacity: 0;transform: translateY(30px);will-change: transform, opacity;}.contact-card:hover {transform: translateY(-6px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);}.scene.active .contact-card{animation: slideUp 0.8s var(--physics-heavy) forwards;will-change: transform, opacity;}.scene.active .contact-card:nth-child(2) {animation-delay: 0.2s;}.scene.active .contact-card:nth-child(3) {animation-delay: 0.4s;}.contact-icon {width: 60px;height: 60px;background: linear-gradient(135deg, var(--color-brand-blue), #1a7fa8);border-radius: 16px;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;color: #fff;margin: 0 auto 1.2rem;box-shadow: 0 8px 20px rgba(35, 164, 214, 0.3);}.contact-card h4 {font-weight: 700;margin-bottom: 0.8rem;font-size: 1.1rem;}.contact-card p,.contact-card a {color: var(--color-text-muted);line-height: 1.7;margin-bottom: 0.3rem;color: #111111 !important;}.contact-card a.cta-button {color: #fff !important;}.phone-number {font-size: 1.4rem !important;font-weight: 900 !important;color: var(--color-brand-red) !important;font-family: var(--font-heading);margin-bottom: 1rem !important;}.mt-1 {margin-top: 0.5rem;}@media (max-width: 1024px) {.about-split {grid-template-columns: 1fr;gap: 3rem;}.about-text-col .section-title {text-align: center;}.about-text-col {text-align: center;}.about-badges {justify-content: center;}.services-grid {grid-template-columns: repeat(2, 1fr);gap: 1.25rem;}.why-grid {grid-template-columns: repeat(2, 1fr);}.contact-grid {grid-template-columns: 1fr 1fr;}.footer-top {grid-template-columns: 1fr 1fr;gap: 2.5rem;padding-left: 1rem;padding-right: 1rem;}.stat-divider {display: none;}}@media (max-width: 768px) {.top-bar-left {display: none;}.mini-countdown {display: none;}.top-bar-right {margin-left: auto;}.flash-ads {text-align: left;}.services-grid {grid-template-columns: 1fr;gap: 1.25rem;}.why-grid {grid-template-columns: 1fr;}.contact-grid {grid-template-columns: 1fr;}.footer-inner {padding: 2.5rem 1.5rem 1rem;}.footer-top {grid-template-columns: 1fr;gap: 2rem;text-align: center;}.footer-brand {display: flex;flex-direction: column;align-items: center;}.footer-socials {justify-content: center;}.footer-links-col h5::after,.footer-contact-col h5::after {left: 50%;transform: translateX(-50%);}.footer-contact-item {justify-content: center;}.footer-bottom {flex-direction: column;text-align: center;}.product-showcase {flex-direction: column;padding: 2rem;}.countdown-block {min-width: 70px;padding: 1rem;}.count-num {font-size: 2rem;}.countdown-sep {font-size: 1.8rem;}.about-img-badge {bottom: 1rem;right: 1rem;font-size: 0.8rem;padding: 0.6rem 1rem;}}.featured-sales-section {background: #FAFAFC;position: relative;padding: 6rem 0;}.featured-header {margin-bottom: 3.5rem;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}.featured-grid {display: grid;grid-template-columns: repeat(4, 1fr);grid-auto-rows: minmax(min-content, max-content);gap: 2rem;max-width: 1400px;margin: 0 auto;padding: 0 2rem;}.feat-card{background: #fff;border-radius: 20px;overflow: hidden;position: relative;box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05);transition: transform 0.4s var(--physics-spring), box-shadow 0.4s ease;display: flex;flex-direction: column;padding: 0 !important;border: 4px solid #ffffff;border-right-color: #e2e8f0;border-bottom-color: #cbd5e1;will-change: transform, opacity;}.feat-card:hover {transform: translateY(-8px) !important;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08) !important;}.feat-img-wrap {position: relative;width: 100%;aspect-ratio: 4 / 3;background: var(--color-bg-light, #FAFAFC);overflow: hidden;border-radius: 20px 20px 0 0;}.about-image img{width: 100%;height: auto;display: block;position: relative;z-index: 2;transition: transform 0.6s var(--physics-overshoot);border-radius: 20px;border: 4px solid #ffffff;border-right-color: #e2e8f0;border-bottom-color: #cbd5e1;box-shadow: 0 6px 15px rgba(0, 0, 0, 0.06);will-change: transform, opacity;}.feat-img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: transform 0.6s var(--physics-overshoot);will-change: transform, opacity;}.feat-card:hover .feat-img {transform: scale(1.08);}.feat-tags {position: absolute;top: 15px;left: 15px;display: flex;flex-direction: column;gap: 0.4rem;z-index: 10;}.feat-tag {font-family: var(--font-heading);font-size: 0.75rem;font-weight: 900;text-transform: uppercase;letter-spacing: 1.5px;padding: 0.35rem 0.8rem;border-radius: 50px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}.tag-sale {background: #FFD700;color: #000;}.tag-hot {background: #E62B2B;color: #FFF;}.tag-new {background: #23A4D6;color: #FFF;}.feat-info {padding: 1.5rem;display: flex;flex-direction: column;flex: 1;}.feat-title {font-family: var(--font-heading);font-size: 1.25rem;font-weight: 800;color: var(--color-brand-black);margin-bottom: 0.3rem;line-height: 1.3;}.feat-price {margin-bottom: 1.5rem;}.price-label {display: block;font-size: 0.8rem;color: var(--color-text-muted);font-weight: 600;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 0.1rem;}.price-value {font-family: var(--font-heading);font-size: 1.4rem;font-weight: 900;color: var(--color-brand-black);}.btn-feat-order{margin-top: auto;display: flex;align-items: center;justify-content: center;gap: 0.75rem;width: 100%;padding: 1.1rem;border-radius: 14px;font-family: var(--font-heading);font-size: 1.05rem;font-weight: 800;text-transform: uppercase;letter-spacing: 1px;text-decoration: none;background: linear-gradient(145deg, #4dea83 0%, #25D366 45%, #18a94e 100%);color: #fff;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.4) inset,0 -1px 0 0 rgba(0, 0, 0, 0.25) inset,0 6px 15px rgba(37, 211, 102, 0.3);transition: all 0.3s var(--physics-spring);position: relative;overflow: hidden;z-index: 1;will-change: transform, opacity;}.btn-feat-order::after {content: '';position: absolute;top: 2px;left: 4px;width: 60%;height: 35%;background: linear-gradient(135deg, rgba(255, 255, 255, 0.35), transparent);border-radius: 14px 14px 4px 4px / 4px;pointer-events: none;}.btn-feat-order:hover {color: #fff;transform: translateY(-4px);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.5) inset,0 -1px 0 0 rgba(0, 0, 0, 0.3) inset,0 12px 30px rgba(37, 211, 102, 0.4);}.btn-feat-order i {font-size: 1.3rem;}@media (max-width: 1200px) {.featured-grid {grid-template-columns: repeat(3, 1fr);}}@media (max-width: 900px) {.featured-grid {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 600px) {.featured-grid {grid-template-columns: 1fr;padding: 0 1.5rem;}.feat-card {margin-bottom: 0.5rem;}.feat-img-wrap {aspect-ratio: 4 / 3;}}