/* PT.ELEKTRA — DREAMINVENTS V4: CINEMATIC WOW / PREMIUM CONTRAST
   Progressive enhancements: no animation is required to operate the website. */
:root {--green:#b6ec44;--lime:#b6ec44;--night:#071620;--navy:#091c29;--ink:#10212b;--paper:#f7f8f6;--muted:#556771;--border:#dde4e6;--radius:10px;color-scheme:light;scroll-behavior:smooth;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;}
html{overflow-x:clip}body.pt-v4{background:#fff;overflow-x:clip;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}body.pt-v4 h1,body.pt-v4 h2,body.pt-v4 h3,body.pt-v4 .brand-text,body.pt-v4 .service-name{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.pt-v4 .container{width:min(1280px,calc(100% - clamp(34px,6.3vw,112px)))}
.pt-v4 .topline{background:#071620;color:#d1d9dc}.pt-v4 .site-header{background:rgba(254,255,253,.97);border-bottom:1px solid #e6edec}.pt-v4 .header-inner{min-height:82px}.pt-v4 .brand-image{width:64px;height:67px}.pt-v4 .brand-image img{width:100%;height:100%;object-fit:contain}.pt-v4 .brand-text{font-weight:850;letter-spacing:-.065em}.pt-v4 .main-nav a{transition:color .2s ease,transform .2s ease}.pt-v4 .main-nav a:hover{color:#517c0c;transform:translateY(-2px)}.pt-v4 .header-phone{border-radius:4px;min-height:44px;display:inline-flex;gap:7px;align-items:center}.pt-v4 .button{border-radius:4px;position:relative;isolation:isolate;overflow:hidden;min-height:52px;transition:transform .24s,background .24s,box-shadow .24s}.pt-v4 .button::after{content:'';position:absolute;inset:0 auto 0 -65%;width:45%;transform:skewX(-28deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transition:left .42s ease;pointer-events:none}.pt-v4 .button:hover::after{left:135%}.pt-v4 .button-lime{color:#071620;background:var(--green)}.pt-v4 .button-dark{background:#0d2735}.pt-v4 .button-arrow{transition:transform .26s}.pt-v4 .button:hover .button-arrow{transform:translate(3px,-3px)}
/* ONE-TIME CINEMATIC BOOT — 1.8 seconds incl. departure */
.pt-v4 .v4-intro{position:fixed;inset:0;z-index:200;background:#041018;display:grid;place-items:center;overflow:hidden;isolation:isolate;opacity:1;visibility:visible;transition:opacity .34s,visibility .34s}.pt-v4 .v4-intro[hidden]{display:none!important}.pt-v4 .v4-intro.leave{opacity:0;visibility:hidden;pointer-events:none}.v4-intro__field{position:absolute;inset:0;overflow:hidden}.v4-intro__field::before{content:'';position:absolute;width:80vmax;height:80vmax;top:50%;left:50%;border:1px solid #a5e94c1a;border-radius:50%;transform:translate(-50%,-50%) scale(.35);animation:boot-ring 1.3s .23s ease-out both}.v4-intro__arcs{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 7px #b8fa52)}.v4-intro__wire,.v4-intro__branch{fill:none;stroke:#ceff87;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:460;stroke-dashoffset:460;animation:boot-arc .72s .12s cubic-bezier(.43,.05,.26,.96) forwards}.v4-intro__wire--second{animation-delay:.25s;stroke:#f1ffe4}.v4-intro__branch{animation-delay:.39s;stroke-width:1.3;opacity:.82}.v4-intro__center{position:relative;z-index:1;display:grid;place-items:center;gap:4px;width:min(88vw,460px)}.v4-intro__brand{width:min(76vw,340px);transform:scale(.87);opacity:0;filter:brightness(.8);animation:boot-logo .58s .54s cubic-bezier(.18,.85,.2,1) forwards}.v4-intro__brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 20px #9beb4c50)}.v4-intro__caption{font-size:clamp(10px,2vw,13px);font-weight:700;color:#d7e6d3;letter-spacing:.19em;opacity:0;animation:boot-caption .42s .85s ease both}.pt-v4 .intro-skip{position:absolute;z-index:4;right:clamp(16px,4vw,60px);bottom:clamp(20px,5vh,55px);background:transparent;border:1px solid #ffffff43;border-radius:3px;color:#eff6f4;min-height:44px;padding:9px 16px;margin:0;text-decoration:none;font-size:13px}.v4-intro::after{content:'';position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;animation:boot-flash .18s .99s ease forwards}@keyframes boot-arc{to{stroke-dashoffset:0}}@keyframes boot-ring{65%{opacity:.7}to{transform:translate(-50%,-50%) scale(1.45);opacity:0}}@keyframes boot-logo{to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes boot-caption{to{opacity:1}}@keyframes boot-flash{45%{opacity:.14}to{opacity:0}}
/* HERO: architectonic cabinet + electric traces on authentic background photography */
.pt-v4 .hero{min-height:min(780px,calc(100svh - 88px));background:#071722;isolation:isolate}.pt-v4 .hero::after{border-radius:0;border:1px solid #a8de4950;width:35vw;height:35vw;top:13%;right:2%;transform:rotate(45deg);opacity:.22}.pt-v4 .hero-image{inset:0;opacity:.34;filter:grayscale(.6) contrast(1.13)}.pt-v4 .hero-vignette{background:linear-gradient(90deg,#071722 0%,#071722f5 40%,#0717229b 71%,#071722ab 100%)}.pt-v4 .hero-content{z-index:3;padding:clamp(90px,9vw,140px) 0 clamp(85px,9vw,135px)}.pt-v4 .hero-copy{max-width:min(660px,58%)}.pt-v4 .hero h1{font-size:clamp(44px,4.8vw,76px);line-height:1.04;letter-spacing:-.069em;max-width:730px;margin-bottom:28px;text-wrap:balance}.pt-v4 .hero-certified{color:#e4f4d1;font-size:13px;letter-spacing:.003em}.pt-v4 .hero-description{max-width:510px;font-size:clamp(17px,1.5vw,22px);line-height:1.55;color:#d7e5e7}.pt-v4 .hero-points{max-width:610px;gap:9px 16px;display:grid;grid-template-columns:1fr 1fr;font-weight:550;font-size:13px}.pt-v4 .hero-points li::before{content:'↗';font-weight:900;margin-right:8px}.pt-v4 .hero-actions{margin-top:26px}.pt-v4 .hero-electric{height:74px;opacity:.9;z-index:4}.pt-v4 .electric-pulse{stroke-width:2.5;stroke:#d0ff70;filter:drop-shadow(0 0 4px #b9f65d)}
.v4-hero-machine{position:absolute;right:clamp(-28px,1.2vw,40px);bottom:-36px;width:min(52vw,690px);height:94%;z-index:1;pointer-events:none;perspective:1100px;transform:translate3d(0,0,0)}.v4-hero-machine__cabinet{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(-15px 42px 35px #000a);animation:cabinet-rise 1.2s .18s ease-out both}.v4-hero-machine__halo{position:absolute;width:70%;aspect-ratio:1;right:0;top:17%;border:2px solid #b8ed4d35;transform:rotate(23deg);clip-path:polygon(0 0,95% 0,100% 100%,0 95%);opacity:.8}.v4-hero-machine__arcs{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 8px #baff59)}.v4-machine-arc{stroke:#d9ff98;stroke-width:2.5;stroke-linejoin:bevel;fill:none;stroke-dasharray:32 390;animation:machine-fire 5.3s linear infinite}.v4-machine-arc--second{animation-delay:-2.2s;stroke-width:1.7}.v4-machine-arc--third{animation-delay:-3.5s;stroke-width:1.7}.v4-hero-machine__tag{position:absolute;right:5%;bottom:15%;color:#dbfbd4;letter-spacing:.18em;font-size:10px;font-weight:850}.v4-hero-machine__tag span{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#c7ff68;box-shadow:0 0 12px #b5f450}@keyframes cabinet-rise{from{transform:translateY(25px) rotateY(-7deg);opacity:0}to{transform:translateY(0) rotateY(0);opacity:1}}@keyframes machine-fire{from{stroke-dashoffset:0;opacity:.4}10%{opacity:1}to{stroke-dashoffset:-840;opacity:.4}}
/* Contrast rhythm. Clear typography; no template card piles. */
.pt-v4 .fact-strip{background:#c8e7a6}.pt-v4 .fact-grid{padding:21px 0}.pt-v4 .fact strong{font-weight:850;color:#10212b}.pt-v4 .fact span{color:#253a38}.pt-v4 .section{padding-block:clamp(78px,8.2vw,135px)}.pt-v4 .section-heading h2,.pt-v4 .footer h2{letter-spacing:-.06em;line-height:1.09;font-weight:850}.pt-v4 .section-heading p{color:#4c616d;line-height:1.75}.pt-v4 .section-cert{background:#f8f9f6}.pt-v4 .cert-layout{gap:clamp(26px,5vw,90px)}.pt-v4 .cert-item{background:white;border:1px solid #d7e4de;border-radius:4px;padding:22px 13px;transition:transform .3s,box-shadow .3s;position:relative}.pt-v4 .cert-item:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0f2e1815}.pt-v4 .cert-media{background:#fff}
.pt-v4 .section-services{background:#081a24!important;overflow:hidden}.pt-v4 .section-services::before{content:'';position:absolute;top:-90px;right:-5%;width:540px;max-width:60vw;height:540px;border:1px solid #8ace3735;transform:rotate(20deg);pointer-events:none}.pt-v4 .section-services .section-heading h2{color:#fff}.pt-v4 .services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}.pt-v4 .service{min-height:210px;border-radius:3px;background:#132934;border:1px solid #3c5961;padding:27px 22px;transform:none;overflow:hidden;transition:transform .28s cubic-bezier(.18,.75,.25,1),background .28s,border-color .28s,box-shadow .28s;will-change:auto}.pt-v4 .service:nth-child(1),.pt-v4 .service:nth-child(6){grid-column:span 2;background:#1c3540}.pt-v4 .service::before{height:2px;background:var(--green);bottom:auto;top:0;transform-origin:left}.pt-v4 .service::after{content:'';position:absolute;inset:0;opacity:0;pointer-events:none;background:linear-gradient(120deg,transparent 0%,transparent 62%,#beff4014 70%,transparent 71%);transition:opacity .2s}.pt-v4 .service:hover{transform:translateY(-9px) scale(1.01);background:#203d45;border-color:#9cda44;box-shadow:0 24px 38px #0008;z-index:2}.pt-v4 .service:hover::after{opacity:1}.pt-v4 .service-index{font-size:11px;color:#aee87e;letter-spacing:.1em;font-weight:750;margin-bottom:auto;padding-bottom:25px}.pt-v4 .service-name{font-size:clamp(17px,1.65vw,24px);letter-spacing:-.045em;margin-bottom:10px}.pt-v4 .service-desc{font-size:13px;color:#cbdbda}.pt-v4 .service-arrow{font-size:28px}.pt-v4 .service:nth-child(1) .service-name,.pt-v4 .service:nth-child(6) .service-name{font-size:clamp(23px,2.2vw,34px)}
.pt-v4 .section-video{color:#fff;background:#0a1b26}.pt-v4 .section-video .section-heading h2{color:#fff}.pt-v4 .section-video .section-heading p{color:#c4d0d4}.pt-v4 .section-video .video-caption{color:#b3e0a1}.pt-v4 .video-layout{grid-template-columns:.77fr 1.23fr;gap:clamp(22px,4vw,64px)}.pt-v4 .video-frame{background:#193440;min-height:480px;overflow:visible;isolation:isolate;border-radius:3px}.pt-v4 .video-frame::before,.pt-v4 .why-image::before{content:'';position:absolute;inset:-12px 12px 12px -12px;border:1px solid #a6d8548c;z-index:-1;transition:transform .45s}.pt-v4 .video-poster{border-radius:3px}.pt-v4 .video-frame:hover::before,.pt-v4 .why-image:hover::before{transform:translate(-12px,12px)}.pt-v4 .v4-expandable-image{transform-style:preserve-3d;transition:transform .48s cubic-bezier(.2,.8,.2,1),box-shadow .48s}.pt-v4 .video-frame:hover,.pt-v4 .about-photo:hover,.pt-v4 .why-image:hover{transform:perspective(1100px) translateY(-11px) rotateX(2deg) rotateY(-3deg) scale(1.015);box-shadow:0 35px 70px #0005}.pt-v4 .v4-image-expand{position:absolute;bottom:22px;right:22px;z-index:4;min-height:48px;background:#bcec4a;color:#06151f;border:0;border-radius:2px;padding:12px 18px;font-weight:800;transition:transform .2s}.pt-v4 .v4-image-expand:hover{transform:translateY(-4px)}.pt-v4 .video-note{bottom:22px;left:20px;z-index:4;max-width:calc(100% - 180px);font-size:12px}
.pt-v4 .section-about{background:#f8f9f6}.pt-v4 .section-about .about-photo{border-radius:3px;background:#112531}.pt-v4 .section-about .about-photo img{padding:11%;background:#0a1923;object-fit:contain}.pt-v4 .section-why{background:#fff}.pt-v4 .why-image{border-radius:3px;overflow:visible}.pt-v4 .why-image img{border-radius:3px}.pt-v4 .section-area{background:#f6f8f3}.pt-v4 .section-area .area-art{border:1px solid #d7dfce;min-height:310px}.pt-v4 .section-faq{background:#fff}.pt-v4 .faq-list summary{min-height:44px;align-items:center}.pt-v4 .faq-list details{transition:border-color .24s}.pt-v4 .faq-list details[open]{border-color:#81b83a}.pt-v4 .faq-list details[open] .faq-plus{transform:rotate(90deg)}.pt-v4 .faq-plus{transition:transform .2s}
.pt-v4 .section-contact{background:#0b202c;color:#fff;position:relative;isolation:isolate}.pt-v4 .section-contact::before{content:'';position:absolute;inset:6% 2% auto auto;width:min(28vw,450px);aspect-ratio:1;border:1px solid #c6fd5428;transform:rotate(32deg);pointer-events:none}.pt-v4 .section-contact .section-heading h2{color:#fff}.pt-v4 .contact-big-link,.pt-v4 .contact-email{color:#fff}.pt-v4 .contact-form{border-radius:3px;box-shadow:0 23px 70px #0006;color:#142331}.pt-v4 .v4-contact-mark{width:145px;height:auto;display:block;filter:drop-shadow(0 0 2px #fff0);margin-bottom:16px}.pt-v4 .section-contact .contact-layout{gap:clamp(24px,6vw,110px)}.pt-v4 .section-contact .form-legal{color:#556873}.pt-v4 .section-contact .form-legal a{color:#244c6c}.pt-v4 .projects-link a{color:#d7f6ad}.pt-v4 .section-brands{background:#f9faf6}.pt-v4 .section-reviews{background:#eaf2e5}.pt-v4 .footer{background:#07151e;color:#c2ced1}.pt-v4 .footer h2{color:#fff}.pt-v4 .footer a:hover{color:#b8ef55}
/* Scroll-following electrical conductor, efficient SVG line + short-lived sparks */
.pt-v4 #energy-system{position:absolute;left:0;top:0;width:100%;pointer-events:none;overflow:hidden;z-index:18}.pt-v4 #energy-svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.pt-v4 #energy-track{stroke:#84b33d;stroke-width:1.6;opacity:.22;fill:none;vector-effect:non-scaling-stroke}.pt-v4 #energy-progress{stroke:#c0fc67;stroke-width:3;fill:none;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 5px #a2e65b);vector-effect:non-scaling-stroke}.pt-v4 #energy-head{height:10px;width:10px;box-shadow:0 0 8px 2px #fff,0 0 17px 7px #bfff6d;opacity:0}.pt-v4 .spark{width:75px;height:60px;animation:v4-spark .38s both}.pt-v4 .spark path{stroke:#d9ffad;stroke-width:2;filter:drop-shadow(0 0 2px #c0fb55)}@keyframes v4-spark{from{opacity:1;transform:translate(-50%,-50%) scale(.65)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}
/* Modal and floating CTA */
.pt-v4 .quote-floating{z-index:55;min-height:48px;border-radius:3px;transition:opacity .2s,transform .2s;box-shadow:0 7px 30px #050e183d}.pt-v4:not(.v4-past-hero) .quote-floating{opacity:0;transform:translateY(16px);pointer-events:none}.pt-v4 .quote-dialog{max-height:min(92dvh,820px);overflow:auto}.pt-v4 .quote-dialog[open]{display:block}.pt-v4 .v4-lightbox{position:fixed;border:0;max-width:none;max-height:none;width:100vw;height:100dvh;padding:clamp(12px,2vw,32px);margin:0;background:#06141cf4;color:white;overflow:hidden}.pt-v4 .v4-lightbox::backdrop{background:#000b}.pt-v4 .v4-lightbox[open]{display:grid;place-items:center}.pt-v4 .v4-lightbox img{max-width:96%;max-height:87dvh;object-fit:contain;box-shadow:0 28px 90px #000a}.pt-v4 .v4-lightbox__close{position:absolute;right:clamp(12px,2vw,30px);top:10px;z-index:3;border:1px solid #ffffff65;background:#1d3945;color:#fff;font-size:30px;line-height:1;min-width:48px;min-height:48px}
/* Prevent all interactive content being hidden on unverified motion code. */
.pt-v4 .reveal:not(.is-visible){transform:translateY(18px)}.pt-v4 .reveal{transition-duration:.55s}.pt-v4 a:focus-visible,.pt-v4 button:focus-visible,.pt-v4 summary:focus-visible{outline:3px solid #b6e94f;outline-offset:3px}
/* Tablet */
@media(max-width:1100px){.pt-v4 .hero-copy{max-width:59%}.pt-v4 .hero h1{font-size:clamp(38px,5.2vw,60px)}.pt-v4 .services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pt-v4 .service:nth-child(1),.pt-v4 .service:nth-child(6){grid-column:span 2}.pt-v4 .v4-hero-machine{width:52vw;right:-5%}.pt-v4 .section-video .video-layout{grid-template-columns:1fr 1.1fr}}
@media(max-width:900px){.pt-v4 .menu-button{display:block;margin-left:auto;min-width:44px;min-height:44px}.pt-v4 .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #ccd7d7;box-shadow:0 28px 40px #07151a2c;padding:15px clamp(20px,4vw,42px) 26px;flex-direction:column;align-items:stretch;gap:0}.pt-v4 .main-nav.open{display:flex}.pt-v4 .main-nav a{display:block;padding:16px 0;border-bottom:1px solid #e6eded;font-size:15px}.pt-v4 .header-phone{display:none}.pt-v4 .hero-points{grid-template-columns:1fr}.pt-v4 .section-video .video-layout{grid-template-columns:1fr;gap:25px}.pt-v4 .video-frame{min-height:360px}}
@media(max-width:750px){.pt-v4 .topline{display:none}.pt-v4 .container{width:calc(100% - 36px)}.pt-v4 .header-inner{min-height:70px}.pt-v4 .brand-image{width:56px;height:56px}.pt-v4 .brand-image img{width:100%;height:100%;max-height:56px}.pt-v4 .brand-text{font-size:21px}.pt-v4 .hero{min-height:0;display:block}.pt-v4 .hero-content{padding:57px 0 88px}.pt-v4 .hero-copy{max-width:100%;position:relative;z-index:2}.pt-v4 .hero h1{font-size:clamp(37px,8vw,55px);max-width:580px;margin-bottom:24px;letter-spacing:-.07em;line-height:1.06}.pt-v4 .hero-certified{font-size:11.5px;line-height:1.65}.pt-v4 .hero-description{font-size:17px;line-height:1.55;margin-top:24px}.pt-v4 .hero-points{margin:23px 0;gap:8px;font-size:12px;line-height:1.55}.pt-v4 .hero-actions{margin-top:19px}.pt-v4 .hero-actions .button{width:100%;min-height:50px}.pt-v4 .hero-vignette{background:linear-gradient(100deg,#071722fc 5%,#071722de 66%,#071722d3)}.pt-v4 .hero-image{opacity:.18}.pt-v4 .v4-hero-machine{width:min(74vw,420px);height:350px;right:-18%;bottom:75px;opacity:.22;z-index:0}.pt-v4 .v4-hero-machine__tag{display:none}.pt-v4 .hero-electric{height:45px}.pt-v4 .section{padding-block:72px}.pt-v4 .services-grid{grid-template-columns:1fr 1fr;gap:9px}.pt-v4 .service{min-height:172px;padding:19px 16px}.pt-v4 .service:nth-child(1),.pt-v4 .service:nth-child(6){grid-column:span 2}.pt-v4 .service-name{font-size:17px}.pt-v4 .service-desc{font-size:12px}.pt-v4 .section-video .video-layout{grid-template-columns:1fr}.pt-v4 .video-frame{min-height:300px}.pt-v4 .section-contact .contact-layout{grid-template-columns:1fr}.pt-v4 .section-contact{padding-bottom:105px}.pt-v4 .quote-floating{bottom:12px;left:auto;right:12px;width:auto;max-width:calc(100vw - 24px);min-height:44px;padding:10px 16px;font-size:12px}.pt-v4 .fact-grid{padding:20px 0}.pt-v4 .fact{gap:1px}.pt-v4 .fact strong{font-size:21px}.pt-v4 .fact span{font-size:12px}.pt-v4 .v4-contact-mark{width:100px}.pt-v4 .v4-image-expand{bottom:12px;right:12px}.pt-v4 .video-note{bottom:16px}.pt-v4 .v4-lightbox{padding:8px}}
@media(max-width:470px){.pt-v4 .hero h1{font-size:clamp(34px,9.3vw,43px)}.pt-v4 .hero-content{padding-top:46px}.pt-v4 .hero-description{font-size:16px}.pt-v4 .hero-certified{font-size:10px;letter-spacing:-.01em}.pt-v4 .service{grid-column:span 2;min-height:158px;padding:18px}.pt-v4 .service-name{font-size:20px}.pt-v4 .service:nth-child(1) .service-name,.pt-v4 .service:nth-child(6) .service-name{font-size:23px}.pt-v4 .cert-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pt-v4 .cert-item{padding:11px 6px}.pt-v4 .cert-media{height:95px}.pt-v4 .brand-text{font-size:19px}.pt-v4 .section-heading h2{font-size:clamp(29px,8vw,39px)}.pt-v4 .video-note{display:none}.pt-v4 .footer-links-grid{grid-template-columns:1fr}.pt-v4 .footer-col:first-child{grid-column:auto}.pt-v4 .quote-dialog{padding:20px 15px}.pt-v4 .choice-grid{grid-template-columns:1fr}.pt-v4 .fact strong{font-size:18px}}
@media(max-width:340px){.pt-v4 .container{width:calc(100% - 30px)}.pt-v4 .brand-text{font-size:18px}.pt-v4 .hero h1{font-size:34px}.pt-v4 .hero-certified{font-size:9.6px}.pt-v4 .hero-actions .button{font-size:13px}.pt-v4 .contact-form{padding:20px}.pt-v4 .cert-grid{grid-template-columns:1fr 1fr}}
/* Touch/keyboard: hover must never be the only way to reach content. */
@media(hover:none){.pt-v4 .service:hover{transform:none;box-shadow:none}.pt-v4 .v4-expandable-image:hover{transform:none;box-shadow:none}.pt-v4 .v4-image-expand{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.pt-v4 .v4-intro{display:none!important}.pt-v4 .v4-intro *, .pt-v4 .v4-hero-machine *, .pt-v4 .hero-electric *, .pt-v4 .button *, .pt-v4 .service *, .pt-v4 .reveal{animation:none!important;transition:none!important}.pt-v4 .v4-hero-machine__cabinet{opacity:1;transform:none}.pt-v4 .reveal,.pt-v4 .reveal:not(.is-visible){opacity:1;transform:none}.pt-v4 #energy-system{display:none!important}}
/* Desktop QA fix: prevent browser-default inline SVG dimensions from stretching the utility bar. */
.pt-v4 .topline-inner{min-height:35px}.pt-v4 .topline a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.pt-v4 .topline a svg{display:block;width:15px;height:15px;stroke:currentColor;stroke-width:1.7;fill:none;flex-shrink:0}
/* Signature detail: a one-shot branching arc when a service card is approached. */
.pt-v4 .service::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transform:translate(17px,-12px) scale(.9);transition:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 155'%3E%3Cpath d='M174 1 137 39 161 50 108 85 122 93 64 143 M137 39 104 29 110 61 76 71 M108 85 147 100 126 121' stroke='%23b8f55b' stroke-width='2.7' stroke-linecap='square' stroke-linejoin='miter' fill='none'/%3E%3Cpath d='M160 50 174 82 149 77' stroke='%23eaffc9' stroke-width='1.4' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:190px 155px;background-position:right top;filter:drop-shadow(0 0 6px #b8f45f)}
.pt-v4 .service:is(:hover,:focus-visible)::after{animation:v4-card-spark .65s ease-out 1 both}@keyframes v4-card-spark{0%{opacity:0;transform:translate(17px,-12px) scale(.8)}23%{opacity:1}45%{opacity:.3}58%{opacity:1}100%{opacity:.18;transform:translate(0,0) scale(1)}}
@media(max-width:750px){.pt-v4 .spark{width:43px;height:35px}.pt-v4 .service:active::after{animation:v4-card-spark .4s ease-out both}}
@media(prefers-reduced-motion:reduce){.pt-v4 .service::after{display:none!important}}
/* The supplied logo uses dark ink: a soft circular electrical backlight keeps it legible
   on the intro's dark surface without putting it back in a white rectangular box. */
.v4-intro__brand{position:relative;isolation:isolate}.v4-intro__brand::before{content:'';position:absolute;inset:-12% -8%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at center,#e4ffcf36 0%,#c6f48815 52%,transparent 75%);filter:blur(14px);pointer-events:none}
.v4-intro__brand img{filter:drop-shadow(0 0 1.3px #f3ffe8d9) drop-shadow(0 0 15px #adf34c5e)}
.pt-v4 .v4-contact-mark{filter:drop-shadow(0 0 1px #e4f9df) drop-shadow(0 0 7px #a4eb5a50)}


/* DreamInvents studio credit — exact requested wording. */
.di-brand-credit{max-width:1200px;margin:0 auto;padding:22px clamp(17px,4vw,34px) 30px;border-top:1px solid rgba(182,203,211,.19);text-align:right;font-size:10px;font-weight:650;letter-spacing:.10em;line-height:1.8;color:#aabdc8}
.di-brand-credit a{color:#f2f6f6;text-decoration:none;font-weight:850;letter-spacing:.095em;transition:color .2s ease}
.di-brand-credit a:hover,.di-brand-credit a:focus-visible{color:#b4d72b;text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.di-brand-credit{text-align:center;padding:19px 15px 26px;font-size:9px;letter-spacing:.07em}}
@media(prefers-reduced-motion:reduce){.di-brand-credit a{transition:none}}