@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
/*
Theme Name: Planet Labels Modern
Version: 1.0.5
*/
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
h1,h2,h3,.footer-title,.team-heading-row h2,.featured-top h2,.solutions .head h2,.vision h2,.eco h2{font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-weight:400;letter-spacing:.02em}

:root{--g:#08a84f;--n:#07112c;--m:#606878;--l:#e7ebee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:var(--n)}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.top{border-bottom:1px solid var(--l);font-size:13px}.top .wrap,.contact,.social,.nav,.actions{display:flex;align-items:center}.top .wrap{height:52px;justify-content:space-between}.contact{gap:30px}.social{gap:10px}.social a{border:1px solid var(--l);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-weight:bold}header{position:sticky;top:0;z-index:20;background:#fffc;border-bottom:1px solid var(--l);backdrop-filter:blur(9px)}.nav{height:86px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:#3e347f;letter-spacing:2px}.planet{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#5aca64,#1754a5);color:#fff;font-size:10px;box-shadow:0 0 0 6px #edf9f1}.brand small{display:block;color:#222846;letter-spacing:0;font-size:9px;margin-top:3px}.links{display:flex;gap:28px;font-size:14px;font-weight:bold}.links a:hover{color:var(--g)}.menu{display:none;border:0;border-radius:50%;width:46px;height:46px;background:var(--n);color:white;font-size:22px}.hero{overflow:hidden;background:linear-gradient(90deg,#fff 42%,#f7faf8)}.hero-grid{min-height:520px;display:grid;grid-template-columns:44% 56%;align-items:center}.eyebrow{color:var(--g);font-size:13px;font-weight:bold;text-transform:uppercase}.eyebrow:after{content:"";display:block;width:30px;height:3px;background:var(--g);margin-top:10px}h1{font-size:clamp(45px,5vw,69px);line-height:.98;letter-spacing:-3px;margin:18px 0}.green{color:var(--g)}.lead{color:var(--m);line-height:1.6;max-width:480px}.actions{gap:14px;margin-top:26px}.btn{border:1px solid var(--n);border-radius:28px;min-height:48px;padding:0 23px;background:white;font-weight:bold;cursor:pointer}.primary{background:var(--g);border-color:var(--g);color:white}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #07112c22}.art{height:520px;position:relative;overflow:hidden}.art img{position:absolute;height:100%;width:auto;max-width:none;left:-43%;top:0}.play{position:absolute;left:10%;top:46%;width:84px;height:84px;border:1px solid #08a84f44;border-radius:50%;background:#fffffff0;color:var(--g);font-size:25px}.benefits{margin-top:-24px;position:relative;z-index:3}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:15px;box-shadow:0 14px 42px #07112c18;padding:20px 10px}.benefit{padding:5px 25px;border-right:1px solid var(--l);display:flex;gap:14px}.benefit:last-child{border:0}.ico{flex:0 0 44px;height:44px;border-radius:50%;background:#effaf3;color:var(--g);display:grid;place-items:center;font-size:22px}.benefit strong{font-size:14px}.benefit span:last-child{display:block;color:var(--m);font-size:12px;line-height:1.5;margin-top:4px}section{padding:75px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.head h2{font-size:38px;line-height:1.08;margin:10px 0 0}.head p{max-width:500px;color:var(--m);line-height:1.6}.industries{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.card{border:1px solid var(--l);border-radius:13px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #07112c18}.photo{height:115px;overflow:hidden;position:relative;background:#eef5f0}.photo img{position:absolute;width:840px;max-width:none;left:-155px;bottom:-5px}.card:nth-child(2) img{left:-318px}.card:nth-child(3) img{left:-472px}.card:nth-child(4) img{left:-625px}.card:nth-child(5) img{left:-780px}.card:nth-child(6) img{left:-930px}.label{padding:14px;font-size:13px;font-weight:bold;display:flex;justify-content:space-between}.label b{color:var(--g)}.solutions{background:#f7faf8}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution{padding:28px;border:1px solid var(--l);border-radius:15px;background:#fff}.solution i{color:var(--g);font-style:normal;font-size:13px;font-weight:bold}.solution h3{font-size:21px}.solution p{color:var(--m);font-size:14px;line-height:1.65}.cta{background:var(--n);color:white;border-radius:22px;padding:46px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:36px;margin:0 0 10px}.cta p{color:#c9cfde;margin:0}footer{padding:30px;color:var(--m);font-size:13px}.modal{position:fixed;inset:0;z-index:50;background:#030918b8;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.dialog{background:#fff;width:min(550px,100%);padding:30px;border-radius:18px;position:relative}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{font-size:13px;font-weight:bold}.field.full{grid-column:1/-1}.field input,.field textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #dce1e7;border-radius:9px}.success{display:none;margin-top:12px;padding:12px;border-radius:8px;background:#ecfaf1;color:#087737}
@media(max-width:900px){.links{display:none;position:absolute;top:86px;left:0;right:0;background:#fff;padding:24px;flex-direction:column}.links.open{display:flex}.menu{display:block}.hero-grid{grid-template-columns:1fr}.copy{padding-top:55px}.art{height:390px}.art img{left:-15%}.benefit-grid{grid-template-columns:1fr 1fr}.industries{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.wrap{width:calc(100% - 28px)}.top .wrap{height:auto;padding:10px 0}.contact{display:block}.contact a{display:block;margin:5px}.contact a:last-child,.social{display:none}.nav{height:72px}.links{top:72px}.hero-grid{min-height:auto}h1{font-size:44px}.art{height:300px}.art img{left:-35%;height:110%}.benefit-grid,.industries,.solution-grid{grid-template-columns:1fr 1fr}.benefit{border:0;padding:12px}.solution:last-child{grid-column:1/-1}.head,.cta{align-items:flex-start;flex-direction:column}.head h2,.cta h2{font-size:31px}.cta{padding:30px}.form{grid-template-columns:1fr}.field.full{grid-column:auto}}
.brand{gap:0;font-weight:normal;letter-spacing:0}.brand img{display:block;width:250px;height:auto;max-height:90px;object-fit:contain}
.hero .actions{gap:25px}.hero .actions .btn{height:52px;min-height:52px;padding:0 27px;border-radius:30px;font-size:0;font-weight:500;letter-spacing:0;display:inline-flex;align-items:center;justify-content:space-between;white-space:nowrap;box-shadow:none;transition:transform .2s,box-shadow .2s}.hero .actions .btn:before,.hero .actions .btn:after{font-size:17px}.hero .actions .primary:before{content:"Explore Solutions"}.hero .actions button:before{content:"Get a Quote"}.hero .actions .btn:after{content:"\2192";font-size:25px;line-height:1}.hero .actions .primary{width:246px;background:#04a94f;border:1px solid #04a94f;color:#fff;box-shadow:0 2px 5px #04a94f25}.hero .actions button{width:210px;background:#fff;border:1.5px solid #07112c;color:#07112c}.hero .actions .btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px #07112c1c}
.benefits{background:#f7f9f8;padding:17px 0 24px}.benefits .wrap{width:min(88%,1690px);padding:0}.benefit-grid{min-height:118px;padding:17px 28px;border-radius:16px;box-shadow:0 10px 25px #07112c13}.benefit{align-items:center;padding:4px 52px;border-right:1px solid #dfe3e3;gap:25px}.benefit:first-child{padding-left:65px}.benefit:last-child{padding-right:35px}.ico{font-size:0;width:65px;height:65px;flex-basis:65px;background:#f1fbf5;background-repeat:no-repeat;background-position:center;background-size:38px}.ico:before{content:"";width:40px;height:40px;background:center/contain no-repeat}.benefit:nth-child(1) .ico:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2309aa4d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 4c6 5 12 6 17 7v12c0 11-7 18-17 22C14 41 7 34 7 23V11c5-1 11-2 17-7Z'/%3E%3Cpath d='m17 24 5 5 10-11'/%3E%3C/svg%3E")}.benefit:nth-child(2) .ico:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2309aa4d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 18V5h24v13M10 38H5V17h38v21h-5M13 29h22v14H13zM35 23h3'/%3E%3C/svg%3E")}.benefit:nth-child(3) .ico:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2309aa4d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 39C25 34 35 23 41 7 22 8 11 19 12 33M9 22c5 3 8 7 9 14'/%3E%3C/svg%3E")}.benefit:nth-child(4) .ico:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2309aa4d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 11h25v25H5zM30 20h8l5 7v9H30zM11 40a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM36 40a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM5 16h9M5 21h7M5 26h9'/%3E%3C/svg%3E")}.benefit strong{font-size:16px;line-height:1.2}.benefit span:last-child{font-size:15px;line-height:1.45;margin-top:7px;color:#303a56}
.hero .art{background:radial-gradient(ellipse at 65% 74%,#e8ece9 0,transparent 43%),url("planet_roll.webp") right center/contain no-repeat}.hero .art>img{display:none}.hero .play{display:grid;place-items:center;left:14%;top:46%;width:106px;height:106px;border:1px solid #09aa4d33;background:#fffffff2;color:#09aa4d;font-size:31px;box-shadow:0 0 0 18px #ffffff44}
@media(min-width:901px){
  .wrap{width:100%;max-width:none;padding-left:5.5%;padding-right:4.1%}
  .top .wrap{height:58px}.contact{gap:48px;font-size:15px}.social{gap:12px}.social a{width:39px;height:39px;font-size:16px}
  header{position:absolute;top:58px;left:0;right:0;background:transparent;border:0;backdrop-filter:none}.nav{height:126px;padding-top:18px;align-items:flex-start}
  .brand img{width:260px;max-height:96px}.links{display:none;position:absolute;right:4.1%;top:96px;background:#fff;padding:22px 28px;border-radius:12px;box-shadow:0 14px 40px #07112c25;flex-direction:column;gap:18px}.links.open{display:flex}.menu{display:block;width:68px;height:68px;font-size:31px;margin-top:10px}
  .hero{min-height:664px;background:linear-gradient(90deg,#fff 0%,#fff 39%,#f8faf9 72%,#fff 100%)}.hero-grid{min-height:664px;padding-top:105px;grid-template-columns:42% 58%}
  .eyebrow{font-size:18px}.copy h1{font-size:clamp(50px,4vw,76px);line-height:1.05;letter-spacing:-3px;margin-top:20px}.lead{font-size:18px;max-width:530px}.actions{margin-top:26px}.btn{min-height:54px;padding:0 30px;font-size:16px}
  .art{height:664px;margin-top:-105px}.art img{height:850px;left:-82%;top:-65px}.play{left:15%;top:38%;width:106px;height:106px;font-size:0;background:transparent;border:0;box-shadow:none}
  .benefits{margin-top:0}
}
@media(min-width:901px){.hero .art{background:radial-gradient(ellipse at 65% 74%,#e8ece9 0,transparent 43%),url("planet_roll.webp") right center/contain no-repeat}.hero .play{left:14%;top:46%;width:106px;height:106px;border:1px solid #09aa4d33;background:#fffffff2;color:#09aa4d;font-size:31px;box-shadow:0 0 0 18px #ffffff44}}
@media(max-width:520px){.hero .actions{gap:12px;align-items:stretch;flex-direction:column}.hero .actions .primary,.hero .actions button{width:100%;max-width:246px}}
@media(max-width:900px){.benefits .wrap{width:calc(100% - 28px);padding:0}.benefit{padding:15px 18px!important}.benefit-grid{padding:8px 12px}.ico{width:52px;height:52px;flex-basis:52px}.benefit strong{font-size:14px}.benefit span:last-child{font-size:12px}}
@media(max-width:900px){.hero .art{background-position:right center;background-size:contain}.hero .play{left:13%;top:47%;width:72px;height:72px;font-size:22px;box-shadow:0 0 0 12px #ffffff44}}
#industries{padding:34px 0 38px;background:#fff}#industries .wrap{display:grid;grid-template-columns:310px minmax(0,1fr);align-items:center;gap:28px}#industries .head{display:block;margin:0;align-self:center}#industries .head>p{display:none}#industries .head h2{font-size:38px;line-height:1.06;margin-top:17px;max-width:285px}#industries .head .eyebrow{font-size:12px;white-space:nowrap}.industries{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:16px;min-width:0}.industry-grid{display:none}.card{border:0;border-radius:12px;background:#fff;box-shadow:0 5px 18px #07112c14;overflow:hidden}.card:hover{box-shadow:0 9px 24px #07112c20}.photo{height:118px;background-color:#f3f5f4;background-image:url("industry-strip.png");background-repeat:no-repeat;background-size:1805px 187px;background-position-y:-18px}.photo img{display:none}.card:nth-child(1) .photo{background-position-x:-394px}.card:nth-child(2) .photo{background-position-x:-623px}.card:nth-child(3) .photo{background-position-x:-856px}.card:nth-child(4) .photo{background-position-x:-1088px}.card:nth-child(5) .photo{background-position-x:-1320px}.card:nth-child(6) .photo{background-position-x:-1552px}.label{height:48px;padding:10px 12px;align-items:center;font-size:14px;line-height:1.12}.label b{font-size:21px;font-weight:400}
@media(max-width:1400px) and (min-width:901px){#industries .wrap{grid-template-columns:270px minmax(0,1fr);gap:20px}#industries .head h2{font-size:32px}.industries{gap:10px}.label{font-size:12px;padding:9px 8px}}
@media(max-width:900px){#industries{padding:42px 0}#industries .wrap{display:block}#industries .head{margin-bottom:24px}#industries .head h2{font-size:31px;max-width:none}.industries{display:grid;grid-template-columns:repeat(6,193px);gap:14px;overflow-x:auto;padding:4px 4px 18px;scroll-snap-type:x mandatory}.card{scroll-snap-align:start}}
.photo{background-image:url("products.jpg")}.photo img{display:none}.card:nth-child(1) .photo{background-position:-394px -18px}.card:nth-child(2) .photo{background-position:-623px -18px}.card:nth-child(3) .photo{background-position:-856px -18px}.card:nth-child(4) .photo{background-position:-1088px -18px}.card:nth-child(5) .photo{background-position:-1320px -18px}.card:nth-child(6) .photo{background-position:-1552px -18px}
.menu{position:relative;z-index:102;font-size:0;overflow:hidden;transition:background .35s,transform .35s,box-shadow .35s}.menu:before,.menu:after,.menu span{content:"";position:absolute;left:50%;width:25px;height:2px;background:currentColor;border-radius:3px;transform:translateX(-50%);transition:top .35s,transform .35s,opacity .25s}.menu:before{top:35%}.menu span{top:49%}.menu:after{top:63%}body:has(.links.open){overflow:hidden}body:has(.links.open) .menu{background:#f4f5f6;color:#07112c;transform:rotate(90deg);box-shadow:0 7px 28px #07112c18}body:has(.links.open) .menu:before{top:49%;transform:translateX(-50%) rotate(45deg)}body:has(.links.open) .menu span{opacity:0;transform:translateX(10px)}body:has(.links.open) .menu:after{top:49%;transform:translateX(-50%) rotate(-45deg)}
.links{display:flex!important;position:fixed!important;inset:0!important;z-index:100!important;background:rgba(255,255,255,.985)!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;padding:90px 24px 70px!important;border-radius:0!important;box-shadow:none!important;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.025);transition:opacity .42s ease,visibility .42s,transform .55s cubic-bezier(.2,.8,.2,1)}.links.open{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.links:before{content:"SMART LABELS. STRONGER BRANDS.";font-family:"Plus Jakarta Sans",Inter,sans-serif;color:#08a84f;font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #08a84f}.links:after{content:"f     in     ◎\A\A Labels Build Brighter Brands\A\A © 2026 Planet Labels and Packaging LLC";white-space:pre;text-align:center;font-family:"Plus Jakarta Sans",Inter,sans-serif;color:#64748b;font-size:12px;line-height:1.7;margin-top:22px;padding-top:18px;border-top:1px solid #e2e8f0;min-width:240px;letter-spacing:.3px}.links a{font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;font-size:22px!important;font-weight:600!important;line-height:1.2;letter-spacing:.8px;text-transform:uppercase;color:#0f172a!important;opacity:0;transform:translateY(16px);transition:color .25s,transform .4s cubic-bezier(.2,.8,.2,1),opacity .35s;padding:4px 12px;border-radius:6px}.links.open a{opacity:1;transform:translateY(0)}.links.open a:nth-child(1){transition-delay:.08s}.links.open a:nth-child(2){transition-delay:.13s}.links.open a:nth-child(3){transition-delay:.18s}.links.open a:nth-child(4){transition-delay:.23s}.links.open a:nth-child(5){transition-delay:.28s}.links.open a:nth-child(6){transition-delay:.33s}.links a:hover,.links a:focus{color:#08a84f;transform:translateX(8px)}.links a:first-child{color:#08a84f}.links .menu-socials{display:none}.nav .brand{position:relative;z-index:101}body:has(.links.open) .nav .brand{position:fixed;top:55px;left:5.5%}.links.open~.menu{position:fixed;top:55px;right:4.1%}
@media(max-width:700px){.links{gap:12px!important;padding:85px 20px 45px!important}.links:before{font-size:11px;letter-spacing:2px;margin-bottom:6px}.links a{font-size:20px;letter-spacing:.6px}.links:after{margin-top:14px;padding-top:12px;font-size:11px}body:has(.links.open) .nav .brand{top:25px;left:20px}body:has(.links.open) .nav .brand img{width:170px}.links.open~.menu{top:24px;right:20px}.menu{width:50px;height:50px}}
.menu:before{box-shadow:0 9px 0 currentColor}body:has(.links.open) .menu:before{box-shadow:none}
.menu{width:50px!important;height:50px!important;margin-top:4px!important;background:linear-gradient(145deg,#0a1937,#020b20);box-shadow:0 7px 20px #07112c20;border:1px solid #ffffff18;cursor:pointer}.menu:before,.menu:after,.menu span{width:20px;height:1.5px}.menu:before{top:37%;box-shadow:0 7px 0 currentColor}.menu:after{top:63%}.menu:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 11px 25px #07112c30}.menu:active{transform:scale(.96)}body:has(.links.open) .menu{width:50px!important;height:50px!important;margin-top:0!important;transform:rotate(90deg);box-shadow:0 8px 22px #07112c18}@media(max-width:700px){.menu,.links.open~.menu{width:44px!important;height:44px!important}.menu:before,.menu:after,.menu span{width:18px}}
.links{background:#fff!important}
.brand img,.footer-brand img{width:auto!important}.whatsapp{display:none!important}
.vision{position:relative;overflow:hidden;padding:82px 0 78px;background:radial-gradient(circle at 92% 17%,#dff4e7 0 34px,transparent 35px),radial-gradient(ellipse at 3% 100%,#eaf7ef 0 220px,transparent 222px),linear-gradient(135deg,#f9fdfb,#fff 48%,#f6fbf8)}.vision:before{content:"";position:absolute;right:-210px;top:-260px;width:620px;height:620px;border:2px solid #d8f1e1;border-radius:50%}.vision-dots{position:absolute;left:3%;top:90px;width:130px;height:130px;opacity:.65;background-image:radial-gradient(#bde8cd 3px,transparent 4px);background-size:29px 29px}.vision-head{text-align:center;position:relative}.leaf-rule{display:flex;align-items:center;justify-content:center;gap:18px;color:#0ca34a;font-size:28px}.leaf-rule:before,.leaf-rule:after{content:"";width:135px;height:2px;background:linear-gradient(90deg,transparent,#0ca34a)}.leaf-rule:after{background:linear-gradient(90deg,#0ca34a,transparent)}.vision h2{font-size:62px;line-height:1;margin:22px 0 8px;color:#19963d;letter-spacing:-2px}.vision-sub{font-size:26px;color:#0d2c70;margin:0}.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;width:min(1320px,calc(100% - 80px));margin:48px auto 0}.vm-card{min-height:390px;padding:34px 42px;border-radius:25px;border-top:4px solid #dff4e6;background:rgba(255,255,255,.91);box-shadow:0 20px 55px #0b633414;text-align:center;display:flex;flex-direction:column;align-items:center}.vm-icon{width:132px;height:132px;border:4px double #dcefe3;border-radius:50%;display:grid;place-items:center;background:#f8fcf9;color:#14983d}.vm-icon svg{width:65px;height:65px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.vm-card h3{font-size:29px;margin:18px 0 12px;color:#0d2e73}.vm-card p{font-size:19px;line-height:1.42;color:#415681;margin:0;max-width:340px}.vm-card:after{content:"";width:62px;height:4px;border-radius:5px;background:#0ca34a;margin-top:auto}.vision-close{text-align:center;color:#153777;font-size:19px;margin:50px auto 0}.vision-close strong{font-weight:800}.vision-close .leaf-rule{font-size:20px;margin-bottom:13px}.vision-close .leaf-rule:before,.vision-close .leaf-rule:after{width:130px;background:#b9d9c4}
@media(max-width:900px){.vision{padding:65px 0}.vision h2{font-size:47px}.vision-sub{font-size:21px}.vision-grid{width:calc(100% - 36px);grid-template-columns:1fr;max-width:560px}.vm-card{min-height:340px}.vision-close{padding:0 22px;line-height:1.5}}
.site-footer{position:relative;min-height:760px;padding:105px 0 120px;background:#f8fcff url("planet_footer_bg.png") center/cover no-repeat;color:#15244b}.footer-main{display:grid;grid-template-columns:1.35fr .62fr .78fr 1.05fr;gap:70px}.footer-brand img{width:410px;max-width:100%;height:auto}.footer-tag{margin:18px 0 25px;color:#08ad51;font-size:22px;font-weight:800;letter-spacing:.03em}.footer-tag:after,.footer-title:after{content:"";display:block;width:65px;height:3px;background:#09b958;margin-top:12px}.footer-copy{font-size:18px;line-height:1.55;max-width:430px;margin:0}.footer-badges{display:flex;gap:35px;margin-top:28px}.footer-badge{text-align:center;font-size:14px;line-height:1.2}.footer-badge i{width:58px;height:58px;margin:0 auto 8px;border-radius:50%;background:#e8f9ef;color:#08ad51;display:grid;place-items:center;font-size:27px;font-style:normal}.footer-script{margin:26px 0 0 55px;font-family:cursive;font-size:25px;font-style:italic;transform:rotate(-4deg);display:inline-block;border-bottom:3px solid #08ad51;padding:0 10px 8px}.footer-title{font-size:26px;margin:10px 0 31px;font-weight:800}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:0 0 24px}.footer-links a{font-size:18px;display:flex;gap:14px;align-items:center}.footer-links a:before{content:"›";font-size:31px;line-height:0;color:#08ad51}.footer-links a:hover{color:#08ad51}.footer-contact{display:grid;gap:17px}.footer-contact a,.footer-contact div{display:flex;gap:16px;align-items:center;font-size:17px;line-height:1.35}.footer-contact i{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#eaf4f5;display:grid;place-items:center;font-style:normal;font-size:20px}.follow{border-top:1px solid #d9e1e6;margin-top:25px;padding-top:5px}.footer-social{display:flex;gap:25px}.footer-social a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:white;font-size:22px;font-weight:bold}.footer-social a:nth-child(1){background:#3973d8}.footer-social a:nth-child(2){background:#078bb9}.footer-social a:nth-child(3){background:linear-gradient(145deg,#7738da,#e5267c,#ff9b22)}.footer-social a:nth-child(4){background:#ed2b2b}.footer-bottom{position:absolute;left:0;right:0;bottom:0;height:120px;background:#102b4b;color:#d7e0ed;display:flex;align-items:center}.footer-bottom .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-bottom strong{color:#fff}.footer-values{font-size:12px;letter-spacing:.23em;text-transform:uppercase}.whatsapp{position:absolute;right:35px;bottom:84px;width:76px;height:76px;border-radius:50%;background:#14c75a;color:#fff;display:grid;place-items:center;font-size:39px;font-weight:bold;border:6px solid #52df89;box-shadow:0 8px 22px #09244530;z-index:3}
.site-footer{position:relative;min-height:760px;padding:105px 0 120px;background:#f8fcff url("planet_footer_bg.png") center/cover no-repeat;color:#15244b}.footer-main{display:grid;grid-template-columns:1.35fr .62fr .78fr 1.05fr;gap:70px}.footer-brand img{width:410px;max-width:100%;height:auto}.footer-tag{margin:18px 0 25px;color:#08ad51;font-size:22px;font-weight:800;letter-spacing:.03em}.footer-tag:after,.footer-title:after{content:"";display:block;width:65px;height:3px;background:#09b958;margin-top:12px}.footer-copy{font-size:18px;line-height:1.55;max-width:430px;margin:0}.footer-badges{display:flex;gap:35px;margin-top:28px}.footer-badge{text-align:center;font-size:14px;line-height:1.2}.footer-badge i{width:58px;height:58px;margin:0 auto 8px;border-radius:50%;background:#e8f9ef;color:#08ad51;display:grid;place-items:center;font-size:27px;font-style:normal}.footer-script{margin:26px 0 0 55px;font-family:cursive;font-size:25px;font-style:italic;transform:rotate(-4deg);display:inline-block;border-bottom:3px solid #08ad51;padding:0 10px 8px}.footer-title{font-size:26px;margin:10px 0 31px;font-weight:800}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:0 0 24px}.footer-links a{font-size:18px;display:flex;gap:14px;align-items:center}.footer-links a:before{content:"›";font-size:31px;line-height:0;color:#08ad51}.footer-links a:hover{color:#08ad51}.footer-contact{display:grid;gap:17px}.footer-contact a,.footer-contact div{display:flex;gap:16px;align-items:center;font-size:17px;line-height:1.35}.footer-contact i{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#eaf4f5;display:grid;place-items:center;font-style:normal;font-size:20px}.follow{border-top:1px solid #d9e1e6;margin-top:25px;padding-top:5px}.footer-social{display:flex;gap:25px}.footer-social a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:white;font-size:22px;font-weight:bold}.footer-social a:nth-child(1){background:#3973d8}.footer-social a:nth-child(2){background:#078bb9}.footer-social a:nth-child(3){background:linear-gradient(145deg,#7738da,#e5267c,#ff9b22)}.footer-social a:nth-child(4){background:#ed2b2b}.footer-bottom{position:absolute;left:0;right:0;bottom:0;height:120px;background:#102b4b;color:#d7e0ed;display:flex;align-items:center}.footer-bottom .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-bottom strong{color:#fff}.footer-values{font-size:12px;letter-spacing:.23em;text-transform:uppercase}.whatsapp{position:absolute;right:35px;bottom:84px;width:76px;height:76px;border-radius:50%;background:#14c75a;color:#fff;display:grid;place-items:center;font-size:39px;font-weight:bold;border:6px solid #52df89;box-shadow:0 8px 22px #09244530;z-index:3}
@media(max-width:1100px){.site-footer{padding-top:70px;background-size:auto 100%}.footer-main{grid-template-columns:1fr 1fr;gap:45px}.footer-brand img{width:300px}.footer-bottom{height:auto;min-height:110px;padding:25px 0}.footer-bottom .wrap{align-items:flex-start;flex-direction:column}.whatsapp{bottom:90px}}
@media(max-width:620px){.site-footer{padding:55px 0 175px}.footer-main{grid-template-columns:1fr;gap:32px}.footer-badges{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-script{margin-left:15px}.footer-bottom .wrap{font-size:12px}.footer-values{line-height:2}.whatsapp{width:62px;height:62px;font-size:30px;right:18px;bottom:140px}}
.eco{position:relative;overflow:hidden;min-height:650px;background:linear-gradient(135deg,#f9fdfb,#fff 63%,#f4fbf6);display:grid;grid-template-columns:48% 52%;align-items:center}.eco-art{align-self:stretch;background:url("planet_eco.png") left center/auto 100% no-repeat}.eco-content{padding:70px 7% 65px 1%;position:relative}.eco-kicker{color:#178d3d;text-transform:uppercase;font-size:13px;letter-spacing:.32em;font-weight:700;display:flex;align-items:center;gap:14px}.eco-kicker:before{content:"◆";font-size:18px}.eco-kicker:after{content:"";order:-1;width:85px;height:2px;background:#4cab65}.eco h2{font-size:58px;line-height:1.03;letter-spacing:-2px;color:#0b2c6d;margin:30px 0 20px}.eco h2 strong{color:#138d38}.eco-copy{font-size:18px;line-height:1.5;color:#536488;max-width:820px}.eco-features{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:32px 0 40px}.eco-feature{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:17px}.eco-icon{width:82px;height:82px;border:4px double #dbefe2;border-radius:50%;background:#f8fcf9;display:grid;place-items:center;color:#128b37;font-size:35px}.eco-feature h3{font-size:18px;color:#0d2e72;margin:0 0 7px}.eco-feature p{font-size:14px;line-height:1.35;color:#58698c;margin:0}.eco-bottom{display:flex;align-items:center;gap:34px}.eco-btn{width:250px;height:64px;border-radius:10px;background:#078c32;color:#fff;display:flex;align-items:center;justify-content:space-around;font-weight:800;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 11px 28px #078c3228}.eco-btn:hover{background:#067a2b;transform:translateY(-2px)}.eco-note{border-left:1px solid #b8c8bd;padding-left:38px;color:#647393}.eco-note:before{content:"◆";color:#0b9b40;margin-right:18px}.eco-side-note{position:absolute;right:2%;top:55px;color:#81a08c;font-size:12px;line-height:1.7;letter-spacing:.35em;text-transform:uppercase;writing-mode:vertical-rl}
@media(max-width:1100px){.eco{grid-template-columns:42% 58%}.eco-content{padding-right:4%}.eco h2{font-size:45px}.eco-features{gap:14px}.eco-feature{grid-template-columns:64px 1fr}.eco-icon{width:64px;height:64px;font-size:27px}.eco-side-note{display:none}}@media(max-width:760px){.eco{display:block}.eco-art{height:390px;background-size:auto 100%;background-position:27% center}.eco-content{padding:48px 22px 60px}.eco h2{font-size:39px}.eco-copy{font-size:16px}.eco-features{grid-template-columns:1fr}.eco-feature{grid-template-columns:70px 1fr}.eco-icon{width:70px;height:70px}.eco-bottom{align-items:flex-start;flex-direction:column}.eco-note{padding-left:20px}.eco-kicker:after{width:45px}}
.contact-showcase{position:relative;min-height:660px;display:grid;grid-template-columns:56% 44%;overflow:hidden;background:#f5faf8}.contact-scene{position:relative;background:url("planet_contact.png") left center/auto 100% no-repeat}.contact-scene:after{content:"";position:absolute;inset:0 0 0 42%;background:linear-gradient(90deg,#fff 0 58%,rgba(255,255,255,.78) 79%,transparent)}.contact-info{position:relative;z-index:1;width:54%;margin-left:46%;padding:65px 20px 40px 26px;color:#122651}.contact-info-kicker{display:flex;align-items:center;gap:15px;font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#33415c}.contact-info-kicker:after{content:"";width:44px;height:3px;background:#079a43}.contact-info h2{margin:22px 0 8px;color:#071630;font-size:clamp(48px,4vw,72px);line-height:.95;letter-spacing:-3px}.contact-info h2 span{color:#079a43}.contact-info>p{font-size:17px;line-height:1.45;color:#65708a;margin:0 0 26px}.contact-list{display:grid;gap:14px}.contact-list a,.contact-list div{display:flex;align-items:center;gap:18px;min-height:46px;color:#122651;font-size:17px;line-height:1.35}.contact-list i{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#e6f6ec;color:#079a43;font-style:normal;font-size:22px}.contact-team-btn{display:flex;align-items:center;justify-content:center;gap:24px;width:300px;height:62px;margin-top:28px;border-radius:999px;background:linear-gradient(100deg,#079240,#13b95b);color:#fff;font-size:14px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;box-shadow:0 12px 30px #079a4326}.contact-team-btn:hover{transform:translateY(-3px);box-shadow:0 18px 35px #079a433e}.contact-form-zone{padding:42px 5% 42px 0;display:flex;align-items:center;background:linear-gradient(135deg,#f8fcfa,#eef8f4)}.contact-panel{width:100%;min-height:555px;padding:40px 52px;border-radius:22px;background:#fff;box-shadow:0 22px 65px #122c4f17}.contact-kicker{display:flex;align-items:center;gap:14px;color:#52658c;font-size:13px;font-weight:800;letter-spacing:.28em;text-transform:uppercase}.contact-kicker:before{content:"";width:45px;height:3px;background:#0aaa4c}.contact-panel h2{font-size:54px;letter-spacing:-2px;line-height:1;margin:24px 0 34px;color:#071630}.contact-panel h2 span{color:#0b9842}.contact-form{display:grid;gap:22px}.contact-input{position:relative}.contact-input input,.contact-input textarea{width:100%;border:1px solid #d7dde4;border-radius:10px;padding:17px 20px 17px 55px;color:#15244b;background:#fff;outline:none;font-size:16px}.contact-input textarea{height:125px;resize:vertical}.contact-input input:focus,.contact-input textarea:focus{border-color:#0aaa4c;box-shadow:0 0 0 4px #0aaa4c13}.contact-input i{position:absolute;left:20px;top:16px;font-style:normal;color:#637493;font-size:21px}.contact-submit-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:10px}.contact-submit{border:0;width:260px;height:62px;border-radius:32px;background:#079a43;color:#fff;text-transform:uppercase;font-weight:800;letter-spacing:.13em;cursor:pointer}.contact-submit:hover{background:#078538;transform:translateY(-2px)}.safe-note{color:#71809c;font-size:13px}.safe-note:before{content:"▢";margin-right:12px}.contact-response{position:absolute;right:4.5%;top:80px;color:#60708e;font-size:15px;line-height:1.5}.contact-response:before{content:"➤";display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e7f7ed;color:#079a43;font-size:27px;margin-right:14px;vertical-align:middle}
@media(max-width:1200px){.contact-info{width:62%;margin-left:38%;padding-left:20px}.contact-info h2{font-size:54px}.contact-list a,.contact-list div{font-size:15px}}@media(max-width:1050px){.contact-showcase{grid-template-columns:48% 52%}.contact-scene{background-position:12% center}.contact-info{width:76%;margin-left:23%;padding-top:58px}.contact-info>p{font-size:15px}.contact-list a,.contact-list div{font-size:14px}.contact-team-btn{width:255px}.contact-panel{padding:35px 30px}.contact-panel h2{font-size:45px}.contact-response{display:none}}@media(max-width:760px){.contact-showcase{display:block}.contact-scene{min-height:620px;background-size:auto 100%;background-position:4% center}.contact-scene:after{inset:0;background:linear-gradient(90deg,rgba(255,255,255,.86),#fff 45%,rgba(255,255,255,.88))}.contact-info{width:100%;margin:0;padding:54px 24px 50px 34%}.contact-info h2{font-size:48px}.contact-team-btn{width:100%}.contact-form-zone{padding:28px 18px 55px}.contact-panel{min-height:0;padding:30px 22px}.contact-panel h2{font-size:40px}.contact-submit-row{align-items:flex-start;flex-direction:column}.contact-submit{width:100%}}@media(max-width:480px){.contact-info{padding-left:22px}.contact-scene{background-position:18% center}.contact-scene:after{background:rgba(255,255,255,.9)}}
.eco{padding-top:0;padding-bottom:0;align-items:stretch}.eco-art,.eco-content{min-height:650px}.eco-content{display:flex;flex-direction:column;justify-content:center}@media(max-width:760px){.eco-art{min-height:390px}.eco-content{min-height:0}}
.hero-slider{position:relative;overflow:hidden}.hero-track{display:flex;width:100%;transition:transform .75s cubic-bezier(.72,0,.2,1);will-change:transform}.hero-slide{position:relative;flex:0 0 100%;min-width:100%;padding:0}.hero-slide .copy{opacity:0;transform:translateX(-45px);transition:opacity .55s ease .22s,transform .7s cubic-bezier(.2,.8,.2,1) .18s}.hero-slide .art{opacity:0;transform:translateX(55px) scale(.98);transition:opacity .6s ease .22s,transform .8s cubic-bezier(.2,.8,.2,1) .16s}.hero-slide.active .copy,.hero-slide.active .art{opacity:1;transform:none}.hero-slide:nth-child(2){background:linear-gradient(90deg,#fff 0 42%,#f1faf5 100%)}.hero-slide:nth-child(3){background:linear-gradient(90deg,#fff 0 42%,#f4f7fc 100%)}.hero-controls{position:absolute;left:5.5%;bottom:40px;z-index:8;display:flex;align-items:center;gap:9px}.hero-dot{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#aeb8b2;cursor:pointer;transition:.3s}.hero-dot.active{width:31px;background:#08a84f}.hero-arrow{display:grid;place-items:center;width:39px;height:39px;margin-left:6px;border:1px solid #d9e2dd;border-radius:50%;background:#fff;color:#07112c;cursor:pointer;transition:.25s}.hero-arrow:hover{color:#fff;background:#08a84f;border-color:#08a84f}.hero-slide .art:after{content:"";position:absolute;inset:0;pointer-events:none}.hero-slide:nth-child(2) .art:after{background:linear-gradient(145deg,transparent 55%,#08a84f12)}.hero-slide:nth-child(3) .art:after{background:linear-gradient(145deg,transparent 55%,#244c9a10)}@media(max-width:900px){.hero-controls{left:50%;bottom:15px;transform:translateX(-50%)}.hero-slide .copy{padding-bottom:20px}}@media(prefers-reduced-motion:reduce){.hero-track,.hero-slide .copy,.hero-slide .art{transition:none}}
.hero-slider .actions .btn{font-size:16px}.hero-slider .actions .btn:before,.hero-slider .actions .btn:after{display:none}html,body{overflow-x:hidden}
.industries .photo{background-image:none!important}.industries .photo img{display:block!important;position:static!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover;object-position:center!important}
.solutions{position:relative;overflow:hidden;padding:72px 5.5% 88px;background:radial-gradient(circle at 88% 2%,#e9f9f0 0 12%,transparent 35%),linear-gradient(145deg,#fff,#f3fbf7)}.solutions .wrap{width:100%;padding:0}.solutions .head{margin-bottom:32px}.solutions .head h2{font-size:clamp(36px,3.2vw,56px);letter-spacing:-2px}.solutions .solution-grid{gap:28px}.solutions .solution{position:relative;isolation:isolate;min-height:290px;padding:34px 42% 28px 30px;overflow:hidden;border:1px solid #dfe9e3;border-radius:18px;box-shadow:0 14px 35px #0b2f1b0b}.solutions .solution:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fff 0 48%,rgba(255,255,255,.84) 62%,rgba(255,255,255,.08) 100%)}.solutions .solution>img{position:absolute;z-index:-2;inset:0 0 0 auto;width:62%;height:100%;object-fit:cover}.solutions .solution i{font-size:15px}.solution-icon{display:grid;place-items:center;width:66px;height:66px;margin:18px 0 12px;border-radius:50%;background:#e8f8ee;color:#079c45;font-size:29px}.solutions .solution h3{margin:0 0 12px;font-size:22px;line-height:1.15}.solutions .solution p{margin:0;color:#68758d;line-height:1.5}.solution-go{position:absolute;right:20px;bottom:18px;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#e9f8ef;color:#09a548;font-size:27px;transition:.25s}.solutions .solution:hover{transform:translateY(-6px);box-shadow:0 21px 44px #0b2f1b18}.solutions .solution:hover .solution-go{color:#fff;background:#09a548;transform:translateX(3px)}@media(max-width:1000px){.solutions .solution-grid{grid-template-columns:1fr}.solutions .solution{min-height:260px;padding-right:45%}}@media(max-width:600px){.solutions{padding:56px 18px 65px}.solutions .solution{padding:28px 26px 210px;min-height:430px}.solutions .solution>img{top:auto;width:100%;height:225px}.solutions .solution:after{background:linear-gradient(180deg,#fff 0 49%,rgba(255,255,255,.1) 75%)}.solution-go{bottom:18px}}
.hero-slider .hero-controls{inset:0;left:0;bottom:0;transform:none;display:flex;justify-content:center;align-items:flex-end;padding-bottom:22px;pointer-events:none}.hero-slider .hero-dot{pointer-events:auto;margin:0 2px}.hero-slider .hero-arrow{position:absolute;top:50%;margin:0;transform:translateY(-50%);pointer-events:auto;width:46px;height:46px;box-shadow:0 8px 24px #07112c18}.hero-slider .hero-arrow:hover{transform:translateY(-50%) scale(1.06)}.hero-slider .hero-prev{left:24px}.hero-slider .hero-next{right:24px}@media(max-width:700px){.hero-slider .hero-prev{left:10px}.hero-slider .hero-next{right:10px}.hero-slider .hero-arrow{width:40px;height:40px}.hero-slider .hero-controls{padding-bottom:12px}}
.contact-showcase .contact-scene:after{background:linear-gradient(135deg,#fff 0 72%,#f4fbf7)}
@media(max-width:700px){body:has(.links.open) .top{opacity:0;visibility:hidden;pointer-events:none}.links{position:fixed!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;width:100vw!important;height:100dvh!important;min-height:100vh!important;overflow-y:auto!important;justify-content:flex-start!important;gap:13px!important;padding:112px 24px 32px!important;background:#fff!important}.links:before{font-size:11px;margin:0 0 8px;padding-bottom:9px}.links a{font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;font-size:20px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:.8px!important;text-transform:uppercase!important;color:#0f172a!important}.links:after{margin-top:10px;padding-top:12px;font-size:11px;line-height:1.55}body:has(.links.open) .nav .brand{top:18px!important;left:18px!important}body:has(.links.open) .nav .brand img{width:142px!important;height:auto!important;max-height:64px!important;object-fit:contain}.links.open~.menu{top:18px!important;right:18px!important}.hero-slide .copy{text-align:center;padding-left:22px;padding-right:22px}.hero-slide .eyebrow:after{margin-left:auto;margin-right:auto}.hero-slide .lead{margin-left:auto;margin-right:auto}.hero-slide .actions{justify-content:center;align-items:center;flex-direction:column;gap:12px}.hero-slider .actions .btn{width:min(270px,86vw)!important;justify-content:center!important;text-align:center}.hero-slide h1{margin-left:auto;margin-right:auto}}
@media(max-width:700px){.benefits .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;border-radius:18px}.benefits .benefit{min-height:190px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;text-align:center;border-right:1px solid var(--l);border-bottom:1px solid var(--l)}.benefits .benefit:nth-child(2n){border-right:0}.benefits .benefit:nth-last-child(-n+2){border-bottom:0}.benefits .ico{flex:0 0 54px;width:54px;height:54px;font-size:27px}.benefits .benefit strong{display:block;font-size:15px;line-height:1.25}.benefits .benefit span:last-child{font-size:13px;line-height:1.45;margin-top:6px;max-width:135px}#industries .head{text-align:center}#industries .head .eyebrow{white-space:normal}#industries .head .eyebrow:after{margin-left:auto;margin-right:auto}#industries .head h2{margin-left:auto;margin-right:auto;text-align:center}}
@media(max-width:700px){.benefits .ico{font-size:0!important}.vision:before{display:none}}
section#contact:not(.contact-showcase){display:none}
.featured-showcase{position:relative;overflow:hidden;padding:78px 2.2% 92px;background:radial-gradient(circle at 7% 7%,#e9f8f0 0 12%,transparent 31%),linear-gradient(145deg,#fff 15%,#f4fbf8 65%,#effaf6)}.featured-showcase:before{content:"";position:absolute;left:-8%;bottom:-32%;width:52%;height:55%;border-radius:50%;background:#dff6ea;opacity:.75;transform:rotate(18deg)}.featured-top{text-align:center;position:relative}.featured-kicker{display:flex;align-items:center;justify-content:center;gap:18px;color:#607092;font-weight:700;letter-spacing:.3em;font-size:13px}.featured-kicker:before{content:"";width:55px;height:3px;background:#08a64a}.featured-top h2{margin:13px 0 4px;color:#071630;font-size:clamp(42px,4.4vw,72px);line-height:1;letter-spacing:-2px}.featured-top h2 span{color:#09a548}.featured-top p{color:#6b7792;font-size:18px}.featured-script{position:absolute;right:2%;top:-35px;color:#09a548;font:italic 38px/1.05 cursive;transform:rotate(-6deg);max-width:190px}.featured-grid{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:40px}.featured-card{position:relative;overflow:hidden;border:1px solid #e4ebe8;border-radius:17px;background:#fff;box-shadow:0 12px 30px #1235570c;transition:transform .3s ease,box-shadow .3s ease}.featured-card:hover{transform:translateY(-8px);box-shadow:0 20px 44px #1235571c}.featured-card img{display:block;width:100%;height:300px;object-fit:cover;object-position:center top}.featured-card-body{position:relative;min-height:120px;padding:43px 54px 20px 18px}.featured-icon{position:absolute;left:18px;top:-31px;display:grid;place-items:center;width:58px;height:58px;border:6px solid #fff;border-radius:50%;color:#fff;background:var(--accent);font-size:25px;font-weight:800}.featured-card h3{margin:0;color:#09183a;font-size:20px;line-height:1.18}.featured-arrow{position:absolute;right:17px;bottom:24px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#eaf9f0;color:#08a64a;font-size:25px;transition:.25s}.featured-card:hover .featured-arrow{color:#fff;background:#08a64a;transform:translateX(3px)}.featured-all{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;width:min(360px,90%);height:68px;margin:48px auto 0;border-radius:999px;background:linear-gradient(100deg,#058c3d,#0fbd57);color:#fff;font-weight:800;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 14px 28px #079a4328}.featured-all:hover{transform:translateY(-3px);box-shadow:0 18px 34px #079a4340}@media(max-width:1150px){.featured-grid{grid-template-columns:repeat(3,1fr)}.featured-card img{height:270px}.featured-script{display:none}}@media(max-width:700px){.featured-showcase{padding:58px 18px 68px}.featured-grid{grid-template-columns:repeat(2,1fr);gap:12px}.featured-card img{height:205px}.featured-card-body{min-height:108px;padding:39px 38px 15px 13px}.featured-card h3{font-size:16px}.featured-icon{left:13px;width:52px;height:52px}.featured-arrow{right:10px;bottom:18px;width:34px;height:34px}.featured-top p{font-size:15px}}@media(max-width:430px){.featured-grid{grid-template-columns:1fr}.featured-card img{height:310px}}

@media(max-width:900px){
.eco{display:flex!important;flex-direction:column!important;width:100%;min-height:0;overflow:hidden}
.eco-art{order:1;width:100%;height:clamp(280px,82vw,430px);min-height:0!important;background-size:cover;background-position:28% center}
.eco-content{order:2;width:100%;min-width:0;min-height:0!important;padding:42px 24px 56px;align-items:center;text-align:center}
.eco-kicker{justify-content:center}.eco h2{margin:22px 0 18px}.eco-copy{max-width:680px}.eco-features{width:100%;max-width:560px;text-align:left}
.eco-bottom{align-items:center;width:100%}.eco-note{border-left:0;padding-left:0;text-align:center}
}
@media(max-width:480px){
.eco-content,.eco-content h2,.eco-kicker{width:100%;text-align:center}.eco-kicker{justify-content:center}
.eco-art{height:310px;background-size:auto 100%;background-position:left center}.eco-content{padding:38px 20px 50px}.eco h2{font-size:36px;line-height:1.08;letter-spacing:-1px}
.eco-kicker{font-size:11px;letter-spacing:.22em}.eco-feature{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.eco-feature h3,.eco-feature p{text-align:center}.eco-icon{width:64px;height:64px;flex:0 0 64px}.eco-bottom{align-items:center}.eco-btn{width:min(100%,250px);margin-inline:auto}.eco-note{width:100%;text-align:center}
}

@media(max-width:600px){
.solutions .solution{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-content:start;align-items:center;column-gap:12px;row-gap:0}
.solutions .solution i{grid-column:1;margin:0;font-size:15px}.solutions .solution .solution-icon{grid-column:2;width:54px;height:54px;margin:0;font-size:24px}
.solutions .solution h3{grid-column:3;margin:0;font-size:19px;line-height:1.15}.solutions .solution p{grid-column:1/-1;margin-top:18px}
}

@media(max-width:620px){
.footer-main{text-align:center}.footer-title{text-align:center}.footer-title:after,.footer-tag:after{margin-left:auto;margin-right:auto}
.footer-links{display:flex;flex-direction:column;align-items:center}.footer-links li{width:100%;margin-bottom:20px}.footer-links a{justify-content:center;text-align:center}
.footer-contact{justify-items:center}.footer-contact a,.footer-contact div{justify-content:center;text-align:left}.footer-social{justify-content:center}
.footer-brand img{margin-inline:auto}.footer-copy{margin-inline:auto}.footer-script{margin-left:0}.follow{text-align:center}
}

.wp-page-hero{padding:190px 5.5% 75px;background:linear-gradient(135deg,#f4fbf7,#fff);text-align:center}.wp-page-hero .eyebrow:after{margin-inline:auto}.wp-page-hero h1{font-size:clamp(48px,6vw,82px);margin:18px 0 15px}.wp-page-hero p{max-width:760px;margin:auto;color:#5c6880;font-size:19px;line-height:1.6}.wp-section{padding:85px 5.5%}.wp-section.alt{background:#f4fbf7}.wp-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.wp-intro h2,.wp-section-title{font-size:clamp(34px,4vw,56px);line-height:1.08;margin:0 0 22px}.wp-intro p,.wp-copy{color:#5c6880;font-size:17px;line-height:1.75}.wp-highlight,.wp-contact-card,.wp-form-card{background:#fff;border:1px solid #deebe3;border-radius:24px;padding:42px;box-shadow:0 18px 55px #0b633414}.wp-checks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 0;padding:0;list-style:none}.wp-checks li{padding:16px 18px;border-radius:12px;background:#eef9f2;color:#123267;font-weight:700}.wp-checks li:before{content:'✓';color:#08a84f;margin-right:10px}.wp-values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.wp-value{background:#fff;padding:36px;border-radius:20px;border:1px solid #dcebe2;text-align:center}.wp-value i{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 20px;border-radius:50%;background:#eaf9f0;color:#08a84f;font-size:34px;font-style:normal}.wp-value h3{font-size:24px;margin:0 0 12px}.wp-value p,.wp-product p{color:#60708d;line-height:1.6;margin:0}.wp-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.wp-product{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #dfe9e3;box-shadow:0 12px 35px #092d1910}.wp-product img{width:100%;height:260px;object-fit:cover}.wp-product div{padding:24px}.wp-product h3{font-size:23px;margin:0 0 10px}.wp-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px}.wp-contact-list{display:grid;gap:18px;margin-top:28px}.wp-contact-list a,.wp-contact-list div{display:flex;align-items:center;gap:15px;color:#17325f}.wp-contact-list i{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#eaf8ef;color:#08a84f;font-style:normal}.wp-form{display:grid;gap:16px}.wp-form input,.wp-form textarea{width:100%;padding:17px;border:1px solid #d5dfe2;border-radius:10px;font:inherit}.wp-form textarea{min-height:150px}.wp-form button{border:0;border-radius:30px;padding:17px 28px;background:#08a84f;color:#fff;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){.wp-intro,.wp-contact-grid{grid-template-columns:1fr}.wp-products-grid{grid-template-columns:repeat(2,1fr)}.wp-values{grid-template-columns:1fr}.wp-page-hero{padding-top:145px}}
@media(max-width:600px){.wp-page-hero{padding:125px 20px 55px}.wp-page-hero h1{font-size:44px}.wp-section{padding:58px 20px}.wp-intro{gap:28px}.wp-highlight,.wp-contact-card,.wp-form-card{padding:26px 22px}.wp-checks,.wp-products-grid{grid-template-columns:1fr}.wp-product img{height:240px}.wp-section-title{text-align:center}}
.contact-team-title{text-align:center}.contact-team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:38px}.contact-person{min-width:0;padding:28px 18px;border:1px solid #dce9e1;border-radius:18px;background:#fff;text-align:center;box-shadow:0 12px 35px #092d1910}.contact-avatar{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 17px;border-radius:50%;background:#e8f8ee;color:#079c45;font-size:20px;font-weight:800}.contact-person h3{margin:0 0 7px;font-size:20px}.contact-person strong{display:block;margin-bottom:17px;color:#08a84f;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.contact-person a{display:block;margin-top:9px;color:#30446d;font-size:14px;overflow-wrap:anywhere}.contact-person a:hover{color:#08a84f}@media(max-width:1100px){.contact-team-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.contact-team-grid{grid-template-columns:1fr}.contact-person{padding:25px 18px}.contact-person a{font-size:15px}}
.team-showcase{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,1fr);padding:0;background:linear-gradient(135deg,#fff 55%,#f0fbf5);overflow:hidden;border-top:1px solid #edf2ef}.team-main{padding:72px 3.5% 48px 4.2%}.team-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.team-kicker{display:flex;align-items:center;gap:18px;color:#647493;font-size:11px;font-weight:700;letter-spacing:.32em;text-transform:uppercase}.team-kicker:before{content:"";width:30px;height:2px;background:#08aa4e}.team-heading-row h2{font-size:clamp(40px,4.1vw,64px);line-height:1;margin:20px 0 12px;letter-spacing:-2px}.team-heading-row h2 span{color:#08a84f}.team-heading-row p{margin:0;color:#66728a;font-size:16px}.team-promises{display:flex;align-items:center;margin-bottom:7px}.team-promises>div{display:flex;align-items:center;gap:10px;padding:0 20px;border-left:1px solid #dfe7e2;color:#43516c;font-size:12px}.team-promises i{color:#08a84f;font-size:26px;font-style:normal}.team-showcase .contact-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.team-showcase .contact-person{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start;min-height:136px;padding:20px 42px 18px 16px;text-align:left;border-radius:12px;box-shadow:0 10px 28px #1735240d}.team-showcase .contact-avatar{width:62px;height:62px;margin:0;background:linear-gradient(145deg,#dff6e8,#eefaf3);color:#0e2753;font-size:20px;font-weight:500}.team-showcase .contact-person h3{font-size:16px;margin:7px 0 3px}.team-showcase .contact-person strong{margin:0 0 13px;color:#5b6881;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}.team-showcase .contact-person a{display:block;margin:6px 0 0;color:#405071;font-size:12px;white-space:nowrap}.team-showcase .contact-person a i{display:inline-block;width:24px;color:#08ad51;font-size:17px;font-style:normal}.person-arrow{position:absolute;right:16px;top:20px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #dce6e0;border-radius:50%;color:#099c47;box-shadow:0 7px 18px #0a4e2520}.team-signoff{margin-top:35px;padding-left:48px;color:#657694;font-size:10px;line-height:1.7;letter-spacing:.28em;text-transform:uppercase;position:relative}.team-signoff:before{content:"";position:absolute;left:0;top:7px;width:30px;height:2px;background:#08aa4e}.team-signoff span{color:#98a4b5}.team-art{position:relative;min-height:560px;background:radial-gradient(circle at 60% 24%,#fff 0 28%,transparent 29%),linear-gradient(145deg,#effbf5,#e5f7ed);overflow:hidden}.team-art:before{content:"";position:absolute;width:560px;height:560px;left:-110px;bottom:-330px;border-radius:50%;background:#fff9}.team-art img{position:absolute;width:155%;max-width:none;left:-30%;bottom:-3%;filter:drop-shadow(0 25px 30px #17442b25)}.team-script{position:absolute;z-index:2;right:13%;top:58px;color:#59b77d;font-family:cursive;font-size:30px;line-height:1.06;font-style:italic;transform:rotate(-5deg)}.team-art-note{position:absolute;z-index:3;right:10%;bottom:22px;color:#6d7c96;font-size:10px;line-height:1.7;letter-spacing:.25em;text-align:center;text-transform:uppercase}
@media(max-width:1200px){.team-showcase{grid-template-columns:1fr 300px}.team-promises{display:none}.team-showcase .contact-team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.team-showcase{display:block}.team-main{padding:58px 20px}.team-heading-row{text-align:center;display:block}.team-kicker{justify-content:center}.team-showcase .contact-team-grid{grid-template-columns:1fr}.team-showcase .contact-person{max-width:520px;width:100%;margin:auto}.team-signoff{text-align:center;padding-left:0}.team-signoff:before{position:static;display:block;margin:0 auto 13px}.team-art{min-height:410px}.team-art img{width:125%;left:-12%;bottom:-8%}.team-script{font-size:26px;right:10%}}
@media(max-width:430px){.team-main{padding-inline:16px}.team-heading-row h2{font-size:42px}.team-showcase .contact-person{grid-template-columns:54px minmax(0,1fr);gap:12px;padding-left:13px}.team-showcase .contact-avatar{width:54px;height:54px}.team-showcase .contact-person a{font-size:11px}.team-art{min-height:340px}}
.team-showcase{display:block}.team-main{width:min(1380px,100%);margin-inline:auto;padding-left:4%;padding-right:4%}.team-showcase .contact-team-grid{display:flex;flex-wrap:wrap;justify-content:center}.team-showcase .contact-person{flex:0 1 calc(33.333% - 12px);width:auto}.team-heading-row{width:100%}.team-signoff{text-align:center;padding-left:0}.team-signoff:before{position:static;display:block;margin:0 auto 13px}
@media(max-width:1000px){.team-showcase .contact-person{flex-basis:calc(50% - 9px)}}@media(max-width:700px){.team-main{padding-left:16px;padding-right:16px}.team-showcase .contact-person{flex-basis:100%;width:100%}}


/* MODERN SLEEK MENU TYPOGRAPHY */
.links {
    font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
}
.links:before {
    font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #08a84f !important;
    border-bottom: 2px solid #08a84f !important;
    padding-bottom: 8px !important;
    margin-bottom: 16px !important;
}
.links a {
    font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #0f172a !important;
    padding: 6px 16px !important;
    border-radius: 8px !important;
    transition: color 0.25s ease, transform 0.3s ease, background 0.25s ease !important;
}
.links a:hover, .links a:focus {
    color: #08a84f !important;
    background: #f0fdf4 !important;
    transform: translateY(-2px) !important;
}
.links a:first-child {
    color: #08a84f !important;
}
.links:after {
    font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
    font-size: 12px !important;
    color: #64748b !important;
    letter-spacing: 0.4px !important;
    line-height: 1.7 !important;
}
@media (max-width: 700px) {
    .links a {
        font-size: 19px !important;
        letter-spacing: 0.8px !important;
        padding: 5px 12px !important;
    }
}


/* TOPBAR REMOVED ADJUSTMENT */
.top { display: none !important; }
@media (min-width: 901px) {
    header {
        top: 0 !important;
    }
    .hero-grid {
        padding-top: 40px !important;
    }
}


/* BEBAS NEUE MENU TYPOGRAPHY */
.links {
    font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
}
.links:before {
    font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #08a84f !important;
    border-bottom: 2px solid #08a84f !important;
    padding-bottom: 8px !important;
    margin-bottom: 18px !important;
}
.links a {
    font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #07112c !important;
    padding: 3px 14px !important;
    border-radius: 6px !important;
    transition: color 0.25s ease, transform 0.3s ease, background 0.25s ease !important;
}
.links a:hover, .links a:focus {
    color: #08a84f !important;
    background: #f0fdf4 !important;
    transform: translateY(-2px) !important;
}
.links a:first-child {
    color: #08a84f !important;
}
.links:after {
    font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
    font-size: 12px !important;
    color: #64748b !important;
    letter-spacing: 0.4px !important;
    line-height: 1.7 !important;
}
@media (max-width: 700px) {
    .links a {
        font-size: 28px !important;
        letter-spacing: 1.2px !important;
        padding: 3px 10px !important;
    }
}


/* ========================================================
   FEATURED PRODUCTS SLIDER
======================================================== */
.featured-showcase {
    position: relative;
    overflow: hidden;
    padding: 85px 24px 95px;
    background: radial-gradient(circle at 7% 7%, #e9f8f0 0 12%, transparent 31%), linear-gradient(145deg, #ffffff 15%, #f4fbf8 65%, #effaf6);
}
.featured-showcase:before {
    content: "";
    position: absolute;
    left: -8%;
    bottom: -32%;
    width: 52%;
    height: 55%;
    border-radius: 50%;
    background: #dff6ea;
    opacity: 0.75;
    transform: rotate(18deg);
    pointer-events: none;
}
.featured-slider-container {
    position: relative;
    max-width: 1440px;
    margin: 46px auto 0;
    padding: 0 54px;
    display: flex;
    align-items: center;
}
.featured-slider-viewport {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    padding: 16px 4px 28px;
    cursor: grab;
    user-select: none;
}
.featured-slider-viewport::-webkit-scrollbar {
    display: none; /* Chrome/Safari/Edge */
}
.featured-slider-viewport.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto;
}
.featured-slider-track {
    display: flex;
    gap: 22px;
    align-items: stretch;
    transition: transform 0.4s ease;
}
.featured-card {
    flex: 0 0 calc((100% - (3 * 22px)) / 4);
    min-width: 250px;
    position: relative;
    overflow: hidden;
    border: 1px solid #e2ece7;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(18, 53, 87, 0.07);
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.35s ease;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
}
.featured-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 48px rgba(18, 53, 87, 0.14);
    border-color: #bbf0d4;
}
.featured-card-img, .featured-card img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center center;
    display: block;
    background: #f1f5f9;
    transition: transform 0.5s ease;
}
.featured-card:hover .featured-card-img img,
.featured-card:hover img {
    transform: scale(1.05);
}
.featured-card-img {
    overflow: hidden;
    position: relative;
}
.featured-card-body {
    position: relative;
    flex: 1;
    min-height: 115px;
    padding: 44px 56px 20px 20px;
    background: #ffffff;
}
.featured-icon {
    position: absolute;
    left: 20px;
    top: -28px;
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border: 5px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    background: var(--accent, #08a64a);
    font-size: 24px;
    font-weight: 800;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    z-index: 2;
}
.featured-card h3 {
    margin: 0;
    color: #09183a;
    font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
    font-size: 26px !important;
    letter-spacing: 0.8px !important;
    line-height: 1.15;
    text-transform: uppercase;
}
.featured-arrow {
    position: absolute;
    right: 18px;
    bottom: 20px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #eaf9f0;
    color: #08a64a;
    font-size: 22px;
    font-weight: 700;
    transition: all 0.25s ease;
}
.featured-card:hover .featured-arrow {
    color: #ffffff;
    background: #08a64a;
    transform: translateX(4px);
}
/* Navigation Arrows */
.featured-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #ffffff;
    border: 1.5px solid #e0ebe5;
    color: #071630;
    display: grid;
    place-items: center;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(10, 40, 70, 0.12);
    transition: all 0.25s ease;
    z-index: 10;
}
.featured-nav-btn:hover {
    background: #08a64a;
    color: #ffffff;
    border-color: #08a64a;
    transform: translateY(-50%) scale(1.08);
    box-shadow: 0 10px 28px rgba(8, 166, 74, 0.35);
}
.featured-nav-btn.prev {
    left: 0;
}
.featured-nav-btn.next {
    right: 0;
}
.featured-nav-btn:disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}
/* Dots */
.featured-dots-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 26px;
}
.featured-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d0e4da;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}
.featured-dot.active {
    width: 32px;
    border-radius: 999px;
    background: #08a64a;
}
/* Responsive Breakpoints */
@media (max-width: 1200px) {
    .featured-card {
        flex: 0 0 calc((100% - (2 * 20px)) / 3);
    }
}
@media (max-width: 860px) {
    .featured-slider-container {
        padding: 0 42px;
    }
    .featured-card {
        flex: 0 0 calc((100% - 18px) / 2);
    }
    .featured-card img {
        height: 230px;
    }
}
@media (max-width: 600px) {
    .featured-slider-container {
        padding: 0 10px;
    }
    .featured-nav-btn {
        display: none; /* Mobile relies on smooth native swipe gestures */
    }
    .featured-card {
        flex: 0 0 82%;
        min-width: 220px;
    }
    .featured-card-body {
        padding: 40px 45px 16px 16px;
    }
    .featured-card h3 {
        font-size: 22px !important;
    }
    .featured-icon {
        width: 48px;
        height: 48px;
        font-size: 20px;
        top: -24px;
        left: 16px;
    }
}


/* ========================================================
   PRODUCTS PAGE CATALOG STYLING
======================================================== */
.products-page-main {
    background: #f8fafc;
    color: #0f172a;
}
.products-hero {
    padding: 80px 24px 60px;
    background: radial-gradient(circle at 10% 10%, #e9f8f0 0 14%, transparent 35%), linear-gradient(135deg, #ffffff 0%, #f0fdf4 60%, #e6f7ef 100%);
    text-align: center;
    position: relative;
    border-bottom: 1px solid #e2e8f0;
}
.products-hero-badge {
    display: inline-block;
    padding: 6px 16px;
    background: #eaf9f0;
    color: #08a64a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    border-radius: 999px;
    margin-bottom: 16px;
}
.products-hero h1 {
    font-family: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif !important;
    font-size: clamp(40px, 4.5vw, 68px) !important;
    letter-spacing: 1px !important;
    color: #071630;
    margin: 0 0 16px;
    line-height: 1.05;
}
.products-hero-lead {
    max-width: 780px;
    margin: 0 auto 32px;
    color: #475569;
    font-size: 18px;
    line-height: 1.6;
}
.products-nav-pills {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}
.nav-pill {
    display: inline-block;
    padding: 10px 24px;
    background: #ffffff;
    color: #0f172a;
    border: 1.5px solid #d1fae5;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
    transition: all 0.25s ease;
}
.nav-pill:hover, .nav-pill.active {
    background: #08a64a;
    color: #ffffff;
    border-color: #08a64a;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(8, 166, 74, 0.25);
}

.products-section {
    padding: 70px 24px;
}
.products-section.alt-bg {
    background: #ffffff;
    border-top: 1px solid #f1f5f9;
    border-bottom: 1px solid #f1f5f9;
}
.section-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 48px;
}
.section-kicker {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #08a64a;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.section-header h2 {
    font-family: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif !important;
    font-size: clamp(34px, 3.5vw, 52px) !important;
    letter-spacing: 1px !important;
    color: #071630;
    margin: 0 0 12px;
    line-height: 1.1;
}
.section-header p {
    color: #64748b;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

.products-grid-catalog {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    max-width: 1440px;
    margin: 0 auto;
}
.product-catalog-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
    display: flex;
    flex-direction: column;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.products-section.alt-bg .product-catalog-card {
    background: #f8fafc;
}
.product-catalog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.12);
    border-color: #a7f3d0;
}
.card-media {
    position: relative;
    width: 100%;
    height: 260px;
    overflow: hidden;
    background: #f1f5f9;
}
.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.6s ease;
}
.product-catalog-card:hover .card-media img {
    transform: scale(1.06);
}
.card-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 6px 14px;
    background: var(--bg, #08a64a);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 999px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 2;
}
.card-details {
    padding: 28px 24px 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.card-details h3 {
    font-family: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif !important;
    font-size: 28px !important;
    letter-spacing: 0.8px !important;
    color: #071630;
    margin: 0 0 14px;
    line-height: 1.15;
}
.card-details p {
    color: #475569;
    font-size: 14.5px;
    line-height: 1.6;
    margin: 0 0 12px;
}
.card-actions {
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid #f1f5f9;
}
.btn-inquire {
    width: 100%;
    padding: 12px 18px;
    background: #f0fdf4;
    color: #08a64a;
    border: 1.5px solid #bbf7d0;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.25s ease;
    text-align: center;
    letter-spacing: 0.5px;
}
.btn-inquire:hover {
    background: #08a64a;
    color: #ffffff;
    border-color: #08a64a;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(8, 166, 74, 0.25);
}

.products-cta {
    padding: 80px 24px;
    background: linear-gradient(135deg, #071630 0%, #0d2847 100%);
    color: #ffffff;
}
.products-cta-box {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 24px;
    padding: 48px;
}
.products-cta-box h2 {
    font-family: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif !important;
    font-size: clamp(32px, 3.5vw, 48px) !important;
    letter-spacing: 1px !important;
    color: #ffffff;
    margin: 0 0 8px;
}
.products-cta-box p {
    color: #cbd5e1;
    font-size: 17px;
    margin: 0;
    max-width: 600px;
}
.products-cta-box .btn.primary {
    white-space: nowrap;
    padding: 16px 36px;
    font-size: 16px;
}

@media (max-width: 1100px) {
    .products-grid-catalog {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}
@media (max-width: 768px) {
    .products-grid-catalog {
        grid-template-columns: 1fr;
    }
    .products-cta-box {
        flex-direction: column;
        text-align: center;
        padding: 36px 20px;
    }
    .products-hero h1 {
        font-size: 38px !important;
    }
}


/* ========================================================
   COMPACT PRODUCTS GRID & INTERACTIVE MODAL STYLING
======================================================== */
.products-compact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 1440px;
    margin: 0 auto;
}

.product-compact-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
    display: flex;
    flex-direction: column;
    cursor: pointer;
    outline: none;
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.35s ease;
}
.products-section.alt-bg .product-compact-card {
    background: #ffffff;
}
.product-compact-card:hover, .product-compact-card:focus-visible {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(8, 166, 74, 0.14), 0 8px 16px rgba(15, 23, 42, 0.06);
    border-color: #08a64a;
}

.product-media-wrap {
    position: relative;
    width: 100%;
    height: 290px;
    overflow: hidden;
    background: #f1f5f9;
}
.product-media-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.5s ease;
}
.product-compact-card:hover .product-media-wrap img,
.product-compact-card:focus-visible .product-media-wrap img {
    transform: scale(1.08);
}

.product-hover-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(7, 22, 48, 0.65) 0%, rgba(7, 22, 48, 0.1) 60%, transparent 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 24px;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.product-compact-card:hover .product-hover-overlay,
.product-compact-card:focus-visible .product-hover-overlay {
    opacity: 1;
}
.product-hover-overlay span {
    display: inline-block;
    padding: 8px 20px;
    background: #08a64a;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    border-radius: 999px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.25);
    transform: translateY(10px);
    transition: transform 0.3s ease;
}
.product-compact-card:hover .product-hover-overlay span {
    transform: translateY(0);
}

.product-title-wrap {
    padding: 22px 20px 24px;
    text-align: center;
    background: #ffffff;
    border-top: 1px solid #f1f5f9;
}
.product-title-wrap h3 {
    margin: 0;
    color: #071630;
    font-family: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif !important;
    font-size: 27px !important;
    letter-spacing: 0.8px !important;
    line-height: 1.2;
    transition: color 0.25s ease;
}
.product-compact-card:hover .product-title-wrap h3 {
    color: #08a64a;
}

/* Modal Lightbox */
.product-detail-modal {
    position: fixed;
    inset: 0;
    background: rgba(7, 22, 48, 0.82);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
}
.product-detail-modal.active {
    opacity: 1;
    pointer-events: auto;
}

.modal-card-dialog {
    position: relative;
    background: #ffffff;
    width: 100%;
    max-width: 980px;
    max-height: 90vh;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
    transform: translateY(24px) scale(0.96);
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    display: flex;
}
.product-detail-modal.active .modal-card-dialog {
    transform: translateY(0) scale(1);
}

.modal-close-btn {
    position: absolute;
    top: 16px;
    right: 18px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f1f5f9;
    border: none;
    color: #0f172a;
    font-size: 26px;
    line-height: 1;
    display: grid;
    place-items: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.2s ease;
}
.modal-close-btn:hover {
    background: #08a64a;
    color: #ffffff;
    transform: scale(1.1);
}

.modal-split-layout {
    display: flex;
    width: 100%;
    max-height: 90vh;
}

.modal-media-pane {
    flex: 0 0 46%;
    background: #f8fafc;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-media-pane img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.modal-content-pane {
    flex: 1;
    padding: 44px 40px 40px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.modal-kicker {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #08a64a;
    margin-bottom: 8px;
}
.modal-content-pane h2 {
    font-family: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif !important;
    font-size: clamp(32px, 3vw, 44px) !important;
    letter-spacing: 1px !important;
    color: #071630;
    margin: 0 0 16px;
    line-height: 1.1;
}
.modal-desc-body {
    color: #334155;
    font-size: 15.5px;
    line-height: 1.7;
    margin-bottom: 28px;
}
.modal-desc-body p {
    margin: 0 0 14px;
}
.modal-cta-row {
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
}
.modal-cta-row .btn.primary {
    width: 100%;
    text-align: center;
    padding: 14px 24px;
    font-size: 16px;
    border-radius: 12px;
}

@media (max-width: 1100px) {
    .products-compact-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}
@media (max-width: 820px) {
    .modal-split-layout {
        flex-direction: column;
        overflow-y: auto;
    }
    .modal-media-pane {
        flex: none;
        height: 260px;
    }
    .modal-content-pane {
        padding: 28px 24px;
    }
}
@media (max-width: 640px) {
    .products-compact-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .product-media-wrap {
        height: 240px;
    }
}


/* 4 COLUMNS PRODUCTS GRID */
.products-compact-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    max-width: 1520px !important;
    margin: 0 auto !important;
}
.product-media-wrap {
    height: 250px !important;
}
.product-title-wrap {
    padding: 18px 14px 20px !important;
}
.product-title-wrap h3 {
    font-size: 24px !important;
}

@media (max-width: 1280px) {
    .products-compact-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }
    .product-media-wrap {
        height: 240px !important;
    }
}
@media (max-width: 900px) {
    .products-compact-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 18px !important;
    }
    .product-media-wrap {
        height: 220px !important;
    }
}
@media (max-width: 580px) {
    .products-compact-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .product-media-wrap {
        height: 240px !important;
    }
}


/* ========================================================
   ON-SCROLL LAZY REVEAL & IMAGE TRANSITIONS
======================================================== */
.scroll-reveal-item {
    opacity: 0;
    transform: translateY(32px);
    transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1), transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}
.scroll-reveal-item.is-revealed {
    opacity: 1;
    transform: translateY(0);
}
.product-media-wrap {
    background: #eef2f6;
    position: relative;
}
.product-media-wrap img {
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.5s ease;
}
.product-media-wrap img.loaded,
.product-media-wrap img:not([loading="lazy"]) {
    opacity: 1;
}


/* ==========================================================================
   STICKY HEADER & SMOOTH ANIMATED LOGO SHRINK
   ========================================================================== */
header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  background: rgba(255, 255, 255, 0) !important;
  border-bottom: 1px solid transparent !important;
  backdrop-filter: blur(0px) !important;
  -webkit-backdrop-filter: blur(0px) !important;
  box-shadow: none !important;
  transition: background 0.38s cubic-bezier(0.25, 0.8, 0.25, 1),
              box-shadow 0.38s cubic-bezier(0.25, 0.8, 0.25, 1),
              border-color 0.38s cubic-bezier(0.25, 0.8, 0.25, 1),
              backdrop-filter 0.38s ease,
              -webkit-backdrop-filter 0.38s ease !important;
}

header.is-sticky {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  box-shadow: 0 8px 26px rgba(7, 17, 44, 0.08) !important;
  border-bottom: 1px solid rgba(220, 230, 225, 0.75) !important;
}

.nav {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  height: 108px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  transition: height 0.38s cubic-bezier(0.25, 0.8, 0.25, 1),
              padding 0.38s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

header.is-sticky .nav {
  height: 68px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.brand {
  display: flex !important;
  align-items: center !important;
}

.brand img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-height: 84px !important;
  transform-origin: left center !important;
  transition: max-height 0.38s cubic-bezier(0.25, 0.8, 0.25, 1),
              transform 0.38s cubic-bezier(0.25, 0.8, 0.25, 1),
              filter 0.38s ease !important;
  will-change: transform, max-height !important;
}

header.is-sticky .brand img {
  max-height: 46px !important;
  transform: scale(0.96) !important;
}

.menu {
  margin-top: 0 !important;
  transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1),
              width 0.35s ease,
              height 0.35s ease,
              background 0.3s ease,
              box-shadow 0.3s ease !important;
}

header.is-sticky .menu {
  width: 44px !important;
  height: 44px !important;
}

@media(max-width: 900px) {
  .nav {
    height: 82px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .brand img {
    max-height: 58px !important;
  }
  header.is-sticky .nav {
    height: 60px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  header.is-sticky .brand img {
    max-height: 40px !important;
  }
  header.is-sticky .menu {
    width: 40px !important;
    height: 40px !important;
  }
}


/* ==========================================================================
   PREMIUM SCROLL FLY-IN & STAGGER ANIMATIONS
   ========================================================================== */
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(38px);
  filter: blur(2px);
  transition: opacity 0.82s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.82s cubic-bezier(0.16, 1, 0.3, 1),
              filter 0.82s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform, filter;
}

.reveal-on-scroll.from-left {
  transform: translateX(-40px) translateY(15px);
}

.reveal-on-scroll.from-right {
  transform: translateX(40px) translateY(15px);
}

.reveal-on-scroll.zoom-in {
  transform: scale(0.92) translateY(28px);
}

.reveal-on-scroll.is-revealed {
  opacity: 1 !important;
  transform: translate(0, 0) scale(1) !important;
  filter: blur(0px) !important;
}

/* Graceful Staggering Delays */
.stagger-1 { transition-delay: 0.05s !important; }
.stagger-2 { transition-delay: 0.12s !important; }
.stagger-3 { transition-delay: 0.19s !important; }
.stagger-4 { transition-delay: 0.26s !important; }
.stagger-5 { transition-delay: 0.33s !important; }
.stagger-6 { transition-delay: 0.40s !important; }

/* Interactive Hover for Revealed Cards */
.industries .card.is-revealed,
.solution.is-revealed,
.featured-card.is-revealed,
.contact-person.is-revealed,
.wp-product.is-revealed,
.wp-value.is-revealed {
  transition: transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1),
              box-shadow 0.32s ease,
              border-color 0.32s ease !important;
}

@media (prefers-reduced-motion: reduce) {
  .reveal-on-scroll {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}


/* ==========================================================================
   SLOW TYPEWRITER REVEAL WITH ANIMATED UNDERLINE (NO CURSOR)
   ========================================================================== */
.hero-slide h1 {
  overflow: visible;
  position: relative;
}

.hero-slide h1 .green,
.solutions h2 .green,
#industries h2 .green,
.featured-top h2 span,
.team-heading-row h2 span,
.wp-intro h2 .green {
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, #08a84f 0%, #15df6f 100%);
  background-repeat: no-repeat;
  background-size: 0% 4px;
  background-position: 0 98%;
  padding-bottom: 6px;
  transition: background-size 0.72s cubic-bezier(0.16, 1, 0.3, 1),
              text-shadow 0.4s ease;
}

.hero-slide h1 .green.has-underline,
.solutions h2 .green.has-underline,
#industries h2 .green.has-underline,
.featured-top h2 span.has-underline,
.team-heading-row h2 span.has-underline,
.wp-intro h2 .green.has-underline {
  background-size: 100% 4px;
  text-shadow: 0 0 28px rgba(8, 168, 79, 0.22);
}

.type-char {
  display: inline-block;
  opacity: 0;
  transform: translateY(3px);
  animation: charReveal 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.type-char.is-space {
  width: 0.28em;
}

@keyframes charReveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-slide.active .eyebrow {
  animation: eyebrowIn 0.75s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes eyebrowIn {
  from {
    opacity: 0;
    letter-spacing: 3px;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    letter-spacing: normal;
    transform: translateY(0);
  }
}

/* === Readable font for Contact Team card names (added 2026-09-27) ===
   The site-wide rule h1,h2,h3{font-family:"Bebas Neue",...} rendered the team
   member names in a very condensed display face that is hard to read.
   Keep the display font for the large section headings, but use the normal
   UI font for names inside the contact / team cards. */
.contact-person h3,
.team-showcase .contact-person h3 {
    font-family: "Plus Jakarta Sans", Inter, -apple-system, "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.35;
}

/* === Contact Us Page Hero & Form Section (as per contac-full-planet design) === */
.contact-hero-wrap {
    position: relative;
    background-color: #f6fbf8;
    background-image: url("contact-bg-only.webp");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 70px 20px 85px;
    overflow: hidden;
}

.contact-hero-header {
    text-align: center;
    max-width: 820px;
    margin: 0 auto;
}

.contact-hero-header .eyebrow {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    color: #08a84f;
    text-transform: uppercase;
}

.contact-hero-header .eyebrow:after {
    content: "";
    display: block;
    width: 32px;
    height: 3px;
    background: #08a84f;
    margin: 10px auto 0;
    border-radius: 2px;
}

.contact-hero-header h1 {
    font-family: Bebas Neue, Arial Narrow, Impact, sans-serif;
    font-size: clamp(52px, 5.5vw, 84px);
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1;
    margin: 18px 0 14px;
    color: #07112c;
    text-transform: uppercase;
}

.contact-hero-header h1 .green {
    color: #08a84f;
}

.contact-hero-desc {
    color: #5c6880;
    font-size: clamp(16px, 1.3vw, 18px);
    line-height: 1.6;
    max-width: 680px;
    margin: 0 auto;
}

.contact-card-container {
    max-width: 820px;
    margin: 42px auto 0;
}

.contact-form-card {
    background: #ffffff;
    border: 1px solid #dcebe2;
    border-radius: 22px;
    padding: 44px 48px;
    box-shadow: 0 18px 55px rgba(11, 99, 52, 0.08);
}

.contact-form-card .wp-section-title {
    font-family: Bebas Neue, Arial Narrow, Impact, sans-serif;
    font-size: clamp(34px, 3.2vw, 48px);
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.05;
    text-align: center;
    margin: 0 0 10px;
    color: #07112c;
    text-transform: uppercase;
}

.contact-form-card .wp-section-title .green {
    color: #08a84f;
}

.contact-form-desc {
    text-align: center;
    color: #5c6880;
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 30px;
}

.contact-form-card .wp-form {
    display: grid;
    gap: 16px;
}

.contact-form-card .wp-form input,
.contact-form-card .wp-form textarea {
    width: 100%;
    padding: 16px 20px;
    border: 1px solid #d7e2dc;
    border-radius: 12px;
    background: #fff;
    color: #122238;
    font-family: inherit;
    font-size: 15px;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.contact-form-card .wp-form textarea {
    min-height: 140px;
    resize: vertical;
}

.contact-form-card .wp-form input:focus,
.contact-form-card .wp-form textarea:focus {
    border-color: #08a84f;
    box-shadow: 0 0 0 4px rgba(8, 168, 79, 0.12);
}

.contact-form-card .wp-form button {
    border: 0;
    border-radius: 30px;
    padding: 17px 36px;
    background: #08a84f;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(8, 168, 79, 0.25);
    transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
    justify-self: center;
    min-width: 240px;
}

.contact-form-card .wp-form button:hover {
    background: #079646;
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(8, 168, 79, 0.35);
}

@media (max-width: 900px) {
    .contact-hero-wrap {
        padding: 50px 16px 65px;
        background-size: cover;
    }
    .contact-form-card {
        padding: 34px 26px;
        border-radius: 18px;
    }
}

@media (max-width: 600px) {
    .contact-hero-wrap {
        padding: 40px 14px 50px;
    }
    .contact-hero-header h1 {
        font-size: 44px;
    }
    .contact-form-card {
        padding: 28px 18px;
    }
    .contact-form-card .wp-form button {
        width: 100%;
    }
}

/* === Enhanced Smooth Fade & Slide-In Scroll Animations (2026-09-27) === */
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(32px);
  filter: blur(2px);
  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.85s cubic-bezier(0.16, 1, 0.3, 1),
              filter 0.85s cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: opacity, transform, filter;
}

.reveal-on-scroll.from-left {
  transform: translateX(-45px) translateY(10px);
}

.reveal-on-scroll.from-right {
  transform: translateX(45px) translateY(10px);
}

.reveal-on-scroll.zoom-in {
  transform: scale(0.94) translateY(30px);
}

.reveal-on-scroll.is-revealed {
  opacity: 1 !important;
  transform: translate(0, 0) scale(1) !important;
  filter: blur(0px) !important;
}

/* Contact Card Container Smooth Entrance */
.contact-card-container.reveal-on-scroll {
  transform: scale(0.96) translateY(36px);
  filter: blur(2px);
  transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.95s cubic-bezier(0.16, 1, 0.3, 1),
              filter 0.95s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Team Promises Staggered Fly-In */
.team-promises > div.reveal-on-scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Team Cards Smooth Entrance and Hover */
.contact-team-grid .contact-person.reveal-on-scroll {
  opacity: 0;
  transform: scale(0.94) translateY(32px);
  filter: blur(2px);
  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.85s cubic-bezier(0.16, 1, 0.3, 1),
              filter 0.85s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.contact-team-grid .contact-person.is-revealed {
  opacity: 1 !important;
  transform: translate(0, 0) scale(1) !important;
  filter: blur(0px) !important;
}

.contact-team-grid .contact-person.is-revealed:hover {
  transform: translateY(-6px) scale(1.015) !important;
  box-shadow: 0 18px 45px rgba(9, 45, 25, 0.12) !important;
  transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1),
              box-shadow 0.28s ease !important;
}

/* Stagger Delays */
.stagger-1 { transition-delay: 0.04s !important; }
.stagger-2 { transition-delay: 0.12s !important; }
.stagger-3 { transition-delay: 0.20s !important; }
.stagger-4 { transition-delay: 0.28s !important; }
.stagger-5 { transition-delay: 0.36s !important; }
.stagger-6 { transition-delay: 0.44s !important; }


/* === Products Page Hero Top Section Background (product-bg.webp) === */
.products-hero {
    background-color: #f6fbf8 !important;
    background-image: url("product-bg.webp") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;
    position: relative;
    overflow: hidden;
}

/* === Reduced dimness / brightened transparency for Products Hero === */
.products-hero {
    background-color: #f6fbf8 !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.52), rgba(246, 251, 248, 0.60)), url("product-bg.webp") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;
}

/* === Mobile Menu Footer Typography Enhancement (Readable Font) === */
.links:before {
    font-family: "Plus Jakarta Sans", Inter, -apple-system, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    color: #08a84f !important;
}

.links:after {
    font-family: "Plus Jakarta Sans", Inter, -apple-system, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    letter-spacing: 0.25px !important;
    line-height: 1.8 !important;
    max-width: 320px !important;
    white-space: pre-wrap !important;
    border-top: 1px solid #cbd5e1 !important;
    margin-top: 24px !important;
    padding-top: 20px !important;
}

@media (max-width: 700px) {
    .links:after {
        font-size: 12.5px !important;
        line-height: 1.75 !important;
        margin-top: 18px !important;
        padding-top: 16px !important;
    }
}

/* === Fullscreen Mobile & Desktop Hamburger Overlay Fix (2026-09-27) === */
.links {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    max-height: none !important;
    background: #ffffff !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
    z-index: 100 !important;
}

/* === About Us Page Professional Hero Background & Layout (about-bg.webp < 80kb) === */
.page-id-8 .wp-page-hero,
body.page-template-page-about-us .wp-page-hero,
.wp-page-hero {
    background-color: #f6fbf8 !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.45), rgba(246, 251, 248, 0.55)), url("about-bg.webp") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;
    padding: 85px 5.5% 75px !important;
    text-align: center !important;
    position: relative !important;
    overflow: hidden !important;
}

.wp-page-hero .eyebrow {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: #08a84f !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.wp-page-hero .eyebrow:after {
    content: "" !important;
    display: block !important;
    width: 32px !important;
    height: 3px !important;
    background: #08a84f !important;
    margin: 10px auto 0 !important;
    border-radius: 2px !important;
}

.wp-page-hero h1 {
    font-family: Bebas Neue, Arial Narrow, Impact, sans-serif !important;
    font-size: clamp(52px, 5.5vw, 84px) !important;
    font-weight: 400 !important;
    letter-spacing: 0.04em !important;
    line-height: 1 !important;
    margin: 18px 0 16px !important;
    color: #071630 !important;
    text-transform: uppercase !important;
}

.wp-page-hero h1 .green {
    color: #08a84f !important;
}

.wp-page-hero p {
    max-width: 720px !important;
    margin: 0 auto !important;
    color: #475569 !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
}

/* About Us What We Do Section Polish */
.wp-intro {
    gap: 50px !important;
    align-items: stretch !important;
}

.wp-intro h2 {
    font-family: Bebas Neue, Arial Narrow, Impact, sans-serif !important;
    font-size: clamp(38px, 3.8vw, 54px) !important;
    letter-spacing: 0.03em !important;
    line-height: 1.08 !important;
    color: #071630 !important;
    text-transform: uppercase !important;
    margin-bottom: 22px !important;
}

.wp-intro p {
    color: #475569 !important;
    font-size: 16.5px !important;
    line-height: 1.75 !important;
}

.wp-highlight {
    background: #ffffff !important;
    border: 1px solid #dcebe2 !important;
    border-radius: 20px !important;
    padding: 38px 40px !important;
    box-shadow: 0 16px 45px rgba(11, 99, 52, 0.07) !important;
}

.wp-highlight h2 {
    font-family: Bebas Neue, Arial Narrow, Impact, sans-serif !important;
    font-size: 34px !important;
    letter-spacing: 0.04em !important;
    color: #071630 !important;
    text-transform: uppercase !important;
    margin-bottom: 22px !important;
}

.wp-checks {
    gap: 14px !important;
}

.wp-checks li {
    background: #f0fdf4 !important;
    color: #143160 !important;
    border: 1px solid #dcf2e3 !important;
    padding: 13px 18px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}

.wp-checks li:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(8, 168, 79, 0.12) !important;
}

@media (max-width: 900px) {
    .wp-page-hero {
        padding: 60px 20px 55px !important;
    }
    .wp-intro {
        gap: 36px !important;
    }
    .wp-highlight {
        padding: 30px 24px !important;
    }
}

/* === About Us Extended Hero & What We Do Background with Bottom Fade === */
.about-hero-wrap {
    position: relative;
    background-color: #f6fbf8;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.42) 0%, rgba(246,251,248,0.46) 50%, rgba(244,251,247,0.82) 85%, #f4fbf7 100%), url("about-bg.webp") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;
    padding-bottom: 25px;
    overflow: hidden;
}

.about-hero-wrap .wp-page-hero {
    background: transparent !important;
    background-image: none !important;
    padding: 85px 5.5% 35px !important;
}

.about-hero-wrap .about-intro-section {
    background: transparent !important;
    padding: 20px 5.5% 65px !important;
}

@media (max-width: 900px) {
    .about-hero-wrap .wp-page-hero {
        padding: 65px 20px 25px !important;
    }
    .about-hero-wrap .about-intro-section {
        padding: 15px 20px 45px !important;
    }
}

/* === Compact Spacing for About Us Page Sections === */
.about-hero-wrap {
    padding-bottom: 0 !important;
}

.about-hero-wrap .wp-page-hero {
    padding: 60px 5.5% 15px !important;
}

.about-hero-wrap .about-intro-section {
    padding: 10px 5.5% 35px !important;
}

.about-hero-wrap .wp-intro {
    gap: 36px !important;
}

.about-hero-wrap + .wp-section.alt {
    padding-top: 50px !important;
    padding-bottom: 65px !important;
}

@media (max-width: 900px) {
    .about-hero-wrap .wp-page-hero {
        padding: 45px 20px 10px !important;
    }
    .about-hero-wrap .about-intro-section {
        padding: 10px 20px 30px !important;
    }
    .about-hero-wrap + .wp-section.alt {
        padding-top: 40px !important;
        padding-bottom: 50px !important;
    }
}

/* === Fixed Frame Background & Materials Slider for Homepage Hero (2026-09-27) === */
.hero.hero-slider {
    position: relative !important;
    background-color: #f6fbf8 !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.48), rgba(246, 251, 248, 0.56)), url("home-banner-bg.webp") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;
    overflow: hidden !important;
}

.hero-slide {
    background: transparent !important;
}

/* Slide 3 materials illustration */
.hero-slide:nth-child(3) .art {
    background: url("slide3-materials.webp") right center / contain no-repeat !important;
}

@media (max-width: 900px) {
    .hero.hero-slider {
        background-size: cover !important;
    }
}

/* === Remove white gradient overlay and white radial glow from hero (2026-09-27) === */
.hero.hero-slider {
    background-color: transparent !important;
    background-image: url("home-banner-bg.webp") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;
}

.hero .art,
.hero-slide .art {
    background: url("planet_roll.webp") right center / contain no-repeat !important;
}

.hero-slide:nth-child(3) .art {
    background: url("slide3-materials.webp") right center / contain no-repeat !important;
}

/* === Transparent RFID Label Graphic on Slide 3 (2026-09-27) === */
.hero-slide:nth-child(3) .art {
    background: url("RFID-label.webp") center center / 82% no-repeat !important;
    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.12)) !important;
}

@media (max-width: 900px) {
    .hero-slide:nth-child(3) .art {
        background-size: 88% !important;
    }
}

/* === Use RFID-label.webp across all 3 slides with natural aspect ratio (2026-09-27) === */
.hero .art,
.hero-slide .art,
.hero-slide:nth-child(1) .art,
.hero-slide:nth-child(2) .art,
.hero-slide:nth-child(3) .art {
    background-image: url("RFID-label.webp") !important;
    background-position: right center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.14)) !important;
}

@media (max-width: 900px) {
    .hero .art,
    .hero-slide .art {
        background-position: center center !important;
        background-size: contain !important;
    }
}

/* === Replace banner material graphic with transparent rf-id-small.webp across all 3 slides (2026-09-27) === */
.hero .art,
.hero-slide .art,
.hero-slide:nth-child(1) .art,
.hero-slide:nth-child(2) .art,
.hero-slide:nth-child(3) .art {
    background-image: url("rf-id-small.webp") !important;
    background-position: right center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.12)) !important;
}

@media (max-width: 900px) {
    .hero .art,
    .hero-slide .art {
        background-position: center center !important;
        background-size: contain !important;
    }
}

/* === Proportionately Smaller Background Size for Banner Graphic (2026-09-27) === */
.hero .art,
.hero-slide .art,
.hero-slide:nth-child(1) .art,
.hero-slide:nth-child(2) .art,
.hero-slide:nth-child(3) .art {
    background-image: url("rf-id-small.webp") !important;
    background-position: right center !important;
    background-size: 76% !important;
    background-repeat: no-repeat !important;
    filter: drop-shadow(0 12px 30px rgba(0, 0, 0, 0.12)) !important;
}

@media (max-width: 1200px) {
    .hero .art,
    .hero-slide .art {
        background-size: 80% !important;
    }
}

@media (max-width: 900px) {
    .hero .art,
    .hero-slide .art {
        background-position: center center !important;
        background-size: 82% !important;
    }
}

/* === Banner Graphic 60% Size and 40px Top Offset (2026-09-27) === */
.hero .art,
.hero-slide .art,
.hero-slide:nth-child(1) .art,
.hero-slide:nth-child(2) .art,
.hero-slide:nth-child(3) .art {
    background-image: url("rf-id-small.webp") !important;
    background-position: right calc(50% + 40px) !important;
    background-size: 60% !important;
    background-repeat: no-repeat !important;
    filter: drop-shadow(0 12px 30px rgba(0, 0, 0, 0.12)) !important;
}

@media (max-width: 1200px) {
    .hero .art,
    .hero-slide .art {
        background-size: 65% !important;
        background-position: right calc(50% + 40px) !important;
    }
}

@media (max-width: 900px) {
    .hero .art,
    .hero-slide .art {
        background-position: center calc(50% + 20px) !important;
        background-size: 70% !important;
    }
}

/* === Remove Video Player Play Icon from Hero Banner (2026-09-27) === */
.hero .play,
.play {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* === Soft Faded / Dimmed Fixed Frame Background for Hero Banner (2026-09-27) === */
.hero.hero-slider {
    background-color: #f6fbf8 !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.68), rgba(246, 251, 248, 0.72)), url("home-banner-bg.webp") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;
}

/* Keep homepage slide text clear of the 82px fixed mobile header. */
@media (max-width: 900px) {
  .hero-slider .hero-slide .hero-grid {
    padding-top: 106px;
  }
  .hero-slider .hero-slide .copy {
    padding-top: 0;
  }
}

/* Give mobile banner headlines readable word and line spacing. */
@media (max-width: 700px) {
  .hero-slider .hero-slide h1 {
    font-size: clamp(34px, 10vw, 42px);
    line-height: 1.16;
    letter-spacing: 0.02em;
    word-spacing: 0.08em;
    margin-top: 20px;
    margin-bottom: 22px;
  }
}

/* Distinct unbranded product compositions for the three hero slides. */
.hero.hero-slider .hero-slide:nth-child(1) .art {
  background-image: url("hero-beverages.webp") !important;
}
.hero.hero-slider .hero-slide:nth-child(2) .art {
  background-image: url("hero-food.webp") !important;
}
.hero.hero-slider .hero-slide:nth-child(3) .art {
  background-image: url("hero-security.webp") !important;
}
.hero.hero-slider .hero-slide .art {
  background-size: auto 78% !important;
  background-position: center calc(50% + 35px) !important;
  background-repeat: no-repeat !important;
  filter: none !important;
}
.hero.hero-slider .hero-slide .art:after {
  background: none;
}
@media (max-width: 900px) {
  .hero.hero-slider .hero-slide .art {
    background-size: contain !important;
    background-position: center !important;
  }
}

/* Show the complete catalog product in cards and enlarged previews. */
.products-page-main .product-media-wrap {
  background: #ffffff;
}
.products-page-main .product-media-wrap img {
  object-fit: contain;
  padding: 10px;
}
.products-page-main .product-compact-card:hover .product-media-wrap img,
.products-page-main .product-compact-card:focus-visible .product-media-wrap img {
  transform: scale(1.03);
}
.products-page-main .modal-media-pane {
  background: #ffffff;
}
.products-page-main .modal-media-pane img {
  object-fit: contain;
  max-height: 75vh;
  padding: 18px;
}

/* Leave room for the fixed header when footer links open homepage sections. */
#custom-labels, #security-labels, #barcode-labels,
#products, #industries, #food-beverage-labels {
  scroll-margin-top: 126px;
}
@media (max-width: 900px) {
  #custom-labels, #security-labels, #barcode-labels,
  #products, #industries, #food-beverage-labels {
    scroll-margin-top: 170px;
  }
}


/* ==========================================================================
   COMPREHENSIVE RESPONSIVE ENHANCEMENTS (All Pages & Devices)
   ========================================================================== */

/* 1. Global Viewport & Overflow Protection */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
  position: relative !important;
}

*, *::before, *::after {
  box-sizing: border-box !important;
}

img, video, iframe, picture, svg {
  max-width: 100%;
}

/* 2. Top Clearance for Inner Pages with Fixed Header */
.products-hero {
  padding-top: 130px !important;
}
.about-hero-wrap .wp-page-hero {
  padding-top: 130px !important;
}
.contact-hero-wrap {
  padding-top: 130px !important;
}

@media (max-width: 900px) {
  .products-hero {
    padding-top: 108px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .about-hero-wrap .wp-page-hero {
    padding-top: 108px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .contact-hero-wrap {
    padding-top: 108px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .hero-slider .hero-slide .hero-grid {
    padding-top: 108px !important;
  }
}

@media (max-width: 480px) {
  .products-hero {
    padding-top: 98px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 36px !important;
  }
  .about-hero-wrap .wp-page-hero {
    padding-top: 98px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 15px !important;
  }
  .contact-hero-wrap {
    padding-top: 98px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 36px !important;
  }
  .hero-slider .hero-slide .hero-grid {
    padding-top: 98px !important;
  }
}

/* 3. Prevent Animation Jitter & Horizontal Translates on Mobile/Tablet */
@media (max-width: 768px) {
  .reveal-on-scroll.from-left,
  .reveal-on-scroll.from-right {
    transform: translateY(16px) !important;
  }
  .reveal-on-scroll.zoom-in {
    transform: translateY(16px) scale(0.97) !important;
  }
}

/* 4. Typewriter Word Preservation */
.type-char {
  display: inline !important;
}
.type-char.is-space {
  display: inline !important;
}
.green, .green.has-underline {
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
}

/* 5. Products Page: Smooth Horizontal Pills on Mobile */
@media (max-width: 768px) {
  .products-nav-pills {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    padding: 8px 14px 14px !important;
    margin: 0 -14px 16px !important;
    gap: 8px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .products-nav-pills::-webkit-scrollbar {
    display: none !important;
  }
  .products-nav-pills .nav-pill {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    padding: 9px 16px !important;
    border-radius: 999px !important;
  }
}

/* 6. Products Grid Responsive Scaling */
@media (max-width: 1200px) and (min-width: 901px) {
  .products-compact-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}
@media (max-width: 900px) and (min-width: 581px) {
  .products-compact-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
  .product-media-wrap {
    height: 200px !important;
  }
}
@media (max-width: 580px) {
  .products-compact-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 0 4px !important;
  }
  .product-media-wrap {
    height: 220px !important;
  }
  .product-title-wrap h3 {
    font-size: 22px !important;
  }
}

/* 7. Product Detail Modal Responsive Polish */
#productDetailModal {
  padding: 16px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
@media (max-width: 768px) {
  .modal-card-dialog {
    width: 100% !important;
    max-width: 540px !important;
    max-height: 90vh !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }
  .modal-split-layout {
    flex-direction: column !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .modal-media-pane {
    height: 180px !important;
    flex: none !important;
    padding: 16px !important;
  }
  .modal-media-pane img {
    max-height: 148px !important;
  }
  .modal-content-pane {
    padding: 20px 18px 24px !important;
    overflow-y: visible !important;
  }
  .modal-desc-body {
    max-height: none !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  .modal-close-btn {
    top: 10px !important;
    right: 10px !important;
    width: 38px !important;
    height: 38px !important;
    z-index: 20 !important;
  }
}

/* 8. Quote Modal Dialog Fit & Scroll */
.modal {
  padding: 16px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.modal .dialog {
  width: min(520px, calc(100% - 20px)) !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 32px 24px !important;
  border-radius: 18px !important;
  margin: auto !important;
}
@media (max-width: 480px) {
  .modal .dialog {
    padding: 24px 16px !important;
  }
  .modal .dialog h2 {
    font-size: 26px !important;
  }
}

/* 9. Contact Page Form & Team Layout */
@media (max-width: 1024px) and (min-width: 769px) {
  .contact-team-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }
}
@media (max-width: 768px) {
  .contact-form-card {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 28px 18px !important;
  }
  .wp-form input,
  .wp-form textarea,
  .wp-form button {
    width: 100% !important;
    font-size: 15px !important;
  }
  .team-showcase {
    padding: 45px 14px 60px !important;
  }
  .team-heading-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
  }
  .contact-team-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .contact-person {
    padding: 16px 14px !important;
    gap: 14px !important;
  }
  .contact-person .person-arrow {
    display: none !important;
  }
}

/* 10. About Us Page Mobile & Tablet Polish */
@media (max-width: 900px) {
  .about-hero-wrap .wp-intro {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .about-hero-wrap .wp-highlight {
    padding: 24px 18px !important;
    border-radius: 16px !important;
  }
  .wp-values {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .wp-value {
    padding: 24px 18px !important;
  }
}
@media (min-width: 601px) and (max-width: 900px) {
  .wp-values {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
  }
}

/* 11. Homepage Hero Actions & Mobile Polish */
@media (max-width: 768px) {
  .hero-slide .actions {
    gap: 10px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .hero-slide .actions .btn {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .industries {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 12px !important;
    padding: 6px 14px 18px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .industries::-webkit-scrollbar {
    display: none !important;
  }
  .industries .card {
    flex: 0 0 170px !important;
    width: 170px !important;
  }
  #featured-viewport {
    padding: 4px 14px 14px !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .featured-card {
    flex: 0 0 240px !important;
    width: 240px !important;
  }
  .solution-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .solution {
    padding: 24px 20px !important;
  }
  .eco-features {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .eco-feature {
    padding: 16px 14px !important;
  }
}

/* 12. Full-Screen Menu Touch & Scroll Polish */
@media (max-width: 900px) {
  .links {
    padding: 85px 20px 40px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .links a {
    font-size: 24px !important;
    padding: 8px 16px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* 13. Footer Mobile & Tablet Balance */
@media (max-width: 900px) {
  .footer-main {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
    text-align: center !important;
  }
  .footer-brand {
    align-items: center !important;
    text-align: center !important;
  }
  .footer-brand img {
    margin: 0 auto !important;
  }
  .footer-copy {
    margin: 12px auto !important;
    max-width: 360px !important;
  }
  .footer-badges {
    justify-content: center !important;
    margin: 18px auto !important;
  }
  .footer-links {
    align-items: center !important;
  }
  .footer-contact {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .footer-social {
    justify-content: center !important;
  }
  .footer-bottom .wrap {
    flex-direction: column !important;
    gap: 10px !important;
    text-align: center !important;
  }
  .footer-values {
    font-size: 12px !important;
    line-height: 1.6 !important;
  }
}

/* Mobile audit: readable contact details, form fields, and touch controls. */
@media (max-width: 900px) {
  .contact-form input,
  .contact-form textarea,
  .contact-form-card .wp-form input,
  .contact-form-card .wp-form textarea,
  .modal .field input,
  .modal .field textarea {
    font-size: 16px !important;
  }
  .modal .close,
  .product-detail-modal .modal-close-btn {
    min-width: 44px;
    min-height: 44px;
    display: grid;
    place-items: center;
  }
}
@media (max-width: 480px) {
  .team-showcase .contact-person {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px !important;
  }
  .team-showcase .contact-avatar {
    width: 44px;
    height: 44px;
    font-size: 16px;
  }
  .team-showcase .contact-person a {
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.5;
  }
}

/* Quote dialogs must remain above the fixed site header on short screens. */
.modal {
  z-index: 100000;
}
body:has(.modal.open) {
  overflow: hidden;
}
.modal .dialog {
  overscroll-behavior: contain;
}

/* Consistent expanded heading spacing, matching the About Us introduction. */
:root body :is(h1, h2, h3, h4, h5, h6),
:root body .footer-title {
  letter-spacing: 0.03em !important;
  word-spacing: 0.08em;
}

/* Keep linked product category headings below the fixed header. */
.products-page-main .products-section[id] {
  scroll-margin-top: 126px;
}
@media (max-width: 900px) {
  .products-page-main .products-section[id] {
    scroll-margin-top: 170px;
  }
}

/* Industry cards link directly to the relevant product. */
.products-page-main .product-compact-card[id] { scroll-margin-top: 126px; }
@media (max-width: 900px) {
  .products-page-main .product-compact-card[id] { scroll-margin-top: 170px; }
}

/* Thin brand-green line along the top of the main header. */
body > header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #4acb8c;
  pointer-events: none;
}

/* Printer reference gallery inside the product details modal. */
.printer-gallery-controls[hidden] { display: none !important; }
.has-printer-gallery .modal-media-pane { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; }
.products-page-main .has-printer-gallery #modalProductImg { width: 100%; height: clamp(220px, 34vh, 380px); min-height: 0; object-fit: contain; }
.printer-gallery-controls { width: 100%; padding: 8px 18px 18px; }
.printer-gallery-nav { display: flex; align-items: center; justify-content: center; gap: 20px; color: #071630; font: 600 14px Arial, sans-serif; }
.printer-gallery-nav button { width: 40px; height: 40px; border: 1px solid #cee9d7; border-radius: 50%; background: #e8f7ee; color: #087b3a; font-size: 22px; cursor: pointer; }
.printer-gallery-thumbs { display: flex; justify-content: center; gap: 10px; margin-top: 12px; }
.printer-gallery-thumbs button { width: 68px; height: 64px; padding: 4px; border: 2px solid #e4eae6; border-radius: 8px; background: white; cursor: pointer; }
.printer-gallery-thumbs button[aria-pressed="true"] { border-color: #08a84f; }
.products-page-main .printer-gallery-thumbs img { width: 100%; height: 100%; padding: 0; object-fit: contain; }
.printer-gallery-controls button:focus-visible { outline: 3px solid #071630; outline-offset: 3px; }
@media (max-width: 700px) { .products-page-main .has-printer-gallery #modalProductImg { height: 240px; } }
@media (max-width: 820px) {
  .products-page-main .has-printer-gallery .modal-media-pane {
    height: auto !important;
    min-height: 350px;
    flex: none !important;
  }
  .products-page-main .has-printer-gallery #modalProductImg {
    flex: none;
    height: 220px;
    max-height: 220px !important;
  }
}

/* Airier catalogue product names, kept on a single line. */
:root body .products-page-main .product-title-wrap h3 {
  letter-spacing: 0.075em !important;
  word-spacing: 0.1em;
  white-space: nowrap;
  width: 100%;
}

/* Open up homepage industry names while preserving the one-line cards. */
#industries .card .label {
  letter-spacing: 0.035em;
  white-space: nowrap;
  font-size: clamp(10px, 0.76vw, 13px);
  gap: 5px;
}
#industries .card .label b { flex-shrink: 0; }
@media (max-width: 900px) {
  #industries .card .label { font-size: 11px; }
}
@media (max-width: 400px) {
  #industries .card .label { font-size: 10px; padding-inline: 8px; gap: 2px; }
}

#industries .card .label { font-size: 13px; }
#industries .industry-label-text { flex: 1; min-width: 0; white-space: nowrap; }

/* Explicit two-line industry heading and more open card names. */
#industries .head h2 { white-space: nowrap; }
#industries .head h2 .green { white-space: nowrap; }
#industries .card .label { letter-spacing: 0.075em; }

/* More open lettering for the homepage solution names. */
:root body .solutions .solution h3 {
  letter-spacing: 0.075em !important;
  word-spacing: 0.1em;
}

/* Clean hero headlines without the animated underline. */
.hero-slider .hero-slide h1 .green,
.hero-slider .hero-slide h1 .green.has-underline {
  background-image: none !important;
  text-decoration: none !important;
}