/* styles */
:root{--lime:#83c620;--green:#123b2b;--dark:#0b2119;--ink:#15251f;--muted:#66736d;--line:#dfe5e1;--paper:#f7f9f6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans KR",sans-serif;background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:84px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;gap:42px;position:absolute;z-index:20;top:0;left:0;right:0;color:white;border-bottom:1px solid rgba(255,255,255,.2)}.brand{width:144px;background:#fff;border-radius:4px;padding:7px 11px}.brand img{width:100%}.main-nav{display:flex;gap:36px;margin-left:auto}.main-nav a{font-size:15px;font-weight:600}.main-nav a:hover{color:#b7ed61}.header-cta{font-size:14px;border:1px solid rgba(255,255,255,.55);padding:11px 18px}.header-cta span{margin-left:16px}.menu-btn{display:none;background:none;border:0}.hero{min-height:800px;height:95vh;position:relative;color:white;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(5,26,19,.94) 0%,rgba(6,30,22,.68) 36%,rgba(5,20,15,.08) 72%)}.hero-content{position:relative;z-index:2;padding:190px clamp(24px,8vw,150px) 80px;max-width:920px}.eyebrow{font:700 12px/1.2 Manrope,sans-serif;letter-spacing:.18em;display:flex;align-items:center;gap:12px}.eyebrow span{width:24px;height:2px;background:var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,5.8vw,86px);letter-spacing:-.06em;line-height:1.15;margin:30px 0}.hero h1 em{font-style:normal;color:#a7df50}.hero-copy{font-size:18px;color:rgba(255,255,255,.78);line-height:1.8}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:44px}.btn{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 22px;font:700 15px "Noto Sans KR";cursor:pointer}.btn.primary,.btn.submit{background:var(--lime);color:#102718}.text-link{font-size:14px;border-bottom:1px solid rgba(255,255,255,.5);padding:12px 0}.text-link span{margin-left:14px}.hero-index{position:absolute;z-index:2;right:5vw;bottom:55px;display:flex;align-items:center;gap:12px;font-family:Manrope}.hero-index span{width:90px;height:1px;background:rgba(255,255,255,.4)}.hero-index small{opacity:.6}.section{padding:130px clamp(24px,8vw,150px)}.section-label{font:800 12px Manrope,sans-serif;letter-spacing:.16em;color:#709120;margin-bottom:48px}.intro{display:grid;grid-template-columns:.65fr 1.4fr 1fr;gap:5vw;align-items:start}.intro-main .kicker{color:#6d7b74;font-size:15px;margin-bottom:14px}.intro h2,.products h2,.process h2,.solution h2{font-size:clamp(36px,4vw,58px);line-height:1.28;letter-spacing:-.055em}.intro h2 span,.products h2 span,.process h2 span{color:#7e8b85}.intro-copy{padding-top:36px}.intro-copy p{font-size:17px;color:#586760;line-height:1.9}.intro-copy a{display:inline-flex;margin-top:20px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:8px}.intro-copy a span{margin-left:28px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0 clamp(24px,8vw,150px) 130px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics article{padding:45px 40px;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics strong{font:700 13px Manrope;color:#83a34f}.metrics h3{font-size:22px;margin:38px 0 12px}.metrics p{font-size:15px;color:var(--muted);margin:0}.dark{background:var(--dark);color:white}.section-label.light{color:#9ad646}.solution-head,.products-head{display:flex;justify-content:space-between;align-items:end}.solution-head h2,.products-head h2{margin-bottom:0}.solution-head h2 span{color:#a5df4c}.solution-head>p,.products-head>p{color:#99a9a1;max-width:340px}.system-board{display:grid;grid-template-columns:1.08fr .92fr;margin-top:85px;border-top:1px solid rgba(255,255,255,.13)}.system-visual{min-height:550px;position:relative;display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.13);overflow:hidden}.ring{position:absolute;border:1px solid rgba(146,202,58,.22);border-radius:50%}.ring-one{width:420px;height:420px}.ring-two{width:285px;height:285px}.core{width:150px;height:150px;border-radius:50%;background:var(--lime);color:var(--dark);display:grid;place-items:center;align-content:center;box-shadow:0 0 60px rgba(132,198,32,.15)}.core span{font:800 55px Manrope}.core small{text-align:center;font:800 9px Manrope;letter-spacing:.1em}.node{position:absolute;display:flex;align-items:center;gap:9px;font-size:13px;background:#153328;padding:9px 13px;border:1px solid #315344}.node b{color:#a4dc4f;font:700 11px Manrope}.node-a{left:11%;top:20%}.node-b{right:8%;top:27%}.node-c{left:18%;bottom:14%}.system-list{padding:30px 0 30px 65px}.system-list article{display:grid;grid-template-columns:50px 1fr;padding:35px 0;border-bottom:1px solid rgba(255,255,255,.12)}.system-list article:last-child{border:0}.system-list>article>span{font:700 12px Manrope;color:#99d43f}.system-list h3{font-size:21px;margin-bottom:9px}.system-list p{color:#93a39b;font-size:15px;margin:0}.products{background:var(--paper)}.products-head span{color:#718078}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px}.product-card{background:white;border:1px solid var(--line);padding:46px;min-height:510px;position:relative}.product-card+article{border-left:0}.product-card.featured{border-top:4px solid var(--lime)}.product-no{position:absolute;top:30px;right:30px;color:#96a29c;font:700 12px Manrope}.product-card h3{font-size:25px;margin:38px 0 12px}.product-card p{color:var(--muted);font-size:15px;min-height:55px}.product-card ul{list-style:none;padding:25px 0 0;margin:25px 0 0;border-top:1px solid var(--line)}.product-card li{font-size:14px;margin:10px 0;color:#4f6058}.product-card li:before{content:"";display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:12px;vertical-align:middle}.icon{height:125px;display:flex;align-items:center;justify-content:center;position:relative}.sensor i:first-child{width:50px;height:80px;background:#153b2b;border-radius:25px 25px 8px 8px}.sensor i:nth-child(2){position:absolute;width:14px;height:14px;border-radius:50%;background:var(--lime);top:49px}.sensor i:nth-child(3){position:absolute;width:90px;height:90px;border:1px solid #cbd7cf;border-radius:50%}.controller i:first-child{width:90px;height:90px;background:#173d2c;border-radius:5px;box-shadow:15px 15px 0 #dfe8e1}.controller i:last-child{position:absolute;width:45px;height:5px;background:var(--lime)}.dashboard i:first-child{width:125px;height:78px;border:8px solid #173d2c;border-radius:5px}.dashboard i:nth-child(2){position:absolute;width:74px;height:4px;background:var(--lime);transform:rotate(-12deg)}.dashboard i:last-child{position:absolute;bottom:13px;width:45px;height:7px;background:#173d2c}.process{display:grid;grid-template-columns:.8fr 1fr;gap:9vw}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:70px 1fr;gap:15px;padding:27px 0;border-bottom:1px solid var(--line)}.steps b{color:#8ab93e;font:700 13px Manrope}.steps h3{font-size:20px;margin-bottom:5px}.steps p{color:var(--muted);font-size:14px;margin:0}.contact{background:#143d2c;color:white;padding:110px clamp(24px,8vw,150px);display:grid;grid-template-columns:.85fr 1fr;gap:10vw}.contact-copy h2{font-size:clamp(38px,4vw,60px);line-height:1.25;letter-spacing:-.05em;margin:28px 0}.contact-copy>p{color:#b2c0b9}.contact-note{margin-top:50px;border-top:1px solid rgba(255,255,255,.2);padding-top:25px;display:flex;flex-direction:column;gap:8px;font-size:14px}.contact-note span{color:#a6b8af}.contact-form{background:white;color:var(--ink);padding:42px}.contact-form label{display:block;font-weight:700;font-size:13px;margin-bottom:21px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{font:400 15px "Noto Sans KR";width:100%;border:0;border-bottom:1px solid #ced7d1;padding:12px 2px;background:white;border-radius:0;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--lime)}.agree{display:flex!important;align-items:center;gap:9px!important;font-weight:400!important;color:#68766f}.agree input{width:17px;height:17px}.btn.submit{width:100%;margin-top:7px}.form-status{font-size:13px;color:#52635b;margin:12px 0 0}footer{padding:55px clamp(24px,8vw,150px);display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:40px;background:#091b14;color:white}.footer-brand{background:white;padding:7px 10px;border-radius:3px}.footer-brand img{width:145px}footer p{color:#8fa098;margin:0;font-size:14px}footer nav{display:flex;gap:25px;font-size:13px}footer small{grid-column:2/4;color:#64776e}.modal{position:fixed;inset:0;background:rgba(5,18,13,.72);z-index:100;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-card{max-width:520px;background:white;padding:50px;color:var(--ink);position:relative;text-align:center}.modal-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.modal-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e9f5dc;color:#5d9812;margin:0 auto 20px;font-size:24px}.modal-card h2{font-size:26px}.modal-card p{color:var(--muted);font-size:15px}.modal-ok{margin:15px auto 0}.modal-open{overflow:hidden}@media(max-width:900px){.site-header{height:72px}.main-nav,.header-cta{display:none}.menu-btn{display:flex;margin-left:auto;width:40px;height:40px;flex-direction:column;justify-content:center;gap:7px}.menu-btn span{height:2px;background:white;width:24px}.main-nav.open{display:flex;position:absolute;top:72px;left:0;right:0;background:#0b2119;flex-direction:column;padding:28px}.hero{min-height:720px;height:auto}.hero-content{padding-top:165px}.intro{grid-template-columns:1fr}.intro .section-label{margin-bottom:0}.intro-copy{padding-top:0}.metrics{grid-template-columns:1fr}.metrics article{border-right:0;border-bottom:1px solid var(--line)}.solution-head,.products-head{align-items:start;flex-direction:column}.system-board{grid-template-columns:1fr}.system-visual{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.system-list{padding-left:0}.product-grid{grid-template-columns:1fr}.product-card+article{border-left:1px solid var(--line);border-top:0}.process,.contact{grid-template-columns:1fr}.contact{gap:50px}footer{grid-template-columns:1fr}footer small{grid-column:auto}}@media(max-width:560px){.brand{width:120px}.hero{min-height:700px}.hero-content{padding-top:145px}.hero-copy br{display:none}.hero-actions{align-items:flex-start;flex-direction:column}.section{padding:90px 24px}.metrics{margin:0 24px 90px}.metrics article{padding:35px 10px}.system-visual{min-height:390px}.ring-one{width:320px;height:320px}.ring-two{width:220px;height:220px}.node-a{left:2%}.node-b{right:0}.product-card{padding:34px 28px}.contact{padding:80px 24px}.contact-form{padding:30px 22px}.form-row{grid-template-columns:1fr}.hero-index{display:none}footer{padding:45px 24px}footer nav{flex-wrap:wrap}.modal-card{padding:42px 25px}}

/* history */
.history{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:#eef3ec}.history-intro{position:sticky;top:110px;align-self:start}.history-intro .kicker{color:#6d7b74;font-size:15px;margin-bottom:14px}.history-intro h2{font-size:clamp(36px,4vw,56px);line-height:1.3;letter-spacing:-.055em}.history-intro h2 span{color:#7fb71e;font-family:Manrope,sans-serif}.history-intro>p:last-child{color:var(--muted);font-size:16px;line-height:1.9;max-width:520px}.timeline{list-style:none;padding:0;margin:0;border-top:1px solid #cbd6ce}.timeline li{display:grid;grid-template-columns:105px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid #cbd6ce;position:relative}.timeline time{font:700 13px Manrope,sans-serif;color:#728079;padding-top:4px}.timeline b{font-size:17px}.timeline p{font-size:14px;color:var(--muted);margin:5px 0 0}.timeline .highlight:before{content:"";position:absolute;left:-18px;top:32px;width:7px;height:7px;border-radius:50%;background:var(--lime)}.timeline .highlight time{color:#69a10f}@media(max-width:900px){.history{grid-template-columns:1fr}.history-intro{position:static}}@media(max-width:560px){.timeline li{grid-template-columns:82px 1fr;gap:12px}.timeline b{font-size:16px}}

/* product */
.product-title-row{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:end}.product-type{font-size:18px;font-weight:700;color:#608410;margin-bottom:8px}.product-title-row h2{font:800 clamp(70px,10vw,150px)/.9 Manrope,sans-serif;letter-spacing:-.07em;color:#143d2c;margin:0}.product-lead{border-left:1px solid var(--line);padding-left:42px}.product-lead b{font-size:22px}.product-lead p{color:var(--muted);margin:12px 0 24px}.product-lead a{font-weight:700;border-bottom:1px solid;padding-bottom:7px}.product-lead span{margin-left:24px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-grid article{padding:42px;border-right:1px solid var(--line)}.feature-grid article:last-child{border-right:0}.feature-grid span{font:700 11px Manrope;color:#7caf2c;letter-spacing:.1em}.feature-grid h3{font-size:25px;margin:38px 0 12px}.feature-grid p{font-size:15px;color:var(--muted);margin:0}.smart-functions{margin-top:90px;display:grid;grid-template-columns:.65fr 1.35fr;background:#153d2c;color:white}.function-heading{padding:55px}.function-heading>p{font:700 11px Manrope;color:#a4dc4f;letter-spacing:.12em}.function-heading h3{font-size:38px;line-height:1.35}.smart-functions ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr}.smart-functions li{padding:33px 38px;border-left:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.smart-functions li:nth-last-child(-n+2){border-bottom:0}.smart-functions b{font-size:17px}.smart-functions p{font-size:13px;color:#9fb0a8;margin:8px 0 0}.evi{background:#0b2119;color:white;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.evi-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.3;letter-spacing:-.05em}.evi-copy h2 span{color:#a4dc4f}.evi-copy>p{color:#a6b5ae;line-height:1.9}.evi-benefits{display:grid;grid-template-columns:1fr 1fr}.evi-benefits article{padding:35px;border-left:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.evi-benefits article:nth-last-child(-n+2){border-bottom:0}.evi-benefits b{font:700 12px Manrope;color:#9bd13f}.evi-benefits h3{font-size:18px;margin:24px 0 7px}.evi-benefits p{color:#91a198;font-size:13px;margin:0}.specs-head{display:flex;align-items:end;justify-content:space-between}.specs-head h2{font-size:clamp(42px,5vw,68px);line-height:1.15;letter-spacing:-.05em}.specs-head h2 span{color:#78867f}.specs-head p{max-width:420px;color:var(--muted)}.spec-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;margin-top:55px}.spec-layout h3{font-size:20px;margin-bottom:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px}th,td{padding:20px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}thead th{background:#143d2c;color:white;font-weight:600}tbody th{color:#416e27}.basic-spec dl{margin:0;border-top:2px solid #143d2c}.basic-spec dl div{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}dt{font-size:13px;color:#6f7d76}dd{font-size:14px;margin:0;font-weight:600}.spec-note{font-size:12px;color:#77847e;margin-top:25px}.contact-channels{display:grid;gap:10px;margin-top:35px}.contact-channels>*{display:flex;flex-direction:column}.contact-channels small{color:#97aba1}.contact-channels b{font:700 18px Manrope,sans-serif}.contact-channels a:hover b{color:#a7df50}@media(max-width:900px){.product-title-row,.evi,.spec-layout{grid-template-columns:1fr}.product-lead{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.feature-grid{grid-template-columns:1fr}.feature-grid article{border-right:0;border-bottom:1px solid var(--line)}.smart-functions{grid-template-columns:1fr}.smart-functions ol{grid-template-columns:1fr 1fr}.evi-benefits article:first-child,.evi-benefits article:nth-child(3){border-left:0}}@media(max-width:560px){.product-title-row h2{font-size:66px}.feature-grid article{padding:35px 10px}.smart-functions ol,.evi-benefits{grid-template-columns:1fr}.smart-functions li,.evi-benefits article{border-left:0;border-bottom:1px solid rgba(255,255,255,.13)!important}.specs-head{align-items:start;flex-direction:column}.basic-spec dl div{grid-template-columns:105px 1fr}}

/* company */
.product-visual{margin:75px 0 0;background:#fff;position:relative;overflow:hidden}.product-visual img{width:100%;max-height:680px;object-fit:contain}.product-visual figcaption{position:absolute;left:28px;bottom:24px;background:#143d2c;color:#fff;padding:16px 20px;display:flex;flex-direction:column}.product-visual figcaption span{font:800 19px Manrope}.product-visual figcaption small{font:700 9px Manrope;letter-spacing:.12em;color:#a4dc4f}.company-info{font-style:normal}.company-info p{display:flex;flex-wrap:wrap;gap:7px 18px;margin:0 0 5px;color:#8fa098;font-size:13px}.company-info p b{color:#fff}.company-info address{font-style:normal;color:#8fa098;font-size:13px;margin-bottom:5px}.company-info a:hover{color:#a7df50}@media(max-width:560px){.product-visual{margin-top:50px}.product-visual figcaption{left:12px;bottom:12px;padding:11px 14px}.company-info p{flex-direction:column;gap:3px}}

/* heatpump */
.heatpump{background:#fff}.heatpump-intro{display:grid;grid-template-columns:.55fr 1fr 1fr;gap:5vw;align-items:start}.heatpump-intro .section-label{margin-bottom:0}.heatpump-intro .kicker{display:none}.heatpump-intro h2{font-size:clamp(36px,4vw,58px);line-height:1.28;letter-spacing:-.055em}.heatpump-intro h2 span{color:#7e8b85}.heatpump-intro>p:last-child{font-size:17px;color:#586760;line-height:1.9;padding-top:10px}.heat-flow{margin-top:70px;background:#123b2b;color:#fff;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;padding:30px}.heat-flow>div{padding:30px;display:flex;flex-direction:column}.heat-flow small{font:700 11px Manrope;color:#9dd849}.heat-flow b{font-size:20px;margin:20px 0 5px}.heat-flow span{font-size:13px;color:#9db0a7}.heat-flow i{font-style:normal;color:#96ce3f;font-size:24px}.heat-benefits{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0}.heat-benefits article{padding:36px;border-right:1px solid var(--line)}.heat-benefits article:last-child{border-right:0}.heat-benefits b{font:700 10px Manrope;color:#79aa28;letter-spacing:.12em}.heat-benefits h3{font-size:21px;margin:28px 0 9px}.heat-benefits p{font-size:14px;color:var(--muted);margin:0}@media(max-width:900px){.heatpump-intro{grid-template-columns:1fr}.heatpump-intro .kicker{display:block;color:#6d7b74;font-size:14px}.heat-flow{grid-template-columns:1fr;padding:18px 25px}.heat-flow>div{padding:22px 8px}.heat-flow i{transform:rotate(90deg);padding-left:8px}.heat-benefits{grid-template-columns:1fr}.heat-benefits article{border-right:0;border-bottom:1px solid var(--line)}.heat-benefits article:last-child{border-bottom:0}}

/* header */
@media(min-width:901px){.site-header{display:grid;grid-template-columns:1fr auto 1fr}.brand{grid-column:1;grid-row:1;justify-self:start}.main-nav{grid-column:2;grid-row:1;justify-self:center;margin-left:0;gap:48px}.main-nav a{position:relative;padding:28px 2px 24px;color:#d9ff99;font-size:16.5px;font-weight:700;letter-spacing:-.01em;transition:color .2s ease}.main-nav a:after{content:"";position:absolute;left:50%;bottom:17px;width:0;height:2px;background:#86c91f;transform:translateX(-50%);transition:width .2s ease}.main-nav a:hover,.main-nav a:focus-visible{color:#fff}.main-nav a:hover:after,.main-nav a:focus-visible:after{width:100%}.header-cta{grid-column:3;grid-row:1;justify-self:end;padding:13px 22px;background:#86c91f;border-color:#86c91f;color:#102718;font-size:16.5px;font-weight:700;transition:background .2s ease,color .2s ease,transform .2s ease}.header-cta:hover,.header-cta:focus-visible{background:#fff;border-color:#fff;color:#123b2b;transform:translateY(-2px)}.header-cta span{margin-left:22px}}

/* header-scale */
.site-header{position:fixed;top:0;background:rgba(9,27,20,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(3,14,10,.14);z-index:50}.site-header .brand{background:transparent;border:0}.footer-brand{background:transparent}@media(min-width:901px){.site-header .brand{width:220px;height:64px;display:flex;align-items:center;padding:4px 0}.site-header .brand img{width:192px;height:auto;max-height:56px;object-fit:contain}.main-nav{gap:40px}.main-nav a{font-size:28px}.header-cta{font-size:18px}}

/* Keep the header logo proportional on tablets and phones. */
@media(max-width:900px){
  .site-header .brand{display:flex;align-items:center;width:128px;max-width:calc(100% - 64px);height:44px;padding:0;flex:0 1 128px}
  .site-header .brand img{width:100%;height:auto;max-height:40px;object-fit:contain}
}
@media(max-width:560px){
  .site-header .brand{width:112px;flex-basis:112px}
  .site-header .brand img{max-height:36px}
}

/* vision */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.vision{background:#0b2119;color:#fff}.vision-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:38px}.vision-heading .section-label{margin:0;color:#9ad646}.vision-heading>p{font:700 11px Manrope,sans-serif;color:#9fb0a8;letter-spacing:.11em;margin:0}.vision-heading>p span{color:#8ac82e;margin:0 8px}.vision-banner{margin:0;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14)}.vision-banner img{width:100%;aspect-ratio:2.2/1;object-fit:cover}.vision-banner figcaption{position:absolute;right:20px;bottom:18px;background:rgba(8,30,21,.78);padding:9px 13px;color:#c4d0ca;font-size:11px;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:900px){.vision-heading{align-items:flex-start;flex-direction:column;gap:16px}.vision-banner img{aspect-ratio:16/9}.vision-banner figcaption{position:static;background:#123b2b}}@media(max-width:560px){.vision-heading>p{line-height:1.8}.vision-banner img{aspect-ratio:1.2/1;object-position:center}}

/* vision-values */
.vision-values{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.14);border-top:0}.vision-values article{padding:34px 36px;border-right:1px solid rgba(255,255,255,.14)}.vision-values article:last-child{border-right:0}.vision-values span{font:700 11px Manrope,sans-serif;color:#9ad646}.vision-values h3{font-size:21px;margin:24px 0 9px}.vision-values p{color:#97a9a0;font-size:14px;line-height:1.75;margin:0}@media(max-width:900px){.vision-values{grid-template-columns:1fr}.vision-values article{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.vision-values article:last-child{border-bottom:0}}@media(max-width:560px){.vision-values article{padding:28px 24px}}

/* brand-content */
.hero-strong{font-size:21px;font-weight:700;color:#d9ff99;margin:24px 0 10px}.hero-copy{max-width:690px}.brand-vision,.automation,.core-values{background:#0b2119;color:#fff}.statement-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:end}.statement-grid h2,.automation-head h2,.customers h2,.value-intro h2,.why-head h2{font-size:clamp(38px,4.5vw,64px);line-height:1.25;letter-spacing:-.055em}.statement-grid h2 span,.automation-head h2 span,.value-intro h2 span{color:#a4dc4f}.statement-grid>div>b{font-size:20px;color:#d9ff99}.statement-grid>div>p{margin-top:20px;color:#9fb0a8;line-height:1.9}.mission{background:#eef3ec}.mission .statement-grid h2 span,.customers h2 span,.why-head h2 span{color:#74827b}.mission-rhythm{font-size:22px!important;font-weight:700;color:#315341!important;line-height:1.8!important}.automation-head,.value-intro,.why-head{display:flex;justify-content:space-between;align-items:end;gap:50px}.automation-head>p,.value-intro>p,.why-head>p{max-width:390px;color:#97a9a0}.automation-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.automation-grid article{padding:38px 28px;border-right:1px solid rgba(255,255,255,.15)}.automation-grid article:last-child{border:0}.automation-grid span,.customer-grid b{font:700 11px Manrope;color:#9ad646}.automation-grid h3{font-size:21px;margin:28px 0 10px}.automation-grid p{font-size:14px;color:#97a9a0}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.customer-grid article{padding:40px;border-right:1px solid var(--line)}.customer-grid article:last-child{border:0}.customer-grid h3{font-size:24px;margin:30px 0 10px}.customer-grid p{color:var(--muted)}.value-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:65px}.value-grid article{padding:32px 25px;border:1px solid rgba(255,255,255,.14);border-right:0}.value-grid article:last-child{border-right:1px solid rgba(255,255,255,.14)}.value-grid small{font:700 10px Manrope;color:#9ad646;letter-spacing:.08em}.value-grid h3{font-size:20px;margin:30px 0 9px}.value-grid p{font-size:13px;color:#97a9a0}.why ol{list-style:none;margin:60px 0 0;padding:0;border-top:2px solid #123b2b}.why li{display:grid;grid-template-columns:70px 1fr 1.4fr;gap:25px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}.why li>b{font:700 12px Manrope;color:#7eae31}.why li h3,.why li p{margin:0}.why li p{color:var(--muted)}.brand-message{padding:100px clamp(24px,8vw,150px);text-align:center;background:#86c91f;color:#102718}.brand-message>p:first-child{font:800 12px Manrope;letter-spacing:.16em}.brand-message h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.04em;margin:25px 0}.brand-message h2 span{opacity:.45}.brand-message>p{font-size:18px}.brand-message>b{display:inline-block;margin-top:15px;font-size:14px;border-top:1px solid rgba(16,39,24,.35);padding-top:15px}.contact-keywords{font:700 11px Manrope;letter-spacing:.1em;color:#9ed350!important;margin-top:25px}.section{scroll-margin-top:84px}@media(max-width:1100px){.value-grid{grid-template-columns:repeat(2,1fr)}.value-grid article:nth-child(even){border-right:1px solid rgba(255,255,255,.14)}.value-grid article:last-child{grid-column:1/-1}.automation-grid{grid-template-columns:1fr 1fr}.automation-grid article:nth-child(2){border-right:0}.automation-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)}}@media(max-width:900px){.statement-grid{grid-template-columns:1fr}.automation-head,.value-intro,.why-head{align-items:flex-start;flex-direction:column}.customer-grid{grid-template-columns:1fr}.customer-grid article{border-right:0;border-bottom:1px solid var(--line)}.why li{grid-template-columns:50px 1fr}.why li p{grid-column:2}.hero-strong{font-size:18px}}@media(max-width:560px){.automation-grid,.value-grid{grid-template-columns:1fr}.automation-grid article,.value-grid article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.15)}.value-grid article:last-child{grid-column:auto}.brand-message{padding:75px 24px}.hero-strong{font-size:17px}}

/* brand-enhance */
.statement-image{margin:60px 0 0;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.mission .statement-image{border-color:#cdd8d0}.statement-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.statement-image figcaption{position:absolute;right:18px;bottom:16px;padding:9px 13px;background:rgba(8,30,21,.8);color:#dbe4df;font-size:11px;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.value-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:26px;border:1px solid rgba(154,212,70,.45);color:#9ad646}.value-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.value-grid small{display:block}.value-grid h3{margin-top:18px}@media(min-width:901px) and (max-width:1350px){.main-nav{gap:24px!important}.main-nav a{font-size:22px!important}.site-header .brand{width:185px!important}}@media(max-width:900px){.statement-image{margin-top:40px}.statement-image figcaption{position:static;background:#123b2b}.mission .statement-image figcaption{color:#fff}}@media(max-width:560px){.statement-image img{aspect-ratio:4/3}.value-icon{width:48px;height:48px}.value-icon svg{width:27px;height:27px}}

/* layout-adjust */
.hero .hero-strong{margin:28px 0 14px}.hero .hero-strong+h1{font-size:clamp(40px,4.8vw,70px);margin:0 0 24px}.intro{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:7vw;align-items:stretch}.intro>.section-label{grid-column:1/-1;margin-bottom:0}.about-text-column{grid-column:1;display:flex;flex-direction:column;justify-content:center}.intro-main .kicker{font-size:20px;font-weight:700;color:#6d7b74}.intro-main .about-headlines{display:flex;flex-direction:column;gap:10px;margin:22px 0 0;font-size:clamp(27px,3vw,42px);line-height:1.3}.intro-main .about-headlines span{color:#315341}.intro-main .about-belief{margin:30px 0 0;padding-top:24px;border-top:2px solid #123b2b;font-size:clamp(22px,2vw,28px);line-height:1.45;letter-spacing:-.025em;color:#64802f}.about-text-column .intro-copy{padding-top:38px}.about-field-image{grid-column:2;position:relative;margin:0;min-height:100%;overflow:hidden}.about-field-image img{width:100%;height:100%;min-height:620px;object-fit:cover}.about-field-image figcaption{position:absolute;right:20px;bottom:18px;padding:10px 14px;background:rgba(9,27,20,.82);color:#fff;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.automation-card-top{display:flex;align-items:center;justify-content:space-between}.automation-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(154,212,70,.45);color:#9ad646}.automation-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.automation-grid h3{margin-top:24px}.core-values{background:#123b2b}.process{background:#eef3ec}.statement-image{width:min(100%,980px);margin:52px auto 0}.statement-image img{aspect-ratio:16/9}footer{display:flex;flex-direction:column;justify-content:center;gap:22px;text-align:center}.footer-brand{display:block;width:260px;padding:0}.footer-brand img{width:100%;height:auto}.company-info{display:flex;flex-direction:column;align-items:center;gap:8px}.company-info p{justify-content:center;gap:8px 24px;margin:0;font-size:16px;line-height:1.7}.company-info .company-primary b{font-size:18px}.company-info address{margin:0;font-size:16px;line-height:1.7}.company-info .company-contact{margin-top:2px}footer small{color:#83938b;font-size:13px}@media(max-width:900px){.intro{grid-template-columns:1fr}.intro>.section-label,.about-text-column,.about-field-image{grid-column:1}.about-field-image{margin-top:42px}.about-field-image img{height:auto;min-height:0;aspect-ratio:16/9}.statement-image{width:100%;margin-top:38px}.footer-brand{width:230px}}@media(max-width:560px){.hero .hero-strong{margin-top:24px}.hero .hero-strong+h1{font-size:36px;margin-bottom:20px}.intro-main .kicker{font-size:18px}.intro-main .about-headlines{font-size:26px}.intro-main .about-belief{font-size:20px}.about-text-column .intro-copy{padding-top:30px}.about-field-image{margin-top:34px}.about-field-image img{aspect-ratio:4/3}.about-field-image figcaption{position:static;background:#123b2b;font-size:12px}.automation-icon{width:52px;height:52px}.automation-icon svg{width:30px;height:30px}.statement-image{margin-top:30px}.footer-brand{width:210px}.company-info p{flex-direction:column;gap:2px;font-size:15px}.company-info address{font-size:15px}}

/* automation-icons */
.automation-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin-bottom: 26px;
  border: 1px solid rgba(154, 212, 70, .45);
  color: #9ad646;
  font-style: normal;
}

.automation-icon svg {
  width: 32px;
  height: 32px;
}

.automation-no {
  display: block;
  color: #9ad646;
  font: 700 11px Manrope, sans-serif;
  letter-spacing: .08em;
}

.automation-grid h3 {
  margin-top: 18px;
}

@media (max-width: 560px) {
  .automation-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
  }

  .automation-icon svg {
    width: 30px;
    height: 30px;
  }
}

/* menu-fit */
/* Menu destinations use the ABOUT section's one-screen rhythm on desktop. */
@media (min-width: 901px) {
  :root {
    --fixed-header-height: 84px;
    --menu-view-height: calc(100svh - var(--fixed-header-height));
    --menu-view-padding: clamp(46px, 5.5vh, 64px);
  }

  #about,
  #vision,
  #automation,
  #values,
  #contact {
    min-height: var(--menu-view-height);
    scroll-margin-top: var(--fixed-header-height);
  }

  #about,
  #vision,
  #automation,
  #values {
    padding-top: var(--menu-view-padding);
    padding-bottom: var(--menu-view-padding);
  }

  #about {
    grid-template-rows: auto minmax(0, 1fr);
  }

  #about .section-label,
  #vision .section-label,
  #automation .section-label,
  #values .section-label {
    margin-bottom: 26px;
  }

  #about .about-field-image img {
    min-height: 0;
    height: 100%;
    max-height: calc(var(--menu-view-height) - 148px);
  }

  #about .intro-copy {
    padding-top: 22px;
  }

  #about .intro-copy p {
    margin-bottom: 9px;
    line-height: 1.72;
  }

  #vision,
  #automation,
  #values {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #vision .statement-image {
    width: min(100%, 980px);
    margin-top: clamp(28px, 3.5vh, 42px);
  }

  #vision .statement-image img {
    max-height: clamp(320px, 42vh, 460px);
  }

  #automation .automation-grid,
  #values .value-grid {
    margin-top: clamp(32px, 4.5vh, 48px);
  }

  #automation .automation-grid article,
  #values .value-grid article {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  #contact {
    padding-top: var(--menu-view-padding);
    padding-bottom: var(--menu-view-padding);
    align-items: center;
  }

  #contact .contact-copy h2 {
    margin: 18px 0;
  }

  #contact .contact-channels {
    margin-top: 24px;
  }

  #contact .contact-note {
    margin-top: 28px;
    padding-top: 18px;
  }

  #contact .contact-form {
    padding: 30px 36px;
  }

  #contact .contact-form label {
    margin-bottom: 14px;
  }

  #contact textarea {
    max-height: 86px;
  }
}

@media (max-width: 900px) {
  #about,
  #vision,
  #automation,
  #values,
  #contact {
    min-height: auto;
    scroll-margin-top: 72px;
  }
}

/* product-redesign */
#products .product-title-row h2 {
  font-size: clamp(56px, 7vw, 96px);
}

.product-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
  gap: clamp(42px, 6vw, 90px);
  align-items: stretch;
  margin-top: 64px;
}

.product-showcase .product-visual {
  margin: 0;
  min-height: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: transparent;
}

.product-showcase .product-visual img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

.product-showcase .feature-grid {
  grid-template-columns: 1fr;
  margin: 0;
  border-top: 2px solid #143d2c;
}

.product-showcase .feature-grid article {
  display: grid;
  grid-template-columns: 66px 1fr;
  column-gap: 22px;
  padding: 28px 0;
  border-right: 0;
  border-bottom: 1px solid var(--line);
}

.product-feature-icon {
  grid-row: 1 / 5;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  color: #79aa28;
  border: 1px solid #b8d58f;
}

.product-feature-icon svg,
.evi-benefit-icon svg {
  width: 31px;
  height: 31px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.product-showcase .feature-grid small {
  color: #7caf2c;
  font: 700 11px Manrope, sans-serif;
  letter-spacing: .1em;
}

.product-showcase .feature-grid h3 {
  margin: 10px 0 8px;
  font-size: 23px;
}

.product-showcase .feature-grid p {
  margin: 0;
}

.evi {
  position: relative;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr) minmax(420px, .82fr);
  background:
    radial-gradient(circle at 18% 18%, rgba(154, 212, 70, .17), transparent 28%),
    #081c14;
  border-top: 6px solid #9ad646;
}

.product-lead-links { display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: center; }
.product-lead-links a { white-space: nowrap; transition: color .2s ease, border-color .2s ease; }
.product-lead-links a:hover,
.product-lead-links a:focus-visible { color: #608410; border-color: #608410; }
#heatpump { padding-top: 90px; padding-bottom: 90px; }
#heatpump .section-label { display: flex; align-items: center; gap: 12px; font-size: 14px; }
#heatpump svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.heat-intro-icon { display: grid; place-items: center; width: 40px; height: 40px; padding: 6px; border-radius: 50%; background: #e9f4dd; color: #5d9812; }
#heatpump .heatpump-intro h2 { margin-top: -10px; font-size: clamp(42px, 4.6vw, 68px); line-height: 1.16; }
.heatpump-description { padding-top: 4px; }
.heatpump-description p { margin-bottom: 8px; color: #586760; font-size: 19px; line-height: 1.75; word-break: keep-all; overflow-wrap: break-word; text-align: justify; text-justify: inter-character; text-wrap: pretty; }
.heatpump-description p:last-child { margin-bottom: 0; }
.heatpump-product-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  margin-top: 18px;
  padding: 15px 20px;
  background: #143d2c;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}
.heatpump-product-link:hover,
.heatpump-product-link:focus-visible {
  background: #86c91f;
  color: #102718;
  transform: translateY(-2px);
}
.heat-subhead { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 16px; align-items: start; margin-top: 42px; }
.heat-subhead > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #143d2c; color: #b4eb63; font: 800 14px Manrope, sans-serif; }
.heat-subhead h3 { margin: 0 0 3px; font-size: 29px; letter-spacing: -.03em; }
.heat-subhead p { max-width: 680px; margin: 0; color: #66736d; font-size: 17px; line-height: 1.55; }
.heat-single-line { white-space: nowrap; }
.heat-operation-layout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 104px; align-items: start; margin-top: 42px; }
.heat-operation-layout .heat-subhead { margin-top: 0; }
.heat-subhead + .heat-flow { width: min(100%, 900px); margin: 14px auto 0 0; padding: 12px 14px; column-gap: 0; }
.heat-subhead + .heat-flow > div { padding: 12px 8px; }
.heat-subhead + .heat-flow > i { font-size: 22px; }
.heat-subhead + .heat-flow b { margin: 12px 0 3px; font-size: 22px; }
.heat-subhead + .heat-flow span { font-size: 15px; }
.heat-card-icon { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 4px; color: #a4dc4f !important; }
.heat-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr); width: min(100%, 900px); margin-top: 0; }
.heat-detail-block .heat-subhead { margin-top: 42px; }
.heat-operation-layout .heat-detail-block .heat-subhead { margin-top: 0; }
.heat-application-list { display: grid; grid-template-columns: 1fr 1fr; list-style: none; padding: 0; margin: 14px 0 0; border-top: 2px solid #143d2c; }
.heat-application-list li { display: grid; grid-template-columns: 48px 1fr; gap: 12px; align-items: center; min-height: 86px; padding: 12px 16px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.heat-application-list li:nth-child(2n) { border-right: 0; }
.heat-application-list b { margin-bottom: 5px; color: #234d38; font-size: 18px; }
.heat-application-list b,.heat-application-copy { display: block; }
.heat-application-copy { color: #66736d; font-size: 15px; }
.heat-application-icon { display: grid; place-items: center; width: 44px; height: 44px; padding: 6px; border-radius: 10px; background: #edf6e4; color: #659d18; }
.heat-benefit-head { margin-bottom: 14px; }
.heat-benefit-head + .heat-benefits { border-top: 1px solid var(--line); }
.heat-benefit-head + .heat-benefits article { padding: 18px 22px; }
.heat-benefit-head + .heat-benefits b { font-size: 12px; }
.heat-benefit-head + .heat-benefits h3 { margin: 12px 0 5px; font-size: 22px; }
.heat-benefit-head + .heat-benefits p { font-size: 15px; }
.heat-benefit-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 10px; padding: 8px; border-radius: 50%; background: #edf6e4; color: #5f9815; }
@media (max-width: 1200px) { .heat-operation-layout { grid-template-columns: 1fr; } .heat-operation-layout .heat-detail-block .heat-subhead { margin-top: 72px; } .heat-single-line { white-space: normal; } }
@media (max-width: 560px) { #heatpump { padding-top: 72px; padding-bottom: 72px; } #heatpump .heatpump-intro .kicker { font-size: 16px; } .heat-subhead { grid-template-columns: 42px minmax(0, 1fr); gap: 11px; } .heat-subhead h3 { font-size: 26px; } .heat-subhead + .heat-flow { padding: 10px 16px; } .heat-subhead + .heat-flow > div { padding: 8px 6px; } .heat-subhead + .heat-flow > i { font-size: 20px; line-height: 1; } .heat-application-list { grid-template-columns: 1fr; } .heat-application-list li { border-right: 0; } }

.evi-copy,
.evi-flow-diagram,
.evi-benefits {
  position: relative;
  z-index: 1;
}

.evi-flow-diagram {
  grid-column: 2;
  grid-row: 1 / span 2;
  width: min(100%, 580px);
  margin: 0;
  align-self: start;
  justify-self: end;
  background: #081c14;
  color: #fff;
  border: 1px solid rgba(154, 212, 70, .55);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .24);
}

.evi-flow-heading {
  padding: 24px 28px 20px;
  border-bottom: 1px solid rgba(154, 212, 70, .28);
}

.evi-flow-heading span {
  color: #6c9d25;
  font: 800 10px Manrope, sans-serif;
  letter-spacing: .14em;
}

.evi-flow-heading h3 {
  margin: 7px 0 5px;
  font-size: 24px;
}

.evi-flow-heading p {
  margin: 0;
  color: #9fb0a8;
  font-size: 14px;
}

.evi-flow-image {
  overflow: hidden;
  padding: 12px;
  background: #081c14;
}

.evi-flow-image img {
  display: block;
  width: 100%;
  height: auto;
}

.evi-benefits {
  grid-column: 1;
  margin-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, .13);
}

.evi-badge {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 30px;
  padding: 9px 16px 9px 9px;
  border: 1px solid rgba(154, 212, 70, .45);
}

.evi-badge span {
  display: grid;
  place-items: center;
  width: 52px;
  height: 42px;
  background: #9ad646;
  color: #0b2119;
  font: 800 14px Manrope, sans-serif;
}

.evi-badge b {
  color: #d9ff99;
  font: 700 10px Manrope, sans-serif;
  letter-spacing: .12em;
}

.evi-benefits article {
  position: relative;
  padding-top: 30px;
}

.evi-benefit-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
  color: #9ad646;
  border: 1px solid rgba(154, 212, 70, .38);
}

.evi-benefit-icon svg {
  width: 26px;
  height: 26px;
}

.evi-benefits h3 {
  margin-top: 14px;
}

@media (max-width: 1000px) {
  .product-showcase {
    grid-template-columns: 1fr;
  }

  .product-showcase .product-visual {
    min-height: 480px;
  }

  .evi {
    grid-template-columns: 1fr;
  }

  .evi-flow-diagram,
  .evi-benefits {
    grid-column: 1;
    grid-row: auto;
  }

  .evi-flow-diagram {
    width: min(100%, 620px);
    margin-top: 38px;
    justify-self: center;
  }
}

@media (max-width: 560px) {
  #products .product-title-row h2 {
    font-size: 52px;
  }

  .product-showcase {
    margin-top: 44px;
    gap: 36px;
  }

  .product-showcase .product-visual {
    min-height: 330px;
  }

  .product-showcase .product-visual img {
    width: 100%;
  }

  .product-showcase .feature-grid article {
    grid-template-columns: 54px 1fr;
    column-gap: 16px;
    padding: 25px 0;
  }

  .product-feature-icon {
    width: 48px;
    height: 48px;
  }

  .product-feature-icon svg {
    width: 27px;
    height: 27px;
  }

  .evi-badge b {
    max-width: 155px;
    line-height: 1.45;
  }
}

/* Raise the product heading and keep the following content in the same rhythm. */
@media (min-width: 901px) {
  #products {
    padding-top: 48px;
  }

  #products .section-label {
    margin-bottom: 18px;
  }

  #products .product-title-row {
    grid-template-columns: 1fr;
    gap: 0;
    align-items: center;
  }

  #products .product-info-column > .product-lead {
    margin-bottom: 26px;
    padding-left: 32px;
  }

  #products .product-showcase {
    align-items: stretch;
    margin-top: 30px;
  }

  #products .product-showcase .product-visual {
    min-height: 100%;
    height: 100%;
    max-height: none;
    overflow: visible;
  }

  #products .product-showcase .product-visual img {
    max-height: 100%;
    transform: scale(1.2, 1.32);
    transform-origin: center;
  }

  #products .product-info-column {
    transform: translate(-32px, -116px);
  }

  #products .product-info-column .smart-functions {
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  #products .product-info-column .function-heading {
    padding: 22px 24px 18px;
  }

  #products .product-info-column .function-heading h3 {
    font-size: 24px;
    line-height: 1.25;
  }

  #products .product-info-column .function-heading h3 br {
    display: none;
  }

  #products .product-info-column .smart-functions li {
    grid-template-columns: 34px 1fr;
    gap: 10px;
    padding: 16px;
  }

  #products .product-info-column .function-icon {
    width: 32px;
    height: 32px;
  }

  #products .product-info-column .function-icon svg {
    width: 19px;
    height: 19px;
  }

  #products .product-info-column .smart-functions b {
    font-size: 16px;
    line-height: 1.4;
  }

  #products .product-info-column .smart-functions p {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.55;
  }
}

.product-info-column {
  display: grid;
  align-content: start;
  gap: 18px;
}

.product-info-column .smart-functions {
  margin-top: 0;
}

#products .product-showcase .feature-grid h3 {
  margin: 4px 0 8px;
  font-size: clamp(21px, 2vw, 24px);
}

#products .product-showcase .feature-grid p {
  font-size: 15px;
  line-height: 1.65;
}

@media (max-width: 900px) {
  #products .product-info-column .smart-functions b { font-size: 16px; }
  #products .product-info-column .smart-functions p { font-size: 14px; line-height: 1.55; }
}

@media (min-width: 1200px) {
  #products .product-showcase .feature-grid article:first-child > p {
    white-space: nowrap;
  }
}

#products .product-feature-heading {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 18px;
}

#products .product-feature-heading h3 {
  margin: 4px 0 0;
}

#products .product-feature-heading a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 5px;
  border-bottom: 1px solid currentColor;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

#products .product-feature-heading a:hover,
#products .product-feature-heading a:focus-visible {
  color: #608410;
}

#evi-technology {
  scroll-margin-top: 84px;
}

@media (max-width: 900px) {
  #evi-technology { scroll-margin-top: 72px; }
}

/* Give the refrigerant diagram and performance table more reading space. */
@media (min-width: 1001px) {
  #evi-technology {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    column-gap: clamp(32px, 4vw, 64px);
  }
}

#evi-technology .evi-flow-diagram {
  width: 100%;
  max-width: 760px;
}

#evi-technology .evi-flow-image {
  padding: 8px;
}

#specifications {
  padding-top: 76px;
  padding-bottom: 90px;
}

#specifications > .section-label {
  margin-bottom: 28px;
}

#specifications .specs-head > p {
  max-width: 560px;
  transform: translateX(-320px);
  font-size: 17px;
  line-height: 1.75;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-align: justify;
  text-justify: inter-character;
  text-wrap: pretty;
  white-space: nowrap;
}

#specifications .spec-layout {
  grid-template-columns: minmax(0, 1.55fr) minmax(360px, .85fr);
  gap: 24px;
  margin-top: 16px;
}

#specifications .performance {
  min-width: 0;
}

#specifications .performance h3 {
  font-size: 23px;
}

#specifications .performance table {
  width: calc(75% - 2px);
  min-width: 720px;
  max-width: 900px;
}

#specifications .performance th,
#specifications .performance td {
  padding: 24px 18px;
  font-size: 17px;
  line-height: 1.5;
  white-space: nowrap;
}

#specifications .basic-spec {
  padding: 28px 30px 24px;
  background: #f0f5ed;
  border-top: 4px solid #143d2c;
  box-shadow: inset 0 0 0 1px #d8e3d4;
}

#specifications .basic-spec h3 {
  margin-top: 0;
  color: #143d2c;
  font-size: 23px;
}

#specifications .basic-spec dl {
  border-top-color: #88aa55;
}

#specifications .basic-spec dl div {
  grid-template-columns: 145px 1fr;
  padding: 16px 12px;
  border-bottom-color: #ccd9c6;
}

#specifications .basic-spec dl div:nth-child(odd) {
  background: rgba(255, 255, 255, .58);
}

#specifications .basic-spec dt {
  color: #536b5e;
  font-weight: 700;
  font-size: 15px;
}

#specifications .basic-spec dd {
  color: #143d2c;
  font-size: 16px;
  line-height: 1.55;
}

#specifications .basic-spec-note {
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid #ccd9c6;
  color: #66736d;
  font-size: 15px;
  line-height: 1.65;
  word-break: keep-all;
}

.operating-conditions {
  width: calc(75% - 2px);
  max-width: 900px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 0;
}

.operating-conditions-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 18px;
}

.operating-conditions-head p {
  margin: 0;
  color: #66736d;
  font-size: 14px;
}

.operating-conditions-head > div > p {
  margin-bottom: 5px;
  color: #709120;
  font: 800 11px Manrope, sans-serif;
  letter-spacing: .13em;
}

.operating-conditions-head h3 {
  margin: 0;
  font-size: 25px;
}

.operating-condition-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.operating-condition-grid article {
  min-width: 0;
  padding: 18px 15px;
  border: 1px solid #dfe5e1;
}

.operating-condition-grid small {
  color: #709120;
  font: 800 10px Manrope, sans-serif;
  letter-spacing: .08em;
}

.operating-condition-grid h4 {
  margin: 8px 0 9px;
  font-size: 18px;
}

.operating-condition-grid strong {
  color: #143d2c;
  font-size: 24px;
}

.operating-condition-grid p {
  margin: 6px 0 0;
  color: #66736d;
  font-size: 14px;
}

.operating-condition-source {
  margin: 10px 0 0;
  color: #77847e;
  font-size: 12px;
  text-align: right;
}

#specifications .spec-note {
  margin-top: 18px;
}

@media (max-width: 1199px) {
  #specifications .spec-layout {
    grid-template-columns: 1fr;
  }

  #specifications .specs-head > p {
    transform: none;
  }

  .operating-condition-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .operating-conditions {
    width: 100%;
  }

}

@media (max-width: 900px) {
  #specifications .specs-head > p {
    transform: none;
    white-space: normal;
  }
}

@media (max-width: 650px) {
  #specifications {
    padding-top: 74px;
    padding-bottom: 74px;
  }

  #specifications .specs-head > p {
    text-align: left;
    white-space: normal;
  }

  #specifications .basic-spec dl div {
    grid-template-columns: 110px 1fr;
    padding: 14px 0;
  }

  .operating-conditions-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .operating-condition-grid {
    grid-template-columns: 1fr;
  }

  .operating-condition-source {
    text-align: left;
  }
}

/* Light EVI presentation and compact control cards */
.evi {
  background: #fff;
  color: #15251f;
  border-top-color: #86c91f;
}

.evi-copy h2 {
  color: #15251f;
}

.evi-copy h2 span {
  color: #6d9f25;
}

.evi-copy > p,
.evi-flow-heading p,
.evi-benefits p {
  color: #66736d;
}

.evi-badge {
  border-color: #b9d78c;
}

.evi-badge b {
  color: #315341;
}

.evi-flow-diagram,
.evi-flow-image {
  background: #fff;
}

.evi-flow-diagram {
  color: #15251f;
  border-color: #cfdcc8;
  box-shadow: 0 20px 55px rgba(18, 59, 43, .12);
}

.evi-flow-heading {
  border-bottom-color: #dce5df;
}

.evi-benefits {
  gap: 0;
  border-top-color: #dfe5e1;
}

.evi-benefits article {
  padding: 20px 22px;
  border-left-color: #dfe5e1;
  border-bottom-color: #dfe5e1;
}

.evi-benefits article:nth-child(odd) {
  border-left: 0;
}

.evi-benefit-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
  color: #6f9f28;
  border-color: #bfd79d;
}

.evi-benefit-icon svg {
  width: 22px;
  height: 22px;
}

.evi-benefits h3 {
  margin: 9px 0 5px;
  font-size: 20px;
}

.evi-benefits p {
  font-size: 15px;
}

.evi-copy > p {
  font-size: 17px;
}

.evi-flow-heading p {
  font-size: 15px;
}

.smart-functions {
  grid-template-columns: .5fr 1.5fr;
  margin-top: 58px;
}

.function-heading {
  padding: 38px;
}

.function-heading h3 {
  margin-bottom: 0;
  font-size: 30px;
}

.smart-functions li {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: start;
  padding: 22px 26px;
}

.function-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: #a4dc4f;
  border: 1px solid rgba(164, 220, 79, .38);
}

.function-icon svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.smart-functions b {
  font-size: 15px;
}

.smart-functions p {
  margin-top: 5px;
  font-size: 12px;
}

@media (max-width: 900px) {
  .smart-functions {
    grid-template-columns: 1fr;
  }

  .function-heading {
    padding: 34px;
  }
}

@media (max-width: 560px) {
  .evi-benefits article {
    padding: 20px 10px;
    border-bottom-color: #dfe5e1 !important;
  }

  .smart-functions li {
    grid-template-columns: 38px 1fr;
    padding: 21px 18px;
  }
}

/* Final dark EVI override. */
.evi {
  row-gap: 0;
  column-gap: clamp(48px, 7vw, 100px);
  background: #071f15;
  color: #fff;
}

.evi-copy h2 {
  color: #fff;
}

.evi-copy h2 span {
  color: #a4dc4f;
}

.evi-copy > p,
.evi-flow-heading p,
.evi-benefits p {
  color: #97a9a0;
}

.evi-badge {
  border-color: rgba(154, 212, 70, .45);
}

.evi-badge b {
  color: #d9ff99;
}

.evi-flow-diagram,
.evi-flow-image {
  background: #071f15;
}

.evi-flow-diagram {
  color: #fff;
  border: 0;
  box-shadow: none;
}

#evi-technology .evi-flow-image {
  border: 0;
  padding: 0;
}

.evi-flow-image img {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent), linear-gradient(to bottom, transparent, #000 3%, #000 97%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent), linear-gradient(to bottom, transparent, #000 3%, #000 97%, transparent);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.evi-flow-heading {
  border-bottom: 0;
}

.evi-benefits {
  margin-top: 10px;
  border-top-color: rgba(255, 255, 255, .13);
}

.evi-benefits article {
  border-left-color: rgba(255, 255, 255, .13);
  border-bottom-color: rgba(255, 255, 255, .13);
}

.evi-benefit-icon {
  color: #9ad646;
  border-color: rgba(154, 212, 70, .38);
}

@media (max-width: 560px) {
  .evi-benefits article {
    border-bottom-color: rgba(255, 255, 255, .13) !important;
  }
}

/* nav-dropdown */
.main-nav .nav-group{position:relative;color:#d9ff99}
.main-nav .nav-group summary{list-style:none;display:flex;align-items:center;gap:10px;padding:28px 2px 24px;font-size:28px;font-weight:700;line-height:1.65;letter-spacing:-.01em;cursor:pointer;white-space:nowrap}
.main-nav .nav-group summary::-webkit-details-marker{display:none}
.main-nav .nav-group summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
.main-nav .nav-group[open] summary::after{transform:translateY(2px) rotate(225deg)}
.main-nav .nav-group summary:hover,.main-nav .nav-group summary:focus-visible,.main-nav .nav-group[open] summary{color:white}
.main-nav .nav-group summary:focus-visible,.main-nav .nav-submenu a:focus-visible{outline:2px solid #a9e450;outline-offset:3px}
.main-nav .nav-submenu{position:absolute;top:calc(100% - 10px);left:50%;transform:translateX(-50%);min-width:190px;padding:10px;background:#123b2b;border:1px solid #527c35;border-radius:8px;box-shadow:0 16px 30px rgba(0,0,0,.25);z-index:60}
.main-nav .nav-submenu a{display:block;padding:10px 14px;color:#eef8e8;font-size:17px;line-height:1.5;white-space:nowrap;border-radius:4px}
.main-nav .nav-submenu a:hover,.main-nav .nav-submenu a:focus-visible{background:#315a2e;color:white}
.main-nav .nav-submenu a::after{display:none}
.main-nav .nav-coming-soon{display:flex;align-items:center;gap:8px;padding:28px 2px 24px;color:#afbbb5;font-size:24px;font-weight:700;line-height:1.65;white-space:nowrap;cursor:not-allowed}
.main-nav .nav-coming-soon small{padding:3px 6px;border:1px solid rgba(255,255,255,.25);border-radius:4px;font-size:10px;line-height:1;color:#d3ddd8}
@media(min-width:901px){.main-nav{gap:26px}.main-nav>a{font-size:24px}.main-nav .nav-group summary{font-size:24px}}
@media(max-width:900px){
  .main-nav.open{max-height:calc(100dvh - 72px);overflow-y:auto;gap:0;padding:16px 24px 24px}
  .main-nav .nav-group{width:100%;border-bottom:1px solid rgba(255,255,255,.16)}
  .main-nav .nav-group summary{padding:12px 4px;font-size:21px;justify-content:space-between}
  .main-nav .nav-submenu{position:static;transform:none;min-width:0;padding:0 0 12px 12px;border:0;border-radius:0;box-shadow:none;background:transparent}
  .main-nav .nav-submenu a{padding:9px 12px;font-size:17px}
  .main-nav.open>.nav-product-link,.main-nav .nav-coming-soon{width:100%;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.16);font-size:21px}
}

/* packaging-machine */
.packaging-machine{display:block;padding-top:64px;padding-bottom:64px;background:#e9efe7;scroll-margin-top:84px}
.packaging-machine svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.packaging-intro{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);gap:clamp(30px,4vw,58px);align-items:center}
.packaging-copy .section-label{display:flex;align-items:center;gap:12px;margin-bottom:0}
.packaging-intro-icon{display:grid;place-items:center;width:40px;height:40px;padding:7px;border-radius:50%;background:#dce9d7;color:#5d9812}
.packaging-copy .kicker{margin:12px 0 8px;color:#6d7b74;font-size:17px;font-weight:700}
.packaging-meta{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.packaging-copy .packaging-model,.packaging-copy .packaging-status{display:inline-flex;align-items:center;margin:0}
.packaging-copy .packaging-model{color:#123b2b;font:800 clamp(32px,3.4vw,48px)/1 Manrope,sans-serif;letter-spacing:-.03em}
.packaging-copy .packaging-status{padding:6px 12px;font:800 14px Manrope,sans-serif;letter-spacing:.05em}
.packaging-copy .packaging-status{gap:8px;background:#fff;border:1px solid #cbd6cd;color:#496156}
.packaging-status span{width:8px;height:8px;border-radius:50%;background:#86c91f}
.packaging-copy h2{margin:0 0 16px;font-size:clamp(40px,4.8vw,64px);line-height:1.12;letter-spacing:-.055em}
.packaging-copy h2 span{color:#66812f}
.packaging-description{margin:0;color:#586760;font-size:18px;line-height:1.65;word-break:keep-all}
.packaging-notice{margin:10px 0 0;padding-left:14px;border-left:3px solid #82b63a;color:#66736d;font-size:15px;line-height:1.55;word-break:keep-all}
.packaging-visual{margin:0;padding:0;background:#e9efe7;border:0;box-shadow:none}
.packaging-visual img{width:100%;max-height:310px;height:auto;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse 73% 72% at center,#000 80%,transparent 100%);mask-image:radial-gradient(ellipse 73% 72% at center,#000 80%,transparent 100%)}
.packaging-info-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:104px;align-items:start;margin-top:24px}
.packaging-subhead{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start}
.packaging-subhead>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#143d2c;color:#b4eb63;font:800 14px Manrope,sans-serif}
.packaging-subhead h3{margin:0 0 4px;font-size:29px;letter-spacing:-.03em}
.packaging-subhead p{margin:0;color:#66736d;font-size:17px;line-height:1.55;word-break:keep-all}
.packaging-flow{display:grid;grid-template-columns:repeat(7,auto);align-items:center;width:min(100%,900px);max-width:100%;margin:14px auto 0 0;padding:12px 14px;column-gap:0;background:#143d2c;color:#fff}
.packaging-flow article{display:flex;min-width:0;flex-direction:column;align-items:center;padding:12px 8px;text-align:center}
.packaging-flow i{color:#aadb60;font-size:22px;font-style:normal}
.packaging-flow b{margin:12px 0 3px;font-size:22px}
.packaging-flow small{margin:0;color:#adc0b7;font-size:15px}
.packaging-card-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:4px;padding:0;color:#b4eb63}
.packaging-application-block{align-self:center;padding-left:48px}
.packaging-application-list{display:grid;gap:0;list-style:none;margin:12px 0 0;padding:0;border:0}
.packaging-application-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;padding:9px 0;border:0}
.packaging-application-list li>div{display:flex;min-width:0;flex-direction:column;gap:2px}
.packaging-application-list b{font-size:17px;color:#244335}
.packaging-application-list li>div>span{font-size:14px;color:#68756f}
.packaging-application-icon{display:grid;place-items:center;width:36px;height:36px;padding:7px;border-radius:50%;background:#dce9d7;color:#5f9815}
.packaging-benefit-head{margin-top:24px;margin-bottom:10px}
.packaging-benefits{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #c5d1c7}
.packaging-benefits article{padding:16px 22px;border-right:1px solid #c5d1c7}
.packaging-benefits article:last-child{border-right:0}
.packaging-benefits h3{margin:10px 0 5px;font-size:21px}
.packaging-benefits p{margin:0;color:#66736d;font-size:15px;line-height:1.65;word-break:keep-all}
.packaging-benefit-icon{display:grid;place-items:center;width:46px;height:46px;padding:8px;border-radius:50%;background:#dce9d7;color:#5f9815}
@media(max-width:1200px){.packaging-info-grid{grid-template-columns:1fr;gap:72px}.packaging-application-block{align-self:stretch;padding-left:0}}
@media(max-width:1100px){.packaging-intro{grid-template-columns:1fr}.packaging-visual{order:-1}.packaging-copy{max-width:800px}.packaging-flow{grid-template-columns:repeat(7,auto)}}
@media(max-width:760px){.packaging-flow{grid-template-columns:1fr;width:100%;padding:18px 24px}.packaging-flow i{transform:rotate(90deg)}.packaging-benefits{grid-template-columns:1fr}.packaging-benefits article{border-right:0;border-bottom:1px solid #c5d1c7}.packaging-benefits article:last-child{border-bottom:0}}
@media(max-width:560px){.packaging-machine{padding-top:52px;padding-bottom:52px}.packaging-intro{gap:18px}.packaging-visual img{max-height:220px}.packaging-copy h2{font-size:clamp(36px,11vw,50px)}.packaging-subhead{grid-template-columns:42px minmax(0,1fr);gap:11px}.packaging-subhead h3{font-size:25px}.packaging-flow article{min-width:0}.packaging-benefits article{padding:16px 18px}}

/* multi-page */
.inner-page main {
  padding-top: 84px;
}

.main-nav > .nav-home {
  align-self: center;
  color: #d9ff99;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.65;
  white-space: nowrap;
}

.page-directory {
  background: #f7f9f6;
}

.page-directory-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 48px;
}

.page-directory-head h2 {
  margin: 0;
  font-size: clamp(40px, 5vw, 68px);
  line-height: 1.18;
  letter-spacing: -.055em;
}

.page-directory-head h2 span {
  color: #718078;
}

.page-directory-head p {
  max-width: 420px;
  margin: 0;
  color: #66736d;
  font-size: 17px;
}

.page-directory-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 56px;
  border-top: 2px solid #143d2c;
  border-left: 1px solid #d9e2dc;
}

.page-directory-grid a {
  min-height: 250px;
  padding: 34px;
  background: #fff;
  border-right: 1px solid #d9e2dc;
  border-bottom: 1px solid #d9e2dc;
  transition: background .2s ease, color .2s ease;
}

.page-directory-grid a:hover,
.page-directory-grid a:focus-visible {
  background: #143d2c;
  color: #fff;
}

.page-directory-grid small {
  color: #709120;
  font: 800 11px Manrope, sans-serif;
  letter-spacing: .13em;
}

.page-directory-grid h3 {
  margin: 42px 0 10px;
  font-size: 27px;
}

.page-directory-grid p {
  margin: 0;
  color: #66736d;
}

.page-directory-grid a:hover p,
.page-directory-grid a:focus-visible p {
  color: #b8c8c0;
}

.page-directory-grid a > span {
  display: inline-block;
  margin-top: 24px;
  padding-bottom: 5px;
  border-bottom: 1px solid currentColor;
  font-weight: 700;
}

.packaging-page #packaging-machine,
.contact-page #contact {
  min-height: calc(100svh - 84px);
}

.specifications-page #specifications {
  padding-top: 36px;
}

.specifications-page #specifications > .section-label {
  margin-bottom: 14px;
}

.specifications-page #specifications .specs-head h2 {
  margin-bottom: 0;
}

.specifications-page #specifications .spec-layout {
  margin-top: 0;
}

.specifications-page #specifications .performance h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.specifications-page #specifications .operating-conditions {
  margin-top: 12px;
  padding-top: 0;
}

.detail-back-action {
  display: flex;
  align-items: center;
  margin-top: 34px;
}

.evi-page .detail-back-action {
  grid-column: 1 / -1;
}

.detail-back-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  min-width: 220px;
  padding: 14px 18px;
  background: #86c91f;
  color: #102718;
  font-size: 16px;
  font-weight: 800;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.detail-back-link:hover,
.detail-back-link:focus-visible {
  background: #fff;
  color: #143d2c;
  transform: translateY(-2px);
}

.specifications-page .detail-back-link:hover,
.specifications-page .detail-back-link:focus-visible {
  background: #143d2c;
  color: #fff;
}

@media (max-width: 1100px) {
  .main-nav > .nav-home {
    font-size: 22px;
  }
}

@media (max-width: 900px) {
  .inner-page main {
    padding-top: 72px;
  }

  .page-load-progress {
    top: 72px;
  }

  .main-nav > .nav-home {
    align-self: stretch;
    padding: 12px 4px;
    border-bottom: 1px solid rgba(255,255,255,.16);
    font-size: 21px;
  }

  .page-directory-head {
    align-items: start;
    flex-direction: column;
  }

  .page-directory-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  main,
  .page-load-progress,
  .page-load-progress.is-visible {
    animation: none !important;
    transition: none !important;
  }

  .page-load-progress.is-visible {
    opacity: 1;
    transform: scaleX(.72);
  }
}

@media (max-width: 560px) {
  .page-directory-grid {
    margin-top: 38px;
  }

  .page-directory-grid a {
    min-height: 220px;
    padding: 28px 24px;
  }
}

.form-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.privacy-notice {
  margin: 5px 0 18px;
  padding: 14px 16px;
  background: #f3f6f2;
  border: 1px solid #dfe5e1;
  color: #52635b;
}

.privacy-notice b { font-size: 13px; }
.privacy-notice p { margin: 7px 0 0; font-size: 12px; line-height: 1.7; }
.btn.submit[disabled] { cursor: wait; opacity: .65; }
