.site-header {position: fixed;top: 0;left: 0;right: 0;z-index: var(--z-fixed);background: rgba(248, 248, 245, 0.92);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-bottom: 1px solid var(--color-border);transition: box-shadow var(--transition-base), background var(--transition-base);}.site-header.scrolled {box-shadow: var(--shadow-md);background: rgba(248, 248, 245, 0.98);}.header-inner {display: flex;align-items: center;justify-content: space-between;height: var(--header-height);gap: var(--space-4);}.site-branding {flex-shrink: 0;}.site-branding .custom-logo {height: 44px;width: auto;display: block;}.site-logo-text {display: flex;align-items: baseline;gap: 4px;text-decoration: none;line-height: 1;}.logo-kmacims {font-family: var(--font-heading);font-size: var(--text-xl);font-weight: var(--weight-black);color: var(--clr-navy);letter-spacing: -0.03em;}.logo-eat {font-family: var(--font-heading);font-size: var(--text-xl);font-weight: var(--weight-black);color: var(--clr-green);letter-spacing: -0.03em;}.primary-nav {flex: 1;display: flex;justify-content: center;}.nav-menu {display: flex;align-items: center;gap: var(--space-1);list-style: none;}.nav-menu li {position: relative;}.nav-menu > li > a {display: flex;align-items: center;gap: var(--space-1);padding: var(--space-2) var(--space-3);border-radius: var(--radius-md);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--clr-charcoal);text-decoration: none;transition: all var(--transition-fast);white-space: nowrap;}.nav-menu > li > a:hover,.nav-menu > li.current-menu-item > a,.nav-menu > li.current-menu-parent > a {color: var(--clr-navy);background: var(--clr-navy-pale);}.nav-menu li.menu-item-has-children > a::after {content: '';display: inline-block;width: 6px;height: 6px;border-right: 1.5px solid currentColor;border-bottom: 1.5px solid currentColor;transform: rotate(45deg) translateY(-2px);transition: transform var(--transition-fast);}.nav-menu li.menu-item-has-children:hover > a::after {transform: rotate(-135deg) translateY(-2px);}.nav-menu .sub-menu {position: absolute;top: calc(100% + 8px);left: 0;min-width: 220px;background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl);list-style: none;padding: var(--space-2);opacity: 0;visibility: hidden;transform: translateY(-8px);transition: all var(--transition-base);z-index: var(--z-dropdown);}.nav-menu li:hover > .sub-menu,.nav-menu li:focus-within > .sub-menu {opacity: 1;visibility: visible;transform: translateY(0);}.nav-menu .sub-menu li a {display: block;padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);font-size: var(--text-sm);color: var(--clr-charcoal);transition: all var(--transition-fast);}.nav-menu .sub-menu li a:hover {background: var(--clr-navy-pale);color: var(--clr-navy);}.header-actions {display: flex;align-items: center;gap: var(--space-2);flex-shrink: 0;}.header-btn {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: var(--radius-md);border: none;background: transparent;color: var(--clr-charcoal);cursor: pointer;transition: all var(--transition-fast);}.header-btn:hover {background: var(--clr-navy-pale);color: var(--clr-navy);}.header-avatar {width: 32px;height: 32px;border-radius: var(--radius-full);border: 2px solid var(--clr-navy-pale);}.header-search-bar {position: fixed;top: var(--header-height);left: 0;right: 0;z-index: 299;background: var(--clr-white);border-bottom: 2px solid var(--color-border);box-shadow: 0 8px 32px rgba(0,0,0,.12);padding-block: var(--space-4);display: none;opacity: 0;transform: translateY(-6px);transition: opacity .25s ease, transform .25s ease;}.header-search-bar.keat-search-open {display: block;opacity: 1;transform: translateY(0);}.header-search-bar .container {display: flex;align-items: center;gap: var(--space-3);}.search-form {display: flex;flex: 1;gap: var(--space-2);}.search-field {flex: 1;padding: var(--space-2) var(--space-4);border: 1px solid var(--color-border);border-radius: var(--radius-md);font-size: var(--text-base);background: var(--clr-white);color: var(--color-text);transition: border-color var(--transition-fast);}.search-field:focus {outline: none;border-color: var(--clr-navy);}.search-submit {padding: var(--space-2) var(--space-4);background: var(--clr-navy);color: var(--clr-white);border: none;border-radius: var(--radius-md);cursor: pointer;font-weight: var(--weight-medium);transition: background var(--transition-fast);}.search-submit:hover { background: var(--clr-navy-dark); }.search-close-btn {background: none;border: none;color: var(--color-text-muted);cursor: pointer;font-size: var(--text-sm);padding: var(--space-2);}.mobile-menu-btn {display: none;flex-direction: column;justify-content: center;gap: 5px;width: 36px;height: 36px;border: none;background: transparent;cursor: pointer;padding: 6px;border-radius: var(--radius-md);}.hamburger-line {display: block;height: 2px;background: var(--clr-charcoal);border-radius: var(--radius-full);transition: all var(--transition-base);}.mobile-menu-btn[aria-expanded="true"] .hamburger-line:nth-child(1) {transform: translateY(7px) rotate(45deg);}.mobile-menu-btn[aria-expanded="true"] .hamburger-line:nth-child(2) {opacity: 0;}.mobile-menu-btn[aria-expanded="true"] .hamburger-line:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}.mobile-drawer {position: fixed;top: 0;right: 0;bottom: 0;width: min(360px, 90vw);background: var(--clr-white);z-index: var(--z-modal);transform: translateX(100%);transition: transform var(--transition-slow);overflow-y: auto;display: flex;flex-direction: column;}.mobile-drawer[aria-hidden="false"] {transform: translateX(0);}.mobile-overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.5);z-index: calc(var(--z-modal) - 1);opacity: 0;visibility: hidden;transition: all var(--transition-base);}.mobile-overlay.active {opacity: 1;visibility: visible;}.mobile-drawer-inner {display: flex;flex-direction: column;height: 100%;padding: var(--space-4);}.mobile-drawer-header {display: flex;align-items: center;justify-content: space-between;padding-bottom: var(--space-4);border-bottom: 1px solid var(--color-border);margin-bottom: var(--space-4);}.mobile-close-btn {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border: none;background: var(--clr-gray-100);border-radius: var(--radius-md);cursor: pointer;color: var(--clr-charcoal);}.mobile-nav-menu {list-style: none;flex: 1;}.mobile-nav-menu li a {display: block;padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);font-size: var(--text-base);font-weight: var(--weight-medium);color: var(--clr-charcoal);transition: all var(--transition-fast);}.mobile-nav-menu li a:hover,.mobile-nav-menu li.current-menu-item a {background: var(--clr-navy-pale);color: var(--clr-navy);}.mobile-nav-menu .sub-menu {list-style: none;padding-left: var(--space-4);}.mobile-nav-menu .sub-menu li a {font-size: var(--text-sm);padding: var(--space-2) var(--space-4);}.mobile-drawer-footer {padding-top: var(--space-4);border-top: 1px solid var(--color-border);margin-top: var(--space-4);}@media (max-width: 1023px) {.primary-nav { display: none; }.mobile-menu-btn{ display: flex; }.header-actions .btn {display: none;}.header-actions .header-dashboard-btn {display: flex;}}@media (max-width: 480px) {.header-search-btn { display: none; }}.account-page { background:var(--clr-gray-50); min-height:100vh; display:flex; align-items:center; padding-block:var(--space-12); }.account-container { max-width:480px; width:100%; margin-inline:auto; }.account-card { padding:var(--space-8); }.account-logo { text-align:center; margin-bottom:var(--space-6); }.account-logo .logo-kmacims { font-family:var(--font-heading); font-size:var(--text-2xl); font-weight:var(--weight-black); color:var(--clr-navy); letter-spacing:-.03em; text-decoration:none; }.account-logo .logo-eat { font-family:var(--font-heading); font-size:var(--text-2xl); font-weight:var(--weight-black); color:var(--clr-green); letter-spacing:-.03em; }.account-notice { padding:var(--space-3) var(--space-4); border-radius:var(--radius-lg); font-size:var(--text-sm); font-weight:var(--weight-medium); margin-bottom:var(--space-5); }.account-notice--error { background:#fff5f5; border:1px solid #fed7d7; color:#c53030; }.account-notice--success { background:var(--clr-green-pale); border:1px solid #c6f6d5; color:var(--clr-green-dark); }.account-tabs { display:flex; border-bottom:2px solid var(--color-border); margin-bottom:var(--space-6); }.account-tab { padding:var(--space-3) var(--space-5); font-size:var(--text-sm); font-weight:var(--weight-semibold); color:var(--clr-gray-500); text-decoration:none; border-bottom:2px solid transparent; margin-bottom:-2px; transition:all var(--transition-fast); }.account-tab:hover { color:var(--clr-navy); }.account-tab.is-active { color:var(--clr-navy); border-bottom-color:var(--clr-navy); }.account-form { display:flex; flex-direction:column; gap:var(--space-4); }.account-form-link { margin-left:auto; font-size:var(--text-xs); color:var(--clr-navy); text-decoration:underline; font-weight:var(--weight-normal); }.password-input-wrap { position:relative; }.password-input-wrap input { padding-right:var(--space-10); }.password-toggle-btn { position:absolute; right:var(--space-3); top:50%; transform:translateY(-50%); background:none; border:none; cursor:pointer; color:var(--clr-gray-400); padding:4px; }.password-toggle-btn:hover { color:var(--clr-navy); }.account-remember { display:flex; align-items:center; gap:var(--space-2); font-size:var(--text-sm); color:var(--clr-charcoal); cursor:pointer; }.account-remember input { accent-color:var(--clr-navy); width:16px; height:16px; }.account-submit { width:100%; justify-content:center; }.account-terms-label { display:flex; align-items:flex-start; gap:var(--space-2); font-size:var(--text-sm); color:var(--clr-charcoal); cursor:pointer; line-height:var(--leading-relaxed); }.account-terms-label input { accent-color:var(--clr-navy); margin-top:3px; flex-shrink:0; }.account-terms-label a { color:var(--clr-navy); text-underline-offset:2px; }.account-form-intro { font-size:var(--text-sm); color:var(--clr-gray-500); line-height:var(--leading-relaxed); }.account-back-link { display:inline-flex; align-items:center; gap:var(--space-1); font-size:var(--text-sm); color:var(--clr-navy); text-decoration:none; margin-top:var(--space-4); }.account-back-link:hover { text-decoration:underline; }.services-full-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-6); }.service-full-card { display:flex; gap:var(--space-5); padding:var(--space-6); }.service-full-icon { width:56px; height:56px; border-radius:var(--radius-xl); display:flex; align-items:center; justify-content:center; flex-shrink:0; }.service-full-body { display:flex; flex-direction:column; gap:var(--space-3); flex:1; }.service-full-from { display:flex; align-items:center; gap:var(--space-2); font-size:var(--text-xs); color:var(--clr-gray-500); text-transform:uppercase; letter-spacing:.08em; }.service-full-from strong { color:var(--clr-navy); font-size:var(--text-sm); }.service-full-title { font-size:var(--text-2xl); color:var(--clr-navy); }.service-full-desc { font-size:var(--text-sm); color:var(--clr-gray-500); line-height:var(--leading-relaxed); }.service-features-list { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2); }.service-features-list li { display:flex; align-items:center; gap:var(--space-2); font-size:var(--text-sm); color:var(--clr-charcoal); }.service-full-cta { display:flex; gap:var(--space-3); flex-wrap:wrap; padding-top:var(--space-2); margin-top:auto; }.process-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-6); margin-top:var(--space-10); }.process-step-num { font-family:var(--font-heading); font-size:var(--text-5xl); font-weight:var(--weight-black); color:var(--clr-navy-pale); line-height:1; margin-bottom:var(--space-4); }.process-step-title { font-size:var(--text-lg); color:var(--clr-navy); margin-bottom:var(--space-2); }.process-step-desc { font-size:var(--text-sm); color:var(--clr-gray-500); line-height:var(--leading-relaxed); }.enquiry-layout { display:grid; grid-template-columns:1fr 1.4fr; gap:var(--space-12); align-items:start; }.enquiry-copy p { color:var(--clr-gray-500); font-size:var(--text-lg); line-height:var(--leading-relaxed); margin:var(--space-4) 0 var(--space-6); }.enquiry-perks { list-style:none; display:flex; flex-direction:column; gap:var(--space-3); }.enquiry-perks li { display:flex; align-items:center; gap:var(--space-3); font-size:var(--text-sm); color:var(--clr-charcoal); font-weight:var(--weight-medium); }@media (max-width:1024px) { .services-full-grid { grid-template-columns:1fr; } .process-steps { grid-template-columns:repeat(2,1fr); } .enquiry-layout { grid-template-columns:1fr; } }@media (max-width:640px) { .service-features-list { grid-template-columns:1fr; } .process-steps { grid-template-columns:1fr; } .service-full-card { flex-direction:column; } }.footer-cta-band {background: linear-gradient(135deg, var(--clr-navy) 0%, var(--clr-navy-light) 100%);padding-block: var(--space-16);position: relative;overflow: hidden;}.footer-cta-band::before {content: '';position: absolute;top: -60%;right: -10%;width: 500px;height: 500px;border-radius: 50%;background: rgba(255,255,255,0.04);pointer-events: none;}.footer-cta-inner {display: flex;align-items: center;justify-content: space-between;gap: var(--space-8);flex-wrap: wrap;}.footer-cta-title {font-size: clamp(var(--text-xl), 3vw, var(--text-3xl));color: var(--clr-white);margin-bottom: var(--space-2);}.footer-cta-sub {color: rgba(255,255,255,0.75);font-size: var(--text-lg);}.footer-cta-actions {display: flex;gap: var(--space-3);flex-shrink: 0;flex-wrap: wrap;}.footer-main {background: var(--clr-black);padding-block: var(--space-16) var(--space-12);}.footer-widgets-grid {display: grid;grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr;gap: var(--space-10);}.footer-col-title {font-size: var(--text-sm);font-weight: var(--weight-semibold);letter-spacing: 0.1em;text-transform: uppercase;color: var(--clr-white);margin-bottom: var(--space-5);}.footer-col p,.footer-tagline {color: rgba(255,255,255,0.55);font-size: var(--text-sm);line-height: var(--leading-relaxed);margin-bottom: var(--space-5);}.footer-col-brand .custom-logo,.footer-col-brand .footer-logo {margin-bottom: var(--space-4);display: block;}.footer-col-brand .custom-logo {height: 40px;width: auto;filter: brightness(0) invert(1);}.footer-logo .logo-kmacims {color: var(--clr-white);font-size: var(--text-2xl);}.footer-logo .logo-eat {color: var(--clr-green);font-size: var(--text-2xl);}.footer-social {display: flex;gap: var(--space-2);flex-wrap: wrap;margin-top: var(--space-2);}.social-icon {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: var(--radius-md);background: rgba(255,255,255,0.08);color: rgba(255,255,255,0.65);transition: all var(--transition-base);text-decoration: none;}.social-icon:hover {background: var(--clr-green);color: var(--clr-white);transform: translateY(-2px);}.footer-nav-list {list-style: none;display: flex;flex-direction: column;gap: var(--space-2);}.footer-nav-list li a {color: rgba(255,255,255,0.55);font-size: var(--text-sm);text-decoration: none;transition: color var(--transition-fast);display: inline-flex;align-items: center;gap: var(--space-2);}.footer-nav-list li a:hover {color: var(--clr-white);}.footer-nav-list li a strong {color: var(--clr-orange);}.footer-newsletter-text {color: rgba(255,255,255,0.55);font-size: var(--text-sm);margin-bottom: var(--space-4);line-height: var(--leading-relaxed);}.footer-newsletter-form {margin-bottom: var(--space-4);}.newsletter-input-wrap {display: flex;gap: var(--space-2);}.newsletter-input-wrap input[type="email"] {flex: 1;min-width: 0;padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);border: 1px solid rgba(255,255,255,0.15);background: rgba(255,255,255,0.07);color: var(--clr-white);font-size: var(--text-sm);transition: border-color var(--transition-fast);}.newsletter-input-wrap input[type="email"]::placeholder {color: rgba(255,255,255,0.35);}.newsletter-input-wrap input[type="email"]:focus {outline: none;border-color: var(--clr-green);background: rgba(255,255,255,0.10);}.newsletter-status {font-size: var(--text-xs);margin-top: var(--space-2);min-height: 1em;}.newsletter-status.success { color: var(--clr-green-light); }.newsletter-status.error { color: #ff6b6b; }.footer-copyright-bar {background: rgba(0,0,0,0.4);border-top: 1px solid rgba(255,255,255,0.06);padding-block: var(--space-5);}.footer-copyright-inner {display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);flex-wrap: wrap;}.copyright-text {font-size: var(--text-sm);color: rgba(255,255,255,0.4);}.copyright-text a {color: rgba(255,255,255,0.6);text-decoration: none;transition: color var(--transition-fast);}.copyright-text a:hover { color: var(--clr-white); }.footer-legal-list {display: flex;gap: var(--space-5);list-style: none;}.footer-legal-list li a {font-size: var(--text-xs);color: rgba(255,255,255,0.35);text-decoration: none;transition: color var(--transition-fast);letter-spacing: 0.04em;}.footer-legal-list li a:hover { color: rgba(255,255,255,0.7); }.footer-main .widget-title {font-size: var(--text-sm);font-weight: var(--weight-semibold);letter-spacing: 0.1em;text-transform: uppercase;color: var(--clr-white);margin-bottom: var(--space-5);}.footer-main .widget {color: rgba(255,255,255,0.55);font-size: var(--text-sm);}.footer-main .widget a {color: rgba(255,255,255,0.55);transition: color var(--transition-fast);}.footer-main .widget a:hover {color: var(--clr-white);}@media (max-width: 1200px) {.footer-widgets-grid {grid-template-columns: 1.5fr 1fr 1fr 1fr;}.footer-col:last-child {grid-column: 1 / -1;}.newsletter-input-wrap {max-width: 400px;}}@media (max-width: 768px) {.footer-cta-inner {flex-direction: column;text-align: center;}.footer-cta-actions {justify-content: center;}.footer-widgets-grid {grid-template-columns: 1fr 1fr;gap: var(--space-8);}.footer-col-brand {grid-column: 1 / -1;}.footer-col:last-child {grid-column: 1 / -1;}}@media (max-width: 480px) {.footer-widgets-grid {grid-template-columns: 1fr;}.footer-copyright-inner {flex-direction: column;text-align: center;}.footer-legal-list {justify-content: center;flex-wrap: wrap;gap: var(--space-3);}.newsletter-input-wrap {flex-direction: column;}.newsletter-input-wrap .btn {width: 100%;}}.hero-section {position: relative;min-height: calc(100vh - var(--header-height));display: flex;align-items: center;background-color: var(--clr-gray-50);overflow: hidden;padding-block: var(--space-20);}.hero-dot-grid {position: absolute;inset: 0;background-image: radial-gradient(var(--clr-gray-200) 1px, transparent 1px);background-size: 28px 28px;opacity: 0.6;pointer-events: none;}.hero-blobs { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }.hero-blob {position: absolute;border-radius: 50%;filter: blur(60px);opacity: 0.12;}.hero-blob-1 {width: 600px; height: 600px;background: var(--clr-navy);top: -200px; right: -100px;}.hero-blob-2 {width: 400px; height: 400px;background: var(--clr-green);bottom: -100px; left: -100px;opacity: 0.09;}.hero-blob-3 {width: 300px; height: 300px;background: var(--clr-orange);top: 40%; right: 30%;opacity: 0.07;}.hero-container {display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-16);align-items: center;position: relative;z-index: 1;}.hero-content { max-width: 580px; }.hero-label-wrap {display: inline-flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-5);}.hero-label-dot {width: 8px; height: 8px;border-radius: 50%;background: var(--clr-green);animation: pulse-dot 2s infinite;}@keyframes pulse-dot {0%, 100% { transform: scale(1); opacity: 1; }50% { transform: scale(1.4); opacity: 0.6; }}.hero-label {font-size: var(--text-sm);font-weight: var(--weight-semibold);letter-spacing: 0.06em;color: var(--clr-navy);text-transform: uppercase;}.hero-headline {font-size: clamp(2.5rem, 5vw, 4rem);font-weight: var(--weight-black);line-height: 1.1;color: var(--clr-navy);letter-spacing: -0.03em;margin-bottom: var(--space-6);}.hero-rotate-wrap {display: block;position: relative;height: 1.2em;overflow: hidden;color: var(--clr-green);}.hero-rotate-word {display: block;position: absolute;top: 0; left: 0;transform: translateY(110%);opacity: 0;transition: transform 0.5s cubic-bezier(.77,0,.175,1), opacity 0.4s ease;}.hero-rotate-word.is-active {transform: translateY(0);opacity: 1;}.hero-rotate-word.is-leaving {transform: translateY(-110%);opacity: 0;}.hero-sub {font-size: clamp(var(--text-base), 1.5vw, var(--text-xl));color: var(--clr-gray-500);line-height: var(--leading-relaxed);margin-bottom: var(--space-8);max-width: 480px;}.hero-ctas {display: flex;gap: var(--space-3);flex-wrap: wrap;margin-bottom: var(--space-10);}.hero-trust {display: flex;align-items: center;gap: var(--space-5);flex-wrap: wrap;}.hero-trust-item {display: flex;align-items: center;gap: var(--space-3);}.hero-trust-avatars {display: flex;}.trust-avatar,.trust-avatar-placeholder {width: 32px; height: 32px;border-radius: 50%;border: 2px solid var(--clr-white);margin-left: -8px;object-fit: cover;display: flex;align-items: center;justify-content: center;font-size: var(--text-xs);font-weight: var(--weight-bold);}.trust-avatar:first-child,.trust-avatar-placeholder:first-child { margin-left: 0; }.hero-trust-text {font-size: var(--text-sm);color: var(--clr-gray-500);}.hero-trust-text strong { color: var(--clr-navy); }.hero-trust-divider {width: 1px; height: 32px;background: var(--color-border);}.hero-trust-stars {display: flex;gap: 2px;}.hero-visual {position: relative;height: 480px;}.hero-card {position: absolute;background: var(--clr-white);border-radius: var(--radius-xl);border: 1px solid var(--color-border);box-shadow: var(--shadow-lg);padding: var(--space-4) var(--space-5);animation: float 6s ease-in-out infinite;}@keyframes float {0%, 100% { transform: translateY(0); }50% { transform: translateY(-10px); }}.hero-card-main {top: 20px; left: 0;width: 280px;display: flex;align-items: flex-start;gap: var(--space-3);animation-delay: 0s;}.hero-card-progress {top: 200px; right: 0;width: 240px;animation-delay: 1.5s;animation-duration: 5s;}.hero-card-cert {bottom: 40px; left: 40px;display: flex;align-items: center;gap: var(--space-3);animation-delay: 0.8s;animation-duration: 7s;}.hero-card-icon {flex-shrink: 0;width: 44px; height: 44px;border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;}.hero-card-icon-green {background: var(--clr-green-pale);color: var(--clr-green);}.hero-card-label {font-size: var(--text-xs);color: var(--clr-gray-500);text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: 2px;}.hero-card-title {font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-navy);line-height: 1.3;}.hero-card-meta {display: flex;align-items: center;gap: var(--space-2);margin-top: var(--space-2);font-size: var(--text-xs);color: var(--clr-gray-500);}.hero-card-badge {background: var(--clr-green-pale);color: var(--clr-green-dark);padding: 2px 6px;border-radius: var(--radius-full);font-size: 10px;font-weight: var(--weight-bold);text-transform: uppercase;}.hero-card-progress-label {display: flex;justify-content: space-between;font-size: var(--text-xs);font-weight: var(--weight-medium);color: var(--clr-navy);margin-bottom: var(--space-2);}.hero-progress-pct { color: var(--clr-green); font-weight: var(--weight-bold); }.hero-progress-bar-wrap {height: 6px;background: var(--clr-gray-100);border-radius: var(--radius-full);overflow: hidden;margin-bottom: var(--space-2);}.hero-progress-bar {height: 100%;background: linear-gradient(90deg, var(--clr-green), var(--clr-green-light));border-radius: var(--radius-full);transition: width 1.2s cubic-bezier(.4,0,.2,1);}.hero-card-progress-sub {font-size: var(--text-xs);color: var(--clr-gray-500);}.hero-ring {position: absolute;border-radius: 50%;border: 2px solid;pointer-events: none;animation: spin-slow 20s linear infinite;}.hero-ring-1 {width: 180px; height: 180px;top: 60px; right: 30px;border-color: rgba(45,140,45,.15);animation-direction: normal;}.hero-ring-2 {width: 280px; height: 280px;top: 20px; right: -10px;border-color: rgba(26,43,94,.08);animation-direction: reverse;}@keyframes spin-slow {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}.hero-scroll-indicator {position: absolute;bottom: var(--space-6);left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;gap: var(--space-2);opacity: 0.5;}.scroll-mouse {width: 22px; height: 34px;border: 2px solid var(--clr-gray-400);border-radius: 11px;display: flex;justify-content: center;padding-top: 5px;}.scroll-mouse-dot {width: 4px; height: 6px;background: var(--clr-gray-400);border-radius: var(--radius-full);animation: scroll-bounce 1.8s infinite;}@keyframes scroll-bounce {0%, 100% { transform: translateY(0); opacity: 1; }60% { transform: translateY(8px); opacity: 0.3; }}.scroll-label { font-size: var(--text-xs); color: var(--clr-gray-400); letter-spacing: 0.1em; }.stats-section {background: var(--clr-navy);padding-block: var(--space-12);}.stats-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-6);}.stat-item {display: flex;align-items: center;gap: var(--space-4);padding: var(--space-4);border-radius: var(--radius-xl);background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);transition: all var(--transition-base);}.stat-item:hover {background: rgba(255,255,255,0.09);transform: translateY(-2px);}.stat-icon {flex-shrink: 0;width: 48px; height: 48px;border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;}.stat-item--navy .stat-icon { background: rgba(255,255,255,0.10); color: var(--clr-white); }.stat-item--green .stat-icon { background: rgba(45,140,45,0.25); color: var(--clr-green-light); }.stat-item--orange.stat-icon { background: rgba(245,146,30,0.25); color: var(--clr-orange-light); }.stat-number {font-family: var(--font-heading);font-size: var(--text-3xl);font-weight: var(--weight-black);color: var(--clr-white);line-height: 1;}.stat-item--green .stat-number { color: var(--clr-green-light); }.stat-item--orange .stat-number { color: var(--clr-orange-light); }.stat-label {font-size: var(--text-sm);color: rgba(255,255,255,0.55);margin-top: var(--space-1);}.services-section {background: var(--clr-white);}.services-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-6);}.service-card {background: var(--clr-gray-50);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);padding: var(--space-8);display: flex;flex-direction: column;gap: var(--space-4);position: relative;overflow: hidden;transition: all var(--transition-base);}.service-card:hover {transform: translateY(-6px);box-shadow: var(--shadow-xl);border-color: transparent;}.service-card-bar {position: absolute;top: 0; left: 0; right: 0;height: 4px;border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;}.service-card--navy .service-card-bar { background: var(--clr-navy); }.service-card--green .service-card-bar { background: var(--clr-green); }.service-card--orange.service-card-bar { background: var(--clr-orange); }.service-card--navy:hover { background: var(--clr-navy-pale); }.service-card--green:hover { background: var(--clr-green-pale); }.service-card--orange:hover { background: var(--clr-orange-pale); }.service-card-icon {width: 56px; height: 56px;border-radius: var(--radius-xl);display: flex;align-items: center;justify-content: center;transition: background var(--transition-base);}.service-card--navy .service-card-icon { background: var(--clr-navy-pale); color: var(--clr-navy); }.service-card--green .service-card-icon { background: var(--clr-green-pale); color: var(--clr-green); }.service-card--orange .service-card-icon { background: var(--clr-orange-pale); color: var(--clr-orange); }.service-card-title {font-size: var(--text-2xl);font-weight: var(--weight-bold);color: var(--clr-navy);margin: 0;}.service-card-desc {font-size: var(--text-base);color: var(--clr-gray-500);line-height: var(--leading-relaxed);flex: 1;}.service-card-features {list-style: none;display: flex;flex-direction: column;gap: var(--space-2);}.service-card-feature {display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);color: var(--clr-charcoal);}.service-card--navy .service-card-feature svg { stroke: var(--clr-navy); }.service-card--green .service-card-feature svg { stroke: var(--clr-green); }.service-card--orange .service-card-feature svg { stroke: var(--clr-orange); }.service-card-cta {align-self: flex-start;margin-top: var(--space-2);}.products-section {background: var(--clr-gray-50);}.products-view-all {flex-shrink: 0;}.products-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-5);}.product-card { overflow: hidden; }.product-card-img-link {display: block;position: relative;aspect-ratio: 4/3;overflow: hidden;}.product-card-img-link img {width: 100%; height: 100%;object-fit: cover;transition: transform var(--transition-slow);}.product-card:hover .product-card-img-link img {transform: scale(1.04);}.product-card-img-placeholder {width: 100%; height: 100%;background: var(--clr-gray-100);display: flex;align-items: center;justify-content: center;}.product-type-badge {position: absolute;top: var(--space-3);left: var(--space-3);}.product-card-body {display: flex;flex-direction: column;gap: var(--space-2);}.product-card-title {font-size: var(--text-base);font-weight: var(--weight-semibold);color: var(--clr-navy);margin: 0;}.product-card-title a { color: inherit; }.product-card-title a:hover { color: var(--clr-green); }.product-card-excerpt {font-size: var(--text-sm);color: var(--clr-gray-500);line-height: var(--leading-snug);}.product-card-footer {display: flex;align-items: center;justify-content: space-between;margin-top: var(--space-2);}.product-price {font-size: var(--text-lg);font-weight: var(--weight-bold);color: var(--clr-navy);}.price-free {font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-green-dark);background: var(--clr-green-pale);padding: 2px 8px;border-radius: var(--radius-full);}.products-promo {background: linear-gradient(135deg, var(--clr-navy-pale), var(--clr-green-pale));border-radius: var(--radius-2xl);padding: var(--space-12);}.products-promo-inner {display: flex;align-items: center;gap: var(--space-8);flex-wrap: wrap;}.products-promo-icon {width: 80px; height: 80px;background: var(--clr-white);border-radius: var(--radius-2xl);display: flex;align-items: center;justify-content: center;color: var(--clr-navy);flex-shrink: 0;box-shadow: var(--shadow-md);}.products-promo-text { flex: 1; }.products-promo-text h3 { font-size: var(--text-2xl); color: var(--clr-navy); margin-bottom: var(--space-2); }.products-promo-text p { color: var(--clr-gray-500); }.reviews-section { background: var(--clr-white); }.reviews-carousel-wrap {position: relative;padding-bottom: var(--space-8);}.reviews-carousel {display: flex;gap: var(--space-5);overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;padding-bottom: var(--space-2);}.reviews-carousel::-webkit-scrollbar { display: none; }.review-card {flex: 0 0 360px;scroll-snap-align: start;background: var(--clr-gray-50);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);padding: var(--space-6);display: flex;flex-direction: column;gap: var(--space-4);transition: box-shadow var(--transition-base), transform var(--transition-base);}.review-card:hover {box-shadow: var(--shadow-lg);transform: translateY(-3px);}.review-source {display: inline-flex;align-items: center;gap: var(--space-1);font-size: var(--text-xs);font-weight: var(--weight-medium);color: var(--clr-gray-500);background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-full);padding: 3px 8px;width: fit-content;}.star-rating { display: flex; gap: 2px; }.star-filled { color: var(--clr-orange); font-size: 18px; }.star-empty { color: var(--clr-gray-200); font-size: 18px; }.review-quote {font-size: var(--text-base);color: var(--clr-charcoal);line-height: var(--leading-relaxed);position: relative;flex: 1;border: none;margin: 0;padding: 0;}.review-quote-icon {color: var(--clr-navy-pale);margin-bottom: var(--space-2);display: block;}.review-author {display: flex;align-items: center;gap: var(--space-3);padding-top: var(--space-4);border-top: 1px solid var(--color-border);}.review-author-avatar {width: 44px; height: 44px;border-radius: 50%;object-fit: cover;flex-shrink: 0;}.review-author-initials {display: flex;align-items: center;justify-content: center;font-weight: var(--weight-bold);font-size: var(--text-lg);}.review-author-name {display: block;font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-navy);}.review-author-role {font-size: var(--text-xs);color: var(--clr-gray-500);}.carousel-btn {position: absolute;top: 50%;transform: translateY(-50%);width: 44px; height: 44px;border-radius: 50%;border: 1px solid var(--color-border);background: var(--clr-white);color: var(--clr-navy);display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: var(--shadow-md);transition: all var(--transition-fast);z-index: 2;}.carousel-btn:hover {background: var(--clr-navy);color: var(--clr-white);border-color: var(--clr-navy);}.carousel-btn-prev { left: -22px; }.carousel-btn-next { right: -22px; }.carousel-dots {display: flex;justify-content: center;gap: var(--space-2);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}.carousel-dot {width: 8px; height: 8px;border-radius: 50%;background: var(--clr-gray-200);border: none;cursor: pointer;transition: all var(--transition-fast);padding: 0;}.carousel-dot.is-active {background: var(--clr-navy);width: 24px;border-radius: var(--radius-full);}.reviews-cta {margin-top: var(--space-10);text-align: center;}.reviews-cta > p {font-size: var(--text-lg);color: var(--clr-gray-500);margin-bottom: var(--space-4);}.reviews-cta-btns {display: flex;justify-content: center;gap: var(--space-3);flex-wrap: wrap;}.inline-review-form-wrap {max-height: 0;overflow: hidden;transition: max-height 0.5s cubic-bezier(.4,0,.2,1), opacity 0.3s ease;opacity: 0;}.inline-review-form-wrap.open {max-height: 700px;opacity: 1;}.inline-review-form {background: var(--clr-gray-50);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);padding: var(--space-8);margin-top: var(--space-6);max-width: 640px;margin-inline: auto;text-align: left;}.form-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }.form-group { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-4); }.form-group label {font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--clr-navy);}.form-group input,.form-group textarea,.form-group select {padding: var(--space-3) var(--space-4);border: 1px solid var(--color-border);border-radius: var(--radius-md);font-size: var(--text-base);background: var(--clr-white);color: var(--color-text);transition: border-color var(--transition-fast), box-shadow var(--transition-fast);width: 100%;}.form-group input:focus,.form-group textarea:focus {outline: none;border-color: var(--clr-navy);box-shadow: 0 0 0 3px rgba(26,43,94,0.1);}.rating-picker {display: flex;flex-direction: row-reverse;justify-content: flex-end;gap: 4px;}.rating-picker input { display: none; }.rating-picker label {font-size: 28px;color: var(--clr-gray-200);cursor: pointer;transition: color var(--transition-fast);}.rating-picker input:checked ~ label,.rating-picker label:hover,.rating-picker label:hover ~ label {color: var(--clr-orange);}.form-actions {display: flex;gap: var(--space-3);flex-wrap: wrap;}.form-status {margin-top: var(--space-3);font-size: var(--text-sm);min-height: 1.2em;}.form-status.success { color: var(--clr-green); }.form-status.error { color: #e53e3e; }.blog-section { background: var(--clr-gray-50); }.blog-view-all { flex-shrink: 0; }.blog-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-6);align-items: start;}.blog-archive-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-6);align-items: start;}.blog-card { overflow: hidden; height: 100%; }.blog-card-img-wrap {display: block;aspect-ratio: 3/2;overflow: hidden;position: relative;}.blog-card-img {width: 100%; height: 100%;object-fit: cover;transition: transform var(--transition-slow);}.blog-card:hover .blog-card-img { transform: scale(1.04); }.blog-card-img-placeholder {width: 100%; height: 100%;background: var(--clr-gray-100);display: flex;align-items: center;justify-content: center;}.blog-card-cat-badge {position: absolute;top: var(--space-3);left: var(--space-3);}.blog-card-body {display: flex;flex-direction: column;gap: var(--space-3);}.blog-card-meta {display: flex;align-items: center;gap: var(--space-3);flex-wrap: wrap;}.blog-card-date,.blog-card-read-time {font-size: var(--text-xs);color: var(--clr-gray-500);}.blog-card-title {font-size: var(--text-lg);font-weight: var(--weight-semibold);color: var(--clr-navy);line-height: var(--leading-snug);margin: 0;}.blog-card-title a { color: inherit; }.blog-card-title a:hover { color: var(--clr-green); }.blog-card-excerpt {font-size: var(--text-sm);color: var(--clr-gray-500);line-height: var(--leading-relaxed);flex: 1;}.blog-card-footer {display: flex;align-items: center;justify-content: space-between;margin-top: auto;padding-top: var(--space-3);border-top: 1px solid var(--color-border);}.blog-card-author {display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-xs);color: var(--clr-gray-500);font-weight: var(--weight-medium);}.blog-author-avatar {width: 28px; height: 28px;border-radius: 50%;object-fit: cover;}.blog-card-read-more {display: inline-flex;align-items: center;gap: var(--space-1);font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-navy);transition: gap var(--transition-fast), color var(--transition-fast);}.blog-card-read-more:hover {color: var(--clr-green);gap: var(--space-2);}.blog-view-all-mobile { display: none; }.will-animate {opacity: 0;transform: translateY(24px);transition: opacity 0.55s ease, transform 0.55s ease;}.will-animate[data-animate="fade-left"] {transform: translateX(40px);}.will-animate.is-visible {opacity: 1;transform: none;}@media (max-width: 1200px) {.products-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 1024px) {.hero-container { grid-template-columns: 1fr; gap: var(--space-10); }.hero-visual { display: none; }.hero-content { max-width: 100%; text-align: center; }.hero-ctas { justify-content: center; }.hero-trust { justify-content: center; }.stats-grid { grid-template-columns: repeat(2, 1fr); }.services-grid { grid-template-columns: 1fr; max-width: 480px; margin-inline: auto; }.blog-grid,.blog-archive-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 768px) {.stats-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-4); }.products-grid { grid-template-columns: 1fr; max-width: 360px; margin-inline: auto; }.review-card { flex: 0 0 280px; }.carousel-btn { display: none; }.blog-grid,.blog-archive-grid { grid-template-columns: 1fr; gap: var(--space-5); }.blog-view-all { display: none !important; }.blog-view-all-mobile { display: block; }.form-grid-2 { grid-template-columns: 1fr; }.section-header.flex-between { flex-direction: column; align-items: flex-start; gap: var(--space-3); }}@media (max-width: 480px) {.stats-grid { grid-template-columns: 1fr; }.hero-headline { font-size: 2.2rem; }.hero-ctas { flex-direction: column; align-items: center; }.hero-cta-primary,.hero-cta-secondary { width: 100%; justify-content: center; }.reviews-cta-btns { flex-direction: column; align-items: center; }}.blog-archive-header {background: linear-gradient(135deg, var(--clr-navy) 0%, var(--clr-navy-light) 100%);padding-block: var(--space-16) var(--space-12);color: var(--clr-white);}.blog-archive-title {font-size: clamp(var(--text-3xl), 4vw, var(--text-5xl));color: var(--clr-white);margin: var(--space-3) 0 var(--space-4);}.blog-archive-sub {font-size: var(--text-lg);color: rgba(255,255,255,0.7);max-width: 560px;line-height: var(--leading-relaxed);margin-bottom: var(--space-8);}.blog-cat-filter {display: flex;gap: var(--space-2);flex-wrap: wrap;margin-top: var(--space-2);}.blog-cat-btn {display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-4);border-radius: var(--radius-full);font-size: var(--text-sm);font-weight: var(--weight-medium);background: rgba(255,255,255,0.1);color: rgba(255,255,255,0.75);border: 1px solid rgba(255,255,255,0.2);text-decoration: none;transition: all var(--transition-fast);}.blog-cat-btn:hover,.blog-cat-btn.is-active {background: var(--clr-white);color: var(--clr-navy);border-color: var(--clr-white);}.blog-cat-count {background: rgba(255,255,255,0.2);color: inherit;border-radius: var(--radius-full);font-size: var(--text-xs);padding: 1px 6px;min-width: 20px;text-align: center;}.blog-cat-btn.is-active .blog-cat-count,.blog-cat-btn:hover .blog-cat-count {background: var(--clr-navy-pale);color: var(--clr-navy);}.archive-back-link {display: inline-flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);font-weight: var(--weight-medium);color: rgba(255,255,255,0.7);text-decoration: none;margin-top: var(--space-6);transition: color var(--transition-fast);}.archive-back-link:hover { color: var(--clr-white); }.blog-archive-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-6);align-items: start;}.blog-inline-ad {grid-column: 1 / -1;text-align: center;padding-block: var(--space-4);}.blog-card { overflow: hidden; height: 100%; }.blog-card-img-wrap {display: block;aspect-ratio: 3/2;overflow: hidden;position: relative;background: var(--clr-gray-100);}.blog-card-img {width: 100%; height: 100%;object-fit: cover;transition: transform var(--transition-slow);display: block;}.blog-card:hover .blog-card-img { transform: scale(1.04); }.blog-card-img-placeholder {width: 100%; height: 100%;background: var(--clr-gray-100);display: flex;align-items: center;justify-content: center;min-height: 200px;}.blog-card-cat-badge {position: absolute;top: var(--space-3);left: var(--space-3);z-index: 1;}.blog-card-body {display: flex;flex-direction: column;gap: var(--space-3);padding: var(--space-5);}.blog-card-meta {display: flex;align-items: center;gap: var(--space-3);flex-wrap: wrap;}.blog-card-date,.blog-card-read-time {font-size: var(--text-xs);color: var(--clr-gray-500);}.blog-card-title {font-size: var(--text-lg);font-weight: var(--weight-semibold);color: var(--clr-navy);line-height: var(--leading-snug);margin: 0;}.blog-card-title a { color: inherit; text-decoration: none; }.blog-card-title a:hover { color: var(--clr-green); }.blog-card-excerpt {font-size: var(--text-sm);color: var(--clr-gray-500);line-height: var(--leading-relaxed);flex: 1;}.blog-card-footer {display: flex;align-items: center;justify-content: space-between;padding-top: var(--space-3);border-top: 1px solid var(--color-border);margin-top: auto;}.blog-card-author {display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-xs);color: var(--clr-gray-500);font-weight: var(--weight-medium);}.blog-author-avatar {width: 28px !important; height: 28px !important;border-radius: 50%;object-fit: cover;flex-shrink: 0;}.blog-card-read-more {display: inline-flex;align-items: center;gap: 4px;font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-navy);text-decoration: none;transition: gap var(--transition-fast), color var(--transition-fast);}.blog-card-read-more:hover { color: var(--clr-green); gap: var(--space-2); }.blog-pagination {margin-top: var(--space-12);display: flex;justify-content: center;}.blog-pagination .nav-links {display: flex;align-items: center;gap: var(--space-2);flex-wrap: wrap;justify-content: center;}.blog-pagination .page-numbers {display: flex;align-items: center;justify-content: center;min-width: 40px;height: 40px;padding-inline: var(--space-3);border-radius: var(--radius-md);border: 1px solid var(--color-border);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--clr-charcoal);text-decoration: none;transition: all var(--transition-fast);}.blog-pagination .page-numbers:hover { background: var(--clr-navy-pale); color: var(--clr-navy); border-color: var(--clr-navy); }.blog-pagination .page-numbers.current { background: var(--clr-navy); color: var(--clr-white); border-color: var(--clr-navy); }.blog-pagination .page-numbers.prev,.blog-pagination .page-numbers.next { display: inline-flex; align-items: center; gap: var(--space-1); }.no-posts-wrap {text-align: center;padding-block: var(--space-16);max-width: 480px;margin-inline: auto;}.no-posts-icon {width: 80px; height: 80px;background: var(--clr-gray-100);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto var(--space-6);}.no-posts-wrap h2 { color: var(--clr-navy); margin-bottom: var(--space-3); }.no-posts-wrap p { color: var(--clr-gray-500); margin-bottom: var(--space-6); }.single-post-page { padding-bottom: var(--space-16); }.single-post-layout {display: grid;grid-template-columns: 1fr 300px;gap: var(--space-10);align-items: start;padding-top: var(--space-8);}.breadcrumb-bar--inline {background: transparent;border: none;padding: 0;margin-bottom: var(--space-6);}.single-post-header { margin-bottom: var(--space-8); }.single-post-cats {display: flex;gap: var(--space-2);flex-wrap: wrap;margin-bottom: var(--space-4);}.single-post-cat { text-decoration: none; }.single-post-title {font-size: clamp(var(--text-2xl), 4vw, var(--text-5xl));color: var(--clr-navy);line-height: 1.15;letter-spacing: -0.02em;margin-bottom: var(--space-6);}.single-post-meta {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--space-4);padding-block: var(--space-4);border-top: 1px solid var(--color-border);border-bottom: 1px solid var(--color-border);}.single-post-author-meta {display: flex;align-items: center;gap: var(--space-3);}.single-author-avatar {width: 40px !important; height: 40px !important;border-radius: 50%;object-fit: cover;}.single-author-name {display: block;font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-navy);}.single-post-date {display: block;font-size: var(--text-xs);color: var(--clr-gray-500);margin-top: 2px;}.single-read-time {font-size: var(--text-sm);color: var(--clr-gray-500);font-weight: var(--weight-medium);background: var(--clr-gray-100);padding: var(--space-1) var(--space-3);border-radius: var(--radius-full);}.single-post-thumbnail {margin-bottom: var(--space-8);border-radius: var(--radius-2xl);overflow: hidden;}.single-post-img {width: 100%;height: auto;display: block;max-height: 520px;object-fit: cover;}.single-post-caption {font-size: var(--text-sm);color: var(--clr-gray-500);text-align: center;padding-top: var(--space-3);font-style: italic;}.single-post-content {font-size: var(--text-lg);line-height: var(--leading-relaxed);color: var(--clr-charcoal);margin-bottom: var(--space-10);}.single-post-content h2 { font-size: var(--text-3xl); color: var(--clr-navy); margin: var(--space-10) 0 var(--space-4); }.single-post-content h3 { font-size: var(--text-2xl); color: var(--clr-navy); margin: var(--space-8) 0 var(--space-3); }.single-post-content h4 { font-size: var(--text-xl); color: var(--clr-navy); margin: var(--space-6) 0 var(--space-3); }.single-post-content p { margin-bottom: var(--space-5); }.single-post-content ul,.single-post-content ol { margin-bottom: var(--space-5); padding-left: var(--space-6); }.single-post-content ul li { list-style: disc; margin-bottom: var(--space-2); }.single-post-content ol li { list-style: decimal; margin-bottom: var(--space-2); }.single-post-content a { color: var(--clr-navy); text-decoration: underline; text-underline-offset: 3px; }.single-post-content a:hover { color: var(--clr-green); }.single-post-content blockquote {border-left: 4px solid var(--clr-green);padding: var(--space-4) var(--space-6);margin: var(--space-8) 0;background: var(--clr-green-pale);border-radius: 0 var(--radius-lg) var(--radius-lg) 0;font-style: italic;color: var(--clr-gray-700);}.single-post-content code {background: var(--clr-gray-100);padding: 2px 6px;border-radius: var(--radius-sm);font-family: var(--font-mono);font-size: 0.9em;color: var(--clr-navy);}.single-post-content pre {background: var(--clr-black);color: #e2e8f0;padding: var(--space-5);border-radius: var(--radius-lg);overflow-x: auto;margin-bottom: var(--space-6);font-family: var(--font-mono);font-size: var(--text-sm);line-height: 1.7;}.single-post-content pre code { background: transparent; color: inherit; padding: 0; }.single-post-content img { border-radius: var(--radius-lg); margin-block: var(--space-4); max-width: 100%; height: auto; }.single-post-content table { width: 100%; border-collapse: collapse; margin-bottom: var(--space-6); font-size: var(--text-sm); }.single-post-content th { background: var(--clr-navy); color: var(--clr-white); padding: var(--space-3) var(--space-4); text-align: left; }.single-post-content td { padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--color-border); }.single-post-content tr:nth-child(even) td { background: var(--clr-gray-50); }.single-post-tags {display: flex;align-items: center;gap: var(--space-2);flex-wrap: wrap;margin-bottom: var(--space-8);}.tags-label { font-size: var(--text-sm); font-weight: var(--weight-semibold); color: var(--clr-navy); }.tag-link { text-decoration: none; }.tag-link:hover { background: var(--clr-navy); color: var(--clr-white); }.single-post-share {display: flex;align-items: center;gap: var(--space-3);flex-wrap: wrap;padding-block: var(--space-6);border-top: 1px solid var(--color-border);border-bottom: 1px solid var(--color-border);margin-bottom: var(--space-10);}.share-label { font-size: var(--text-sm); font-weight: var(--weight-semibold); color: var(--clr-navy); }.share-btn {display: inline-flex;align-items: center;padding: var(--space-2) var(--space-4);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: var(--weight-semibold);text-decoration: none;transition: all var(--transition-fast);border: 1px solid var(--color-border);color: var(--clr-charcoal);background: var(--clr-white);}.share-btn:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); color: var(--clr-white); }.share-btn--twitter:hover,.share-btn--twitterx:hover { background: #000; border-color: #000; }.share-btn--facebook:hover { background: #1877f2; border-color: #1877f2; }.share-btn--linkedin:hover { background: #0a66c2; border-color: #0a66c2; }.share-btn--whatsapp:hover { background: #25d366; border-color: #25d366; }.author-box {display: flex;gap: var(--space-5);background: var(--clr-gray-50);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);padding: var(--space-6);margin-bottom: var(--space-10);}.author-box-avatar {width: 72px !important; height: 72px !important;border-radius: 50%;object-fit: cover;flex-shrink: 0;}.author-box-name {font-size: var(--text-lg);font-weight: var(--weight-bold);color: var(--clr-navy);margin-bottom: var(--space-2);}.author-box-bio {font-size: var(--text-sm);color: var(--clr-gray-500);line-height: var(--leading-relaxed);margin-bottom: var(--space-4);}.single-post-nav {display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-4);margin-bottom: var(--space-10);}.post-nav-link {display: flex;flex-direction: column;gap: var(--space-1);padding: var(--space-4) var(--space-5);background: var(--clr-gray-50);border: 1px solid var(--color-border);border-radius: var(--radius-xl);text-decoration: none;transition: all var(--transition-fast);}.post-nav-link:hover { background: var(--clr-navy-pale); border-color: var(--clr-navy); }.post-nav-link--next { text-align: right; }.post-nav-direction {display: flex;align-items: center;gap: 4px;font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: 0.08em;text-transform: uppercase;color: var(--clr-gray-500);}.post-nav-link--next .post-nav-direction { justify-content: flex-end; }.post-nav-title {font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-navy);line-height: var(--leading-snug);}.related-posts-section { background: var(--clr-gray-50); }.single-post-sidebar {position: sticky;top: calc( var(--header-height) + var(--space-6) );display: flex;flex-direction: column;gap: var(--space-5);}.sidebar-widget {background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: var(--space-5);}.sidebar-widget-title {font-size: var(--text-base);font-weight: var(--weight-bold);color: var(--clr-navy);margin-bottom: var(--space-4);padding-bottom: var(--space-3);border-bottom: 2px solid var(--clr-navy-pale);}.sidebar-widget .search-form { display: flex; gap: var(--space-2); }.sidebar-widget .search-field { flex: 1; padding: var(--space-2) var(--space-3); font-size: var(--text-sm); border: 1px solid var(--color-border); border-radius: var(--radius-md); }.sidebar-widget .search-field:focus { outline: none; border-color: var(--clr-navy); }.sidebar-widget .search-submit { padding: var(--space-2) var(--space-3); background: var(--clr-navy); color: white; border: none; border-radius: var(--radius-md); cursor: pointer; font-size: var(--text-sm); white-space: nowrap; }.sidebar-cat-list { list-style: none; display: flex; flex-direction: column; }.sidebar-cat-list li { display: flex; align-items: center; justify-content: space-between; padding-block: var(--space-2); border-bottom: 1px solid var(--color-border); }.sidebar-cat-list li:last-child { border-bottom: none; }.sidebar-cat-list a { font-size: var(--text-sm); color: var(--clr-charcoal); text-decoration: none; }.sidebar-cat-list a:hover { color: var(--clr-navy); }.sidebar-cat-count { font-size: var(--text-xs); background: var(--clr-gray-100); color: var(--clr-gray-500); padding: 2px 6px; border-radius: var(--radius-full); }.sidebar-recent-list { list-style: none; display: flex; flex-direction: column; gap: var(--space-4); }.sidebar-recent-list li { display: flex; gap: var(--space-3); align-items: flex-start; }.sidebar-recent-thumb { flex-shrink: 0; width: 64px; height: 64px; border-radius: var(--radius-md); overflow: hidden; display: block; background: var(--clr-gray-100); }.sidebar-recent-thumb img { width: 100%; height: 100%; object-fit: cover; }.sidebar-recent-info { flex: 1; min-width: 0; }.sidebar-recent-title { display: block; font-size: var(--text-sm); font-weight: var(--weight-medium); color: var(--clr-navy); text-decoration: none; line-height: var(--leading-snug); margin-bottom: 4px; }.sidebar-recent-title:hover { color: var(--clr-green); }.sidebar-recent-date { font-size: var(--text-xs); color: var(--clr-gray-500); }.sidebar-cta-widget { background: linear-gradient(135deg, var(--clr-navy-pale), var(--clr-green-pale)); border-color: transparent; }.sidebar-cta-widget h3 { font-size: var(--text-base); color: var(--clr-navy); margin-bottom: var(--space-2); }.sidebar-cta-widget p { font-size: var(--text-sm); color: var(--clr-gray-500); margin-bottom: var(--space-4); }@media (max-width: 1024px) {.single-post-layout { grid-template-columns: 1fr; }.single-post-sidebar { position: static; }.blog-archive-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 640px) {.blog-archive-grid { grid-template-columns: 1fr; }.single-post-nav { grid-template-columns: 1fr; }.author-box { flex-direction: column; }.single-post-share { gap: var(--space-2); }.blog-cat-filter { gap: var(--space-1); }}.service-hero {position: relative;background: linear-gradient(135deg, var(--clr-navy) 0%, var(--clr-navy-light) 60%, #1e3a6e 100%);overflow: hidden;padding-block: var(--space-20) var(--space-24);color: var(--clr-white);}.service-hero-bg {position: absolute;inset: 0;background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px);background-size: 32px 32px;pointer-events: none;}.service-hero-container {display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-16);align-items: center;position: relative;z-index: 1;}.service-hero-eyebrow {display: inline-flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);font-weight: var(--weight-semibold);letter-spacing: 0.08em;text-transform: uppercase;color: var(--clr-orange);margin-bottom: var(--space-5);}.service-hero-icon {width: 32px; height: 32px;background: rgba(245,146,30,0.15);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;}.service-hero-title {font-size: clamp(2.2rem, 4.5vw, 3.5rem);font-weight: var(--weight-black);color: var(--clr-white);line-height: 1.1;letter-spacing: -0.03em;margin-bottom: var(--space-5);}.highlight-green { color: var(--clr-green-light); }.highlight-orange{ color: var(--clr-orange-light); }.service-hero-sub {font-size: var(--text-lg);color: rgba(255,255,255,0.72);line-height: var(--leading-relaxed);max-width: 500px;margin-bottom: var(--space-8);}.service-hero-ctas {display: flex;gap: var(--space-3);flex-wrap: wrap;margin-bottom: var(--space-8);}.service-hero-trust {display: flex;gap: var(--space-3);flex-wrap: wrap;}.trust-pill {display: inline-flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);color: rgba(255,255,255,0.65);}.trust-pill svg { stroke: var(--clr-green-light); flex-shrink: 0; }.service-hero-visual {display: flex;justify-content: center;align-items: center;}.browser-mockup {width: 100%;max-width: 480px;background: var(--clr-white);border-radius: var(--radius-xl);overflow: hidden;box-shadow: var(--shadow-xl), 0 0 0 1px rgba(255,255,255,0.1);transform: perspective(1000px) rotateY(-8deg) rotateX(4deg);transition: transform var(--transition-slow);}.browser-mockup:hover {transform: perspective(1000px) rotateY(0deg) rotateX(0deg);}.browser-bar {background: var(--clr-gray-100);padding: var(--space-3) var(--space-4);display: flex;align-items: center;gap: var(--space-3);border-bottom: 1px solid var(--color-border);}.browser-dot {width: 10px; height: 10px;border-radius: 50%;background: var(--clr-gray-300);}.browser-dot:first-child { background: #ff5f57; }.browser-dot:nth-child(2){ background: #febc2e; }.browser-dot:nth-child(3){ background: #28c840; }.browser-url {flex: 1;background: var(--clr-white);border-radius: var(--radius-full);padding: 4px 12px;font-size: 11px;color: var(--clr-gray-500);border: 1px solid var(--color-border);}.browser-body {padding: var(--space-4);background: var(--clr-gray-50);min-height: 260px;position: relative;}.browser-line--nav {height: 10px;background: var(--clr-navy);border-radius: var(--radius-md);margin-bottom: var(--space-3);opacity: 0.2;}.browser-hero-block {background: linear-gradient(135deg, var(--clr-navy-pale), var(--clr-green-pale));border-radius: var(--radius-lg);padding: var(--space-5);margin-bottom: var(--space-4);}.browser-h1 {height: 16px;background: var(--clr-navy);border-radius: 4px;width: 70%;margin-bottom: var(--space-2);opacity: 0.6;}.browser-sub {height: 10px;background: var(--clr-gray-300);border-radius: 4px;width: 90%;margin-bottom: var(--space-4);}.browser-btn-mock {height: 28px;background: var(--clr-orange);border-radius: var(--radius-md);width: 120px;opacity: 0.85;}.browser-cards {display: grid;grid-template-columns: repeat(3,1fr);gap: var(--space-2);}.browser-card {height: 60px;background: var(--clr-white);border-radius: var(--radius-md);border: 1px solid var(--color-border);}.browser-score {position: absolute;bottom: var(--space-3);right: var(--space-3);background: var(--clr-green);color: var(--clr-white);border-radius: var(--radius-lg);padding: var(--space-2) var(--space-3);display: flex;align-items: baseline;gap: 4px;}.score-num {font-size: 20px;font-weight: var(--weight-black);line-height: 1;}.score-label {font-size: 10px;font-weight: var(--weight-semibold);opacity: 0.85;}.tech-strip {background: var(--clr-white);border-bottom: 1px solid var(--color-border);padding-block: var(--space-5);}.tech-strip-label {font-size: var(--text-xs);letter-spacing: 0.12em;text-transform: uppercase;color: var(--clr-gray-400);margin-bottom: var(--space-3);text-align: center;}.tech-strip-logos {display: flex;flex-wrap: wrap;justify-content: center;gap: var(--space-2);}.tech-pill {display: inline-flex;align-items: center;padding: var(--space-1) var(--space-3);background: var(--clr-gray-100);border: 1px solid var(--color-border);border-radius: var(--radius-full);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--clr-gray-700);white-space: nowrap;}.portfolio-section { background: var(--clr-gray-50); }.portfolio-filter {display: flex;gap: var(--space-2);flex-wrap: wrap;margin-bottom: var(--space-8);}.filter-btn {padding: var(--space-2) var(--space-4);border: 1px solid var(--color-border);border-radius: var(--radius-full);background: var(--clr-white);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--clr-gray-700);cursor: pointer;transition: all var(--transition-fast);}.filter-btn:hover,.filter-btn.is-active {background: var(--clr-navy);border-color: var(--clr-navy);color: var(--clr-white);}.bento-grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-auto-rows: 300px;gap: var(--space-4);}.bento-card--lg {grid-column: span 2;grid-row: span 2;}.bento-card {border-radius: var(--radius-xl);overflow: hidden;background: var(--clr-white);border: 1px solid var(--color-border);display: flex;flex-direction: column;transition: transform var(--transition-base), box-shadow var(--transition-base);position: relative;}.bento-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-xl);border-color: transparent;}.bento-card-img {flex: 1;position: relative;overflow: hidden;min-height: 160px;background: var(--clr-navy);}.bento-card-img img {width: 100%; height: 100%;object-fit: cover;transition: transform var(--transition-slow);}.bento-card:hover .bento-card-img img {transform: scale(1.05);}.bento-placeholder {width: 100%; height: 100%;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--clr-navy) 0%, var(--clr-navy-light) 100%);}.bento-overlay {position: absolute;inset: 0;background: rgba(26,43,94,0.7);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity var(--transition-base);}.bento-card:hover .bento-overlay { opacity: 1; }.btn-white {background: var(--clr-white);color: var(--clr-navy);border: none;}.btn-white:hover {background: var(--clr-gray-100);color: var(--clr-navy);transform: translateY(-1px);}.bento-cta { font-weight: var(--weight-semibold); }.bento-card-body {padding: var(--space-4);display: flex;flex-direction: column;gap: var(--space-2);background: var(--clr-white);}.bento-card-header { display: flex; gap: var(--space-2); }.bento-card-title {font-size: var(--text-base);font-weight: var(--weight-semibold);color: var(--clr-navy);margin: 0;line-height: var(--leading-snug);}.bento-card--lg .bento-card-title { font-size: var(--text-xl); }.bento-card-title a { color: inherit; }.bento-card-title a:hover { color: var(--clr-green); }.bento-card-excerpt {font-size: var(--text-sm);color: var(--clr-gray-500);line-height: var(--leading-snug);}.bento-card--lg .bento-card-excerpt { display: block; }.bento-card:not(.bento-card--lg) .bento-card-excerpt { display: none; }.bento-tech-pills {display: flex;gap: var(--space-1);flex-wrap: wrap;}.tech-mini-pill {padding: 2px 8px;background: var(--clr-navy-pale);color: var(--clr-navy);border-radius: var(--radius-full);font-size: 11px;font-weight: var(--weight-medium);white-space: nowrap;}.bento-card-footer {display: flex;align-items: center;justify-content: space-between;padding-top: var(--space-2);border-top: 1px solid var(--color-border);margin-top: auto;}.bento-price {font-size: var(--text-base);font-weight: var(--weight-bold);color: var(--clr-navy);}.bento-view-link {display: inline-flex;align-items: center;gap: 4px;font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-green);transition: gap var(--transition-fast);}.bento-view-link:hover { gap: var(--space-2); color: var(--clr-green-dark); }.process-section { background: var(--clr-white); }.process-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-6);position: relative;}.process-step {text-align: center;padding: var(--space-6);border-radius: var(--radius-xl);background: var(--clr-gray-50);border: 1px solid var(--color-border);position: relative;transition: all var(--transition-base);}.process-step:hover {background: var(--clr-navy-pale);border-color: var(--clr-navy);transform: translateY(-4px);}.process-step-num {font-family: var(--font-heading);font-size: var(--text-5xl);font-weight: var(--weight-black);color: var(--clr-navy);opacity: 0.12;line-height: 1;margin-bottom: var(--space-3);transition: opacity var(--transition-base);}.process-step:hover .process-step-num { opacity: 0.25; }.process-connector {display: none;}.process-step-title {font-size: var(--text-xl);font-weight: var(--weight-bold);color: var(--clr-navy);margin-bottom: var(--space-3);}.process-step-desc {font-size: var(--text-sm);color: var(--clr-gray-500);line-height: var(--leading-relaxed);}.pricing-section { background: var(--clr-gray-50); }.pricing-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-6);align-items: start;}.pricing-card {background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);padding: var(--space-8);display: flex;flex-direction: column;gap: var(--space-5);position: relative;transition: all var(--transition-base);}.pricing-card:hover {box-shadow: var(--shadow-xl);transform: translateY(-4px);}.pricing-card--popular {border-color: var(--clr-navy);box-shadow: var(--shadow-navy);transform: scale(1.03);}.pricing-card--popular:hover { transform: scale(1.03) translateY(-4px); }.pricing-popular-badge {position: absolute;top: -14px;left: 50%;transform: translateX(-50%);background: var(--clr-navy);color: var(--clr-white);font-size: var(--text-xs);font-weight: var(--weight-bold);letter-spacing: 0.08em;text-transform: uppercase;padding: 5px 16px;border-radius: var(--radius-full);white-space: nowrap;}.pricing-header { text-align: center; }.pricing-name {font-size: var(--text-xl);font-weight: var(--weight-bold);color: var(--clr-navy);margin-bottom: var(--space-3);}.pricing-amount {display: flex;align-items: baseline;justify-content: center;gap: 4px;margin-bottom: var(--space-1);}.pricing-currency {font-size: var(--text-2xl);font-weight: var(--weight-bold);color: var(--clr-navy);}.pricing-price {font-size: clamp(var(--text-3xl), 4vw, var(--text-5xl));font-weight: var(--weight-black);color: var(--clr-navy);line-height: 1;}.pricing-period {font-size: var(--text-sm);color: var(--clr-gray-500);display: block;text-align: center;}.pricing-features {list-style: none;display: flex;flex-direction: column;gap: var(--space-3);flex: 1;}.pricing-features li {display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);color: var(--clr-charcoal);}.pricing-features li svg { stroke: var(--clr-green); flex-shrink: 0; }.pricing-cta { width: 100%; justify-content: center; }.service-bottom-cta { background: var(--clr-white); }.bottom-cta-card {display: flex;align-items: center;justify-content: space-between;gap: var(--space-8);flex-wrap: wrap;background: linear-gradient(135deg, var(--clr-navy-pale) 0%, var(--clr-green-pale) 100%);border-radius: var(--radius-2xl);padding: var(--space-12);border: 1px solid var(--color-border);}.bottom-cta-text h2 { font-size: clamp(var(--text-xl), 3vw, var(--text-3xl)); margin-bottom: var(--space-2); }.bottom-cta-text p { color: var(--clr-gray-500); font-size: var(--text-lg); }.bottom-cta-actions {display: flex;gap: var(--space-3);flex-wrap: wrap;flex-shrink: 0;}.breadcrumb-bar {background: var(--clr-white);border-bottom: 1px solid var(--color-border);padding-block: var(--space-3);}.breadcrumb-list {display: flex;align-items: center;gap: var(--space-2);list-style: none;font-size: var(--text-sm);color: var(--clr-gray-500);flex-wrap: wrap;}.breadcrumb-list a { color: var(--clr-navy); }.breadcrumb-list a:hover { color: var(--clr-green); }.breadcrumb-list [aria-current="page"] { color: var(--clr-gray-700); font-weight: var(--weight-medium); }.project-hero { background: var(--clr-gray-50); }.project-hero-container {display: grid;grid-template-columns: 1.1fr 0.9fr;gap: var(--space-12);align-items: center;}.project-hero-meta {display: flex;gap: var(--space-2);flex-wrap: wrap;margin-bottom: var(--space-4);}.project-hero-title {font-size: clamp(var(--text-2xl), 3.5vw, var(--text-4xl));color: var(--clr-navy);margin-bottom: var(--space-4);}.project-hero-desc {font-size: var(--text-lg);color: var(--clr-gray-500);line-height: var(--leading-relaxed);margin-bottom: var(--space-6);}.project-tech-stack {display: flex;align-items: flex-start;gap: var(--space-3);margin-bottom: var(--space-8);flex-wrap: wrap;}.project-tech-label {font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-navy);white-space: nowrap;padding-top: 4px;}.project-tech-pills {display: flex;gap: var(--space-2);flex-wrap: wrap;}.tech-pill-lg {display: inline-flex;align-items: center;padding: var(--space-1) var(--space-3);background: var(--clr-navy);color: var(--clr-white);border-radius: var(--radius-full);font-size: var(--text-sm);font-weight: var(--weight-medium);}.project-action-btns {display: flex;gap: var(--space-3);flex-wrap: wrap;}.project-hero-image {border-radius: var(--radius-2xl);overflow: hidden;box-shadow: var(--shadow-xl);aspect-ratio: 4/3;}.project-main-img {width: 100%; height: 100%;object-fit: cover;}.project-img-placeholder {width: 100%; height: 100%;background: var(--clr-gray-100);display: flex;align-items: center;justify-content: center;}.project-pricing-section { background: var(--clr-white); }.project-pricing-grid {display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-10);align-items: start;}.project-pricing-title {font-size: var(--text-xl);color: var(--clr-navy);margin-bottom: var(--space-5);}.pricing-breakdown-table {width: 100%;border-collapse: collapse;}.pricing-breakdown-table td {padding: var(--space-3) var(--space-4);border-bottom: 1px solid var(--color-border);font-size: var(--text-sm);vertical-align: middle;}.pricing-breakdown-table tbody tr:nth-child(even) td { background: var(--clr-gray-50); }.price-cell {font-weight: var(--weight-semibold);color: var(--clr-navy);text-align: right;white-space: nowrap;}.period-cell {color: var(--clr-gray-500);text-align: right;font-size: var(--text-xs);white-space: nowrap;}.pricing-total-row td {padding-top: var(--space-4);border-bottom: none;background: var(--clr-navy-pale);font-size: var(--text-base);}.pricing-total-row .price-cell { color: var(--clr-navy); font-size: var(--text-lg); }.pricing-note {font-size: var(--text-xs);color: var(--clr-gray-500);margin-top: var(--space-3);line-height: var(--leading-relaxed);}.project-features-list ul {list-style: none;display: flex;flex-direction: column;gap: var(--space-3);}.project-features-list li {display: flex;align-items: flex-start;gap: var(--space-2);font-size: var(--text-sm);color: var(--clr-charcoal);line-height: var(--leading-snug);}.project-features-list li svg { flex-shrink: 0; margin-top: 2px; }.project-gallery-section { background: var(--clr-gray-50); }.project-section-title {font-size: var(--text-2xl);color: var(--clr-navy);margin-bottom: var(--space-6);}.project-gallery-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-4);}.gallery-thumb {display: block;border-radius: var(--radius-lg);overflow: hidden;aspect-ratio: 4/3;}.gallery-thumb img {width: 100%; height: 100%;object-fit: cover;transition: transform var(--transition-slow);}.gallery-thumb:hover img { transform: scale(1.04); }.project-order-section {background: var(--clr-gray-50);max-height: 0;overflow: hidden;padding: 0;transition: max-height 0.6s cubic-bezier(.4,0,.2,1), padding 0.4s ease, opacity 0.3s ease;opacity: 0;}.project-order-section.is-open {max-height: 2400px;padding-block: var(--space-16);opacity: 1;}.order-form-wrap {max-width: 720px;margin-inline: auto;background: var(--clr-white);border-radius: var(--radius-2xl);padding: var(--space-10);border: 1px solid var(--color-border);box-shadow: var(--shadow-lg);}.order-form-header { margin-bottom: var(--space-8); }.order-form-title {font-size: var(--text-3xl);color: var(--clr-navy);margin-bottom: var(--space-2);}.order-form-sub { color: var(--clr-gray-500); font-size: var(--text-lg); }.order-fieldset {border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-6);margin-bottom: var(--space-6);}.order-fieldset legend {font-size: var(--text-sm);font-weight: var(--weight-semibold);letter-spacing: 0.06em;text-transform: uppercase;color: var(--clr-navy);padding-inline: var(--space-2);}.checkbox-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-2) var(--space-4);margin-top: var(--space-2);}.checkbox-label {display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);cursor: pointer;}.checkbox-label input[type="checkbox"] {width: 16px; height: 16px;accent-color: var(--clr-navy);cursor: pointer;flex-shrink: 0;}.order-coupon-row { margin-bottom: var(--space-6); }.coupon-group { max-width: 400px; }.coupon-input-row { display: flex; gap: var(--space-2); }.coupon-input-row input { flex: 1; }.coupon-status { font-size: var(--text-sm); margin-top: var(--space-2); min-height: 1.2em; }.coupon-status.success { color: var(--clr-green); }.coupon-status.error { color: #e53e3e; }.order-price-summary {background: var(--clr-navy-pale);border-radius: var(--radius-lg);padding: var(--space-4) var(--space-6);margin-bottom: var(--space-6);}.price-summary-row {display: flex;justify-content: space-between;font-size: var(--text-sm);color: var(--clr-gray-700);padding-block: var(--space-1);}.price-summary-total {padding-top: var(--space-3);border-top: 1px solid rgba(26,43,94,0.15);margin-top: var(--space-2);font-size: var(--text-lg);font-weight: var(--weight-bold);color: var(--clr-navy);}.form-label-heading {font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-navy);margin-bottom: var(--space-3);}.payment-method-btns { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-6); }.payment-method-option {display: flex;align-items: center;padding: var(--space-3) var(--space-5);border: 2px solid var(--color-border);border-radius: var(--radius-lg);cursor: pointer;transition: all var(--transition-fast);position: relative;}.payment-method-option input { position: absolute; opacity: 0; width: 0; height: 0; }.payment-method-option.is-active,.payment-method-option:has(input:checked) {border-color: var(--clr-navy);background: var(--clr-navy-pale);}.payment-method-label {display: flex;align-items: center;font-weight: var(--weight-semibold);color: var(--clr-navy);font-size: var(--text-sm);}.order-form-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-4); }.order-submit-btn { flex: 1; min-width: 200px; justify-content: center; }.order-form-note {display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-xs);color: var(--clr-gray-500);}.order-form-status { margin-top: var(--space-4); font-size: var(--text-sm); min-height: 1.2em; }.order-form-status.success { color: var(--clr-green); }.order-form-status.error { color: #e53e3e; }.project-content-section { background: var(--clr-white); }.project-full-content { font-size: var(--text-lg); line-height: var(--leading-relaxed); }@media (max-width: 1200px) {.bento-grid { grid-template-columns: repeat(2,1fr); }.bento-card--lg { grid-column: span 2; }.pricing-grid { grid-template-columns: 1fr; max-width: 400px; margin-inline: auto; }.pricing-card--popular { transform: none; }}@media (max-width: 1024px) {.service-hero-container { grid-template-columns: 1fr; }.service-hero-visual { display: none; }.service-hero-content { max-width: 100%; text-align: center; }.service-hero-ctas { justify-content: center; }.service-hero-trust { justify-content: center; }.process-grid { grid-template-columns: repeat(2,1fr); }.project-hero-container { grid-template-columns: 1fr; }.project-hero-image { max-width: 500px; margin-inline: auto; }.project-pricing-grid { grid-template-columns: 1fr; }}@media (max-width: 768px) {.bento-grid { grid-template-columns: 1fr; grid-auto-rows: auto; }.bento-card--lg { grid-column: span 1; grid-row: span 1; }.process-grid { grid-template-columns: 1fr; }.bottom-cta-card { flex-direction: column; text-align: center; }.bottom-cta-actions { justify-content: center; }.portfolio-filter { justify-content: center; }.project-gallery-grid { grid-template-columns: repeat(2,1fr); }.project-action-btns { flex-direction: column; }.project-action-btns .btn { width: 100%; justify-content: center; }.order-form-wrap { padding: var(--space-6); }.checkbox-grid { grid-template-columns: 1fr; }}@media (max-width: 480px) {.service-hero-ctas { flex-direction: column; align-items: center; }.service-hero-ctas .btn { width: 100%; justify-content: center; }.project-gallery-grid { grid-template-columns: 1fr; }.coupon-input-row { flex-direction: column; }.payment-method-btns { flex-direction: column; }}.data-hero { background: linear-gradient(135deg, #0d1f4a 0%, var(--clr-navy) 50%, #1a3a2a 100%); }.data-hero-visual {display: flex;justify-content: center;align-items: center;}.data-chart-mockup {width: 100%;max-width: 460px;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.12);border-radius: var(--radius-2xl);padding: var(--space-5);backdrop-filter: blur(10px);box-shadow: var(--shadow-xl);}.chart-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-4);}.chart-title-bar {height: 10px;width: 140px;background: rgba(255,255,255,0.25);border-radius: var(--radius-full);}.chart-legend { display: flex; gap: var(--space-2); }.legend-dot {width: 10px; height: 10px;border-radius: 50%;}.legend-dot--navy { background: rgba(255,255,255,0.5); }.legend-dot--green { background: var(--clr-green-light); }.legend-dot--orange{ background: var(--clr-orange); }.chart-body {position: relative;height: 160px;margin-bottom: var(--space-4);}.chart-bars {display: flex;align-items: flex-end;gap: 6px;height: 100%;}.chart-bar {flex: 1;border-radius: var(--radius-md) var(--radius-md) 0 0;animation: grow-bar 1.2s cubic-bezier(.4,0,.2,1) both;transform-origin: bottom;}@keyframes grow-bar {from { transform: scaleY(0); }to { transform: scaleY(1); }}.chart-bar--navy { background: rgba(255,255,255,0.35); animation-delay: calc(var(--i,0) * 80ms); }.chart-bar--green { background: rgba(45,168,45,0.65); }.chart-bar--orange{ background: rgba(245,146,30,0.75); }.chart-trend-line {position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;}.chart-kpi-row {display: flex;justify-content: space-around;border-top: 1px solid rgba(255,255,255,0.1);padding-top: var(--space-4);}.chart-kpi { text-align: center; }.kpi-value {display: block;font-family: var(--font-heading);font-size: var(--text-2xl);font-weight: var(--weight-black);color: var(--clr-white);line-height: 1.1;}.kpi-label {display: block;font-size: var(--text-xs);color: rgba(255,255,255,0.5);margin-top: 2px;}.data-offerings { background: var(--clr-white); }.offerings-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-5);}.offering-card {padding: var(--space-6);border-radius: var(--radius-xl);border: 1px solid var(--color-border);background: var(--clr-gray-50);transition: all var(--transition-base);display: flex;flex-direction: column;gap: var(--space-3);}.offering-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: transparent;}.offering-card--navy:hover { background: var(--clr-navy-pale); }.offering-card--green:hover { background: var(--clr-green-pale); }.offering-card--orange:hover{ background: var(--clr-orange-pale); }.offering-icon {width: 52px; height: 52px;border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;}.offering-card--navy .offering-icon { background: var(--clr-navy-pale); color: var(--clr-navy); }.offering-card--green .offering-icon { background: var(--clr-green-pale); color: var(--clr-green); }.offering-card--orange.offering-icon { background: var(--clr-orange-pale); color: var(--clr-orange); }.offering-title {font-size: var(--text-lg);font-weight: var(--weight-bold);color: var(--clr-navy);margin: 0;}.offering-desc {font-size: var(--text-sm);color: var(--clr-gray-500);line-height: var(--leading-relaxed);}.case-studies-section { background: var(--clr-gray-50); }.case-studies-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-5);}.case-study-card {background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: var(--space-6);display: flex;flex-direction: column;gap: var(--space-4);transition: all var(--transition-base);position: relative;overflow: hidden;}.case-study-card::before {content: '';position: absolute;top: 0; left: 0; right: 0;height: 3px;}.case-study-card--navy::before { background: var(--clr-navy); }.case-study-card--green::before { background: var(--clr-green); }.case-study-card--orange::before{ background: var(--clr-orange); }.case-study-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-xl);}.case-study-top {display: flex;align-items: center;gap: var(--space-3);flex-wrap: wrap;}.case-client {font-size: var(--text-sm);color: var(--clr-gray-500);font-weight: var(--weight-medium);}.case-title {font-size: var(--text-xl);font-weight: var(--weight-bold);color: var(--clr-navy);margin: 0;}.case-result {display: flex;align-items: flex-start;gap: var(--space-3);background: var(--clr-green-pale);border-radius: var(--radius-lg);padding: var(--space-3) var(--space-4);}.case-result svg { stroke: var(--clr-green); flex-shrink: 0; margin-top: 2px; }.case-result p {font-size: var(--text-sm);color: var(--clr-green-dark);font-weight: var(--weight-semibold);margin: 0;line-height: var(--leading-snug);}.case-tools {display: flex;align-items: center;gap: var(--space-2);flex-wrap: wrap;}.case-tools-label {font-size: var(--text-xs);font-weight: var(--weight-semibold);color: var(--clr-gray-500);text-transform: uppercase;letter-spacing: 0.06em;}.before-after-section { background: var(--clr-white); }.before-after-grid {display: grid;grid-template-columns: 1fr auto 1fr;gap: var(--space-6);align-items: center;}.before-after-panel {border-radius: var(--radius-xl);overflow: hidden;border: 1px solid var(--color-border);}.panel-label {display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);font-weight: var(--weight-bold);letter-spacing: 0.08em;text-transform: uppercase;padding: var(--space-3) var(--space-4);}.panel-label--before {background: #fff5f5;color: #c53030;border-bottom: 1px solid #fed7d7;}.panel-label--after {background: var(--clr-green-pale);color: var(--clr-green-dark);border-bottom: 1px solid #c6f6d5;}.messy-data-mock {background: var(--clr-white);padding: var(--space-3);font-size: var(--text-xs);font-family: var(--font-mono);overflow-x: auto;}.messy-row {display: grid;grid-template-columns: repeat(5, 1fr);gap: 2px;margin-bottom: 2px;}.messy-cell {padding: 4px 6px;background: var(--clr-gray-50);border: 1px solid var(--color-border);border-radius: 2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--clr-gray-700);}.messy-cell--error {background: #fff5f5;color: #c53030;border-color: #fed7d7;}.clean-data-mock {background: var(--clr-white);padding: var(--space-3);font-size: var(--text-xs);font-family: var(--font-mono);overflow-x: auto;}.clean-header {display: grid;grid-template-columns: repeat(5, 1fr);gap: 2px;margin-bottom: 4px;}.clean-header span {padding: 4px 6px;background: var(--clr-navy);color: var(--clr-white);font-weight: var(--weight-bold);border-radius: 2px;font-size: 10px;}.clean-row {display: grid;grid-template-columns: repeat(5, 1fr);gap: 2px;margin-bottom: 2px;}.clean-cell {padding: 4px 6px;background: var(--clr-green-pale);border: 1px solid #c6f6d5;border-radius: 2px;color: var(--clr-green-dark);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.clean-cell--flag {background: #fffbeb;border-color: #fef08a;color: #92400e;}.panel-issues,.panel-wins {padding: var(--space-4);display: flex;flex-direction: column;gap: var(--space-2);}.issue-item,.win-item {display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-xs);color: var(--clr-gray-700);}.before-after-arrow {display: flex;flex-direction: column;align-items: center;gap: var(--space-2);color: var(--clr-orange);}.before-after-arrow span {font-size: var(--text-xs);font-weight: var(--weight-semibold);text-align: center;color: var(--clr-gray-500);max-width: 60px;line-height: var(--leading-snug);}.data-enquiry-section { background: var(--clr-gray-50); }.enquiry-grid {display: grid;grid-template-columns: 1fr 1.4fr;gap: var(--space-12);align-items: start;}.enquiry-info { padding-top: var(--space-4); }.enquiry-info p {color: var(--clr-gray-500);line-height: var(--leading-relaxed);margin: var(--space-4) 0 var(--space-6);font-size: var(--text-lg);}.enquiry-contact-items {display: flex;flex-direction: column;gap: var(--space-4);}.enquiry-contact-item {display: flex;align-items: center;gap: var(--space-3);font-size: var(--text-sm);color: var(--clr-charcoal);font-weight: var(--weight-medium);}.enquiry-form-wrap {background: var(--clr-white);border-radius: var(--radius-2xl);padding: var(--space-8);border: 1px solid var(--color-border);box-shadow: var(--shadow-md);}@media (max-width: 1024px) {.offerings-grid { grid-template-columns: repeat(2, 1fr); }.data-hero-visual { display: none; }.before-after-grid { grid-template-columns: 1fr; }.before-after-arrow { flex-direction: row; max-width: none; }.before-after-arrow svg { transform: rotate(90deg); }.enquiry-grid { grid-template-columns: 1fr; }}@media (max-width: 768px) {.offerings-grid { grid-template-columns: 1fr; }.case-studies-grid { grid-template-columns: 1fr; }.enquiry-form-wrap { padding: var(--space-5); }}.about-hero {position: relative;overflow: hidden;background: linear-gradient(135deg, var(--clr-gray-50) 0%, rgba(45,140,45,0.03) 100%);}.about-hero-container {display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-12);align-items: center;}.about-hero-content {max-width: 580px;}.about-hero-title {font-size: clamp(2.2rem, 4vw, 3.5rem);font-weight: var(--weight-black);line-height: 1.15;color: var(--clr-navy);margin-bottom: var(--space-6);letter-spacing: -0.02em;}.about-hero-sub {font-size: clamp(var(--text-base), 1.2vw, var(--text-lg));color: var(--clr-gray-600);line-height: var(--leading-relaxed);margin-bottom: var(--space-8);}.about-hero-stats {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-8);margin-bottom: var(--space-10);padding: var(--space-6);background: var(--clr-white);border-radius: var(--radius-2xl);border: 1px solid var(--color-border);}.about-stat {display: flex;flex-direction: column;gap: var(--space-2);}.about-stat-value {font-size: clamp(1.75rem, 2.5vw, 2.5rem);font-weight: var(--weight-black);color: var(--clr-green);line-height: 1;}.about-stat-label {font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--clr-gray-600);}.about-hero-cta {margin-top: var(--space-8);}.about-hero-image {position: relative;height: 480px;}.about-image-card {position: relative;width: 100%;height: 100%;background: var(--clr-gray-100);border-radius: var(--radius-2xl);overflow: hidden;border: 1px solid var(--color-border);}.about-image-main {width: 100%;height: 100%;background: linear-gradient(135deg, var(--clr-green-pale) 0%, var(--clr-orange-pale) 100%);display: flex;align-items: center;justify-content: center;font-size: 4rem;color: var(--clr-gray-200);}.about-float-badge {position: absolute;display: flex;align-items: center;gap: var(--space-2);padding: var(--space-3) var(--space-4);background: var(--clr-white);border-radius: var(--radius-full);border: 1px solid var(--color-border);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--clr-navy);box-shadow: var(--shadow-lg);}.about-float-badge--1 {top: var(--space-6);left: var(--space-6);animation: float 6s ease-in-out infinite;}.about-float-badge--2 {bottom: var(--space-6);right: var(--space-6);animation: float 6s ease-in-out infinite;animation-delay: 1s;}@keyframes float {0%, 100% { transform: translateY(0); }50% { transform: translateY(-10px); }}.story-section {background: var(--clr-gray-50);}.story-content {max-width: 720px;margin: 0 auto;text-align: center;}.story-content span {display: block;margin-bottom: var(--space-4);}.story-content h2 {font-size: clamp(2rem, 3.5vw, 2.8rem);font-weight: var(--weight-black);color: var(--clr-navy);margin-bottom: var(--space-8);line-height: 1.2;}.story-content p {font-size: var(--text-lg);color: var(--clr-gray-600);line-height: var(--leading-relaxed);margin-bottom: var(--space-6);}.story-content p:last-child {margin-bottom: 0;}.highlight-text {font-size: clamp(var(--text-base), 1.1vw, var(--text-lg));color: var(--clr-green);font-weight: var(--weight-semibold);padding: var(--space-4);background: rgba(45,140,45,0.08);border-left: 4px solid var(--clr-green);border-radius: var(--radius-lg);}.framework-section {background: var(--clr-white);}.section-subtitle {font-size: var(--text-lg);color: var(--clr-gray-600);max-width: 600px;margin: var(--space-4) auto 0;line-height: var(--leading-relaxed);}.framework-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-8);margin-bottom: var(--space-12);}.framework-card {position: relative;padding: var(--space-8);background: var(--clr-white);border: 2px solid var(--color-border);border-radius: var(--radius-2xl);transition: all var(--transition-normal);overflow: hidden;}.framework-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;transition: all var(--transition-normal);}.tier-beginner::before { background: var(--clr-navy); }.tier-intermediate::before { background: var(--clr-green); }.tier-advanced::before { background: var(--clr-orange); }.framework-card:hover {transform: translateY(-8px);border-color: var(--clr-navy);box-shadow: var(--shadow-lg);}.framework-number {display: inline-block;font-size: var(--text-xs);font-weight: var(--weight-bold);text-transform: uppercase;letter-spacing: 0.08em;color: var(--clr-gray-500);margin-bottom: var(--space-4);}.framework-title {font-size: clamp(1.5rem, 2.5vw, 2rem);font-weight: var(--weight-bold);color: var(--clr-navy);margin-bottom: var(--space-2);}.framework-subtitle {font-size: var(--text-base);color: var(--clr-green);font-weight: var(--weight-semibold);margin-bottom: var(--space-3);}.framework-description {font-size: var(--text-base);color: var(--clr-gray-600);line-height: var(--leading-relaxed);margin-bottom: var(--space-4);}.framework-examples {font-size: var(--text-sm);color: var(--clr-gray-500);background: var(--clr-gray-50);padding: var(--space-3);border-radius: var(--radius-lg);margin-bottom: var(--space-6);line-height: var(--leading-relaxed);}.framework-highlight {max-width: 720px;margin: 0 auto;padding: var(--space-6);background: rgba(45,140,45,0.06);border: 1px solid var(--clr-green-pale);border-radius: var(--radius-2xl);text-align: center;font-size: var(--text-base);color: var(--clr-navy);line-height: var(--leading-relaxed);}.courses-discovery-section {background: var(--clr-gray-50);}.courses-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-6);margin-bottom: var(--space-12);}.course-category-card {position: relative;display: flex;flex-direction: column;gap: var(--space-4);padding: var(--space-6);background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);text-decoration: none;color: inherit;transition: all var(--transition-normal);cursor: pointer;}.course-category-card:hover {transform: translateY(-6px);border-color: var(--clr-green);box-shadow: var(--shadow-md);}.course-icon {font-size: 2.5rem;line-height: 1;}.course-category-card h3 {font-size: var(--text-lg);font-weight: var(--weight-bold);color: var(--clr-navy);margin: 0;}.course-category-card p {font-size: var(--text-base);color: var(--clr-gray-600);margin: 0;flex: 1;}.course-arrow {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: var(--clr-green-pale);color: var(--clr-green);border-radius: var(--radius-lg);transition: all var(--transition-fast);align-self: flex-start;}.course-category-card:hover .course-arrow {transform: translateX(4px);background: var(--clr-green);color: var(--clr-white);}.courses-cta {margin-top: var(--space-10);}.values-section {background: var(--clr-white);}.values-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-8);}.value-card {padding: var(--space-8);background: var(--clr-gray-50);border-radius: var(--radius-2xl);border: 1px solid var(--color-border);transition: all var(--transition-normal);}.value-card:hover {transform: translateY(-4px);border-color: var(--clr-green);box-shadow: var(--shadow-md);}.value-icon {display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;background: var(--clr-green-pale);color: var(--clr-green);border-radius: var(--radius-xl);margin-bottom: var(--space-4);}.value-card h3 {font-size: var(--text-xl);font-weight: var(--weight-bold);color: var(--clr-navy);margin-bottom: var(--space-3);}.value-card p {font-size: var(--text-base);color: var(--clr-gray-600);line-height: var(--leading-relaxed);margin: 0;}.about-conversion-section {background: var(--clr-gray-50);}.conversion-card {max-width: 800px;margin: 0 auto;padding: var(--space-12);background: linear-gradient(135deg, var(--clr-navy) 0%, var(--clr-navy-dark) 100%);color: var(--clr-white);border-radius: var(--radius-3xl);text-align: center;}.conversion-card h2 {font-size: clamp(1.75rem, 3vw, 2.5rem);font-weight: var(--weight-black);margin-bottom: var(--space-4);line-height: 1.2;}.conversion-card p {font-size: var(--text-lg);color: rgba(255, 255, 255, 0.9);line-height: var(--leading-relaxed);margin-bottom: var(--space-4);}.conversion-card .highlight-text {background: rgba(255, 255, 255, 0.1);border-left-color: var(--clr-green);color: var(--clr-green-light);}.conversion-actions {display: flex;gap: var(--space-4);justify-content: center;margin: var(--space-10) 0;flex-wrap: wrap;}.conversion-trust {margin-top: var(--space-8);padding-top: var(--space-8);border-top: 1px solid rgba(255, 255, 255, 0.2);}.conversion-trust p {font-size: var(--text-base);margin-bottom: var(--space-4);}.contact-info-section {background: var(--clr-white);}.contact-info-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-8);max-width: 960px;margin: 0 auto;}.contact-info-card {text-align: center;padding: var(--space-8);background: var(--clr-gray-50);border-radius: var(--radius-2xl);border: 1px solid var(--color-border);transition: all var(--transition-normal);}.contact-info-card:hover {transform: translateY(-4px);border-color: var(--clr-navy);box-shadow: var(--shadow-md);}.contact-icon {display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;background: var(--clr-white);border: 2px solid var(--color-border);border-radius: var(--radius-xl);margin: 0 auto var(--space-4);}.contact-info-card h3 {font-size: var(--text-lg);font-weight: var(--weight-bold);color: var(--clr-navy);margin-bottom: var(--space-3);}.contact-info-card p {font-size: var(--text-base);color: var(--clr-gray-600);margin: 0;line-height: var(--leading-relaxed);}.contact-info-card a {color: var(--clr-green);font-weight: var(--weight-semibold);text-decoration: none;transition: color var(--transition-fast);}.contact-info-card a:hover {color: var(--clr-navy);}@media (max-width: 1024px) {.about-hero-container {grid-template-columns: 1fr;gap: var(--space-8);}.about-hero-image {display: none;}.about-hero-stats {grid-template-columns: repeat(2, 1fr);}.framework-grid {grid-template-columns: repeat(2, 1fr);}.courses-grid {grid-template-columns: repeat(2, 1fr);}.contact-info-grid {grid-template-columns: repeat(2, 1fr);}.values-grid {grid-template-columns: 1fr;}}@media (max-width: 768px) {.about-hero-stats {grid-template-columns: repeat(2, 1fr);gap: var(--space-5);padding: var(--space-4);}.about-stat-value {font-size: 1.5rem;}.framework-grid {grid-template-columns: 1fr;}.courses-grid {grid-template-columns: 1fr;}.contact-info-grid {grid-template-columns: 1fr;}.conversion-card {padding: var(--space-8);}.conversion-actions {flex-direction: column;gap: var(--space-3);}.conversion-actions .btn {width: 100%;}.story-content h2 {font-size: 1.75rem;}.about-hero-title {font-size: 2rem;}}@media (max-width: 480px) {.about-hero-stats {grid-template-columns: 1fr;}.framework-grid {grid-template-columns: 1fr;}.courses-grid {grid-template-columns: 1fr;}.section-header.centered {text-align: center;}}.contact-page { padding-top: 0; }.contact-grid {display: grid;grid-template-columns: 1fr 1.5fr;gap: var(--space-12);align-items: start;}.contact-title {font-size: clamp(2rem, 4vw, 3rem);color: var(--clr-navy);margin: var(--space-3) 0 var(--space-4);}.contact-info > p {color: var(--clr-gray-500);font-size: var(--text-lg);line-height: var(--leading-relaxed);margin-bottom: var(--space-8);}.contact-details {display: flex;flex-direction: column;gap: var(--space-5);margin-bottom: var(--space-8);}.contact-detail-item {display: flex;align-items: flex-start;gap: var(--space-3);}.contact-detail-icon {width: 40px; height: 40px;background: var(--clr-navy-pale);border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;color: var(--clr-navy);flex-shrink: 0;}.contact-detail-item strong {display: block;font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-navy);margin-bottom: 2px;}.contact-detail-item a,.contact-detail-item span {font-size: var(--text-sm);color: var(--clr-gray-600);text-decoration: none;}.contact-detail-item a:hover { color: var(--clr-navy); }.contact-map {border-radius: var(--radius-xl);overflow: hidden;border: 1px solid var(--color-border);margin-top: var(--space-6);}.contact-form-wrap {background: var(--clr-white);border-radius: var(--radius-2xl);padding: var(--space-8);border: 1px solid var(--color-border);box-shadow: var(--shadow-md);}@media (max-width: 1024px) {.contact-grid {grid-template-columns: 1fr;}.contact-title { font-size: 2rem; }}@media (max-width: 640px) {.contact-form-wrap { padding: var(--space-5); }}.reviews-page-hero {background: linear-gradient(135deg, var(--clr-navy) 0%, var(--clr-navy-light) 100%);padding-block: var(--space-16) var(--space-10);color: var(--clr-white);}.reviews-hero-content { margin-bottom: var(--space-8); }.reviews-hero-title {font-size: clamp(var(--text-3xl), 4vw, var(--text-5xl));color: var(--clr-white);margin: var(--space-3) 0 var(--space-4);}.reviews-hero-sub {font-size: var(--text-lg);color: rgba(255,255,255,0.7);max-width: 560px;line-height: var(--leading-relaxed);}.rating-summary-card {background: var(--clr-white);border-radius: var(--radius-2xl);padding: var(--space-8);max-width: 680px;box-shadow: var(--shadow-xl);display: flex;flex-direction: column;gap: var(--space-6);}.rating-summary-big {display: flex;align-items: center;gap: var(--space-6);}.rating-big-num {font-family: var(--font-heading);font-size: 5rem;font-weight: var(--weight-black);color: var(--clr-navy);line-height: 1;}.rating-big-right { display: flex; flex-direction: column; gap: var(--space-2); }.rating-big-right .star-rating { font-size: 24px; }.rating-big-count { font-size: var(--text-sm); color: var(--clr-gray-500); font-weight: var(--weight-medium); }.rating-breakdown { display: flex; flex-direction: column; gap: var(--space-2); }.breakdown-row { display: flex; align-items: center; gap: var(--space-3); }.breakdown-label { font-size: var(--text-sm); font-weight: var(--weight-medium); color: var(--clr-navy); width: 36px; flex-shrink: 0; }.breakdown-bar-wrap { flex: 1; height: 8px; background: var(--clr-gray-100); border-radius: var(--radius-full); overflow: hidden; }.breakdown-bar { height: 100%; background: var(--clr-orange); border-radius: var(--radius-full); transition: width 1s cubic-bezier(.4,0,.2,1); }.breakdown-pct { font-size: var(--text-xs); color: var(--clr-gray-500); width: 32px; text-align: right; flex-shrink: 0; }.rating-summary-ctas { display: flex; gap: var(--space-3); flex-wrap: wrap; }.page-review-form-wrap {background: var(--clr-white);border-bottom: 1px solid var(--color-border);max-height: 0;overflow: hidden;transition: max-height 0.55s cubic-bezier(.4,0,.2,1), opacity 0.3s ease;opacity: 0;}.page-review-form-wrap.is-open {max-height: 800px;opacity: 1;}.page-review-form-inner {max-width: 680px;margin-inline: auto;padding: var(--space-10) var(--space-6);}.page-review-form-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-6);}.page-review-form-header h2 { font-size: var(--text-2xl); color: var(--clr-navy); }.page-review-close-btn {width: 40px; height: 40px;border: 1px solid var(--color-border);border-radius: var(--radius-md);background: var(--clr-gray-100);cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--clr-charcoal);transition: all var(--transition-fast);}.page-review-close-btn:hover { background: var(--clr-navy); color: var(--clr-white); border-color: var(--clr-navy); }.reviews-filter-bar {background: var(--clr-white);border-bottom: 1px solid var(--color-border);padding-block: var(--space-4);position: sticky;top: var(--header-height);z-index: var(--z-sticky);}.reviews-filter-bar .container {display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);flex-wrap: wrap;}.reviews-source-tabs { display: flex; gap: var(--space-2); flex-wrap: wrap; }.reviews-source-tab {display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-4);border-radius: var(--radius-full);border: 1px solid var(--color-border);background: var(--clr-white);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--clr-gray-700);cursor: pointer;transition: all var(--transition-fast);}.reviews-source-tab:hover { background: var(--clr-navy-pale); color: var(--clr-navy); border-color: var(--clr-navy); }.reviews-source-tab.is-active {background: var(--clr-navy);color: var(--clr-white);border-color: var(--clr-navy);}.source-count {background: rgba(255,255,255,0.2);border-radius: var(--radius-full);font-size: var(--text-xs);padding: 1px 6px;min-width: 20px;text-align: center;}.reviews-source-tab:not(.is-active) .source-count { background: var(--clr-gray-100); color: var(--clr-gray-500); }.reviews-sort-select {padding: var(--space-2) var(--space-4);border: 1px solid var(--color-border);border-radius: var(--radius-md);font-size: var(--text-sm);background: var(--clr-white);color: var(--clr-charcoal);cursor: pointer;}.reviews-grid-section { background: var(--clr-gray-50); }.reviews-masonry {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-5);align-items: start;}.review-card-full {background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: var(--space-6);display: flex;flex-direction: column;gap: var(--space-4);transition: all var(--transition-base), opacity 0.3s ease, transform 0.3s ease;}.review-card-full:hover { box-shadow: var(--shadow-lg); transform: translateY(-3px); }.review-card-top {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--space-2);}.review-card-date { font-size: var(--text-xs); color: var(--clr-gray-400); }.review-card-text {font-size: var(--text-base);color: var(--clr-charcoal);line-height: var(--leading-relaxed);border: none;margin: 0;padding: 0;flex: 1;}.review-card-author {display: flex;align-items: center;gap: var(--space-3);padding-top: var(--space-4);border-top: 1px solid var(--color-border);flex-wrap: wrap;}.review-author-avatar {width: 44px !important; height: 44px !important;border-radius: 50%;object-fit: cover;flex-shrink: 0;}.review-author-initials {display: flex;align-items: center;justify-content: center;font-weight: var(--weight-bold);font-size: var(--text-lg);flex-shrink: 0;}.review-author-name {display: block;font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-navy);}.review-author-role {display: block;font-size: var(--text-xs);color: var(--clr-gray-500);}.review-source-badge {display: inline-flex;align-items: center;gap: 4px;font-size: 10px;font-weight: var(--weight-semibold);padding: 3px 8px;border-radius: var(--radius-full);margin-left: auto;white-space: nowrap;}.review-source-badge--site { background: var(--clr-navy-pale); color: var(--clr-navy); }.review-source-badge--google{ background: #fff3f3; color: #c0392b; border: 1px solid #fdc; }@media (max-width: 1024px) {.reviews-masonry { grid-template-columns: repeat(2, 1fr); }.rating-summary-card { max-width: 100%; }}@media (max-width: 640px) {.reviews-masonry { grid-template-columns: 1fr; }.rating-summary-big { flex-direction: column; align-items: flex-start; }.rating-big-num { font-size: 3.5rem; }.reviews-filter-bar .container { flex-direction: column; align-items: flex-start; }.page-review-form-inner { padding: var(--space-6) var(--space-4); }.rating-summary-ctas { flex-direction: column; }.rating-summary-ctas .btn { width: 100%; justify-content: center; }}.dashboard-page {background: var(--clr-gray-50);min-height: 100vh;padding-top: 0;}.dashboard-layout {display: grid;grid-template-columns: 260px 1fr;min-height: calc(100vh - var(--header-height));align-items: start;}.dashboard-sidebar {background: var(--clr-white);border-right: 1px solid var(--color-border);min-height: calc(100vh - var(--header-height));position: sticky;top: var(--header-height);display: flex;flex-direction: column;padding: var(--space-6);gap: var(--space-2);}.dash-profile {display: flex;align-items: center;gap: var(--space-3);padding: var(--space-4);background: var(--clr-navy-pale);border-radius: var(--radius-xl);margin-bottom: var(--space-4);}.dash-profile-avatar { position: relative; flex-shrink: 0; }.dash-avatar-img {width: 52px !important;height: 52px !important;border-radius: 50%;object-fit: cover;border: 2px solid var(--clr-white);box-shadow: var(--shadow-sm);}.dash-plan-badge {position: absolute;bottom: -2px;right: -4px;width: 20px;height: 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 11px;border: 2px solid var(--clr-white);background: var(--clr-white);}.dash-profile-info { min-width: 0; }.dash-profile-info strong {display: block;font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-navy);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.dash-plan-label {display: inline-block;font-size: var(--text-xs);font-weight: var(--weight-semibold);padding: 2px 8px;border-radius: var(--radius-full);margin-top: 2px;}.dash-plan-label--gray { background: var(--clr-gray-100); color: var(--clr-gray-700); }.dash-plan-label--navy { background: var(--clr-navy-pale); color: var(--clr-navy); }.dash-plan-label--orange { background: var(--clr-orange-pale); color: var(--clr-orange-dark); }.dash-plan-expiry {display: block;font-size: var(--text-xs);color: var(--clr-gray-400);margin-top: 2px;}.dash-nav {display: flex;flex-direction: column;gap: 2px;flex: 1;}.dash-nav-item {display: flex;align-items: center;gap: var(--space-3);padding: var(--space-3) var(--space-4);border-radius: var(--radius-lg);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--clr-gray-700);text-decoration: none;transition: all var(--transition-fast);position: relative;}.dash-nav-item:hover {background: var(--clr-navy-pale);color: var(--clr-navy);}.dash-nav-item.is-active {background: var(--clr-navy);color: var(--clr-white);}.dash-nav-item--special {color: var(--clr-orange-dark);margin-top: var(--space-2);}.dash-nav-item--special:hover {background: var(--clr-orange-pale);color: var(--clr-orange-dark);}.dash-nav-item--special.is-active {background: var(--clr-orange);color: var(--clr-white);}.dash-nav-badge {margin-left: auto;background: var(--clr-orange);color: var(--clr-white);font-size: 10px;font-weight: var(--weight-bold);border-radius: var(--radius-full);padding: 1px 6px;min-width: 18px;text-align: center;}.dash-nav-item.is-active .dash-nav-badge {background: rgba(255,255,255,0.25);}.dash-logout-btn {display: flex;align-items: center;gap: var(--space-2);padding: var(--space-3) var(--space-4);border-radius: var(--radius-lg);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--clr-gray-500);text-decoration: none;transition: all var(--transition-fast);margin-top: var(--space-4);border-top: 1px solid var(--color-border);padding-top: var(--space-5);}.dash-logout-btn:hover { color: #e53e3e; }.dashboard-main {padding: var(--space-8);min-width: 0;}.dash-mobile-tabs { display: none; margin-bottom: var(--space-6); }.dash-mobile-select {width: 100%;padding: var(--space-3) var(--space-4);border: 1px solid var(--color-border);border-radius: var(--radius-lg);font-size: var(--text-base);font-weight: var(--weight-medium);background: var(--clr-white);color: var(--clr-navy);cursor: pointer;}.dash-section { display: flex; flex-direction: column; gap: var(--space-8); }.dash-section-header {display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;gap: var(--space-4);}.dash-page-title {font-size: clamp(var(--text-2xl), 3vw, var(--text-3xl));color: var(--clr-navy);margin-bottom: var(--space-1);}.dash-page-sub { color: var(--clr-gray-500); font-size: var(--text-lg); }.dash-sub-title { font-size: var(--text-xl); color: var(--clr-navy); font-weight: var(--weight-bold); }.dash-stats-row {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-4);}.dash-stat-card {background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: var(--space-5);display: flex;flex-direction: column;gap: var(--space-2);transition: all var(--transition-base);}.dash-stat-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }.dash-stat-icon {width: 40px; height: 40px;border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;margin-bottom: var(--space-1);}.dash-stat-card--navy .dash-stat-icon { background: var(--clr-navy-pale); color: var(--clr-navy); }.dash-stat-card--green .dash-stat-icon { background: var(--clr-green-pale); color: var(--clr-green); }.dash-stat-card--orange .dash-stat-icon { background: var(--clr-orange-pale); color: var(--clr-orange); }.dash-stat-value {font-family: var(--font-heading);font-size: var(--text-3xl);font-weight: var(--weight-black);color: var(--clr-navy);line-height: 1;}.dash-stat-label {font-size: var(--text-xs);color: var(--clr-gray-500);font-weight: var(--weight-medium);text-transform: uppercase;letter-spacing: 0.06em;}.dash-upgrade-banner {background: linear-gradient(135deg, var(--clr-navy) 0%, var(--clr-navy-light) 100%);border-radius: var(--radius-xl);padding: var(--space-6) var(--space-8);display: flex;align-items: center;justify-content: space-between;gap: var(--space-6);flex-wrap: wrap;}.dash-upgrade-banner-content { display: flex; align-items: center; gap: var(--space-4); }.dash-upgrade-icon { font-size: 2rem; flex-shrink: 0; }.dash-upgrade-banner h3 { font-size: var(--text-lg); color: var(--clr-white); margin-bottom: var(--space-1); }.dash-upgrade-banner p { font-size: var(--text-sm); color: rgba(255,255,255,0.7); }.dash-premium-banner {display: flex;align-items: center;gap: var(--space-3);background: linear-gradient(135deg, var(--clr-orange-pale), var(--clr-green-pale));border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: var(--space-4) var(--space-6);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--clr-charcoal);}.dash-premium-banner span { font-size: 1.5rem; }.dash-continue-section { display: flex; flex-direction: column; gap: var(--space-4); }.dash-course-cards { display: flex; flex-direction: column; gap: var(--space-3); }.dash-course-card {display: flex;gap: var(--space-4);align-items: flex-start;background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: var(--space-4);transition: all var(--transition-base);}.dash-course-card:hover { box-shadow: var(--shadow-md); border-color: var(--clr-navy); }.dash-course-thumb {width: 80px;height: 60px;border-radius: var(--radius-md);object-fit: cover;flex-shrink: 0;}.dash-course-thumb-placeholder {width: 80px; height: 60px;background: var(--clr-gray-100);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.dash-course-info { flex: 1; min-width: 0; }.dash-course-title {font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-navy);margin-bottom: var(--space-2);line-height: var(--leading-snug);}.dash-course-title a { color: inherit; text-decoration: none; }.dash-course-title a:hover { color: var(--clr-green); }.dash-progress-wrap {display: flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-3);}.dash-progress-bar-wrap {flex: 1;height: 6px;background: var(--clr-gray-100);border-radius: var(--radius-full);overflow: hidden;}.dash-progress-bar {height: 100%;background: linear-gradient(90deg, var(--clr-green), var(--clr-green-light));border-radius: var(--radius-full);transition: width 1s cubic-bezier(.4,0,.2,1);}.dash-progress-pct {font-size: var(--text-xs);font-weight: var(--weight-bold);color: var(--clr-navy);white-space: nowrap;min-width: 32px;}.dash-course-actions { display: flex; gap: var(--space-2); flex-wrap: wrap; }.dash-empty-state {display: flex;flex-direction: column;align-items: center;text-align: center;gap: var(--space-3);padding: var(--space-16) var(--space-8);background: var(--clr-white);border: 1px dashed var(--color-border);border-radius: var(--radius-2xl);}.dash-empty-state h3 { color: var(--clr-navy); font-size: var(--text-xl); }.dash-empty-state p { color: var(--clr-gray-500); max-width: 360px; }.dash-filter-tabs {display: flex;gap: var(--space-2);border-bottom: 2px solid var(--color-border);margin-bottom: var(--space-6);}.dash-filter-tab {padding: var(--space-2) var(--space-5);border: none;background: transparent;font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-gray-500);cursor: pointer;border-bottom: 2px solid transparent;margin-bottom: -2px;transition: all var(--transition-fast);}.dash-filter-tab:hover { color: var(--clr-navy); }.dash-filter-tab.is-active { color: var(--clr-navy); border-bottom-color: var(--clr-navy); }.dash-courses-list { display: flex; flex-direction: column; gap: var(--space-3); }.dash-course-list-item {display: flex;gap: var(--space-5);align-items: center;background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: var(--space-5);transition: all var(--transition-base);}.dash-course-list-item:hover { box-shadow: var(--shadow-md); border-color: var(--clr-navy); }.dash-course-list-item[aria-hidden="true"] { display: none; }.dash-list-thumb {width: 120px; height: 80px;border-radius: var(--radius-lg);object-fit: cover;flex-shrink: 0;}.dash-list-thumb--placeholder {width: 120px; height: 80px;background: var(--clr-gray-100);border-radius: var(--radius-lg);flex-shrink: 0;}.dash-list-info { flex: 1; min-width: 0; }.dash-list-meta { display: flex; gap: var(--space-2); margin-bottom: var(--space-2); flex-wrap: wrap; }.dash-list-title {font-size: var(--text-base);font-weight: var(--weight-semibold);color: var(--clr-navy);margin-bottom: var(--space-2);line-height: var(--leading-snug);}.dash-list-title a { color: inherit; text-decoration: none; }.dash-list-title a:hover { color: var(--clr-green); }.dash-list-sub { font-size: var(--text-xs); color: var(--clr-gray-500); margin-bottom: var(--space-2); }.dash-list-progress { display: flex; align-items: center; gap: var(--space-2); }.dash-list-actions { display: flex; flex-direction: column; gap: var(--space-2); flex-shrink: 0; }.dash-certs-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-6);}.dash-cert-card {background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);overflow: hidden;transition: all var(--transition-base);}.dash-cert-card:hover { box-shadow: var(--shadow-xl); transform: translateY(-3px); }.cert-preview {aspect-ratio: 1.414 / 1;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}.cert-preview--default { background: linear-gradient(135deg, var(--clr-navy) 0%, var(--clr-navy-light) 100%); }.cert-preview--green { background: linear-gradient(135deg, var(--clr-green-dark) 0%, var(--clr-green) 100%); }.cert-preview--navy { background: linear-gradient(135deg, #0f1a3d 0%, var(--clr-navy) 100%); }.cert-preview::before {content: '';position: absolute;inset: 10px;border: 1.5px solid rgba(255,255,255,0.25);border-radius: var(--radius-lg);pointer-events: none;}.cert-preview-inner {position: relative;z-index: 1;text-align: center;color: var(--clr-white);padding: var(--space-6);width: 100%;}.cert-preview-logo {font-family: var(--font-heading);font-size: var(--text-xs);font-weight: var(--weight-black);letter-spacing: 0.15em;text-transform: uppercase;opacity: 0.7;margin-bottom: var(--space-2);}.cert-preview-label {font-size: var(--text-xs);letter-spacing: 0.08em;text-transform: uppercase;opacity: 0.65;margin-bottom: var(--space-3);}.cert-preview-name {font-family: var(--font-heading);font-size: clamp(var(--text-lg), 2.5vw, var(--text-2xl));font-weight: var(--weight-black);letter-spacing: -0.02em;margin-bottom: var(--space-2);}.cert-preview-course {font-size: var(--text-sm);opacity: 0.8;margin-bottom: var(--space-2);font-style: italic;}.cert-preview-date {font-size: var(--text-xs);opacity: 0.55;}.cert-preview-seal {font-size: var(--text-2xl);color: var(--clr-orange-light);margin-top: var(--space-3);}.cert-card-actions {padding: var(--space-4) var(--space-5);}.cert-card-title {font-size: var(--text-base);font-weight: var(--weight-semibold);color: var(--clr-navy);margin-bottom: 4px;line-height: var(--leading-snug);}.cert-card-date {font-size: var(--text-xs);color: var(--clr-gray-500);margin-bottom: var(--space-4);}.cert-card-btns { display: flex; gap: var(--space-2); flex-wrap: wrap; }.dash-orders-table-wrap {background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-xl);overflow: hidden;overflow-x: auto;}.dash-orders-table {width: 100%;border-collapse: collapse;font-size: var(--text-sm);min-width: 560px;}.dash-orders-table thead {background: var(--clr-navy);color: var(--clr-white);}.dash-orders-table th {padding: var(--space-4) var(--space-5);font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: 0.08em;text-transform: uppercase;text-align: left;}.dash-orders-table td {padding: var(--space-4) var(--space-5);border-bottom: 1px solid var(--color-border);vertical-align: middle;}.dash-orders-table tbody tr:last-child td { border-bottom: none; }.dash-orders-table tbody tr:hover td { background: var(--clr-gray-50); }.order-ref {font-family: var(--font-mono);font-size: var(--text-xs);background: var(--clr-gray-100);padding: 2px 6px;border-radius: var(--radius-sm);color: var(--clr-navy);}.dash-settings-form {display: flex;flex-direction: column;gap: var(--space-8);max-width: 640px;}.dash-settings-group {background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);padding: var(--space-8);display: flex;flex-direction: column;gap: var(--space-5);}.dash-settings-group-title {font-size: var(--text-lg);font-weight: var(--weight-bold);color: var(--clr-navy);padding-bottom: var(--space-4);border-bottom: 1px solid var(--color-border);}.dash-avatar-section {display: flex;align-items: center;gap: var(--space-5);}.dash-settings-avatar {width: 80px !important;height: 80px !important;border-radius: 50%;border: 3px solid var(--color-border);object-fit: cover;}.dash-avatar-note {font-size: var(--text-sm);color: var(--clr-gray-500);margin-bottom: var(--space-3);}.dash-current-plan-notice {display: flex;align-items: center;gap: var(--space-3);background: var(--clr-green-pale);border: 1px solid #c6f6d5;border-radius: var(--radius-xl);padding: var(--space-4) var(--space-5);font-size: var(--text-sm);color: var(--clr-green-dark);}.dash-upgrade-plans {display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-6);}.upgrade-plan-card {background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);padding: var(--space-8);display: flex;flex-direction: column;gap: var(--space-5);position: relative;transition: all var(--transition-base);}.upgrade-plan-card:hover { box-shadow: var(--shadow-xl); transform: translateY(-3px); }.upgrade-plan-card--popular {border-color: var(--clr-orange);box-shadow: 0 0 0 2px var(--clr-orange);}.upgrade-plan-card--current {border-color: var(--clr-green);background: var(--clr-green-pale);}.upgrade-popular-badge {position: absolute;top: -14px;left: 50%;transform: translateX(-50%);background: var(--clr-orange);color: var(--clr-white);font-size: var(--text-xs);font-weight: var(--weight-bold);letter-spacing: 0.08em;text-transform: uppercase;padding: 5px 16px;border-radius: var(--radius-full);white-space: nowrap;}.upgrade-plan-header { text-align: center; }.upgrade-plan-name {font-size: var(--text-2xl);font-weight: var(--weight-bold);color: var(--clr-navy);margin-bottom: var(--space-3);}.upgrade-plan-price {display: flex;align-items: baseline;justify-content: center;gap: 2px;}.upgrade-price-currency { font-size: var(--text-2xl); font-weight: var(--weight-bold); color: var(--clr-navy); }.upgrade-price-amount { font-size: var(--text-5xl); font-weight: var(--weight-black); color: var(--clr-navy); line-height: 1; }.upgrade-price-period { font-size: var(--text-sm); color: var(--clr-gray-500); }.upgrade-plan-features {list-style: none;display: flex;flex-direction: column;gap: var(--space-3);flex: 1;}.upgrade-plan-features li {display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);color: var(--clr-charcoal);}.upgrade-plan-features li svg { stroke: var(--clr-green); flex-shrink: 0; }.upgrade-btn { justify-content: center; }.upgrade-current-label {display: flex;align-items: center;justify-content: center;gap: var(--space-2);font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-green-dark);padding: var(--space-3);background: rgba(45,140,45,0.1);border-radius: var(--radius-lg);}.upgrade-current-label svg { stroke: var(--clr-green); }.upgrade-note {font-size: var(--text-sm);color: var(--clr-gray-400);text-align: center;margin-top: var(--space-4);}@media (max-width: 1100px) {.dash-stats-row { grid-template-columns: repeat(2, 1fr); }.dash-certs-grid { grid-template-columns: 1fr; }}@media (max-width: 900px) {.dashboard-layout { grid-template-columns: 1fr; }.dashboard-sidebar {position: static;min-height: auto;flex-direction: row;flex-wrap: wrap;gap: var(--space-2);padding: var(--space-4);border-right: none;border-bottom: 1px solid var(--color-border);display: none;}.dash-mobile-tabs { display: block; }.dashboard-main { padding: var(--space-5); }.dash-upgrade-plans { grid-template-columns: 1fr; }}@media (max-width: 640px) {.dash-stats-row { grid-template-columns: repeat(2, 1fr); gap: var(--space-3); }.dash-course-list-item { flex-direction: column; align-items: flex-start; }.dash-list-thumb { width: 100%; height: 140px; }.dash-list-actions { flex-direction: row; width: 100%; }.dash-section-header { flex-direction: column; align-items: flex-start; }.dash-upgrade-banner { flex-direction: column; }}@media (max-width: 480px) {.dash-stats-row { grid-template-columns: 1fr 1fr; }.dashboard-main { padding: var(--space-4); }.dash-settings-group { padding: var(--space-5); }}.checkout-page {background: var(--clr-gray-50);min-height: 100vh;padding-bottom: var(--space-16);}.checkout-container {max-width: 960px;padding-top: var(--space-8);}.checkout-header {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--space-6);margin-bottom: var(--space-10);padding-bottom: var(--space-6);border-bottom: 1px solid var(--color-border);}.checkout-logo {text-decoration: none;}.checkout-logo .logo-kmacims {font-family: var(--font-heading);font-size: var(--text-xl);font-weight: var(--weight-black);color: var(--clr-navy);letter-spacing: -0.03em;}.checkout-logo .logo-eat {font-family: var(--font-heading);font-size: var(--text-xl);font-weight: var(--weight-black);color: var(--clr-green);letter-spacing: -0.03em;}.checkout-steps {display: flex;align-items: center;gap: 0;}.checkout-step {display: flex;flex-direction: column;align-items: center;gap: 4px;}.step-num {width: 32px;height: 32px;border-radius: 50%;border: 2px solid var(--color-border);background: var(--clr-white);color: var(--clr-gray-400);font-size: var(--text-sm);font-weight: var(--weight-bold);display: flex;align-items: center;justify-content: center;transition: all var(--transition-base);}.checkout-step.is-active .step-num,.checkout-step.is-done .step-num {background: var(--clr-navy);border-color: var(--clr-navy);color: var(--clr-white);}.step-label {font-size: var(--text-xs);font-weight: var(--weight-medium);color: var(--clr-gray-400);white-space: nowrap;}.checkout-step.is-active .step-label { color: var(--clr-navy); font-weight: var(--weight-semibold); }.checkout-step-line {width: 60px;height: 2px;background: var(--color-border);margin-bottom: 16px;flex-shrink: 0;}.checkout-layout {display: grid;grid-template-columns: 1fr 380px;gap: var(--space-8);align-items: start;}.checkout-summary {background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);padding: var(--space-6);position: sticky;top: calc(var(--header-height) + var(--space-4));display: flex;flex-direction: column;gap: var(--space-5);}.checkout-summary-title {font-size: var(--text-lg);font-weight: var(--weight-bold);color: var(--clr-navy);padding-bottom: var(--space-4);border-bottom: 1px solid var(--color-border);}.checkout-item {display: flex;gap: var(--space-3);align-items: center;padding-bottom: var(--space-5);border-bottom: 1px solid var(--color-border);}.checkout-item-thumb {width: 60px;height: 60px;border-radius: var(--radius-lg);object-fit: cover;flex-shrink: 0;}.checkout-item-thumb--placeholder {background: var(--clr-gray-100);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.checkout-item-info { flex: 1; min-width: 0; }.checkout-item-type {margin-bottom: var(--space-1);width: fit-content;}.checkout-item-name {font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-navy);line-height: var(--leading-snug);}.checkout-price-rows {display: flex;flex-direction: column;gap: var(--space-2);}.checkout-price-row {display: flex;justify-content: space-between;font-size: var(--text-sm);color: var(--clr-charcoal);}.checkout-total-row {font-size: var(--text-lg);font-weight: var(--weight-bold);color: var(--clr-navy);padding-top: var(--space-3);border-top: 1px solid var(--color-border);margin-top: var(--space-2);}.checkout-security-note {display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-xs);color: var(--clr-gray-500);padding-top: var(--space-3);border-top: 1px solid var(--color-border);}.checkout-form-col {display: flex;flex-direction: column;}.keat-checkout-form {background: var(--clr-white);border: 1px solid var(--color-border);border-radius: var(--radius-2xl);padding: var(--space-8);display: flex;flex-direction: column;gap: var(--space-5);}.checkout-form-title {font-size: var(--text-xl);font-weight: var(--weight-bold);color: var(--clr-navy);margin-bottom: var(--space-2);}.checkout-logged-in-notice {display: flex;align-items: center;gap: var(--space-3);background: var(--clr-navy-pale);border-radius: var(--radius-lg);padding: var(--space-3) var(--space-4);font-size: var(--text-sm);color: var(--clr-navy);}.checkout-user-avatar {width: 32px !important;height: 32px !important;border-radius: 50%;object-fit: cover;flex-shrink: 0;}.checkout-not-you {margin-left: auto;font-size: var(--text-xs);color: var(--clr-gray-500);text-decoration: underline;}.checkout-register-note {font-size: var(--text-sm);color: var(--clr-gray-500);margin-top: calc(-1 * var(--space-2));}.checkout-submit-btn {width: 100%;justify-content: center;font-size: var(--text-lg);padding-block: var(--space-4);}.checkout-status {text-align: center;font-size: var(--text-sm);min-height: 1.2em;}.checkout-status.success { color: var(--clr-green); }.checkout-status.error { color: #e53e3e; }.checkout-terms {font-size: var(--text-xs);color: var(--clr-gray-400);text-align: center;line-height: var(--leading-relaxed);}.checkout-terms a {color: var(--clr-navy);text-decoration: underline;text-underline-offset: 2px;}@media (max-width: 768px) {.checkout-layout { grid-template-columns: 1fr; }.checkout-summary { position: static; order: -1; }.keat-checkout-form { padding: var(--space-5); }.checkout-header { flex-direction: column; align-items: flex-start; }.checkout-steps { align-self: center; }}@media (max-width: 480px) {.checkout-step-line { width: 32px; }.step-label { display: none; }}.marketplace-hero {background: linear-gradient(135deg, var(--clr-black) 0%, #1a1a2e 60%, #16213e 100%);padding-block: var(--space-20) var(--space-16);position: relative;overflow: hidden;color: var(--clr-white);}.marketplace-hero-bg {position: absolute;inset: 0;background-image: radial-gradient(rgba(245,146,30,0.08) 1px, transparent 1px);background-size: 32px 32px;pointer-events: none;}.marketplace-hero-inner {display: grid;grid-template-columns: 1fr auto;gap: var(--space-12);align-items: center;position: relative;z-index: 1;}.marketplace-hero-title {font-size: clamp(var(--text-3xl), 4vw, var(--text-5xl));color: var(--clr-white);margin: var(--space-3) 0 var(--space-4);letter-spacing: -0.03em;}.marketplace-hero-sub {font-size: var(--text-lg);color: rgba(255,255,255,0.65);max-width: 520px;line-height: var(--leading-relaxed);margin-bottom: var(--space-8);}.marketplace-search-form {display: flex;gap: var(--space-2);max-width: 500px;}.marketplace-search-form input[type="search"] {flex: 1;padding: var(--space-3) var(--space-5);border-radius: var(--radius-lg);border: 1px solid rgba(255,255,255,0.15);background: rgba(255,255,255,0.08);color: var(--clr-white);font-size: var(--text-base);transition: border-color var(--transition-fast), background var(--transition-fast);}.marketplace-search-form input[type="search"]::placeholder {color: rgba(255,255,255,0.35);}.marketplace-search-form input[type="search"]:focus {outline: none;border-color: var(--clr-orange);background: rgba(255,255,255,0.12);}.marketplace-hero-stats {display: flex;flex-direction: column;gap: var(--space-4);flex-shrink: 0;}.marketplace-stat {background: rgba(255,255,255,0.07);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--radius-xl);padding: var(--space-4) var(--space-6);text-align: center;min-width: 120px;}.marketplace-stat-num {display: block;font-family: var(--font-heading);font-size: var(--text-3xl);font-weight: var(--weight-black);color: var(--clr-orange);line-height: 1;}.marketplace-stat-lbl {display: block;font-size: var(--text-xs);color: rgba(255,255,255,0.5);margin-top: var(--space-1);text-transform: uppercase;letter-spacing: 0.08em;}.marketplace-filters-bar {background: var(--clr-white);border-bottom: 1px solid var(--color-border);padding-block: var(--space-4);position: sticky;top: var(--header-height);z-index: var(--z-sticky);}.marketplace-filters-inner {display: flex;align-items: center;gap: var(--space-4);flex-wrap: wrap;}.market-type-tabs {display: flex;gap: var(--space-1);background: var(--clr-gray-100);border-radius: var(--radius-lg);padding: 3px;flex-shrink: 0;}.market-type-tab {padding: var(--space-2) var(--space-4);border-radius: calc(var(--radius-lg) - 3px);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--clr-gray-600);text-decoration: none;transition: all var(--transition-fast);white-space: nowrap;}.market-type-tab:hover { color: var(--clr-navy); }.market-type-tab.is-active {background: var(--clr-white);color: var(--clr-navy);font-weight: var(--weight-semibold);box-shadow: var(--shadow-sm);}.market-cat-pills {display: flex;gap: var(--space-2);flex-wrap: wrap;flex: 1;}.market-cat-pill {display: inline-flex;align-items: center;gap: var(--space-1);padding: var(--space-1) var(--space-3);border-radius: var(--radius-full);border: 1px solid var(--color-border);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--clr-gray-600);text-decoration: none;transition: all var(--transition-fast);white-space: nowrap;}.market-cat-pill:hover { background: var(--clr-navy-pale); color: var(--clr-navy); border-color: var(--clr-navy); }.market-cat-pill.is-active {background: var(--clr-navy);color: var(--clr-white);border-color: var(--clr-navy);}.cat-pill-count {background: rgba(255,255,255,0.2);border-radius: var(--radius-full);font-size: 10px;padding: 0 5px;min-width: 18px;text-align: center;}.market-cat-pill:not(.is-active) .cat-pill-count {background: var(--clr-gray-100);color: var(--clr-gray-500);}.market-result-count {font-size: var(--text-sm);color: var(--clr-gray-500);white-space: nowrap;}.product-spotlight { background: var(--clr-white); }.spotlight-card {display: grid;grid-template-columns: 1fr 1fr;gap: 0;border-radius: var(--radius-2xl);overflow: hidden;border: 1px solid var(--color-border);box-shadow: var(--shadow-lg);position: relative;transition: box-shadow var(--transition-base);}.spotlight-card:hover { box-shadow: var(--shadow-xl); }.spotlight-badge {position: absolute;top: var(--space-4);left: var(--space-4);background: var(--clr-orange);color: var(--clr-white);font-size: var(--text-xs);font-weight: var(--weight-bold);padding: var(--space-1) var(--space-3);border-radius: var(--radius-full);z-index: 2;letter-spacing: 0.04em;}.spotlight-image {position: relative;overflow: hidden;min-height: 320px;background: var(--clr-gray-100);}.spotlight-img {width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-slow);}.spotlight-card:hover .spotlight-img { transform: scale(1.04); }.spotlight-img-placeholder {width: 100%; height: 100%;background: linear-gradient(135deg, var(--clr-gray-100), var(--clr-gray-200));min-height: 320px;}.spotlight-content {padding: var(--space-10);display: flex;flex-direction: column;justify-content: center;gap: var(--space-4);background: var(--clr-gray-50);}.spotlight-title {font-size: clamp(var(--text-xl), 2.5vw, var(--text-3xl));color: var(--clr-navy);line-height: var(--leading-tight);}.spotlight-desc {font-size: var(--text-base);color: var(--clr-gray-500);line-height: var(--leading-relaxed);}.spotlight-meta { display: flex; gap: var(--space-3); flex-wrap: wrap; }.spotlight-cat {font-size: var(--text-xs);font-weight: var(--weight-semibold);color: var(--clr-gray-500);text-transform: uppercase;letter-spacing: 0.08em;}.spotlight-cta {display: flex;align-items: center;gap: var(--space-5);flex-wrap: wrap;margin-top: var(--space-2);}.spotlight-price {font-size: var(--text-3xl);font-weight: var(--weight-black);color: var(--clr-navy);font-family: var(--font-heading);}.marketplace-grid-section { background: var(--clr-gray-50); }.marketplace-products-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-5);align-items: start;}.product-card { overflow: hidden; }.product-card-img-link {display: block;aspect-ratio: 4/3;overflow: hidden;position: relative;background: var(--clr-gray-100);}.product-card-img {width: 100%; height: 100%;object-fit: cover;transition: transform var(--transition-slow);display: block;}.product-card:hover .product-card-img { transform: scale(1.05); }.product-card-img-placeholder {width: 100%; height: 100%;display: flex;align-items: center;justify-content: center;background: var(--clr-gray-100);}.product-type-badge {position: absolute;top: var(--space-3);left: var(--space-3);display: inline-flex;align-items: center;gap: 4px;font-size: 10px;}.product-out-of-stock-overlay {position: absolute;inset: 0;background: rgba(0,0,0,0.55);display: flex;align-items: center;justify-content: center;color: var(--clr-white);font-size: var(--text-sm);font-weight: var(--weight-bold);letter-spacing: 0.06em;text-transform: uppercase;}.product-card-body {display: flex;flex-direction: column;gap: var(--space-2);padding: var(--space-4);}.product-card-cat {display: block;}.product-card-title {font-size: var(--text-base);font-weight: var(--weight-semibold);color: var(--clr-navy);line-height: var(--leading-snug);margin: 0;}.product-card-title a { color: inherit; text-decoration: none; }.product-card-title a:hover { color: var(--clr-green); }.product-card-excerpt {font-size: var(--text-sm);color: var(--clr-gray-500);line-height: var(--leading-snug);flex: 1;}.product-card-footer {display: flex;align-items: center;justify-content: space-between;padding-top: var(--space-3);border-top: 1px solid var(--color-border);margin-top: auto;}.product-price {font-size: var(--text-lg);font-weight: var(--weight-bold);color: var(--clr-navy);}.product-price-free {font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--clr-green-dark);background: var(--clr-green-pale);padding: 3px 10px;border-radius: var(--radius-full);}.marketplace-pagination {display: flex;align-items: center;justify-content: center;gap: var(--space-4);margin-top: var(--space-10);}.pagination-info {font-size: var(--text-sm);color: var(--clr-gray-500);font-weight: var(--weight-medium);}.single-product-page { padding-bottom: var(--space-16); }.single-product-layout {display: grid;grid-template-columns: 1fr 380px;gap: var(--space-10);align-items: start;padding-top: var(--space-8);}.single-product-gallery {border-radius: var(--radius-2xl);overflow: hidden;background: var(--clr-gray-100);aspect-ratio: 4/3;}.single-product-gallery img {width: 100%; height: 100%;object-fit: cover;}.single-product-info { display: flex; flex-direction: column; gap: var(--space-5); }.single-product-cats { display: flex; gap: var(--space-2); flex-wrap: wrap; }.single-product-title {font-size: clamp(var(--text-2xl), 3.5vw, var(--text-4xl));color: var(--clr-navy);line-height: var(--leading-tight);}.single-product-price-block {background: var(--clr-gray-50);border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: var(--space-5);display: flex;flex-direction: column;gap: var(--space-4);}.single-product-price {font-size: var(--text-4xl);font-weight: var(--weight-black);color: var(--clr-navy);font-family: var(--font-heading);line-height: 1;}.single-product-stock {font-size: var(--text-sm);font-weight: var(--weight-medium);}.single-product-stock--in { color: var(--clr-green); }.single-product-stock--out { color: #e53e3e; }.single-product-buy-btn { width: 100%; justify-content: center; font-size: var(--text-lg); }.single-product-meta {display: flex;flex-direction: column;gap: var(--space-2);font-size: var(--text-sm);color: var(--clr-gray-500);}.single-product-meta span { display: flex; align-items: center; gap: var(--space-2); }.single-product-meta strong { color: var(--clr-navy); }.single-product-desc {font-size: var(--text-base);color: var(--clr-charcoal);line-height: var(--leading-relaxed);}@media (max-width: 1200px) {.marketplace-products-grid { grid-template-columns: repeat(3, 1fr); }}@media (max-width: 1024px) {.marketplace-hero-inner { grid-template-columns: 1fr; }.marketplace-hero-stats { flex-direction: row; justify-content: center; }.spotlight-card { grid-template-columns: 1fr; }.spotlight-image { min-height: 240px; }.single-product-layout { grid-template-columns: 1fr; }}@media (max-width: 768px) {.marketplace-products-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-4); }.marketplace-filters-inner { gap: var(--space-3); }.marketplace-hero-stats { gap: var(--space-3); }.marketplace-stat { min-width: 90px; padding: var(--space-3); }}@media (max-width: 480px) {.marketplace-products-grid { grid-template-columns: 1fr; }.marketplace-hero-stats { flex-wrap: wrap; }.marketplace-search-form { flex-direction: column; }.marketplace-search-form .btn { width: 100%; justify-content: center; }.market-type-tabs { width: 100%; justify-content: center; }}