:root{--blue:#0071b9;--bright:#04a9ee;--ink:#07131d;--muted:#60717f;--paper:#f5f8fa;--line:#d8e2e8;--white:#fff;--navy:#061d2c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.6}button,a{font:inherit}button{cursor:pointer}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--blue);color:#fff;font-family:"Space Grotesk";font-weight:700;font-size:1.4rem;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.brand strong,.brand small{display:block;line-height:1}.brand strong{font:700 1.15rem "Space Grotesk";letter-spacing:.18em}.brand small{font-size:.64rem;letter-spacing:.19em;margin-top:6px}.nav{display:flex;gap:36px}.nav a{color:#314553;text-decoration:none;font-weight:600;font-size:.9rem}.nav a:hover{color:var(--blue)}.account-btn,.secondary{background:transparent;border:1px solid #adc1cc;border-radius:3px;color:var(--ink);padding:10px 18px;font-weight:700}.hero{min-height:680px;display:grid;grid-template-columns:1.06fr .94fr;overflow:hidden}.hero-copy{padding:clamp(70px,9vw,130px) 5vw 78px}.eyebrow{margin:0 0 22px;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:var(--blue);display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:2px;background:var(--bright)}h1,h2,h3{font-family:"Space Grotesk",sans-serif;line-height:1.08;margin:0}h1{font-size:clamp(3rem,5.8vw,6.2rem);letter-spacing:-.055em;max-width:860px}h1 em{color:var(--blue);font-style:normal}.lead{font-size:clamp(1rem,1.4vw,1.23rem);max-width:650px;color:var(--muted);margin:32px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.primary{display:inline-block;background:var(--blue);border:1px solid var(--blue);color:#fff;text-decoration:none;padding:13px 21px;border-radius:3px;font-weight:800}.primary:hover{background:#005f9e}.secondary{text-decoration:none}.hero-meta{display:flex;gap:32px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:.79rem}.hero-meta b{display:block;color:var(--ink);font-size:.85rem;letter-spacing:.08em}.hero-visual{position:relative;background:var(--navy);overflow:hidden;min-height:540px}.grid-plane{position:absolute;inset:0;background-image:linear-gradient(rgba(0,169,238,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,169,238,.12) 1px,transparent 1px);background-size:42px 42px;transform:perspective(600px) rotateX(57deg) scale(1.8) translateY(18%);mask-image:linear-gradient(to top,#000,transparent 82%)}.hero-visual:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:var(--bright);filter:blur(130px);opacity:.22;right:-80px;top:100px}.logo-window{position:absolute;left:9%;right:9%;top:25%;height:210px;background:#fff;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.3);z-index:2}.logo-window img{width:100%;height:100%;object-fit:cover;object-position:center 57%;transform:scale(1.18)}.voltage-chip{position:absolute;right:6%;bottom:15%;z-index:3;background:var(--bright);color:#00263b;padding:16px 22px;box-shadow:0 12px 30px rgba(0,0,0,.25)}.voltage-chip span,.voltage-chip b{display:block}.voltage-chip span{font:700 1.4rem "Space Grotesk"}.voltage-chip b{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.catalog,.services{padding:100px 5vw}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading h2,.services h2,.courses h2{font-size:clamp(2.1rem,3.5vw,3.8rem);letter-spacing:-.035em}.section-heading>p{max-width:410px;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid var(--line);background:#fff;color:#415665;padding:10px 16px;border-radius:100px;font-weight:700;font-size:.86rem}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{border:1px solid var(--line);background:#fff;transition:.25s}.product:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(12,45,65,.11)}.product-art{height:260px;position:relative;overflow:hidden;background:#eaf4f9}.file-tag{position:absolute;top:16px;left:16px;background:#fff;color:var(--blue);font:800 .72rem "Space Grotesk";letter-spacing:.1em;padding:7px 9px;z-index:2}.art-revit{background:linear-gradient(145deg,#d9edf7,#f8fbfd)}.pole{position:absolute;width:14px;height:220px;background:#24566f;left:50%;bottom:-20px;transform:translateX(-50%);border-radius:4px}.pole i{position:absolute;width:150px;height:7px;background:#0071b9;left:50%;transform:translateX(-50%);box-shadow:0 0 0 2px rgba(255,255,255,.7)}.pole i:nth-child(1){top:25px}.pole i:nth-child(2){top:65px;width:110px}.pole i:nth-child(3){top:104px;width:72px}.art-dynamo{background:#071c2b}.nodes{position:absolute;inset:46px}.nodes:before,.nodes:after{content:"";position:absolute;height:2px;background:#04a9ee;transform-origin:left}.nodes:before{width:70%;top:32%;left:15%;transform:rotate(22deg)}.nodes:after{width:65%;top:63%;left:16%;transform:rotate(-16deg)}.nodes i{position:absolute;width:42px;height:42px;border:2px solid #04a9ee;background:#0e334a;box-shadow:0 0 18px rgba(4,169,238,.35)}.nodes i:nth-child(1){left:5%;top:25%}.nodes i:nth-child(2){right:5%;top:50%}.nodes i:nth-child(3){left:38%;bottom:0}.nodes i:nth-child(4){right:20%;top:0}.art-plan{background:#0675b7;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:22px 22px}.blueprint{position:absolute;inset:42px;border:2px solid rgba(255,255,255,.9)}.blueprint i{position:absolute;border:2px solid #fff}.blueprint i:nth-child(1){width:70%;height:52%;left:12%;top:18%}.blueprint i:nth-child(2){width:26%;height:34%;right:8%;bottom:8%}.blueprint i:nth-child(3){width:50%;height:2px;background:#fff;left:8%;bottom:10%}.product-body{padding:25px}.type{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.7rem;color:var(--blue);margin:0 0 10px}.product h3{font-size:1.35rem}.product-body>p:not(.type){color:var(--muted);font-size:.92rem;min-height:66px}.product-foot{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line)}.product-foot span{color:#81919b;font-size:.78rem}.product-foot button{border:0;background:none;color:var(--blue);font-weight:800}.courses{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff;padding:90px 5vw;gap:9vw}.eyebrow.light{color:#7fddff}.course-copy>p:not(.eyebrow){color:#a8bbc6;max-width:540px;margin:24px 0 32px}.light-button{border:1px solid #4f7184;background:transparent;color:#fff;padding:12px 18px;font-weight:700}.course-list>div{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid #254252}.course-list>div:first-child{border-top:1px solid #254252}.course-list span{font:700 .9rem "Space Grotesk";color:var(--bright)}.course-list p,.course-list b,.course-list small{display:block;margin:0}.course-list small{color:#8fa7b4;margin-top:5px}.services>div:first-child{max-width:760px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid article{padding:36px 30px;border-right:1px solid var(--line)}.service-grid article:last-child{border-right:0}.service-grid b{color:var(--blue);font-size:.78rem}.service-grid h3{font-size:1.5rem;margin:22px 0 12px}.service-grid p{color:var(--muted)}footer{background:#f1f5f7;padding:45px 5vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;color:#536773}.footer-brand strong,.footer-brand span{display:block;line-height:1}.footer-brand strong{font:700 1.5rem "Space Grotesk";color:var(--ink);letter-spacing:.15em}.footer-brand span{font-size:.63rem;letter-spacing:.15em;margin-top:7px}dialog{border:0;max-width:520px;padding:42px;border-radius:6px;box-shadow:0 30px 100px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(2,18,28,.72);backdrop-filter:blur(5px)}dialog h2{font-size:2rem}dialog>p:not(.eyebrow){color:var(--muted)}.close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:2rem}.close-action{margin-top:10px}
@media(max-width:900px){.nav{display:none}.hero{grid-template-columns:1fr}.hero-visual{min-height:430px}.product-grid,.service-grid{grid-template-columns:1fr}.product-art{height:220px}.service-grid article{border-right:0;border-bottom:1px solid var(--line)}.courses{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-top:20px}footer{grid-template-columns:1fr}}
@media(max-width:560px){.topbar{height:72px}.account-btn{padding:8px 10px;font-size:.8rem}.hero-copy{padding-top:62px}h1{font-size:2.75rem}.hero-meta{gap:18px}.hero-visual{min-height:360px}.logo-window{height:160px;top:25%}.catalog,.services{padding:72px 20px}.courses{padding:72px 20px}.product-body>p:not(.type){min-height:auto}.section-heading h2,.services h2,.courses h2{font-size:2.25rem}footer{padding:38px 20px}dialog{width:calc(100% - 30px);padding:34px 24px}}

.featured-product{border-color:#79c9ec;box-shadow:0 16px 46px rgba(0,113,185,.1)}
.available-tag{position:absolute;right:16px;top:16px;background:#d9f9e9;color:#087448;border-radius:100px;padding:6px 10px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.substation:before{content:"";position:absolute;width:22%;height:35%;background:#fff;left:39%;top:31%;box-shadow:0 0 0 2px #fff}
.product-data{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}
.product-data span{background:#eef5f8;color:#5a6d79;padding:7px 9px;font-size:.72rem}
.product-data b{color:var(--ink)}
.price{font:700 1.25rem "Space Grotesk";color:var(--ink)}
.buy-link{background:var(--blue);color:#fff;text-decoration:none;padding:9px 13px;border-radius:3px;font-weight:800;font-size:.8rem}
.buy-link:hover{background:#005f9e}
.contact{background:linear-gradient(130deg,#071d2c,#083c5d);color:#fff;padding:88px 5vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}
.contact h2{font-size:clamp(2.1rem,3.5vw,3.8rem);letter-spacing:-.035em}
.contact>div>p:not(.eyebrow){color:#abc2ce;max-width:560px}
.contact-links{border-top:1px solid #315a70}
.contact-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#fff;text-decoration:none;padding:21px 0;border-bottom:1px solid #315a70}
.contact-links a:hover b{color:#70d8ff}
.contact-links span{color:#8eacbb;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}
.contact-links b{font-size:1rem;text-align:right}
@media(max-width:900px){.contact{grid-template-columns:1fr}}
@media(max-width:560px){.contact{padding:72px 20px}.contact h2{font-size:2.25rem}.contact-links a{align-items:flex-start;flex-direction:column;gap:4px}.contact-links b{text-align:left}}
.product-photo{background:#fff}
.product-photo img{width:100%;height:100%;object-fit:contain;object-position:center 12%;padding:18px 42px 0}
.gallery-button{width:100%;margin:0 0 16px;border:1px solid var(--blue);background:#fff;color:var(--blue);padding:9px 12px;border-radius:3px;font-weight:800}
.gallery-button:hover{background:#edf8fd}
.gallery-dialog{width:min(900px,calc(100% - 30px));max-width:900px;padding:34px}
.gallery-close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:2rem}
.gallery-tabs{display:flex;gap:8px;margin:22px 0 14px}
.gallery-tab{border:1px solid var(--line);background:#fff;color:#425866;padding:9px 14px;border-radius:100px;font-weight:700}
.gallery-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}
.gallery-stage{height:62vh;min-height:400px;background:#f3f6f7;display:grid;place-items:center;overflow:auto}
.gallery-stage img{display:block;width:100%;height:100%;object-fit:contain;padding:20px}
@media(max-width:560px){.product-photo img{padding:12px 26px 0}.gallery-dialog{padding:28px 16px}.gallery-stage{height:58vh;min-height:330px}.gallery-tabs{flex-wrap:wrap}}