.eko-demo{--demo-lime:#d3f43b;background:#fff}.eko-demo-hero{position:relative;isolation:isolate;background:#0c1215;color:#fff;min-height:690px;overflow:hidden;display:flex;align-items:center}.eko-demo-copy{position:relative;z-index:2;width:58%;padding:70px 0 110px 6%}.eko-demo-eyebrow{display:block;font-size:12px;letter-spacing:.16em;font-weight:600;margin-bottom:26px;color:#b1bdc2}.eko-demo .eko-demo-copy h1{font-size:clamp(48px,6.2vw,88px);line-height:1.03;font-weight:800;letter-spacing:-.055em;color:white}.eko-demo h1 em,.eko-demo-energy em{color:var(--demo-lime);font-style:normal}.eko-demo .eko-demo-copy p{font-size:17px;line-height:1.7;color:#c0c9cd;margin:26px 0;max-width:37ch}.eko-demo-art{position:absolute;inset:0 0 0 40%;overflow:hidden;background:#aeb8ba}.eko-demo-art img{width:100%;height:100%;object-fit:cover;object-position:58% center;filter:brightness(.75) contrast(1.1);animation:ekoDemoImage 9s ease-in-out infinite alternate}.eko-demo-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c1215 0%,#0c121550 35%,transparent 65%),linear-gradient(0deg,#0c1215 0%,transparent 28%)}.eko-demo-orbit{position:absolute;width:70%;height:70%;border:1px solid #d3f43b55;border-radius:50%;top:15%;left:10%;transform:rotate(-25deg);box-shadow:0 0 60px #d3f43b11;pointer-events:none}.eko-demo-cta{display:inline-flex;align-items:center;gap:28px;justify-content:space-between;background:var(--demo-lime);color:#131b10!important;font-size:15px;font-weight:700;padding:17px 22px;border-radius:6px;min-height:52px;transition:transform .25s,background .25s}.eko-demo-cta:hover{transform:translateY(-3px);background:#e3ff69}.eko-demo-service{display:block;width:fit-content;margin-top:20px;font-size:14px;color:#d8e0dc!important;text-decoration:underline!important;text-underline-offset:5px}.eko-demo-bottom{position:absolute;bottom:22px;left:6%;right:6%;display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.09em;color:#aab7bc;z-index:3}.eko-demo-motion{border:1px solid #ffffff44!important;background:#111a1c;color:white;padding:8px 12px;font-size:12px!important;border-radius:30px;min-height:36px}.eko-demo-photo-note{position:absolute;right:6%;bottom:70px;font-size:10px;color:#c4cccf;z-index:2}.eko-demo-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 6%;border-left:1px solid #dfe4df}.eko-demo-categories a{position:relative;padding:28px 24px 30px;display:flex;flex-direction:column;gap:14px;border-right:1px solid #dfe4df;border-bottom:1px solid #dfe4df;transition:background .25s}.eko-demo-categories a:hover{background:#f1f8de}.eko-demo-cat-num{font-size:12px;color:#748172}.eko-demo-categories strong{font-size:21px;letter-spacing:-.04em;line-height:1.2}.eko-demo-categories a>span:last-of-type{font-size:12px;color:#657269}.eko-demo-categories svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;position:absolute;right:24px;top:26px}.eko-demo-products{padding:70px 6%}.eko-demo-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.eko-demo .eko-demo-section-head h2,.eko-demo-visit h2{font-size:clamp(32px,4vw,52px)}.eko-demo-section-head .eko-back-catalog{padding:12px 0;border-bottom:1px solid;font-size:14px;flex-shrink:0}.eko-demo-energy{margin:0 6% 60px;padding:54px;background:#10191b;color:white;display:grid;grid-template-columns:1fr 1fr;gap:40px;overflow:hidden;border-radius:12px}.eko-demo-energy h2{font-size:clamp(36px,4vw,56px)}.eko-demo .eko-demo-energy p{font-size:16px;color:#b6c3c4;line-height:1.7;margin:22px 0 28px}.eko-demo-energy-type{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#d3f43b;line-height:1;font-weight:900;letter-spacing:-.07em;font-size:clamp(50px,7vw,100px)}.eko-demo-energy-type>span:first-child{color:#52645f}.eko-demo-energy-line{height:5px;background:linear-gradient(90deg,transparent,#d3f43b,transparent);background-size:200% 100%;margin-top:30px;animation:ekoDemoCharge 3s linear infinite}.eko-demo-visit{padding:0 6% 60px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.eko-demo-visit .eko-location-contact{margin:0}.eko-demo-copy>*{animation:ekoDemoEnter .8s both}.eko-demo-copy h1{animation-delay:.1s}.eko-demo-copy p{animation-delay:.2s}.eko-demo-copy .eko-demo-cta{animation-delay:.3s}.eko-demo-paused *{animation-play-state:paused!important}@keyframes ekoDemoImage{to{transform:scale(1.055) translateX(-1%)}}@keyframes ekoDemoCharge{to{background-position:-200% 0}}@keyframes ekoDemoEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:760px){.eko-demo-hero{display:block;min-height:0}.eko-demo-copy{width:100%;padding:40px 6% 25px}.eko-demo .eko-demo-copy h1{font-size:clamp(44px,10vw,68px);max-width:12ch}.eko-demo .eko-demo-copy p{font-size:16px;margin:22px 0}.eko-demo-art{position:relative;inset:auto;width:100%;height:320px;margin-top:-10px}.eko-demo-art img{object-fit:cover;object-position:center 56%}.eko-demo-art:after{background:linear-gradient(180deg,#0c1215,transparent 20%,transparent 75%,#0c1215)}.eko-demo-art{position:absolute;bottom:40px;top:auto;opacity:.4;height:360px}.eko-demo-copy{padding-bottom:210px}.eko-demo-copy .eko-demo-cta{width:100%;max-width:360px}.eko-demo-bottom{bottom:14px;gap:10px}.eko-demo-bottom>span:nth-child(2){display:none}.eko-demo-photo-note{bottom:60px;font-size:10px;left:6%}.eko-demo-categories{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 5%}.eko-demo-categories a{padding:18px 14px;gap:10px}.eko-demo-categories strong{font-size:18px}.eko-demo-categories svg{top:18px;right:14px;width:17px}.eko-demo-categories a>span:last-of-type{font-size:12px}.eko-demo-products{padding:42px 5%}.eko-demo-section-head{align-items:start;flex-direction:column;gap:14px}.eko-demo-energy{margin:0 5% 40px;padding:28px 22px;grid-template-columns:1fr;gap:28px}.eko-demo-energy-type{font-size:54px}.eko-demo-energy .eko-demo-cta{font-size:14px;gap:14px;width:100%}.eko-demo-visit{padding:0 5% 36px;grid-template-columns:1fr;gap:24px}.eko-demo-eyebrow{font-size:11px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.eko-demo *{animation:none!important;transition:none!important}.eko-demo-motion{display:none}}
/* Main homepage: hero only; all remaining blocks retain 1.6.1 styling. */
.eko-demo .eko-demo-copy h1{animation:none}
.eko-demo .eko-hero-line{display:block;animation:ekoHeroLine .85s cubic-bezier(.2,.7,.2,1) both}
.eko-demo .eko-hero-line:nth-child(2){animation-delay:.15s}.eko-demo .eko-hero-line:nth-child(3){animation-delay:.3s}
@keyframes ekoHeroLine{from{opacity:0;transform:translateY(24px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:760px){.eko-demo .eko-demo-copy h1{max-width:none;font-size:clamp(36px,9vw,64px)}.eko-demo .eko-demo-copy{padding-bottom:280px}.eko-demo .eko-demo-art{height:280px;opacity:.85}.eko-demo .eko-demo-art img{object-fit:contain;object-position:center}.eko-demo .eko-demo-art{background:#10171a}.eko-demo .eko-demo-bottom{font-size:10px}.eko-demo .eko-demo-photo-note{max-width:70%;font-size:10px}}
@media(prefers-reduced-motion:reduce){.eko-demo .eko-hero-line{animation:none!important;filter:none;transform:none}}
