@charset "UTF-8";@font-face{font-family: 'Inter';src: url('../fonts/inter-var-latin.woff2') format('woff2');font-weight: 100 900;font-style: normal;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Sora';src: url('../fonts/sora-var-latin.woff2') format('woff2');font-weight: 400 800;font-style: normal;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Inter Fallback';src: local('Segoe UI'),local('Roboto'),local('Helvetica Neue'),local('Arial');ascent-override: 90%;descent-override: 22.43%;line-gap-override: 0%;size-adjust: 107.64%}@font-face{font-family: 'Sora Fallback';src: local('Segoe UI'),local('Roboto'),local('Helvetica Neue'),local('Arial');ascent-override: 95%;descent-override: 26%;line-gap-override: 0%;size-adjust: 105%}:root{--brand-50: #ECFDF5;--brand-100: #D1FAE5;--brand-200: #A7F3D0;--brand-300: #6EE7B7;--brand-400: #34D399;--brand-500: #10B981;--brand-600: #059669;--brand-700: #047857;--brand-800: #065F46;--brand-900: #064E3B;--brand-950: #042F26;--sun-300: #FCD34D;--sun-400: #FBBF24;--sun-500: #F59E0B;--sun-600: #D97706;--primary: var(--brand-600);--primary-dark: var(--brand-700);--primary-hover: var(--brand-700);--primary-soft: var(--brand-100);--accent: var(--brand-400);--gold: var(--sun-500);--secondary: var(--brand-800);--dark: #16241F;--darker: var(--brand-900);--ink: #0B1F19;--light: var(--brand-50);--n-0: #FFFFFF;--n-25: #FBFDFC;--n-50: #F6F8F7;--n-100: #EDF1EF;--n-200: #DFE5E2;--n-300: #C6D0CC;--n-400: #94A39D;--n-500: #667770;--n-600: #52605A;--n-700: #3A4642;--n-800: #26302C;--n-900: #141C19;--gray: var(--n-500);--surface: var(--n-0);--surface-muted: var(--n-50);--surface-sunken: var(--light);--border: var(--n-200);--border-strong: var(--n-300);--danger: #DC2626;--danger-soft: #FEE2E2;--warn: var(--sun-600);--ok: var(--brand-600);--gradient: linear-gradient(135deg,#10B981 0%,#059669 50%,#047857 100%);--gradient-deep: linear-gradient(150deg,#065F46 0%,#047857 55%,#052E24 100%);--gradient-sun: linear-gradient(120deg,#6EE7B7 0%,#34D399 45%,#FBBF24 115%);--gradient-blue: linear-gradient(135deg,#10B981 0%,#14B8A6 100%);--font-body: 'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-display: 'Sora','Sora Fallback','Inter',-apple-system,'Segoe UI',Roboto,sans-serif;--font-mono: ui-monospace,'Cascadia Code','SF Mono',Consolas,monospace;--t-xs: 0.78rem;--t-sm: 0.875rem;--t-base: 1rem;--t-md: clamp(1.02rem,0.99rem + 0.16vw,1.12rem);--t-lg: clamp(1.14rem,1.07rem + 0.34vw,1.34rem);--t-xl: clamp(1.3rem,1.19rem + 0.55vw,1.62rem);--t-2xl: clamp(1.55rem,1.34rem + 1.02vw,2.15rem);--t-3xl: clamp(1.85rem,1.5rem + 1.72vw,2.9rem);--t-4xl: clamp(2.2rem,1.6rem + 2.95vw,3.9rem);--sp-1: 0.25rem;--sp-2: 0.5rem;--sp-3: 0.75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 2.5rem;--sp-8: 3rem;--sp-9: 4rem;--sp-10: 6rem;--section-y: clamp(3.5rem,2rem + 6vw,6.5rem);--gutter: clamp(1.15rem,0.4rem + 3.2vw,3.5rem);--maxw: 1320px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-2xl: 28px;--r-full: 999px;--sh-xs: 0 1px 2px rgba(6,47,38,0.06);--sh-sm: 0 2px 6px rgba(6,47,38,0.07),0 1px 2px rgba(6,47,38,0.05);--sh-md: 0 8px 22px -6px rgba(6,47,38,0.13),0 3px 8px -4px rgba(6,47,38,0.08);--sh-lg: 0 20px 44px -14px rgba(6,47,38,0.2),0 8px 18px -10px rgba(6,47,38,0.12);--sh-xl: 0 34px 70px -22px rgba(6,47,38,0.28),0 12px 26px -14px rgba(6,47,38,0.14);--sh-brand: 0 10px 26px -8px rgba(5,150,105,0.5);--sh-brand-lg: 0 16px 38px -10px rgba(5,150,105,0.55);--ease: cubic-bezier(0.22,1,0.36,1);--ease-out: cubic-bezier(0.16,1,0.3,1);--dur-1: 150ms;--dur-2: 220ms;--dur-3: 320ms;--dur-4: 480ms;--nav-h: 76px}*,*::before,*::after{box-sizing: border-box}*{margin: 0;padding: 0}html{scroll-behavior: smooth;scroll-padding-top: calc(var(--nav-h) + 12px);-webkit-text-size-adjust: 100%}body{font-family: var(--font-body);font-size: var(--t-base);line-height: 1.65;color: var(--n-700);background: var(--surface);overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-synthesis-weight: none}img,svg,video,canvas{display: block;max-width: 100%}img{height: auto}button,input,select,textarea{font: inherit;color: inherit}button{background: none;border: 0;cursor: pointer}a{color: inherit;text-decoration: none}ul,ol{list-style: none}h1,h2,h3,h4{font-family: var(--font-display);font-weight: 700;line-height: 1.18;letter-spacing: -0.022em;color: var(--darker);text-wrap: balance}p{text-wrap: pretty}::selection{background: var(--brand-200);color: var(--brand-900)}:focus-visible{outline: 3px solid var(--brand-500);outline-offset: 2px;border-radius: var(--r-sm)}:focus:not(:focus-visible){outline: none}.skip-link{position: absolute;left: 50%;top: 0;transform: translate(-50%,-140%);z-index: 2000;background: var(--brand-900);color: #fff;padding: 0.8rem 1.4rem;border-radius: 0 0 var(--r-md) var(--r-md);font-weight: 600;font-size: var(--t-sm);transition: transform var(--dur-2) var(--ease)}.skip-link:focus{transform: translate(-50%,0)}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.icon-sprite{position: absolute;width: 0;height: 0;overflow: hidden}.ico{width: 1em;height: 1em;fill: none;stroke: currentColor;stroke-width: 1.9;stroke-linecap: round;stroke-linejoin: round;flex: 0 0 auto;vertical-align: -0.135em;overflow: visible}.ico-thin{stroke-width: 1.5}.reveal{opacity: 0;transform: translate3d(0,26px,0);transition: opacity 0.66s var(--ease),transform 0.66s var(--ease)}.reveal-left{transform: translate3d(-32px,0,0)}.reveal-right{transform: translate3d(32px,0,0)}.reveal-scale{transform: translate3d(0,20px,0) scale(0.965)}.reveal-visible{opacity: 1;transform: none}.reveal-d1{transition-delay: 0.07s}.reveal-d2{transition-delay: 0.14s}.reveal-d3{transition-delay: 0.21s}.reveal-d4{transition-delay: 0.28s}.reveal-d5{transition-delay: 0.35s}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity: 1;transform: none;transition: none}*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}.wrap{width: 100%;max-width: var(--maxw);margin-inline: auto;padding-inline: var(--gutter)}.section{padding-block: var(--section-y)}.defer-paint{content-visibility: auto;contain-intrinsic-size: auto 760px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.55rem;padding: 0.85rem 1.7rem;min-height: 48px;border-radius: var(--r-full);font-family: var(--font-body);font-weight: 600;font-size: var(--t-sm);letter-spacing: -0.005em;line-height: 1.2;cursor: pointer;white-space: nowrap;border: 1.5px solid transparent;transition: transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.btn .ico{font-size: 1.05em}.btn:active{transform: translateY(1px) scale(0.985)}.btn-primary{background: var(--gradient);background-size: 160% 160%;color: #fff;box-shadow: var(--sh-brand)}.btn-primary:hover{transform: translateY(-2px);box-shadow: var(--sh-brand-lg);background-position: 100% 0}.btn-sun{background: linear-gradient(135deg,var(--sun-400) 0%,var(--sun-500) 55%,var(--sun-600) 100%);color: #3B2400;box-shadow: 0 10px 26px -8px rgba(217,119,6,0.55)}.btn-sun:hover{transform: translateY(-2px);box-shadow: 0 16px 36px -10px rgba(217,119,6,0.6)}.btn-secondary{background: transparent;color: var(--darker);border-color: var(--border-strong)}.btn-secondary:hover{background: var(--darker);border-color: var(--darker);color: #fff;transform: translateY(-2px)}.btn-ghost{background: var(--light);color: var(--brand-800)}.btn-ghost:hover{background: var(--brand-100);transform: translateY(-2px)}.btn-white{background: #fff;color: var(--brand-700);box-shadow: var(--sh-md)}.btn-white:hover{transform: translateY(-2px);box-shadow: var(--sh-lg)}.btn-wa{background: #25D366;color: #04331A;box-shadow: 0 10px 26px -8px rgba(37,211,102,0.55)}.btn-wa:hover{background: #1EBE5A;transform: translateY(-2px)}.btn-lg{padding: 1.05rem 2.2rem;font-size: var(--t-base);min-height: 56px}.btn-sm{padding: 0.5rem 1rem;font-size: var(--t-xs);min-height: 38px}.btn-block{width: 100%}.btn .ico-arrow{transition: transform var(--dur-2) var(--ease)}.btn:hover .ico-arrow{transform: translateX(3px)}.section-header{text-align: center;max-width: 720px;margin: 0 auto var(--sp-8)}.section-header.left{text-align: left;margin-inline: 0}.section-tag{display: inline-flex;align-items: center;gap: 0.45rem;background: var(--brand-100);color: var(--brand-800);padding: 0.45rem 1rem;border-radius: var(--r-full);font-size: var(--t-xs);font-weight: 700;letter-spacing: 0.07em;text-transform: uppercase;margin-bottom: 1rem;border: 1px solid var(--brand-200)}.section-tag .ico{font-size: 0.95rem;color: var(--brand-600)}.section-header h2{font-size: var(--t-3xl);margin-bottom: 0.85rem}.section-header h2 .hl{background: var(--gradient-sun);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent}.section-header p{color: var(--n-500);font-size: var(--t-md)}.eyebrow{font-size: var(--t-xs);font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--brand-600)}.navbar{position: fixed;inset: 0 0 auto 0;z-index: 1000;display: flex;align-items: center;justify-content: space-between;gap: 1rem;height: var(--nav-h);padding-inline: var(--gutter);transition: background-color var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease),height var(--dur-3) var(--ease),border-color var(--dur-3) var(--ease);border-bottom: 1px solid transparent}.navbar.scrolled,.navbar.navbar-solid{height: 66px;background: rgba(255,255,255,0.86);-webkit-backdrop-filter: saturate(180%) blur(16px);backdrop-filter: saturate(180%) blur(16px);border-bottom-color: rgba(6,78,59,0.09);box-shadow: 0 4px 24px -12px rgba(6,47,38,0.22)}.nav-progress{position: absolute;left: 0;bottom: -1px;height: 2px;width: 100%;transform-origin: 0 50%;transform: scaleX(var(--progress,0));background: var(--gradient-sun);opacity: 0;transition: opacity var(--dur-2) var(--ease)}.navbar.scrolled .nav-progress{opacity: 1}.logo{display: inline-flex;align-items: center;gap: 0.6rem}.logo-icon{width: 42px;height: 42px;background: var(--gradient);border-radius: 13px;display: grid;place-items: center;color: #fff;font-size: 1.35rem;box-shadow: var(--sh-brand);transition: transform var(--dur-3) var(--ease)}.logo:hover .logo-icon{transform: rotate(-8deg) scale(1.05)}.logo-img{height: 44px;width: auto;max-width: 170px;object-fit: contain}.logo-text{font-family: var(--font-display);font-size: 1.24rem;font-weight: 700;letter-spacing: -0.03em;color: var(--darker)}.logo-text span{color: var(--primary)}.nav-links{display: flex;align-items: center;gap: 0.35rem}.nav-links>li>a{display: inline-flex;align-items: center;padding: 0.55rem 0.85rem;border-radius: var(--r-full);font-size: 0.92rem;font-weight: 500;color: var(--n-700);transition: color var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease)}.nav-links>li>a:hover{color: var(--brand-700);background: var(--brand-50)}.nav-links>li>a.active{color: var(--brand-700);font-weight: 600;background: var(--brand-50)}.nav-links>li>a.btn{padding: 0.7rem 1.35rem;min-height: 44px;margin-left: 0.35rem}.nav-links>li>a.btn:hover{background: var(--gradient);color: #fff}.nav-toggle{display: none;width: 44px;height: 44px;border-radius: var(--r-md);place-items: center;font-size: 1.4rem;color: var(--darker);transition: background-color var(--dur-2) var(--ease)}.nav-toggle:hover{background: var(--brand-50)}.nav-toggle .ico-close{display: none}.nav-toggle[aria-expanded="true"] .ico-close{display: block}.nav-toggle[aria-expanded="true"] .ico-menu{display: none}.nav-over-dark .navbar:not(.scrolled) .nav-links>li>a{color: rgba(255,255,255,0.92)}.nav-over-dark .navbar:not(.scrolled) .nav-links>li>a:hover,.nav-over-dark .navbar:not(.scrolled) .nav-links>li>a.active{color: #fff;background: rgba(255,255,255,0.14)}.nav-over-dark .navbar:not(.scrolled) .nav-links>li>a.btn-primary{color: #fff;background: var(--gradient)}.nav-over-dark .navbar:not(.scrolled) .logo-text{color: #fff}.nav-over-dark .navbar:not(.scrolled) .nav-toggle{color: #fff}.nav-over-dark .navbar:not(.scrolled) .nav-toggle:hover{background: rgba(255,255,255,0.14)}.page-hero{--ph-image: url('../images/solar-field.webp');position: relative;padding: calc(var(--nav-h) + clamp(3.5rem,8vw,6rem)) var(--gutter) clamp(3rem,6vw,4.5rem);text-align: center;overflow: hidden;background-color: #052e24;background-image: linear-gradient(180deg,rgba(4,44,34,0.62) 0%,rgba(4,47,35,0.58) 45%,rgba(2,24,18,0.86) 100%),var(--ph-image);background-size: cover;background-position: center;isolation: isolate}.page-hero::after{content: '';position: absolute;inset: auto 0 0 0;height: 90px;background: linear-gradient(180deg,transparent,var(--surface));pointer-events: none}.page-hero-content{position: relative;z-index: 2;max-width: 840px;margin-inline: auto}.page-hero h1{font-size: var(--t-4xl);color: #fff;margin-bottom: 0.9rem;font-weight: 800}.page-hero h1 span,.page-hero h1 .hl{background: var(--gradient-sun);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent}.page-hero p{font-size: var(--t-md);color: rgba(255,255,255,0.88);max-width: 620px;margin-inline: auto}.breadcrumb{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 1.2rem;font-size: var(--t-sm);color: rgba(255,255,255,0.65)}.breadcrumb a{color: rgba(255,255,255,0.92);font-weight: 500}.breadcrumb a:hover{color: var(--brand-300)}.breadcrumb .ico{font-size: 0.8rem;opacity: 0.6}.card-surface{background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-xl);box-shadow: var(--sh-sm);transition: transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease),border-color var(--dur-3) var(--ease)}.card-surface:hover{transform: translateY(-6px);box-shadow: var(--sh-lg);border-color: var(--brand-200)}.pill{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.3rem 0.8rem;border-radius: var(--r-full);font-size: var(--t-xs);font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase}.pill-brand{background: var(--brand-100);color: var(--brand-800)}.pill-sun{background: #FEF3C7;color: #92400E}.stars{display: inline-flex;gap: 0.12rem;color: var(--sun-500)}.stars .ico{width: 1.05em;height: 1.05em}.cta{position: relative;padding-block: var(--section-y);padding-inline: var(--gutter);text-align: center;overflow: hidden;background: var(--gradient-deep);isolation: isolate}.cta::before{content: '';position: absolute;inset: -50%;background: radial-gradient(circle at 25% 25%,rgba(52,211,153,0.22) 0%,transparent 42%),radial-gradient(circle at 78% 62%,rgba(251,191,36,0.16) 0%,transparent 45%);pointer-events: none;z-index: -1}.cta-content{position: relative;z-index: 2;max-width: 820px;margin-inline: auto}.cta h2{font-size: var(--t-3xl);color: #fff;margin-bottom: 0.9rem}.cta p{font-size: var(--t-md);color: rgba(255,255,255,0.85);margin-bottom: 1.9rem}.cta-buttons{display: flex;justify-content: center;gap: 0.85rem;flex-wrap: wrap}.footer{background: var(--brand-950);color: #C9D6D1;padding: clamp(3rem,6vw,4.5rem) var(--gutter) 1.75rem;font-size: 0.93rem}.footer-content{display: grid;grid-template-columns: 2.1fr 1fr 1fr 1.1fr;gap: clamp(2rem,4vw,3.5rem);max-width: var(--maxw);margin-inline: auto}.footer-brand .logo-text{color: #fff}.footer-brand .logo-text span{color: var(--brand-400)}.footer-tagline{color: var(--brand-300);font-size: 0.9rem;font-weight: 600;font-style: italic;margin-top: 0.8rem}.footer-brand>p{color: #94A8A1;margin: 0.7rem 0 1.4rem;line-height: 1.7;max-width: 42ch}.footer-contact{display: flex;flex-direction: column;gap: 0.6rem;margin-bottom: 1.4rem}.footer-contact a,.footer-contact span{display: flex;align-items: flex-start;gap: 0.6rem;color: #C9D6D1;line-height: 1.5;font-size: 0.9rem;transition: color var(--dur-2) var(--ease)}.footer-contact .ico{color: var(--brand-400);margin-top: 0.22em}.footer-contact a:hover{color: var(--brand-300)}.footer-social{display: flex;gap: 0.6rem;flex-wrap: wrap}.footer-social a{width: 42px;height: 42px;display: grid;place-items: center;background: rgba(255,255,255,0.07);border: 1px solid rgba(255,255,255,0.09);border-radius: var(--r-md);color: #fff;font-size: 1.05rem;transition: transform var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease)}.footer-social a:hover{background: var(--primary);border-color: var(--primary);transform: translateY(-3px)}.footer-links h4{font-family: var(--font-display);font-size: 0.98rem;font-weight: 600;color: #fff;margin-bottom: 1.1rem}.footer-links li{margin-bottom: 0.6rem}.footer-links a{color: #94A8A1;transition: color var(--dur-2) var(--ease),padding-left var(--dur-2) var(--ease)}.footer-links a:hover{color: var(--brand-300);padding-left: 3px}.footer-bottom{border-top: 1px solid rgba(255,255,255,0.08);margin-top: 2.75rem;padding-top: 1.6rem;max-width: var(--maxw);margin-inline: auto;display: flex;justify-content: space-between;align-items: center;gap: 1rem;flex-wrap: wrap;color: #7D918B;font-size: 0.85rem}.footer-bottom a:hover{color: var(--brand-300)}.chat-float{position: fixed;right: clamp(1rem,2vw,1.9rem);bottom: clamp(1rem,2vw,1.9rem);z-index: 998;display: flex;align-items: center;gap: 0.7rem}.chat-float .wa-tooltip{background: #fff;color: var(--darker);padding: 0.6rem 1rem;border-radius: var(--r-md);font-size: 0.85rem;font-weight: 600;white-space: nowrap;box-shadow: var(--sh-lg);opacity: 0;transform: translateX(8px);transition: opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease);pointer-events: none}.chat-float:hover .wa-tooltip,.chat-float:focus-visible .wa-tooltip{opacity: 1;transform: translateX(0)}.chat-float .wa-btn{position: relative;width: 58px;height: 58px;background: #25D366;border-radius: 50%;display: grid;place-items: center;color: #fff;font-size: 1.65rem;box-shadow: 0 10px 30px -6px rgba(37,211,102,0.6);transition: transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.chat-float:hover .wa-btn{transform: scale(1.07);box-shadow: 0 14px 38px -6px rgba(37,211,102,0.7)}.chat-float .wa-btn::after{content: '';position: absolute;inset: 0;border-radius: 50%;border: 2px solid #25D366;animation: waRing 2.6s var(--ease-out) infinite}@keyframes waRing{0%{transform: scale(1);opacity: 0.7}70%{transform: scale(1.55);opacity: 0}100%{transform: scale(1.55);opacity: 0}}.cookie-banner{position: fixed;inset: auto 0 0 0;z-index: 999;background: rgba(4,47,38,0.97);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);color: #fff;padding: 1.1rem var(--gutter);box-shadow: 0 -6px 30px -10px rgba(0,0,0,0.5);display: none}.cookie-banner.show{display: block;animation: slideUp 0.45s var(--ease) both}@keyframes slideUp{from{transform: translateY(100%)}to{transform: translateY(0)}}.cookie-content{max-width: var(--maxw);margin-inline: auto;display: flex;justify-content: space-between;align-items: center;gap: 1.5rem;flex-wrap: wrap}.cookie-text{flex: 1;min-width: 260px;font-size: 0.9rem;line-height: 1.6;color: #D3E0DB}.cookie-text a{color: var(--brand-300);font-weight: 500;text-decoration: underline;text-underline-offset: 2px}.cookie-buttons{display: flex;gap: 0.65rem;flex-wrap: wrap}.cookie-buttons button{padding: 0.65rem 1.35rem;border-radius: var(--r-sm);font-weight: 600;font-size: 0.88rem;min-height: 44px;transition: background-color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.btn-accept{background: var(--brand-400);color: #04331F}.btn-accept:hover{background: var(--brand-300);transform: translateY(-1px)}.btn-reject{background: transparent;color: #fff;border: 1.5px solid rgba(255,255,255,0.45)}.btn-reject:hover{background: rgba(255,255,255,0.12)}@media (max-width: 1080px){.footer-content{grid-template-columns: 1fr 1fr}.footer-brand{grid-column: 1 / -1}}@media (max-width: 940px){.nav-toggle{display: grid}.nav-links{position: fixed;inset: var(--nav-h) 0 auto 0;flex-direction: column;align-items: stretch;gap: 0.15rem;background: #fff;padding: 1rem var(--gutter) 1.6rem;box-shadow: var(--sh-lg);border-bottom: 1px solid var(--border);max-height: calc(100dvh - var(--nav-h));overflow-y: auto;transform: translateY(-8px);opacity: 0;visibility: hidden;transition: opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),visibility var(--dur-2)}.nav-links.active{opacity: 1;visibility: visible;transform: translateY(0)}.nav-links>li>a{padding: 0.85rem 1rem;font-size: 1rem;border-radius: var(--r-md)}.nav-links>li>a.btn{margin: 0.5rem 0 0;justify-content: center}.nav-over-dark .navbar:not(.scrolled) .nav-links>li>a{color: var(--n-700)}.nav-over-dark .navbar:not(.scrolled) .nav-links>li>a.btn-primary{color: #fff}.navbar.nav-open{background: #fff;border-bottom-color: transparent}.nav-over-dark .navbar.nav-open .logo-text,.nav-over-dark .navbar.nav-open .nav-toggle{color: var(--darker)}}@media (max-width: 640px){.footer-content{grid-template-columns: 1fr;text-align: center}.footer-brand .logo{justify-content: center}.footer-brand>p{margin-inline: auto}.footer-social{justify-content: center}.footer-contact a,.footer-contact span{justify-content: center;text-align: left}.footer-bottom{justify-content: center;text-align: center}.chat-float .wa-tooltip{display: none}}.hero{position: relative;min-height: 100svh;display: grid;place-items: center;text-align: center;overflow: hidden;isolation: isolate;background-color: #042a20;background-image: linear-gradient(180deg,rgba(3,40,31,0.6) 0%,rgba(4,47,35,0.55) 42%,rgba(2,24,18,0.94) 100%),url('../images/hero-solar.webp');background-size: cover;background-position: center}.hero::before{content: '';position: absolute;inset: 0;z-index: -1;background: radial-gradient(58% 42% at 76% 26%,rgba(52,211,153,0.22) 0%,transparent 72%),radial-gradient(48% 38% at 12% 68%,rgba(251,191,36,0.10) 0%,transparent 74%);pointer-events: none}.hero::after{content: '';position: absolute;inset: auto 0 0 0;height: 120px;z-index: 1;background: linear-gradient(180deg,transparent,rgba(255,255,255,0.06));pointer-events: none}.hero-overlay-content{position: relative;z-index: 2;max-width: 980px;margin-inline: auto;padding: calc(var(--nav-h) + clamp(3rem,7vw,5.5rem)) var(--gutter) clamp(4.5rem,8vw,6rem)}.hero-badge{display: inline-flex;align-items: center;gap: 0.5rem;background: rgba(255,255,255,0.13);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.26);padding: 0.5rem 1.15rem;border-radius: var(--r-full);font-size: 0.85rem;font-weight: 600;color: #fff;margin-bottom: 1.5rem}.hero-badge .ico{color: var(--brand-300)}.hero h1{font-size: var(--t-4xl);font-weight: 800;line-height: 1.06;letter-spacing: -0.035em;color: #fff;margin-bottom: 1.15rem}.hero h1 span,.hero h1 .hl{background: var(--gradient-sun);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent}.hero>.hero-overlay-content>p{font-size: var(--t-md);color: rgba(255,255,255,0.87);max-width: 62ch;margin: 0 auto 2rem}.hero-buttons{display: flex;gap: 0.85rem;flex-wrap: wrap;justify-content: center}.hero .btn-secondary{color: #fff;border-color: rgba(255,255,255,0.42);background: rgba(255,255,255,0.08);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px)}.hero .btn-secondary:hover{background: #fff;color: var(--brand-900);border-color: #fff}.hero-stats{display: flex;justify-content: center;flex-wrap: wrap;gap: clamp(1.5rem,5vw,3.5rem);margin-top: 2.75rem;padding-top: 2rem;border-top: 1px solid rgba(255,255,255,0.18)}.stat-item h3{font-size: clamp(1.9rem,1.3rem + 2.4vw,2.7rem);font-weight: 800;color: #fff;line-height: 1;font-variant-numeric: tabular-nums}.stat-item p{font-size: 0.85rem;color: rgba(255,255,255,0.72);margin-top: 0.35rem}.hero-scroll{position: absolute;left: 50%;bottom: 1.6rem;z-index: 3;width: 44px;height: 44px;display: grid;place-items: center;border-radius: 50%;color: #fff;border: 1px solid rgba(255,255,255,0.35);background: rgba(255,255,255,0.08);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);animation: heroBounce 2.4s var(--ease) infinite;transition: background-color var(--dur-2) var(--ease)}.hero-scroll:hover{background: rgba(255,255,255,0.22)}@keyframes heroBounce{0%,100%{transform: translate(-50%,0)}50%{transform: translate(-50%,7px)}}.trust-strip{background: var(--brand-950);border-top: 1px solid rgba(255,255,255,0.07);padding: 1.1rem var(--gutter)}.trust-strip-inner{max-width: var(--maxw);margin-inline: auto;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.75rem clamp(1.25rem,4vw,3rem)}.trust-item{display: inline-flex;align-items: center;gap: 0.5rem;color: #B7C9C3;font-size: 0.86rem;font-weight: 500}.trust-item .ico{color: var(--brand-400);font-size: 1.05rem}.trust-item strong{color: #fff;font-weight: 700}.services{padding-block: var(--section-y);padding-inline: var(--gutter);background: var(--surface)}.services-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(290px,1fr));gap: clamp(1rem,2vw,1.75rem);max-width: var(--maxw);margin-inline: auto}.service-card{position: relative;background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-xl);padding: clamp(1.6rem,3vw,2.2rem);overflow: hidden;box-shadow: var(--sh-xs);transition: transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease),border-color var(--dur-3) var(--ease)}.service-card::before{content: '';position: absolute;inset: 0 0 auto 0;height: 3px;background: var(--gradient);transform: scaleX(0);transform-origin: 0 50%;transition: transform var(--dur-4) var(--ease)}.service-card::after{content: '';position: absolute;inset: -40% -30% auto auto;width: 55%;aspect-ratio: 1;background: radial-gradient(circle,rgba(16,185,129,0.09) 0%,transparent 68%);opacity: 0;transition: opacity var(--dur-4) var(--ease);pointer-events: none}.service-card:hover{transform: translateY(-7px);box-shadow: var(--sh-lg);border-color: var(--brand-200)}.service-card:hover::before{transform: scaleX(1)}.service-card:hover::after{opacity: 1}.service-icon{width: 60px;height: 60px;background: var(--gradient);border-radius: var(--r-lg);display: grid;place-items: center;color: #fff;font-size: 1.6rem;margin-bottom: 1.25rem;box-shadow: var(--sh-brand);transition: transform var(--dur-3) var(--ease)}.service-card:hover .service-icon{transform: translateY(-2px) rotate(-5deg)}.service-card h3{font-size: var(--t-lg);margin-bottom: 0.6rem}.service-card p{color: var(--n-500);font-size: 0.94rem;line-height: 1.72}.service-card ul{color: var(--n-500);margin-top: 1rem;display: grid;gap: 0.45rem;font-size: 0.9rem}.service-card ul li{display: flex;align-items: flex-start;gap: 0.5rem}.service-card ul li::before{content: '';flex: 0 0 auto;width: 6px;height: 6px;margin-top: 0.6em;border-radius: 50%;background: var(--brand-400)}.process{padding-block: var(--section-y);padding-inline: var(--gutter);background: var(--surface-sunken)}.process-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: clamp(1rem,2vw,1.75rem);max-width: var(--maxw);margin-inline: auto}.process-step{position: relative;text-align: center;background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-xl);padding: 2.2rem 1.4rem 1.8rem;box-shadow: var(--sh-xs);transition: transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease)}.process-step:hover{transform: translateY(-6px);box-shadow: var(--sh-lg)}.process-step .step-number{position: absolute;top: -17px;left: 50%;transform: translateX(-50%);width: 34px;height: 34px;border-radius: 50%;background: var(--gradient);color: #fff;display: grid;place-items: center;font-family: var(--font-display);font-weight: 700;font-size: 0.9rem;box-shadow: var(--sh-brand)}.process-step .icon{width: 66px;height: 66px;margin: 0.5rem auto 1.15rem;background: var(--brand-50);border: 1px solid var(--brand-100);border-radius: 50%;display: grid;place-items: center;color: var(--primary);font-size: 1.65rem;transition: background-color var(--dur-3) var(--ease),color var(--dur-3) var(--ease)}.process-step:hover .icon{background: var(--gradient);border-color: transparent;color: #fff}.process-step h3{font-size: 1.08rem;margin-bottom: 0.45rem}.process-step p{color: var(--n-500);font-size: 0.88rem;line-height: 1.65}.about{position: relative;padding-block: var(--section-y);padding-inline: var(--gutter);background: var(--gradient-deep);color: #fff;overflow: hidden;isolation: isolate}.about::before{content: '';position: absolute;inset: 0;z-index: -1;opacity: 0.5;background-image: radial-gradient(rgba(255,255,255,0.09) 1px,transparent 1px);background-size: 22px 22px}.about-content{max-width: var(--maxw);margin-inline: auto;display: grid;grid-template-columns: 1fr 1fr;gap: clamp(2rem,5vw,4rem);align-items: center}.about-image{position: relative}.about-visual{position: relative;border-radius: var(--r-2xl);overflow: hidden;box-shadow: var(--sh-xl)}.about-visual img{width: 100%;height: clamp(320px,42vw,480px);object-fit: cover}.experience-badge{position: absolute;right: -14px;bottom: -18px;background: #fff;color: var(--darker);padding: 1.2rem 1.7rem;border-radius: var(--r-lg);box-shadow: var(--sh-xl);text-align: center}.experience-badge h3{font-size: 2.4rem;color: var(--primary);line-height: 1}.experience-badge p{color: var(--n-500);font-size: 0.82rem;margin-top: 0.2rem}.about-text .section-tag{background: rgba(52,211,153,0.16);color: var(--brand-200);border-color: rgba(52,211,153,0.28)}.about-text .section-tag .ico{color: var(--brand-300)}.about-text h2{font-size: var(--t-3xl);color: #fff;margin-bottom: 1.1rem}.about-text h2 span{color: var(--brand-300)}.about-text>p{color: #A9BCB6;font-size: var(--t-md);margin-bottom: 1.9rem}.about-features{display: grid;grid-template-columns: 1fr 1fr;gap: 1.3rem}.about-feature{display: flex;align-items: flex-start;gap: 0.85rem}.about-feature .fi{width: 40px;height: 40px;flex: 0 0 auto;background: rgba(52,211,153,0.16);border: 1px solid rgba(52,211,153,0.25);border-radius: var(--r-md);display: grid;place-items: center;color: var(--brand-300);font-size: 1.1rem}.about-feature h4{font-size: 0.98rem;color: #fff;margin-bottom: 0.2rem}.about-feature p{font-size: 0.85rem;color: #97ABA4;line-height: 1.6}.why-us{padding-block: var(--section-y);padding-inline: var(--gutter);background: linear-gradient(180deg,var(--brand-50) 0%,var(--surface) 78%)}.why-us-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: clamp(1rem,2vw,1.75rem);max-width: var(--maxw);margin-inline: auto}.why-card{text-align: center;padding: 1.9rem 1.3rem;background: rgba(255,255,255,0.72);border: 1px solid var(--border);border-radius: var(--r-xl);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);transition: transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease)}.why-card:hover{transform: translateY(-6px);box-shadow: var(--sh-lg)}.why-card .icon{width: 76px;height: 76px;margin: 0 auto 1.2rem;background: #fff;border-radius: 50%;display: grid;place-items: center;font-size: 2rem;color: var(--primary);box-shadow: 0 10px 26px -10px rgba(5,150,105,0.4);transition: transform var(--dur-3) var(--ease),background var(--dur-3) var(--ease),color var(--dur-3) var(--ease)}.why-card:hover .icon{background: var(--gradient);color: #fff;transform: scale(1.07)}.why-card h3{font-size: 1.1rem;margin-bottom: 0.55rem}.why-card p{color: var(--n-500);font-size: 0.9rem;line-height: 1.65}.nigeria{padding-block: var(--section-y);padding-inline: var(--gutter);background: var(--surface)}.nigeria-grid{display: grid;grid-template-columns: repeat(4,1fr);grid-auto-rows: clamp(150px,17vw,220px);gap: clamp(0.65rem,1.2vw,1.1rem);max-width: var(--maxw);margin-inline: auto}.nigeria-tile{position: relative;overflow: hidden;border-radius: var(--r-lg);background: var(--brand-100)}.nigeria-tile img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s var(--ease)}.nigeria-tile:hover img{transform: scale(1.06)}.nigeria-tile .tile-caption{position: absolute;inset: auto 0 0 0;padding: 2.4rem 1.1rem 0.95rem;background: linear-gradient(180deg,transparent,rgba(4,47,38,0.88));color: #fff;font-weight: 600;font-size: 0.88rem}.nigeria-tile.wide{grid-column: span 2}.nigeria-tile.tall{grid-row: span 2}.products{padding-block: var(--section-y);padding-inline: var(--gutter);background: var(--surface-sunken)}.products-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(1rem,2vw,1.75rem);max-width: var(--maxw);margin-inline: auto}.product-card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-xl);overflow: hidden;box-shadow: var(--sh-xs);transition: transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease),border-color var(--dur-3) var(--ease)}.product-card:hover{transform: translateY(-7px);box-shadow: var(--sh-lg);border-color: var(--brand-200)}.product-image{position: relative;aspect-ratio: 16 / 10;overflow: hidden;background: var(--gradient-deep)}.product-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s var(--ease)}.product-card:hover .product-image img{transform: scale(1.06)}.product-info{padding: 1.4rem}.product-info h3{font-size: var(--t-lg);margin-bottom: 0.4rem}.product-info p{color: var(--n-500);font-size: 0.9rem;margin-bottom: 1.1rem;line-height: 1.65}.product-price{display: flex;justify-content: space-between;align-items: center;gap: 0.75rem;flex-wrap: wrap}.product-price span{font-family: var(--font-display);font-size: 1.28rem;font-weight: 700;color: var(--primary)}.product-price a{color: var(--brand-800);font-weight: 600;font-size: 0.88rem;display: inline-flex;align-items: center;gap: 0.35rem}.product-price a:hover{color: var(--primary)}.product-price a .ico{transition: transform var(--dur-2) var(--ease)}.product-price a:hover .ico{transform: translateX(3px)}.testimonials{padding-block: var(--section-y);padding-inline: var(--gutter);background: var(--surface)}.testimonials-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(1rem,2vw,1.75rem);max-width: var(--maxw);margin-inline: auto}.testimonial-card{position: relative;background: var(--surface-sunken);border: 1px solid var(--brand-100);border-radius: var(--r-xl);padding: 1.9rem 1.7rem;transition: transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease)}.testimonial-card::before{content: '"';position: absolute;top: 0.3rem;right: 1.2rem;font-family: var(--font-display);font-size: 4.5rem;line-height: 1;color: var(--brand-200);opacity: 0.75;pointer-events: none}.testimonial-card:hover{transform: translateY(-5px);box-shadow: var(--sh-lg)}.testimonial-stars{color: var(--sun-500);margin-bottom: 0.9rem;display: inline-flex;gap: 0.12rem}.testimonial-card>p{color: var(--n-600);margin-bottom: 1.4rem;line-height: 1.78;font-size: 0.95rem}.testimonial-author{display: flex;align-items: center;gap: 0.85rem}.testimonial-avatar{width: 46px;height: 46px;flex: 0 0 auto;border-radius: 50%;background: var(--gradient);color: #fff;display: grid;place-items: center;font-family: var(--font-display);font-weight: 700;font-size: 1.05rem}.testimonial-info h4{font-size: 0.96rem;margin-bottom: 0.05rem}.testimonial-info span{font-size: 0.82rem;color: var(--n-500)}.faq{padding-block: var(--section-y);padding-inline: var(--gutter);background: var(--surface-sunken)}.faq-list{max-width: 850px;margin-inline: auto;display: grid;gap: 0.75rem}.faq-item{background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-lg);overflow: hidden;transition: border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.faq-item[open]{border-color: var(--brand-200);box-shadow: var(--sh-sm)}.faq-item summary{display: flex;justify-content: space-between;align-items: center;gap: 1rem;padding: 1.15rem 1.4rem;cursor: pointer;list-style: none;font-family: var(--font-display);font-weight: 600;font-size: 1rem;color: var(--darker);transition: background-color var(--dur-2) var(--ease);min-height: 56px}.faq-item summary::-webkit-details-marker{display: none}.faq-item summary:hover{background: var(--brand-50)}.faq-item summary .ico{flex: 0 0 auto;color: var(--primary);font-size: 1.15rem;transition: transform var(--dur-3) var(--ease)}.faq-item[open] summary .ico{transform: rotate(180deg)}.faq-answer{padding: 0 1.4rem 1.3rem;color: var(--n-500);line-height: 1.8;font-size: 0.95rem}.blog-preview{padding-block: var(--section-y);padding-inline: var(--gutter);background: var(--surface)}.blog-preview-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(1rem,2vw,1.75rem);max-width: var(--maxw);margin-inline: auto}.bp-card{display: flex;flex-direction: column;background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-xl);overflow: hidden;box-shadow: var(--sh-xs);transition: transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease),border-color var(--dur-3) var(--ease)}.bp-card:hover{transform: translateY(-6px);box-shadow: var(--sh-lg);border-color: var(--brand-200)}.bp-image{aspect-ratio: 16 / 9;overflow: hidden;background: var(--brand-100)}.bp-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s var(--ease)}.bp-card:hover .bp-image img{transform: scale(1.06)}.bp-body{padding: 1.35rem;flex: 1;display: flex;flex-direction: column}.bp-meta{display: flex;flex-wrap: wrap;gap: 0.9rem;color: var(--n-500);font-size: 0.78rem;margin-bottom: 0.6rem}.bp-meta span{display: inline-flex;align-items: center;gap: 0.32rem}.bp-meta .ico{color: var(--primary)}.bp-card h3{font-size: 1.08rem;line-height: 1.4;margin-bottom: 0.5rem}.bp-card p{color: var(--n-500);font-size: 0.88rem;line-height: 1.7;flex: 1}.bp-more{margin-top: 1rem;color: var(--brand-700);font-weight: 600;font-size: 0.86rem;display: inline-flex;align-items: center;gap: 0.35rem}.bp-card:hover .bp-more .ico{transform: translateX(3px)}.bp-more .ico{transition: transform var(--dur-2) var(--ease)}.see-all{text-align: center;margin-top: 2.5rem}.contact{padding-block: var(--section-y);padding-inline: var(--gutter);background: var(--surface)}.contact-grid{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(2rem,4vw,3.5rem);max-width: var(--maxw);margin-inline: auto}.contact-info h2{font-size: var(--t-3xl);margin-bottom: 1rem}.contact-info>p{color: var(--n-500);font-size: var(--t-md);margin-bottom: 1.9rem}.contact-details{display: grid;gap: 1.1rem}.contact-item{display: flex;align-items: center;gap: 0.95rem}.contact-item .icon{width: 48px;height: 48px;flex: 0 0 auto;background: var(--gradient);border-radius: var(--r-md);display: grid;place-items: center;color: #fff;font-size: 1.15rem;box-shadow: var(--sh-brand)}.contact-item h4{font-size: 0.96rem;margin-bottom: 0.1rem}.contact-item p,.contact-item a{color: var(--n-500);font-size: 0.9rem}.contact-item a:hover{color: var(--primary)}.contact-form{background: var(--surface-sunken);border: 1px solid var(--brand-100);border-radius: var(--r-xl);padding: clamp(1.6rem,3vw,2.4rem)}.form-group{margin-bottom: 1.1rem}.form-group label{display: block;font-weight: 600;font-size: 0.88rem;color: var(--darker);margin-bottom: 0.4rem}.form-group input,.form-group select,.form-group textarea{width: 100%;padding: 0.82rem 1rem;min-height: 48px;border: 1.5px solid var(--border-strong);border-radius: var(--r-md);background: #fff;font-size: 0.95rem;color: var(--n-800);transition: border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.form-group input::placeholder,.form-group textarea::placeholder{color: var(--n-400)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 4px rgba(16,185,129,0.16)}.form-group textarea{resize: vertical;min-height: 130px;line-height: 1.6}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem}.field-hint{font-size: 0.8rem;color: var(--n-500);margin-top: 0.3rem}.services-page,.about-page,.products-page,.reviews-page,.contact-page{padding-block: var(--section-y);padding-inline: var(--gutter);max-width: var(--maxw);margin-inline: auto}.services-page .services-grid{margin-bottom: 0;padding-inline: 0}.about-intro{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(2rem,4vw,3.5rem);align-items: center;margin-bottom: var(--sp-9)}.about-intro-image{border-radius: var(--r-2xl);overflow: hidden;box-shadow: var(--sh-lg)}.about-intro-image img{width: 100%;height: clamp(280px,36vw,440px);object-fit: cover}.about-intro-text h2{font-size: var(--t-2xl);margin-bottom: 1.1rem}.about-intro-text p{color: var(--n-500);line-height: 1.85;margin-bottom: 0.9rem}.about-stats{display: grid;grid-template-columns: repeat(4,1fr);gap: clamp(1rem,2vw,1.6rem);margin-bottom: var(--sp-9)}.about-stat{text-align: center;padding: 2rem 1.2rem;background: var(--surface-sunken);border: 1px solid var(--brand-100);border-radius: var(--r-xl);transition: transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease)}.about-stat:hover{transform: translateY(-5px);box-shadow: var(--sh-md)}.about-stat .stat-number{font-family: var(--font-display);font-size: clamp(1.9rem,1.4rem + 1.8vw,2.5rem);font-weight: 800;background: var(--gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;font-variant-numeric: tabular-nums}.about-stat .stat-label{color: var(--n-500);font-size: 0.9rem;margin-top: 0.3rem}.mission-vision{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(1.25rem,2.5vw,2.2rem);margin-bottom: var(--sp-9)}.mv-card{position: relative;overflow: hidden;background: var(--surface-sunken);border: 1px solid var(--brand-100);border-radius: var(--r-xl);padding: clamp(1.8rem,3vw,2.6rem)}.mv-card::before{content: '';position: absolute;inset: 0 0 auto 0;height: 3px;background: var(--gradient)}.mv-card .mv-icon{font-size: 2.1rem;color: var(--primary);margin-bottom: 1.1rem}.mv-card h3{font-size: var(--t-xl);margin-bottom: 0.75rem}.mv-card p{color: var(--n-500);line-height: 1.85}.values{padding-block: var(--section-y);padding-inline: var(--gutter);background: var(--surface-sunken)}.values-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(1rem,2vw,1.75rem);max-width: var(--maxw);margin-inline: auto}.value-card{text-align: center;padding: 2.1rem 1.5rem;background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-xl);box-shadow: var(--sh-xs);transition: transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease)}.value-card:hover{transform: translateY(-5px);box-shadow: var(--sh-lg)}.value-card .value-icon{width: 56px;height: 56px;margin: 0 auto 1.1rem;background: var(--gradient);border-radius: var(--r-md);display: grid;place-items: center;color: #fff;font-size: 1.35rem;box-shadow: var(--sh-brand)}.value-card h3{font-size: 1.08rem;margin-bottom: 0.45rem}.value-card p{color: var(--n-500);font-size: 0.92rem;line-height: 1.7}.team{padding-block: var(--section-y);padding-inline: var(--gutter);max-width: var(--maxw);margin-inline: auto}.team-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(1rem,2vw,1.75rem)}.team-member{text-align: center;padding: 2rem 1.5rem;border: 1px solid var(--border);border-radius: var(--r-xl);transition: transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease)}.team-member:hover{transform: translateY(-5px);box-shadow: var(--sh-lg)}.team-avatar{width: 104px;height: 104px;margin: 0 auto 1.1rem;border-radius: 50%;background: var(--gradient);display: grid;place-items: center;color: #fff;font-family: var(--font-display);font-size: 2.1rem;font-weight: 700;box-shadow: var(--sh-brand)}.team-member h3{font-size: 1.05rem;margin-bottom: 0.15rem}.team-member .role{color: var(--primary);font-size: 0.88rem;font-weight: 600}.products-intro{text-align: center;max-width: 720px;margin: 0 auto 2.5rem}.products-intro p{color: var(--n-500);line-height: 1.8}.packages-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(1rem,2vw,1.75rem);margin-bottom: var(--sp-9)}.package-card{position: relative;display: flex;flex-direction: column;overflow: hidden;background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-xl);padding: clamp(1.9rem,3vw,2.6rem) clamp(1.5rem,2.4vw,2.1rem);box-shadow: var(--sh-xs);transition: transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease),border-color var(--dur-3) var(--ease)}.package-card:hover{transform: translateY(-7px);box-shadow: var(--sh-lg);border-color: var(--brand-200)}.package-card.featured{background: var(--gradient-deep);border-color: var(--brand-700);box-shadow: var(--sh-xl);color: #fff}.package-card.featured h3,.package-card.featured .package-price{color: #fff}.package-card.featured .package-price{color: var(--brand-300)}.package-card.featured .package-subtitle,.package-card.featured .package-note{color: #9FB5AE}.package-card.featured .package-features li{color: rgba(255,255,255,0.86)}.package-card.featured .package-features li .ico{color: var(--brand-300)}.package-badge{position: absolute;top: 1.2rem;right: 1.2rem;background: var(--sun-400);color: #3B2400;font-size: 0.68rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.08em;padding: 0.32rem 0.75rem;border-radius: var(--r-full)}.package-card h3{font-size: var(--t-xl);margin-bottom: 0.25rem}.package-subtitle{color: var(--n-500);font-size: 0.92rem;margin-bottom: 1.3rem}.package-price{font-family: var(--font-display);font-size: clamp(1.8rem,1.4rem + 1.4vw,2.15rem);font-weight: 800;color: var(--primary);line-height: 1.1}.package-price small{font-size: 0.85rem;font-weight: 500}.package-note{color: var(--n-500);font-size: 0.83rem;margin: 0.35rem 0 1.6rem}.package-features{display: grid;gap: 0.5rem;margin-bottom: 1.8rem;flex: 1}.package-features li{display: flex;align-items: flex-start;gap: 0.6rem;color: var(--n-600);font-size: 0.92rem;line-height: 1.55}.package-features li .ico{color: var(--primary);margin-top: 0.22em}.package-card .btn{width: 100%}.addons{padding-block: var(--section-y);padding-inline: var(--gutter);background: var(--surface-sunken)}.addons-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(230px,1fr));gap: clamp(0.9rem,1.8vw,1.4rem);max-width: var(--maxw);margin-inline: auto}.addon-card{background: var(--surface);border: 1px solid var(--border);padding: 1.8rem 1.4rem;border-radius: var(--r-lg);text-align: center;transition: transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease)}.addon-card:hover{transform: translateY(-5px);box-shadow: var(--sh-md)}.addon-card .ico{font-size: 1.9rem;color: var(--primary);margin: 0 auto 0.9rem}.addon-card h3{font-size: 1.02rem;margin-bottom: 0.4rem}.addon-card p{color: var(--n-500);font-size: 0.88rem;line-height: 1.6}.rating-overview{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: clamp(1.5rem,4vw,3rem);padding: clamp(1.8rem,4vw,2.8rem);background: var(--surface-sunken);border: 1px solid var(--brand-100);border-radius: var(--r-2xl);margin-bottom: var(--sp-9)}.rating-big{text-align: center}.rating-big .number{font-family: var(--font-display);font-size: clamp(2.8rem,2rem + 3vw,4rem);font-weight: 800;line-height: 1;background: var(--gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent}.rating-big .stars{font-size: 1.2rem;margin: 0.5rem 0}.rating-big .count{color: var(--n-500);font-size: 0.92rem}.rating-bars{flex: 1;min-width: 270px;max-width: 420px}.rating-bar-row{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 0.45rem}.rating-bar-row .label{font-size: 0.86rem;color: var(--n-500);width: 52px}.rating-bar-row .bar{flex: 1;height: 8px;background: var(--n-200);border-radius: var(--r-full);overflow: hidden}.rating-bar-row .bar-fill{height: 100%;background: var(--gradient);border-radius: var(--r-full)}.rating-bar-row .percent{font-size: 0.82rem;color: var(--n-500);width: 38px;text-align: right;font-variant-numeric: tabular-nums}.reviews-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(320px,1fr));gap: clamp(1rem,2vw,1.75rem);margin-bottom: var(--sp-9)}.review-card{position: relative;background: var(--surface);border: 1px solid var(--border);padding: clamp(1.6rem,2.6vw,2.1rem);border-radius: var(--r-xl);box-shadow: var(--sh-xs);transition: transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease)}.review-card:hover{transform: translateY(-5px);box-shadow: var(--sh-lg)}.review-stars{color: var(--sun-500);margin-bottom: 0.9rem;display: inline-flex;gap: 0.12rem}.review-text{color: var(--n-600);line-height: 1.8;margin-bottom: 1.35rem;font-size: 0.95rem}.reviewer{display: flex;align-items: center;gap: 0.85rem}.reviewer-avatar{width: 46px;height: 46px;flex: 0 0 auto;border-radius: 50%;background: var(--gradient);color: #fff;display: grid;place-items: center;font-family: var(--font-display);font-weight: 700;font-size: 1rem}.reviewer-info h4{font-size: 0.96rem}.reviewer-info p{color: var(--n-500);font-size: 0.82rem}.contact-page .contact-grid{grid-template-columns: 1fr 1.15fr;margin-bottom: var(--sp-9)}.contact-info-section h2{font-size: var(--t-2xl);margin-bottom: 0.85rem}.contact-info-section>p{color: var(--n-500);line-height: 1.8;margin-bottom: 1.8rem}.contact-methods{display: grid;gap: 1rem;margin-bottom: 1.8rem}.contact-method{display: flex;align-items: flex-start;gap: 0.95rem;padding: 1.25rem;background: var(--surface-sunken);border: 1px solid var(--brand-100);border-radius: var(--r-lg);transition: transform var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.contact-method:hover{transform: translateX(4px);border-color: var(--brand-300)}.contact-method-icon{width: 46px;height: 46px;flex: 0 0 auto;border-radius: var(--r-md);background: var(--gradient);display: grid;place-items: center;color: #fff;font-size: 1.15rem;box-shadow: var(--sh-brand)}.contact-method-text h3{font-size: 0.96rem;margin-bottom: 0.2rem}.contact-method-text p{color: var(--n-500);font-size: 0.92rem;line-height: 1.55}.contact-method-text a{color: var(--brand-700);font-weight: 600}.contact-method-text a:hover{color: var(--primary);text-decoration: underline;text-underline-offset: 2px}.social-links{display: flex;gap: 0.6rem;flex-wrap: wrap}.social-link{width: 46px;height: 46px;border-radius: var(--r-md);background: var(--surface-sunken);border: 1px solid var(--brand-100);display: grid;place-items: center;color: var(--darker);font-size: 1.1rem;transition: background var(--dur-2) var(--ease),color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.social-link:hover{background: var(--gradient);color: #fff;transform: translateY(-3px);border-color: transparent}.contact-form-section{background: var(--surface-sunken);border: 1px solid var(--brand-100);border-radius: var(--r-2xl);padding: clamp(1.7rem,3vw,2.6rem)}.contact-form-section h3{font-size: var(--t-xl);margin-bottom: 0.4rem}.contact-form-section>p{color: var(--n-500);font-size: 0.93rem;margin-bottom: 1.6rem}.map-section{margin-bottom: var(--sp-8)}.map-wrapper{width: 100%;height: clamp(280px,40vw,420px);border-radius: var(--r-2xl);overflow: hidden;border: 1px solid var(--border);background: var(--surface-sunken);display: grid;place-items: center}.map-wrapper iframe{width: 100%;height: 100%;border: 0;display: block}.hours-section{padding: clamp(1.8rem,3vw,2.6rem);background: var(--surface-sunken);border: 1px solid var(--brand-100);border-radius: var(--r-2xl)}.hours-section h3{font-size: var(--t-lg);margin-bottom: 1.3rem;text-align: center}.hours-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(210px,1fr));gap: 0.75rem}.hours-item{display: flex;justify-content: space-between;gap: 0.75rem;padding: 0.75rem 1rem;background: #fff;border: 1px solid var(--border);border-radius: var(--r-sm);font-size: 0.9rem}.hours-item .day{font-weight: 600;color: var(--darker)}.hours-item .time{color: var(--primary);font-weight: 600}.hours-item.closed .time{color: var(--n-400)}@media (max-width: 1080px){.about-content,.contact-grid,.contact-page .contact-grid,.about-intro,.mission-vision{grid-template-columns: 1fr}.why-us-grid,.process-grid,.about-stats{grid-template-columns: repeat(2,1fr)}.products-grid,.testimonials-grid,.blog-preview-grid,.values-grid,.team-grid,.packages-grid{grid-template-columns: repeat(2,1fr)}.nigeria-grid{grid-template-columns: repeat(2,1fr)}.packages-grid .package-card.featured{order: -1}.about-intro-image{order: -1}.experience-badge{right: 0}}@media (max-width: 720px){.why-us-grid,.process-grid,.products-grid,.testimonials-grid,.blog-preview-grid,.values-grid,.team-grid,.packages-grid,.about-features,.form-row{grid-template-columns: 1fr}.about-stats{grid-template-columns: 1fr 1fr}.nigeria-grid{grid-template-columns: 1fr 1fr;grid-auto-rows: 150px}.nigeria-tile.tall{grid-row: span 1}.rating-overview{flex-direction: column}}@media (max-width: 420px){.hero-stats{gap: 1.25rem}.nigeria-grid{grid-template-columns: 1fr}.nigeria-tile.wide{grid-column: span 1}}.blog-section{padding-block: clamp(2.5rem,5vw,4rem) var(--section-y);padding-inline: var(--gutter);background: var(--surface)}.blog-shell{max-width: var(--maxw);margin-inline: auto}.blog-toolbar{display: flex;align-items: center;justify-content: space-between;gap: 1rem;flex-wrap: wrap;margin-bottom: 1.75rem}.blog-search{position: relative;flex: 1 1 280px;max-width: 380px}.blog-search input{width: 100%;padding: 0.75rem 1rem 0.75rem 2.75rem;min-height: 48px;border: 1.5px solid var(--border-strong);border-radius: var(--r-full);background: #fff;font-size: 0.93rem;transition: border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.blog-search input:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 4px rgba(16,185,129,0.16)}.blog-search .ico{position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);color: var(--n-400);font-size: 1.05rem;pointer-events: none}.blog-search button{position: absolute;right: 6px;top: 50%;transform: translateY(-50%);width: 36px;height: 36px;border-radius: 50%;display: grid;place-items: center;color: var(--n-400)}.blog-search button:hover{color: var(--primary);background: var(--brand-50)}.category-chips{display: flex;gap: 0.45rem;flex-wrap: wrap}.chip{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.5rem 0.95rem;min-height: 40px;border-radius: var(--r-full);border: 1px solid var(--border-strong);background: #fff;color: var(--n-600);font-size: 0.84rem;font-weight: 600;white-space: nowrap;transition: background var(--dur-2) var(--ease),color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.chip:hover{border-color: var(--brand-400);color: var(--brand-700)}.chip.active{background: var(--gradient);border-color: transparent;color: #fff;box-shadow: var(--sh-brand)}.blog-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(1rem,2vw,1.75rem)}.blog-card{display: flex;flex-direction: column;overflow: hidden;background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-xl);box-shadow: var(--sh-xs);transition: transform var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease),border-color var(--dur-3) var(--ease)}.blog-card:hover{transform: translateY(-6px);box-shadow: var(--sh-lg);border-color: var(--brand-200)}.blog-card-image{position: relative;aspect-ratio: 16 / 9;overflow: hidden;background: var(--brand-100)}.blog-card-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s var(--ease)}.blog-card:hover .blog-card-image img{transform: scale(1.06)}.blog-card-category{position: absolute;top: 0.85rem;left: 0.85rem;background: rgba(255,255,255,0.94);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);color: var(--brand-800);padding: 0.32rem 0.8rem;border-radius: var(--r-full);font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em}.blog-card-body{padding: 1.4rem;display: flex;flex-direction: column;flex: 1}.blog-card-meta{display: flex;flex-wrap: wrap;gap: 0.9rem;color: var(--n-500);font-size: 0.78rem;margin-bottom: 0.65rem}.blog-card-meta span{display: inline-flex;align-items: center;gap: 0.32rem}.blog-card-meta .ico{color: var(--primary)}.blog-card h2{font-size: 1.15rem;line-height: 1.4;margin-bottom: 0.55rem}.blog-card h2 a{transition: color var(--dur-2) var(--ease)}.blog-card h2 a:hover{color: var(--primary)}.blog-card p{color: var(--n-500);font-size: 0.89rem;line-height: 1.7;flex: 1}.blog-card-more{margin-top: 1.1rem;color: var(--brand-700);font-weight: 600;font-size: 0.86rem;display: inline-flex;align-items: center;gap: 0.35rem}.blog-card-more .ico{transition: transform var(--dur-2) var(--ease)}.blog-card:hover .blog-card-more .ico{transform: translateX(3px)}.blog-featured{display: grid;grid-template-columns: 1.15fr 1fr;gap: 0;overflow: hidden;background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-2xl);box-shadow: var(--sh-sm);margin-bottom: clamp(1.25rem,2.5vw,2rem);transition: box-shadow var(--dur-3) var(--ease)}.blog-featured:hover{box-shadow: var(--sh-lg)}.blog-featured .bf-media{position: relative;overflow: hidden;min-height: 300px;background: var(--brand-100)}.blog-featured .bf-media img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.8s var(--ease)}.blog-featured:hover .bf-media img{transform: scale(1.04)}.blog-featured .bf-body{padding: clamp(1.6rem,3vw,2.6rem);display: flex;flex-direction: column;justify-content: center}.blog-featured .bf-body h2{font-size: var(--t-2xl);line-height: 1.24;margin: 0.75rem 0 0.75rem}.blog-featured .bf-body h2 a:hover{color: var(--primary)}.blog-featured .bf-body p{color: var(--n-500);line-height: 1.75;margin-bottom: 1.4rem}.empty-state{text-align: center;padding: clamp(3rem,8vw,5rem) 1.5rem;background: var(--surface-sunken);border: 1px dashed var(--brand-200);border-radius: var(--r-2xl)}.empty-state .ico{font-size: 2.6rem;color: var(--brand-300);margin: 0 auto 1rem}.empty-state h3{font-size: var(--t-lg);margin-bottom: 0.5rem}.empty-state p{color: var(--n-500)}.pagination-wrap{margin-top: clamp(2rem,4vw,3rem);display: flex;justify-content: center}.pagination-wrap nav{display: flex}.pagination-wrap ul,.pagination-wrap .pagination{display: flex;gap: 0.35rem;flex-wrap: wrap;align-items: center}.pagination-wrap li span,.pagination-wrap li a{display: grid;place-items: center;min-width: 42px;height: 42px;padding-inline: 0.75rem;border: 1px solid var(--border-strong);border-radius: var(--r-md);background: #fff;color: var(--n-600);font-size: 0.9rem;font-weight: 600;transition: border-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),background var(--dur-2) var(--ease)}.pagination-wrap li a:hover{border-color: var(--brand-400);color: var(--brand-700)}.pagination-wrap li.active span{background: var(--gradient);border-color: transparent;color: #fff;box-shadow: var(--sh-brand)}.pagination-wrap li.disabled span{color: var(--n-300);background: var(--n-50)}.pagination-wrap svg{width: 14px;height: 14px}.article-hero{position: relative;overflow: hidden;isolation: isolate;padding: calc(var(--nav-h) + clamp(3rem,7vw,5rem)) var(--gutter) clamp(2.5rem,5vw,3.5rem);background-color: #052e24;background-image: linear-gradient(180deg,rgba(4,42,33,0.74) 0%,rgba(4,47,35,0.7) 48%,rgba(2,22,17,0.93) 100%),var(--article-image,url('../images/solar-field.webp'));background-size: cover;background-position: center}.article-hero-inner{max-width: 820px;margin-inline: auto;text-align: center;position: relative;z-index: 2}.article-category{display: inline-flex;align-items: center;gap: 0.4rem;background: var(--gradient);color: #fff;padding: 0.4rem 1.05rem;border-radius: var(--r-full);font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;margin-bottom: 1.1rem;box-shadow: var(--sh-brand)}.article-hero h1{font-size: clamp(1.85rem,1.35rem + 2.4vw,2.85rem);font-weight: 800;color: #fff;line-height: 1.16;margin-bottom: 1rem}.article-meta{display: flex;justify-content: center;flex-wrap: wrap;gap: 0.6rem 1.5rem;color: rgba(255,255,255,0.85);font-size: 0.88rem}.article-meta span{display: inline-flex;align-items: center;gap: 0.4rem}.article-meta .ico{color: var(--brand-300)}.article-layout{display: grid;grid-template-columns: minmax(0,1fr) 250px;gap: clamp(2rem,4vw,3.5rem);align-items: start;max-width: 1120px;margin-inline: auto;padding: clamp(2.5rem,5vw,3.5rem) var(--gutter) var(--sp-8)}.article-body{font-size: 1.045rem;line-height: 1.82;color: var(--n-700);max-width: 72ch}.article-body>* + *{margin-top: 1.15rem}.article-body h2{font-size: clamp(1.32rem,1.15rem + 0.8vw,1.68rem);margin-top: 2.4rem;margin-bottom: 0.85rem;scroll-margin-top: calc(var(--nav-h) + 20px)}.article-body h3{font-size: clamp(1.1rem,1rem + 0.5vw,1.28rem);margin-top: 1.9rem;margin-bottom: 0.6rem;scroll-margin-top: calc(var(--nav-h) + 20px)}.article-body a{color: var(--brand-700);font-weight: 600;text-decoration: underline;text-decoration-color: var(--brand-300);text-underline-offset: 3px;transition: color var(--dur-2) var(--ease),text-decoration-color var(--dur-2) var(--ease)}.article-body a:hover{color: var(--primary);text-decoration-color: var(--brand-500)}.article-body strong{color: var(--n-900);font-weight: 650}.article-body ul,.article-body ol{display: grid;gap: 0.5rem;padding-left: 0}.article-body ul li{position: relative;padding-left: 1.5rem}.article-body ul li::before{content: '';position: absolute;left: 0.25rem;top: 0.72em;width: 7px;height: 7px;border-radius: 50%;background: var(--brand-400)}.article-body ol{counter-reset: ol}.article-body ol li{position: relative;padding-left: 1.9rem;counter-increment: ol}.article-body ol li::before{content: counter(ol);position: absolute;left: 0;top: 0.16em;width: 1.4rem;height: 1.4rem;border-radius: 50%;background: var(--brand-100);color: var(--brand-800);display: grid;place-items: center;font-size: 0.75rem;font-weight: 700}.article-body blockquote{margin-block: 1.8rem;padding: 1.2rem 1.5rem;border-left: 4px solid var(--brand-400);background: var(--surface-sunken);border-radius: 0 var(--r-md) var(--r-md) 0;color: var(--n-600);font-style: italic}.article-body blockquote p + p{margin-top: 0.75rem}.article-body img{border-radius: var(--r-lg);margin-block: 1.8rem;box-shadow: var(--sh-md)}.article-body figure{margin-block: 1.8rem}.article-body figcaption{font-size: 0.85rem;color: var(--n-500);text-align: center;margin-top: 0.6rem}.article-body code{font-family: var(--font-mono);font-size: 0.88em;background: var(--brand-50);color: var(--brand-800);padding: 0.15em 0.4em;border-radius: 5px;border: 1px solid var(--brand-100)}.article-body pre{background: var(--n-900);color: #E6EDEA;padding: 1.1rem 1.3rem;border-radius: var(--r-md);overflow-x: auto;font-size: 0.86rem;line-height: 1.65}.article-body pre code{background: none;border: 0;color: inherit;padding: 0}.article-body table{width: 100%;border-collapse: collapse;font-size: 0.92rem}.article-body .table-scroll{overflow-x: auto}.article-body th,.article-body td{padding: 0.7rem 0.9rem;border: 1px solid var(--border);text-align: left}.article-body th{background: var(--surface-sunken);font-weight: 700;color: var(--darker)}.article-body hr{border: 0;border-top: 1px solid var(--border);margin-block: 2.2rem}.article-toc{position: sticky;top: calc(var(--nav-h) + 20px);font-size: 0.88rem}.article-toc h4{font-size: 0.74rem;text-transform: uppercase;letter-spacing: 0.1em;color: var(--n-500);margin-bottom: 0.85rem;font-family: var(--font-body);font-weight: 700}.article-toc ul{display: grid;gap: 0.1rem;border-left: 2px solid var(--border)}.article-toc a{display: block;padding: 0.4rem 0 0.4rem 0.85rem;margin-left: -2px;border-left: 2px solid transparent;color: var(--n-500);line-height: 1.45;transition: color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.article-toc a:hover{color: var(--brand-700)}.article-toc a.active{color: var(--brand-700);font-weight: 600;border-left-color: var(--brand-500)}.article-toc .lvl-3{padding-left: 1.6rem;font-size: 0.84rem}.article-share{display: flex;align-items: center;gap: 0.6rem;flex-wrap: wrap;margin-top: 2.5rem;padding-top: 1.5rem;border-top: 1px solid var(--border)}.article-share span{font-size: 0.85rem;font-weight: 600;color: var(--n-500);margin-right: 0.25rem}.article-share a,.article-share button{width: 42px;height: 42px;border-radius: var(--r-md);background: var(--surface-sunken);border: 1px solid var(--brand-100);display: grid;place-items: center;color: var(--darker);font-size: 1.02rem;transition: background var(--dur-2) var(--ease),color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.article-share a:hover,.article-share button:hover{background: var(--gradient);color: #fff;transform: translateY(-2px);border-color: transparent}.article-tags{display: flex;gap: 0.45rem;flex-wrap: wrap;margin-top: 1.5rem}.article-tag{display: inline-flex;align-items: center;gap: 0.3rem;padding: 0.35rem 0.8rem;border-radius: var(--r-full);background: var(--brand-50);border: 1px solid var(--brand-100);color: var(--brand-800);font-size: 0.8rem;font-weight: 600;transition: background var(--dur-2) var(--ease)}.article-tag:hover{background: var(--brand-100)}.article-cta{margin-top: 2.5rem;padding: clamp(1.6rem,3vw,2.2rem);background: var(--gradient-deep);border-radius: var(--r-2xl);color: #fff;text-align: center}.article-cta h3{color: #fff;font-size: var(--t-xl);margin-bottom: 0.6rem}.article-cta p{color: rgba(255,255,255,0.82);margin-bottom: 1.3rem;font-size: 0.95rem}.article-cta .cta-buttons{display: flex;gap: 0.7rem;justify-content: center;flex-wrap: wrap}.related-section{padding-block: var(--section-y);padding-inline: var(--gutter);background: var(--surface-sunken)}.related-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(1rem,2vw,1.75rem);max-width: var(--maxw);margin-inline: auto}@media (max-width: 1080px){.article-layout{grid-template-columns: minmax(0,1fr);max-width: 820px}.article-toc{display: none}.blog-grid,.related-grid{grid-template-columns: repeat(2,1fr)}.blog-featured{grid-template-columns: 1fr}.blog-featured .bf-media{min-height: 240px;aspect-ratio: 16 / 9}}@media (max-width: 720px){.blog-grid,.related-grid{grid-template-columns: 1fr}.blog-toolbar{flex-direction: column;align-items: stretch}.blog-search{max-width: none}.category-chips{overflow-x: auto;flex-wrap: nowrap;padding-bottom: 0.25rem;-webkit-overflow-scrolling: touch}}@media print{.navbar,.footer,.chat-float,.cookie-banner,.article-toc,.article-share,.article-cta,.related-section,.cta{display: none !important}body{color: #000;background: #fff}.article-hero{background: none;color: #000;padding-top: 0}.article-hero h1,.article-meta{color: #000}a[href^="http"]::after{content: " (" attr(href) ")";font-size: 0.8em;color: #555}}