:root{--navy:#062d5f;--navy-2:#0a1d37;--orange:#ff5a19;--orange-dark:#d94308;--ink:#172331;--muted:#5c6875;--line:#dfe4e8;--soft:#f2f4f5;--white:#fff;--green:#217a62;--max:1180px;--shadow:0 12px 32px rgba(7,32,60,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;letter-spacing:0}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;letter-spacing:0}
button{cursor:pointer}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.12;letter-spacing:0}
h1{font-size:clamp(2.5rem,5.5vw,5rem);margin-bottom:24px}
h2{font-size:clamp(2rem,3.7vw,3.35rem);margin-bottom:22px}
h3{font-size:1.25rem;margin-bottom:12px}
p{margin-bottom:20px}
.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.narrow{max-width:820px}
.section{padding:96px 0}
.soft-section{background:var(--soft)}
.dark-section{background:var(--navy);color:#fff}
.eyebrow{margin:0 0 14px;color:var(--orange-dark);font-size:.74rem;font-weight:800;text-transform:uppercase}
.eyebrow.light{color:#ff8b5d}
.section-heading{max-width:800px;margin-bottom:46px}
.section-heading.row{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:24px}
.section-heading.row h2{margin-bottom:0}
.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.button{min-height:50px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:3px;font-weight:800;line-height:1.2;transition:background .2s,color .2s,border .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--orange);color:#fff;border-color:var(--orange)}
.button-primary:hover{background:var(--orange-dark);border-color:var(--orange-dark)}
.button-light{background:#fff;color:var(--navy);border-color:#fff}
.button-outline{color:#fff;border-color:rgba(255,255,255,.65)}
.button-outline:hover{background:#fff;color:var(--navy)}
.text-link{font-weight:800;color:var(--navy);border-bottom:2px solid var(--orange);padding-bottom:3px}
.dark-section .text-link{color:#fff}
.skip-link{position:fixed;left:12px;top:-80px;background:#fff;padding:10px;z-index:1000}
.skip-link:focus{top:12px}
.site-header{height:86px;background:rgba(255,255,255,.98);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line)}
.header-inner{height:100%;width:min(calc(100% - 36px),1260px);margin:auto;display:flex;align-items:center;gap:28px}
.brand{width:150px;align-self:stretch;display:flex;align-items:center;overflow:hidden}
.brand img{width:146px;transform:translateY(-2px)}
.main-nav{display:flex;align-items:center;gap:25px;margin-left:auto;height:100%}
.main-nav>a,.nav-group>button{height:100%;display:flex;align-items:center;color:var(--navy-2);font-size:.78rem;font-weight:800;text-transform:uppercase;background:none;border:0;padding:0}
.main-nav>a:hover,.nav-group>button:hover{color:var(--orange-dark)}
.nav-group{height:100%;position:relative}
.dropdown{display:none;position:absolute;top:75px;left:-18px;width:250px;background:#fff;border-top:3px solid var(--orange);box-shadow:var(--shadow);padding:10px 0}
.dropdown a{display:block;padding:10px 18px;font-size:.9rem;font-weight:700}
.dropdown a:hover{background:var(--soft);color:var(--orange-dark)}
.nav-group:hover .dropdown,.nav-group:focus-within .dropdown,.nav-group.open .dropdown{display:block}
.header-cta{background:var(--orange);color:#fff;padding:11px 16px;font-size:.78rem;font-weight:800;text-transform:uppercase;border-radius:3px;white-space:nowrap}
.menu-toggle{display:none;width:44px;height:44px;border:0;background:none;padding:10px;margin-left:auto}
.menu-toggle span{display:block;height:2px;background:var(--navy);margin:5px 0}
.home-hero{height:min(760px,calc(100vh - 86px));min-height:600px;position:relative;background:var(--navy-2);overflow:hidden;color:#fff}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade{position:absolute;inset:0;background:rgba(4,24,47,.66);clip-path:polygon(0 0,68% 0,53% 100%,0 100%)}
.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-content h1{max-width:800px;font-size:clamp(3rem,6vw,5.7rem)}
.hero-content>p:not(.eyebrow){max-width:660px;font-size:1.2rem}
.stats-band{background:var(--orange);color:#fff;padding:30px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stats-grid>div{padding:4px 28px;border-right:1px solid rgba(255,255,255,.38)}
.stats-grid>div:last-child{border:0}
.stats-grid strong,.stats-grid span{display:block}
.stats-grid strong{font-size:1.12rem}
.stats-grid span{font-size:.86rem;opacity:.9}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product-card{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-width:0}
.product-card img{width:100%;height:250px;object-fit:contain;background:#f5f6f6}
.product-card>div{padding:26px;display:flex;flex-direction:column;flex:1}
.product-card h2,.product-card h3{font-size:1.55rem;line-height:1.15;margin:10px 0 14px}
.product-card span,.article-card span,.post-sidebar>span{font-size:.72rem;font-weight:800;text-transform:uppercase;color:var(--orange-dark)}
.product-card p{font-size:.94rem;color:var(--muted);flex:1}
.product-card a{font-weight:800;color:var(--navy)}
.product-card a b{color:var(--orange)}
.split-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.25);border-left:1px solid rgba(255,255,255,.25)}
.feature-list article{padding:28px;border-right:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}
.feature-list p{font-size:.9rem;color:#c9d3df;margin:0}
.icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:2px solid currentColor;color:var(--orange);margin-bottom:16px;position:relative}
.icon:after{font-size:1rem;font-weight:900}
.icon-factory:after{content:'F'} .icon-code:after{content:'{ }';font-size:.7rem}.icon-settings:after{content:'+'}.icon-support:after{content:'?'}.icon-check{width:28px;height:28px;margin:0}.icon-check:after{content:'✓'}
.niche-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.niche-card{min-height:270px;background:#fff;padding:32px;display:flex;flex-direction:column;transition:background .2s,color .2s}
.niche-card>span{font-size:.75rem;font-weight:800;color:var(--orange-dark)}
.niche-card h3{font-size:1.5rem;margin-top:auto}
.niche-card p{font-size:.94rem;color:var(--muted)}
.niche-card b{font-size:.86rem;color:var(--navy)}
.niche-card:hover{background:var(--navy);color:#fff}
.niche-card:hover p,.niche-card:hover b{color:#fff}
.heritage{background:#f8f9f9}
.heritage-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.heritage-grid img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.article-card{border:1px solid var(--line);background:#fff;min-width:0}
.article-image{display:block;overflow:hidden;background:#e9ecee;aspect-ratio:16/9}
.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.article-card:hover .article-image img{transform:scale(1.025)}
.article-card>div{padding:24px}
.article-card h2{font-size:1.3rem;margin:10px 0 12px}
.article-card p{font-size:.9rem;color:var(--muted)}
.contact-band{background:#e9edef}
.lead-form{background:#fff;border-top:5px solid var(--orange);box-shadow:var(--shadow);padding:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 22px}
.form-heading{grid-column:1/-1;max-width:700px;margin-bottom:8px}
.form-heading h2{font-size:2.25rem}
.lead-form label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:800;color:var(--navy)}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid #bdc5cc;border-radius:2px;padding:12px 13px;background:#fff;color:var(--ink)}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:3px solid rgba(255,90,25,.22);border-color:var(--orange)}
.lead-form .full{grid-column:1/-1}
.lead-form .consent{display:block;color:var(--muted);font-weight:400}.consent input{width:auto;margin-right:6px}.consent a{text-decoration:underline}
.form-status{margin:0;font-weight:700;color:var(--green)}
.site-footer{background:var(--navy-2);color:#d5dce4;padding-top:68px}
.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:50px;padding-bottom:58px}
.footer-main h2{font-size:.8rem;text-transform:uppercase;color:#fff;margin-bottom:18px}
.footer-main a{display:block;margin:7px 0;font-size:.9rem}.footer-main a:hover{color:#ff8b5d}
.footer-main p{font-size:.88rem}
.footer-brand img{width:180px;margin-bottom:20px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-size:.78rem}
.footer-bottom span:last-child{display:flex;gap:18px}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:80;width:54px;height:54px;border-radius:50%;background:#1f9e68;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.24)}
.product-hero{background:var(--navy);color:#fff;overflow:hidden}
.product-hero-grid{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding-block:60px}
.product-hero-grid h1{font-size:clamp(2.8rem,5vw,4.8rem)}
.product-hero-grid>div>p:not(.eyebrow){font-size:1.15rem;color:#d7e0e9}
.product-hero-grid img{width:100%;height:520px;object-fit:contain;background:#fff;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 10%)}
.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.step-list{border-top:1px solid var(--line)}
.step-list article{display:grid;grid-template-columns:62px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.step-list article>span{font-size:.8rem;font-weight:900;color:var(--orange-dark)}
.step-list h3{margin-bottom:6px}.step-list p{font-size:.92rem;color:var(--muted);margin:0}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature-grid article{background:#fff;border-top:3px solid var(--navy);padding:28px;min-height:220px}
.feature-grid p{font-size:.92rem;color:var(--muted)}
.application-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.application-links a{padding:24px;display:flex;align-items:center;justify-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:800;color:var(--navy)}
.application-links a:hover{background:var(--orange);color:#fff}
.specs-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}
.spec-table{border-top:1px solid rgba(255,255,255,.28)}
.spec-table>div{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.28)}
.spec-table strong{color:#ff8b5d;font-size:.85rem}.spec-table span{font-size:.94rem}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:start}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{padding:20px 40px 20px 0;font-weight:800;color:var(--navy);cursor:pointer;position:relative;list-style:none}
.faq-list summary:after{content:'+';position:absolute;right:8px;color:var(--orange);font-size:1.4rem}
.faq-list details[open] summary:after{content:'−'}
.faq-list details p{color:var(--muted);font-size:.94rem;padding-right:32px}
.solution-hero,.page-hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.solution-hero:after,.page-hero:after{content:'';position:absolute;right:-9%;bottom:-220px;width:530px;height:530px;border:70px solid var(--orange);border-radius:50%;opacity:.18}
.solution-hero .wrap,.page-hero .wrap{min-height:530px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:1}
.solution-hero h1,.page-hero h1{max-width:900px}
.solution-hero p:not(.eyebrow),.page-hero p:not(.eyebrow){max-width:760px;color:#d6e0ea;font-size:1.16rem}
.page-hero.compact .wrap{min-height:370px}
.solution-intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.benefit-list{border-top:1px solid var(--line)}
.benefit-list>div{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);font-weight:800;color:var(--navy)}
.horizontal-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.horizontal-steps li{background:#fff;padding:28px;min-height:220px}.horizontal-steps span{font-weight:900;color:var(--orange-dark)}.horizontal-steps p{font-weight:700;color:var(--navy);margin-top:50px}
.quote-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.quote-layout>p{font-size:1.18rem;color:#d6e0ea}
.story-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.story-grid>div:last-child p{font-size:1.08rem}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.values-grid article{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.values-grid span{font-size:.78rem;color:var(--orange-dark);font-weight:900}.values-grid h2{font-size:1.65rem;margin-top:30px}.values-grid p{color:var(--muted);font-size:.94rem}
.tech-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tech-flow li{border-top:4px solid var(--orange);background:var(--soft);padding:28px;min-height:240px}.tech-flow span{color:var(--orange-dark);font-weight:900;font-size:.76rem}.tech-flow h3{margin-top:55px}.tech-flow p{font-size:.9rem;color:var(--muted)}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud span{border:1px solid var(--line);padding:12px 16px;font-weight:700;color:var(--navy)}
.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:start}.contact-page .lead-form{box-shadow:none;border:1px solid var(--line);border-top:5px solid var(--orange)}
.contact-grid aside{background:var(--navy);color:#fff;padding:40px}.contact-grid aside h2{font-size:2rem}.contact-link{display:block;border-top:1px solid rgba(255,255,255,.2);padding:18px 0}.contact-link span,.address>span,.hours>span{display:block;color:#ff9b72;font-size:.75rem;font-weight:800;text-transform:uppercase}.contact-link strong{font-size:1.15rem}.address,.hours{border-top:1px solid rgba(255,255,255,.2);padding-top:18px;margin-top:4px}.address a{text-decoration:underline}.hours{margin-top:24px}
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:35px}.filter-bar button{border:1px solid var(--line);background:#fff;padding:10px 15px;font-weight:700;color:var(--navy)}.filter-bar button.active,.filter-bar button:hover{background:var(--navy);color:#fff}
.blog-grid .article-card.is-hidden{display:none}
.post-header{background:var(--navy);color:#fff;padding:90px 0 150px}.post-header h1{font-size:clamp(2.6rem,5vw,4.7rem)}.post-meta{display:flex;gap:25px;color:#c9d4df;font-size:.85rem}
.post-cover{margin-top:-95px;position:relative;z-index:2}.post-cover img{width:100%;max-height:590px;object-fit:cover;box-shadow:var(--shadow)}
.post-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:70px;padding-block:75px;align-items:start}
.post-content{font-family:Georgia,'Times New Roman',serif;font-size:1.08rem}.post-content .lead{font-size:1.3rem;color:#344352}.post-content h2{font-family:Arial,Helvetica,sans-serif;font-size:2rem;margin-top:55px;color:var(--navy)}
.post-callout{font-family:Arial,Helvetica,sans-serif;background:var(--soft);border-left:5px solid var(--orange);padding:26px;margin:40px 0}.post-callout ul{margin-bottom:0;padding-left:20px}
.post-sidebar{position:sticky;top:115px;border-top:4px solid var(--orange);background:var(--soft);padding:26px}.post-sidebar h2{font-size:1.35rem;margin-top:8px}.post-sidebar p{font-size:.9rem;color:var(--muted)}.post-sidebar .button{width:100%}
.simple-cta{display:flex;justify-content:space-between;align-items:center;gap:30px}.simple-cta h2{margin:0;font-size:2.3rem}
.legal{padding-block:80px}.legal h2{font-size:1.8rem;margin-top:45px;color:var(--navy)}.legal a{text-decoration:underline;color:var(--navy)}
@media(max-width:1050px){.main-nav{gap:15px}.header-cta{display:none}.product-grid{gap:14px}.split-feature,.heritage-grid{gap:50px}.article-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.post-layout{grid-template-columns:minmax(0,1fr) 250px;gap:40px}}
@media(max-width:820px){body{font-size:16px}.section{padding:72px 0}.site-header{height:72px}.brand{width:138px}.brand img{width:135px}.menu-toggle{display:block}.main-nav{display:none;position:fixed;left:0;right:0;top:72px;bottom:0;background:#fff;padding:20px;overflow:auto;align-items:stretch;height:auto}.main-nav.open{display:block}.main-nav>a,.nav-group>button{height:auto;min-height:48px;width:100%;border-bottom:1px solid var(--line);justify-content:space-between}.nav-group{height:auto}.dropdown{position:static;width:auto;box-shadow:none;border-top:0;padding:0 0 8px 12px}.nav-group:hover .dropdown{display:none}.nav-group.open .dropdown{display:block}.home-hero{height:680px;min-height:0}.hero-shade{clip-path:none;background:rgba(4,24,47,.72)}.hero-content h1{font-size:clamp(2.7rem,10vw,4.5rem)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:22px}.stats-grid>div:nth-child(2){border-right:0}.product-grid{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:.8fr 1.2fr}.product-card img{height:100%;min-height:260px}.split-feature,.heritage-grid,.product-hero-grid,.intro-grid,.specs-grid,.faq-grid,.solution-intro,.quote-layout,.story-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.product-hero-grid{padding-top:70px}.product-hero-grid img{height:430px;order:-1}.niche-grid,.application-links,.values-grid{grid-template-columns:repeat(2,1fr)}.feature-list{margin-top:10px}.footer-main{grid-template-columns:repeat(2,1fr)}.horizontal-steps,.tech-flow{grid-template-columns:repeat(2,1fr)}.post-layout{grid-template-columns:1fr}.post-sidebar{position:static}.simple-cta{align-items:flex-start;flex-direction:column}.contact-grid aside{order:-1}}
@media(max-width:560px){.wrap{width:min(calc(100% - 28px),var(--max))}h1{font-size:2.55rem}h2{font-size:2rem}.section{padding:58px 0}.home-hero{height:670px}.hero-content>p:not(.eyebrow){font-size:1.02rem}.button-row,.button-row .button{width:100%}.stats-grid{grid-template-columns:1fr}.stats-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.35);padding:8px 4px}.product-card{display:flex}.product-card img{height:240px;min-height:0}.niche-grid,.feature-grid,.application-links,.values-grid,.horizontal-steps,.tech-flow,.article-grid{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr}.section-heading.row{display:block}.section-heading.row .text-link{display:inline-block;margin-top:18px}.lead-form{padding:25px;grid-template-columns:1fr}.lead-form label,.lead-form .full,.form-heading{grid-column:1}.form-heading h2{font-size:1.8rem}.footer-main{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column}.product-hero-grid img{height:300px}.spec-table>div{grid-template-columns:1fr;gap:2px}.horizontal-steps li{min-height:180px}.horizontal-steps p{margin-top:30px}.post-header{padding:60px 0 120px}.post-meta{flex-direction:column;gap:4px}.post-layout{padding-block:48px}.post-content{font-size:1rem}.post-content .lead{font-size:1.16rem}.post-content h2{font-size:1.7rem}.whatsapp-float{right:14px;bottom:14px}.solution-hero .wrap,.page-hero .wrap{min-height:470px}.page-hero.compact .wrap{min-height:350px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}