:root{color-scheme:light;--brand:#22a56d;--brand-dark:#148051;--accent:#f8c845;--ink:#16342a;--muted:#64746d;--line:#dce8e1;--surface:#fff;--surface-soft:#f5faf7;--max-width:1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:#fbfdfb;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.website-header,.website-footer{width:min(var(--max-width), calc(100% - 32px));margin:0 auto}.website-header{justify-content:space-between;align-items:center;gap:32px;padding:22px 0;display:flex}.website-brand img{border-radius:14px;width:min(280px,54vw)}.website-nav{color:var(--muted);align-items:center;gap:18px;font-size:15px;font-weight:700;display:flex}.website-nav a{padding:8px 0}.website-nav a:hover{color:var(--brand-dark)}.site-language-switch{border:1px solid var(--line);background:#fff;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));font-size:13px;font-weight:900;display:inline-grid;overflow:hidden}.site-language-switch a{min-width:48px;min-height:34px;color:var(--muted);place-items:center;padding:0 10px;display:grid}.site-language-switch a.is-active{background:var(--ink);color:#fff}.section{width:min(var(--max-width), calc(100% - 32px));margin:0 auto;padding:72px 0}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:48px;min-height:calc(100vh - 96px);padding-top:24px;display:grid}.home-banner-section{padding:16px 0 34px}.home-hero-centered{grid-template-columns:1fr;min-height:auto;padding-top:34px}.home-hero-centered>div{max-width:920px}.eyebrow{color:var(--brand-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(42px,7vw,74px);line-height:.95}h2{margin-bottom:16px;font-size:clamp(30px,4vw,46px);line-height:1}h3{margin-bottom:8px;font-size:22px}.lead{max-width:660px;color:var(--muted);font-size:19px;line-height:1.7}.hero-visual{border:1px solid var(--line);background:linear-gradient(135deg,#22a56d1f,#f8c84529),url(/assets/sunfield-new-energy-logo-transparent.png) 50%/78% no-repeat,#fff;border-radius:8px;min-height:420px}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.button.secondary{color:var(--brand-dark);background:#fff}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:24px}.product-card-image{aspect-ratio:16/10;object-fit:cover;background:#eef3ef;border-radius:6px;width:100%;margin-bottom:18px}.product-carousel{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:420px;position:relative;overflow:hidden}.product-carousel-track{min-height:420px;display:grid}.product-carousel-slide{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);min-height:420px;transition:opacity .55s,transform .55s;display:grid;transform:translate(12px)}.product-carousel-slide.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.product-carousel-slide img{object-fit:cover;width:100%;height:100%;min-height:420px}.product-carousel-media-link{height:100%;color:inherit;text-decoration:none;display:block}.product-carousel-copy{align-content:center;gap:12px;padding:36px;display:grid}.product-carousel-copy h2{margin-bottom:0;font-size:clamp(28px,3.8vw,44px)}.product-carousel-copy p:not(.eyebrow){color:var(--muted);line-height:1.6}.product-carousel-controls{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;bottom:18px;left:18px}.product-carousel-controls button,.product-filter-button{border:1px solid var(--line);min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;font-weight:800}.product-carousel-controls button{place-items:center;min-width:38px;padding:0;font-size:24px;display:grid}.product-carousel-dots{gap:6px;display:flex}.product-carousel-dots button{width:10px;min-width:10px;height:10px;min-height:10px;padding:0}.product-carousel-controls button:hover,.product-filter-button:hover,.product-carousel-controls button.is-active,.product-filter-button.is-active{border-color:var(--brand-dark);background:var(--brand-dark);color:#fff}.product-carousel-banner{--banner-carousel-height:clamp(360px, 48vw, 560px);min-height:var(--banner-carousel-height);background:#f4f8f5}.product-carousel-banner .product-carousel-track,.product-carousel-banner .product-carousel-slide{min-height:var(--banner-carousel-height)}.product-carousel-banner .product-carousel-slide{grid-template-columns:1fr;position:relative}.product-carousel-banner .product-carousel-slide img{height:var(--banner-carousel-height);min-height:var(--banner-carousel-height);object-fit:contain;object-position:center;background:#f4f8f5;max-height:none;display:block}.product-carousel-banner .product-carousel-copy{z-index:2;width:min(460px,48%);padding:34px;position:absolute;inset:0 auto 0 0}.product-carousel-banner .product-carousel-copy h2{font-size:clamp(28px,4vw,48px)}.product-carousel-banner .product-carousel-controls{backdrop-filter:blur(8px);background:#ffffffc7;border-radius:999px;padding:6px 8px;bottom:14px;left:50%;transform:translate(-50%)}.contact-rail{z-index:30;justify-items:center;gap:10px;display:grid}.contact-message{width:92px;color:var(--ink);text-align:center;overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:900;line-height:1.35}.contact-link{color:#fff;border:1px solid #182d2b1f;border-radius:50%;place-items:center;width:48px;height:48px;font-size:14px;font-weight:900;line-height:1;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 12px 28px #182d2b2e}.contact-link:hover,.contact-link:focus-visible{transform:translateY(-2px);box-shadow:0 16px 32px #182d2b3d}.contact-link-x{background:#111}.contact-link-facebook{background:#1877f2;font-family:Arial,sans-serif;font-size:24px}.contact-link-whatsapp{background:#22a95a;font-size:12px}.home-contact-rail{position:fixed;top:50%;right:14px;transform:translateY(-50%)}.product-card{padding:0;overflow:hidden}.product-card-link{height:100%;padding:24px;display:grid}.product-card-link:hover h3,.product-card-link:hover .product-card-action{color:var(--brand-dark)}.product-category{color:var(--brand-dark);margin-bottom:8px;font-size:13px;font-weight:900}.product-card-action{color:var(--brand-dark);margin-top:12px;font-weight:900}.product-filter-bar{flex-wrap:wrap;gap:10px;margin:28px 0 24px;display:flex}.product-filter-button{padding:0 16px}.product-detail{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:start;gap:42px;display:grid}.product-detail-image{aspect-ratio:16/11;object-fit:cover;border:1px solid var(--line);background:#eef3ef;border-radius:8px;width:100%}.rich-content{color:var(--muted);font-size:17px;line-height:1.7}.rich-content p{margin-bottom:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid label{color:var(--muted);gap:8px;font-weight:700;display:grid}.form-grid label.full{grid-column:1/-1}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;border-radius:6px;padding:12px 14px}textarea{resize:vertical;min-height:140px}.website-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding:36px 0;display:flex}.footer-links{flex-wrap:wrap;gap:14px;font-weight:800;display:flex}@media (width<=820px){.website-header,.website-footer{display:block}.website-nav{flex-wrap:wrap;gap:10px 16px;margin-top:18px;overflow-x:visible}.site-language-switch{margin-top:16px}.hero,.grid,.product-carousel-slide,.product-detail,.form-grid{grid-template-columns:1fr}.hero{min-height:auto}.home-banner-section{padding:18px 0 30px}.hero-visual,.product-carousel,.product-carousel-track,.product-carousel-slide,.product-carousel-slide img{min-height:280px}.product-carousel-copy{padding:24px}.product-carousel-banner,.product-carousel-banner .product-carousel-track,.product-carousel-banner .product-carousel-slide,.product-carousel-banner .product-carousel-slide img{min-height:var(--banner-carousel-height)}.product-carousel-banner{--banner-carousel-height:clamp(300px, 88vw, 430px)}.product-carousel-banner .product-carousel-slide img{height:var(--banner-carousel-height)}.product-carousel-banner .product-carousel-copy{width:100%;padding:22px}.product-carousel-controls{justify-content:center;padding:0 0 18px;position:static}.product-carousel-banner .product-carousel-controls{padding:6px 8px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.home-contact-rail{background:#ffffffdb;border:1px solid #182d2b1a;border-radius:18px;grid-template-columns:minmax(0,1fr) repeat(3,48px);align-items:center;width:min(100% - 32px,460px);margin:0 auto 34px;padding:10px 12px;position:static;transform:none;box-shadow:0 18px 42px #182d2b24}.home-contact-rail .contact-message{text-align:left;width:auto}}@media (width<=480px){.website-brand img{width:min(250px,82vw)}.website-nav{gap:8px 14px;font-size:14px}.home-contact-rail{grid-template-columns:repeat(3,48px);justify-content:center}.home-contact-rail .contact-message{text-align:center;grid-column:1/-1;width:min(270px,100vw - 56px)}}
