html{scroll-padding-top:86px}
body{background:linear-gradient(180deg,#fff 0,#f5fbff 42%,#fff 100%)}
.site-header{position:sticky;top:0;height:80px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(7,84,184,.11)}
.site-header::after{position:absolute;right:5.5vw;bottom:0;left:5.5vw;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(8,125,241,.34),transparent)}
.main-nav{gap:27px;margin-right:32px}.main-nav a{font-weight:600;letter-spacing:.01em}.main-nav a::after{height:2px;border-radius:2px}.header-cta{position:relative;overflow:hidden;box-shadow:0 10px 20px rgba(8,100,205,.16)}.header-cta::before{position:absolute;inset:0;content:"";background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.22) 50%,transparent 78%);transform:translateX(-130%);transition:transform .45s}.header-cta:hover::before{transform:translateX(130%)}
.hero{min-height:670px;background:radial-gradient(circle at 82% 22%,rgba(102,222,255,.48),transparent 21%),radial-gradient(circle at 68% 80%,rgba(35,161,250,.32),transparent 34%),linear-gradient(125deg,#064eb8 0%,#0879e9 54%,#0e9cef 100%)}
.hero::before{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,rgba(0,54,137,.23),transparent 54%),linear-gradient(135deg,transparent 48%,rgba(211,246,255,.1) 48.1%,transparent 48.4%);pointer-events:none}
.hero::after{height:190px;background:linear-gradient(transparent,rgba(4,78,169,.46))}.hero-content{max-width:635px;padding-left:26px;border-left:1px solid rgba(211,246,255,.5)}.hero h1{max-width:620px;text-shadow:0 10px 30px rgba(2,48,131,.21)}.hero-copy{max-width:530px;color:#effaff}.hero-buttons{margin-top:34px}.button{transition:transform .24s ease,box-shadow .24s ease}.button:hover{transform:translateY(-3px)}.button-primary{box-shadow:0 15px 30px rgba(2,59,142,.22)}.button-ghost{background:rgba(0,64,156,.16);backdrop-filter:blur(9px);border-color:rgba(218,247,255,.62)}
.hero-visual{right:5vw;width:min(42vw,620px);height:79%;border:1px solid rgba(214,247,255,.3);background:linear-gradient(135deg,rgba(211,246,255,.12),transparent 45%);box-shadow:inset 0 0 80px rgba(150,241,255,.12),0 38px 80px rgba(4,58,143,.28);transform:perspective(1200px) rotateY(-5deg);transform-origin:right center}.hero-visual::before{position:absolute;inset:8%;content:"";border:1px solid rgba(211,246,255,.25);clip-path:polygon(0 14%,85% 0,100% 86%,16% 100%)}.orbit-one{border-color:rgba(224,250,255,.5)}.orbit-two{border-color:rgba(224,250,255,.4)}.transformer{right:14%;bottom:6%;filter:drop-shadow(28px 30px 26px rgba(1,37,101,.38))}.transformer-body{border-color:#c8f3ff}.transformer-shadow{background:rgba(0,35,94,.8)}.hero-index{padding:8px 11px;background:rgba(5,66,153,.28);border:1px solid rgba(211,246,255,.22)}
.solutions{position:relative;background:#fff}.solutions::before{position:absolute;right:5.5vw;top:54px;width:110px;height:2px;content:"";background:linear-gradient(90deg,#087df1,transparent)}.section-heading{margin-bottom:56px}.section-heading h2{letter-spacing:-2.8px}.section-heading>p{color:#527693}
.solution-grid{gap:12px}.solution-grid .solution-card{min-height:390px;border:1px solid rgba(161,220,255,.44);box-shadow:0 14px 30px rgba(6,86,172,.09);transition:transform .3s ease,box-shadow .3s ease}.solution-grid .solution-card:hover{transform:translateY(-7px);box-shadow:0 24px 42px rgba(5,77,161,.2)}.solution-grid .solution-card::after{background:linear-gradient(180deg,rgba(3,49,121,.03),rgba(2,35,82,.96) 91%)}.solution-grid .solution-card h3{font-size:25px;line-height:1.23}.solution-grid .solution-card p{font-size:14px;line-height:1.75}.solution-grid .solution-card a{font-weight:700}.solution-grid .solution-card:not(.featured) .card-icon{opacity:.95}.energy-lines{right:-24px;bottom:-46px;border-color:rgba(214,247,255,.45)}
.product-band{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(128deg,#0754b8 0%,#087df1 62%,#0c9de8 100%)}.product-band::before{position:absolute;z-index:-1;inset:0;content:"";background-image:linear-gradient(rgba(221,249,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(221,249,255,.13) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000 38%,rgba(0,0,0,.4))}.product-intro{position:relative}.product-intro::after{position:absolute;left:0;bottom:-30px;width:72px;height:3px;content:"";background:#d7f7ff}.product-list{position:relative}.product-list a{min-height:83px;transition:padding .25s,background .25s}.product-list a:hover{background:rgba(255,255,255,.08);padding-left:18px}.product-list span{color:#bcecff}.product-list i,.product-intro .text-link b{color:#d7f7ff}
.product-catalog,.product-library{background:#f4faff}.catalog-grid{gap:12px}.catalog-card{border:1px solid #d8eafb;border-top:3px solid transparent;box-shadow:none}.catalog-card:hover{border-top-color:#087df1;box-shadow:0 16px 34px rgba(6,83,170,.13)}.catalog-featured{background:linear-gradient(150deg,#0754b8,#0b8fe8)}.library-grid{gap:12px}.library-item{border:1px solid #d5e8f8;border-left:4px solid #168af4;box-shadow:0 2px 0 rgba(5,84,184,.02)}.library-item[open]{box-shadow:0 14px 30px rgba(5,84,184,.1)}
.manufacturing{background:#fff}.manufacturing-grid{gap:10px}.manufacturing-grid figure{box-shadow:0 10px 26px rgba(5,75,155,.12)}.manufacturing-grid figcaption{font-size:12px;letter-spacing:.03em}.manufacturing-grid figure::after{position:absolute;top:11px;left:11px;width:24px;height:24px;content:"";border-top:1px solid rgba(222,247,255,.84);border-left:1px solid rgba(222,247,255,.84);opacity:.8}
.about{background:linear-gradient(115deg,#e8f7ff,#f8fcff 62%,#e7f3ff)}.about-art{box-shadow:0 24px 46px rgba(5,83,170,.2)}.about-copy{max-width:520px}.about-points span{padding:13px 0}.button-dark{background:#0754b8;box-shadow:0 15px 28px rgba(6,80,174,.2)}
.contact{background:linear-gradient(124deg,#0753ba,#087def 58%,#0d9ce9)}.contact::before{position:absolute;z-index:-1;inset:0;content:"";background:radial-gradient(circle at 80% 12%,rgba(200,248,255,.38),transparent 22%),linear-gradient(45deg,transparent 48%,rgba(218,248,255,.1) 48.2%,transparent 48.5%)}.contact-form{background:rgba(4,91,190,.3);border-color:rgba(215,247,255,.66);box-shadow:0 26px 60px rgba(2,55,142,.3);backdrop-filter:blur(10px)}.contact-form input,.contact-form select,.contact-form textarea{border-radius:2px}.contact-form .button-primary{background:#d7f7ff}.contact-mail{color:#e1f8ff!important}
footer{border-top:1px solid #dceefa}footer div a:hover{color:#087df1}
@media(max-width:1200px){.main-nav{gap:20px;margin-right:24px}.hero-visual{right:3vw;width:45vw}.solution-grid .solution-card h3{font-size:22px}}
@media(max-width:900px){.site-header{height:70px}.hero{min-height:720px}.hero-content{padding-left:0;border-left:0}.hero-visual{right:-4vw;width:67vw;transform:none}.section-heading{margin-bottom:40px}.solution-grid .solution-card{min-height:330px}.product-band::before{mask-image:none;opacity:.45}}
@media(max-width:560px){html{scroll-padding-top:70px}.site-header::after{right:6vw;left:6vw}.hero{min-height:700px}.hero-content{padding-top:6px}.hero h1{font-size:44px}.hero-buttons{margin-top:27px}.button{width:100%}.hero-visual{height:52%;top:40%;right:-20vw;width:105vw;opacity:.65}.hero-index{right:6vw}.solution-grid .solution-card{min-height:300px}.solution-grid .solution-card h3{font-size:23px}.product-intro::after{bottom:-22px}.section-heading h2{letter-spacing:-2px}.manufacturing-grid figure::after{top:8px;left:8px}.about-art{box-shadow:none}}