:root{--bg:#071620;--bg2:#0b1f2c;--panel:#0d2532;--panel2:#102e3c;--ink:#f4f7f8;--muted:#a8b6bf;--cyan:#1db6d2;--cyan2:#0a7691;--orange:#f47b20;--orange2:#bd4e0b;--line:rgba(151,201,214,.22);--white:#fff;--shadow:0 24px 70px rgba(0,0,0,.35);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 65% 5%,rgba(22,117,145,.16),transparent 30%),linear-gradient(#071620,#07141d 60%,#06131b)}body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:76px 0}.section-tight{padding:48px 0}.eyebrow{color:var(--orange);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.section-title{font-size:clamp(2rem,3vw,3rem);line-height:1.1;margin:.35rem 0 1rem}.lead{color:var(--muted);max-width:760px;font-size:1.05rem}.center{text-align:center}.muted{color:var(--muted)}
.utility{height:34px;background:#061018;border-bottom:1px solid rgba(255,255,255,.06);font-size:.74rem}.utility .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.utility-list{display:flex;align-items:center;gap:24px;white-space:nowrap}.utility span{display:flex;align-items:center;gap:6px;color:#d9e0e4}.uicon{width:14px;height:14px;fill:none;stroke:var(--orange);stroke-width:2}
.header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.07)}.header:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(7,22,32,.96);backdrop-filter:blur(16px)}.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;flex-direction:column;margin-right:auto;line-height:.95;letter-spacing:.14em}.brand strong{font-size:1.9rem;font-weight:650;letter-spacing:.09em}.brand strong em{font-style:normal;color:var(--orange)}.brand small{font-size:.68rem;color:#d8e2e6;letter-spacing:.32em;margin-top:8px}.menu{display:flex;align-items:center;gap:28px}.menu a{font-size:.9rem;font-weight:600;color:#dbe5e9;position:relative}.menu a:after{content:"";position:absolute;left:0;right:100%;bottom:-13px;height:2px;background:var(--orange);transition:.25s}.menu a:hover:after,.menu a.active:after{right:0}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;padding:13px 22px;font-weight:800;border:1px solid transparent;transition:.25s;cursor:pointer}.nav-cta,.btn-orange{background:linear-gradient(135deg,#fa8d33,#e85e0a);color:white;box-shadow:0 10px 28px rgba(244,123,32,.2)}.btn-cyan{background:linear-gradient(135deg,#0f7896,#0a536c);border-color:#1688a7;color:white}.btn-outline{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.03)}.btn:hover,.nav-cta:hover{transform:translateY(-2px);filter:brightness(1.08)}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;border:0;background:none;cursor:pointer;padding:0}.menu-toggle span{display:block;width:22px;height:2px;background:#fff;transition:transform .25s ease,opacity .25s ease}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(3,10,15,.6);z-index:90}.nav-overlay.open{display:block}body.nav-locked{overflow:hidden}
.hero{position:relative;min-height:560px;display:flex;align-items:stretch;border-bottom:1px solid var(--line);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,27,.98) 0%,rgba(6,25,36,.94) 43%,rgba(4,17,25,.15) 72%),linear-gradient(180deg,transparent 70%,rgba(3,15,22,.6));z-index:1}.hero-media{position:absolute;inset:0 0 0 40%;background:url('../images/hero-cnc.webp') center right/cover no-repeat;filter:saturate(.92) contrast(1.05)}.hero-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(29,182,210,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(29,182,210,.12) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent 30%,black 100%)}.hero .container{position:relative;z-index:2;display:flex;align-items:center;min-height:560px}.hero-copy{width:min(650px,62%);padding:52px 0}.hero h1{font-size:clamp(2.8rem,5.2vw,5.1rem);line-height:.98;letter-spacing:-.045em;margin:0 0 24px}.hero h1 span{display:block}.hero p{max-width:620px;color:#cad4d9;font-size:1.04rem}.hero-actions{display:flex;gap:16px;margin-top:30px}.orange-rail{border-left:4px solid var(--orange);padding-left:24px}.tech-label{position:absolute;right:4%;bottom:8%;z-index:2;color:#36bdd7;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;text-align:right;opacity:.82}
.trustbar{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0a1d28,#0a1a24)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:28px 26px;border-right:1px solid var(--line);align-items:center}.trust-item:last-child{border:0}.icon-round{width:50px;height:50px;border:1px solid rgba(29,182,210,.55);border-radius:50%;display:grid;place-items:center;background:rgba(8,40,54,.6)}.icon{width:30px;height:30px;fill:none;stroke:var(--cyan);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon.orange{stroke:var(--orange)}.trust-item b{display:block;font-size:1rem}.trust-item span{font-size:.82rem;color:var(--muted)}
.about-grid{display:grid;grid-template-columns:38% 1fr;gap:0;border:1px solid var(--line);background:linear-gradient(135deg,rgba(14,45,59,.84),rgba(8,27,38,.85));box-shadow:var(--shadow)}.about-img{min-height:360px;background:url('../images/factory.webp') center/cover no-repeat;position:relative}.about-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(7,22,32,.22))}.about-copy{padding:52px 54px}.about-copy p{color:#c0ccd2}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin-top:24px}.feature-list div{display:flex;gap:10px;color:#d9e4e8;font-size:.92rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--orange);margin-top:8px;box-shadow:0 0 0 4px rgba(244,123,32,.12)}
.services-head{display:flex;align-items:center;gap:24px;justify-content:center;margin-bottom:34px}.services-head:before,.services-head:after{content:"";height:2px;width:120px;background:linear-gradient(90deg,transparent,var(--cyan))}.services-head:after{background:linear-gradient(90deg,var(--cyan),transparent)}.services-title{font-size:1.5rem;letter-spacing:.08em;color:#48c7dd}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.service-card{min-height:180px;padding:28px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(12,38,51,.74),rgba(7,24,34,.9));transition:.25s}.service-card:hover{background:linear-gradient(135deg,rgba(14,58,73,.9),rgba(8,30,42,.96));transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,.24)}.service-card .icon{width:42px;height:42px;margin-bottom:20px;stroke:#d4e2e7}.service-card h3{font-size:1rem;margin:0 0 9px}.service-card p{font-size:.82rem;color:var(--muted);margin:0}.service-card .more{display:inline-flex;margin-top:12px;color:var(--cyan);font-size:.78rem;font-weight:800}
.erp-section{position:relative;overflow:hidden;background:linear-gradient(110deg,#071a25 0%,#092431 62%,#071a25 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.erp-section:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.erp-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.erp-shot{filter:drop-shadow(0 26px 40px rgba(0,0,0,.48))}.erp-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:28px}.erp-mini div{text-align:center;color:#dbe6ea;font-size:.82rem}.erp-mini .icon-round{margin:0 auto 10px;width:44px;height:44px}.erp-note{font-size:.75rem;color:#79909b;margin-top:8px}
.security{background:linear-gradient(90deg,#082532,#0a1c27 55%,#07161f);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.security-grid{display:grid;grid-template-columns:160px 1fr;gap:38px;align-items:center}.shield-big{width:140px;height:140px;display:grid;place-items:center;background:radial-gradient(circle,rgba(29,182,210,.22),transparent 70%)}.shield-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.35))}.security-features{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:20px}.security-features>div{border-left:1px solid var(--line);padding-left:20px}.security-features b{display:block;margin-bottom:3px}.security-features span{font-size:.8rem;color:var(--muted)}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{position:relative;padding:18px 18px 18px 64px;border:1px solid rgba(244,123,32,.45);background:linear-gradient(135deg,rgba(14,38,50,.82),rgba(6,22,31,.92));clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,8% 50%)}.step:first-child{clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%)}.step-num{position:absolute;left:20px;top:16px;color:var(--orange);font-size:1.6rem;font-weight:900}.step b{display:block;font-size:.9rem}.step span{font-size:.75rem;color:var(--muted)}
.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sector-card{height:185px;border-radius:9px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.12)}.sector-card img{width:100%;height:100%;object-fit:cover}.sector-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(3,14,21,.9))}.sector-card h3{position:absolute;left:18px;right:18px;bottom:12px;margin:0;z-index:2;font-size:1.05rem}
.cta-band{background:radial-gradient(circle at 15% 50%,rgba(244,123,32,.22),transparent 25%),linear-gradient(90deg,#1c150e,#0a1c27 45%,#0a2430);border:1px solid rgba(244,123,32,.28);padding:34px 0}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.cta-grid h2{font-size:2rem;margin:0}.cta-grid p{margin:.3rem 0 0;color:#c4d0d5}.cta-actions{display:flex;gap:14px}
.footer{background:#06131b;border-top:1px solid rgba(255,255,255,.09);padding:52px 0 18px}.footer-grid{display:grid;grid-template-columns:1.35fr .75fr 1.1fr 1.25fr;gap:40px}.footer h4{font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px}.footer p,.footer li,.footer a{font-size:.8rem;color:#aab9c1}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:8px 0}.contact-row{display:flex;gap:9px;margin:9px 0}.contact-row .icon{width:17px;height:17px;stroke:var(--orange);flex:0 0 auto}.brand-footer{margin-bottom:20px}.brand-footer strong{display:block;font-size:1.8rem;letter-spacing:.1em}.brand-footer small{letter-spacing:.28em;color:#b7c5cb}.cap-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.cap-badge{border:1px solid rgba(255,255,255,.16);padding:5px 8px;border-radius:999px;color:#9fb0b9;font-size:.65rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;color:#81939c;font-size:.74rem}.footer-bottom a{color:var(--orange);font-weight:700}
.page-hero{min-height:300px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(4,18,27,.98),rgba(6,26,38,.82)),url('../images/hero-cnc.webp') center/cover}.page-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(29,182,210,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(29,182,210,.08) 1px,transparent 1px);background-size:50px 50px}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(2.4rem,4vw,4rem);line-height:1.05;margin:.4rem 0 1rem}.breadcrumbs{color:#94a8b1;font-size:.82rem}.breadcrumbs a{color:var(--cyan)}
.content-grid{display:grid;grid-template-columns:1fr 320px;gap:44px}.content-card{border:1px solid var(--line);background:linear-gradient(135deg,rgba(13,39,52,.75),rgba(6,22,31,.9));padding:40px}.content-card h2{font-size:1.8rem}.content-card h3{margin-top:30px}.content-card p,.content-card li{color:#bac8ce}.content-card ul{padding-left:20px}.sidebar{display:flex;flex-direction:column;gap:18px}.side-card{border:1px solid var(--line);padding:24px;background:#0a202c}.side-card h3{margin-top:0}.side-links a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:.88rem;color:#bac7cd}.side-links a:hover{color:var(--orange)}.quote-box{background:linear-gradient(145deg,#0f7896,#0a2938);border-color:rgba(29,182,210,.45)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-card{padding:26px;border:1px solid var(--line);background:#0a202c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-size:.78rem;color:#9fb0b8;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;background:#071923;border:1px solid rgba(255,255,255,.14);border-radius:5px;color:white;padding:13px 14px;outline:none}.field textarea{min-height:140px;resize:vertical}.field.full{grid-column:1/-1}.field input:focus,.field textarea:focus{border-color:var(--cyan)}
.table-wrap{overflow:auto}.cap-table{width:100%;border-collapse:collapse}.cap-table th,.cap-table td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.cap-table th{color:var(--cyan);font-size:.82rem;text-transform:uppercase}.cap-table td{color:#bdcbd1;font-size:.9rem}
@media(max-width:980px){.utility{display:none}.menu{position:fixed;top:0;right:-320px;left:auto;width:300px;max-width:85vw;height:100%;background:#0a202c;padding:84px 0 30px;display:block;border-bottom:0;border-left:1px solid var(--line);box-shadow:-10px 0 32px rgba(0,0,0,.4);overflow-y:auto;transition:right .3s ease;z-index:100}.menu.open{right:0}.menu a{display:block;padding:15px 22px;border-bottom:1px solid var(--line)}.menu a:after{display:none}.nav-cta{display:none}.menu-toggle{display:flex}.hero-media{left:0;opacity:.45}.hero:before{background:linear-gradient(90deg,rgba(4,18,27,.97),rgba(4,18,27,.8))}.hero-copy{width:100%;max-width:690px}.trust-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.about-grid,.erp-grid,.content-grid,.security-grid,.footer-grid{grid-template-columns:1fr}.security-features{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.sector-grid{grid-template-columns:1fr 1fr}.cta-grid{grid-template-columns:1fr}.cta-actions{flex-wrap:wrap}.about-img{min-height:300px}.shield-big{margin:auto}}
@media(max-width:620px){.container{width:min(100% - 26px,1180px)}.nav{height:68px}.brand strong{font-size:1.5rem}.hero,.hero .container{min-height:610px}.hero-copy{padding:40px 0}.hero h1{font-size:2.65rem}.hero-actions{flex-direction:column;align-items:flex-start}.trust-grid,.service-grid,.security-features,.process,.sector-grid,.contact-grid,.form-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)}.service-card{min-height:155px}.about-copy,.content-card{padding:28px 22px}.feature-list{grid-template-columns:1fr}.erp-mini{grid-template-columns:1fr 1fr}.security-grid{grid-template-columns:1fr}.step,.step:first-child{clip-path:none;padding:20px 20px 20px 64px}.footer-bottom{flex-direction:column;gap:10px}.cta-actions{flex-direction:column}.page-hero{min-height:250px}}

/* =========================================================
   TREEMAK PREMIUM V1.1 — APPROVED MOCKUP FIDELITY REVISION
   ========================================================= */
:root{--v11-cyan:#26bad5;--v11-orange:#f07a18;--v11-deep:#06151e;--v11-panel:#0a2230}
.container{width:min(1460px,calc(100% - 44px))}
.utility{height:30px;font-size:.69rem;background:#061018}
.utility-list{gap:22px}
.header:before{background:rgba(5,19,28,.985)}
.nav{height:68px;gap:30px}
.brand-logo{height:42px;width:auto;display:block}
.brand-logo-footer{height:48px}
.nav-item{position:relative;display:flex;align-items:center}
.dropdown{position:absolute;top:100%;left:0;margin-top:14px;min-width:270px;background:#0a202c;border:1px solid var(--line);border-radius:6px;padding:8px 0;box-shadow:0 24px 48px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:60}
.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{display:block;padding:10px 20px;font-size:.8rem;font-weight:600;color:#dbe5e9;white-space:nowrap}
.dropdown a:after{display:none}
.dropdown a:hover{background:rgba(29,182,210,.12);color:var(--cyan)}
.submenu-toggle{display:none}
@media(max-width:980px){
 .nav-item{flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between;width:100%;border-bottom:1px solid var(--line)}
 .nav-item>a{flex:1;border-bottom:0}
 .dropdown{min-width:0}
 .submenu-toggle{display:flex;align-items:center;justify-content:center;width:48px;flex:none;border:0;background:none;color:#cfe0e6;cursor:pointer}
 .submenu-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s ease}
 .nav-item.open .submenu-toggle svg{transform:rotate(180deg)}
 .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;background:rgba(255,255,255,.03);text-align:left;margin:0;padding:0;width:100%;max-height:0;overflow:hidden;transition:max-height .25s ease}
 .nav-item.open .dropdown{max-height:600px}
 .dropdown a{padding:12px 22px 12px 34px;font-size:.8rem;color:#b9c8ce;border-bottom:1px solid var(--line)}
 .dropdown a:last-child{border-bottom:0}
}
.brand strong{font-size:1.75rem;letter-spacing:.11em}
.brand small{font-size:.62rem;margin-top:7px;letter-spacing:.34em}
.menu{gap:31px}.menu a{font-size:.84rem}.menu a:after{bottom:-12px}
.nav-cta{padding:10px 23px;border-radius:3px;font-size:.86rem}

/* Hero proportions are calculated from the approved 941×1672 mockup:
   hero visual begins at ~41% width and the hero band is ~29.3vw high. */
.hero{height:clamp(300px,29.3vw,535px);min-height:0;background:#06151e}
.hero .container{height:100%;min-height:0}
.hero:before{background:linear-gradient(90deg,#061722 0%,#071b27 38%,rgba(5,20,29,.84) 45%,rgba(4,17,25,.10) 68%),linear-gradient(180deg,rgba(0,0,0,.03),rgba(2,13,20,.30));z-index:1}
.hero-media{inset:0 0 0 40.8%;background-image:url('../images/hero-cnc-v11.webp');background-position:center;background-size:cover;filter:none}
.hero-grid{opacity:.24;background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 34%,black 100%)}
.hero-copy{width:43.5%;max-width:670px;padding:30px 0}
.orange-rail{border-left:3px solid var(--orange);padding-left:25px}
.hero .eyebrow{display:none}
.hero h1{font-size:clamp(2.5rem,3.45vw,4.15rem);line-height:1.03;letter-spacing:-.035em;margin:0 0 17px;font-weight:780}
.hero p{font-size:clamp(.82rem,.86vw,1rem);line-height:1.55;max-width:620px;margin:0;color:#d4dde1}
.hero-actions{gap:20px;margin-top:23px}
.hero-actions .btn{min-width:190px;padding:11px 18px;border-radius:3px;font-size:.82rem}

.trustbar{background:#091c27}
.trust-grid{min-height:92px}
.trust-item{grid-template-columns:54px 1fr;gap:14px;padding:19px 24px}
.trust-item b{font-size:.92rem}.trust-item span{font-size:.75rem;line-height:1.35;display:block;margin-top:3px}
.icon-round{width:46px;height:46px;background:rgba(6,31,43,.72);border-color:rgba(38,186,213,.54)}
.icon-round .icon{width:27px;height:27px}

.section{padding:54px 0}.section-tight{padding:34px 0}
.about-grid{grid-template-columns:35.5% 64.5%;box-shadow:none;background:linear-gradient(90deg,#0c2533,#091b26);min-height:285px}
.about-img{min-height:285px}.about-copy{padding:31px 38px}
.about-copy .eyebrow{font-size:.72rem}.about-copy .section-title{font-size:clamp(1.55rem,2.2vw,2.5rem);margin:.25rem 0 .65rem}.about-copy p{font-size:.86rem;line-height:1.45;margin:.45rem 0}
.feature-list{display:none}

.services-head{margin-bottom:19px;gap:18px}.services-head:before,.services-head:after{width:92px}.services-title{font-size:1.27rem;font-weight:700}
.service-grid{display:grid;grid-template-columns:repeat(30,1fr);border-left:1px solid rgba(151,201,214,.25);border-top:1px solid rgba(151,201,214,.25)}
.service-card{grid-column:span 6;min-height:126px;padding:19px 17px;display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto;column-gap:13px;align-content:center;background:linear-gradient(145deg,rgba(12,38,51,.84),rgba(6,22,31,.95))}
.service-card:nth-child(n+6){grid-column:span 10}
.service-card .icon{grid-column:1;grid-row:1/3;width:38px;height:38px;margin:2px auto 0;stroke:#d5e0e5}
.service-card h3{grid-column:2;grid-row:1;font-size:.88rem;margin:0 0 4px;align-self:end}.service-card p{grid-column:2;grid-row:2;font-size:.69rem;line-height:1.35;margin:0;color:#9fb0b9}.service-card .more{display:none}
.service-card:hover{transform:none;border-color:rgba(38,186,213,.5)}

.erp-section{padding:44px 0 36px;background:radial-gradient(circle at 78% 40%,rgba(20,105,133,.18),transparent 35%),linear-gradient(110deg,#071b27,#092330 62%,#061820)}
.erp-grid{grid-template-columns:46% 54%;gap:38px}.erp-section .section-title{font-size:2.05rem}.erp-section .lead{font-size:.84rem;line-height:1.55}.erp-shot{width:62%;display:block;margin-left:auto}
.erp-mini{gap:8px;margin-top:20px}.erp-mini div{font-size:.72rem}.erp-mini .icon-round{width:40px;height:40px}.erp-note{font-size:.64rem}

.security{padding:28px 0;background:linear-gradient(90deg,#0b3443,#09232f 50%,#071a24)}
.security-grid{grid-template-columns:150px 1fr;gap:24px}.shield-big{width:126px;height:126px}.security h2{font-size:1.02rem;font-weight:600}.security-features{gap:0;margin-top:14px}.security-features>div{position:relative;display:grid;grid-template-columns:34px 1fr;column-gap:10px;padding:3px 15px 3px 17px;min-height:58px;align-items:center}.security-mini-icon{grid-row:1/3;width:31px;height:31px;display:grid;place-items:center}.security-mini-icon .icon{width:27px;height:27px;stroke:#c5d7df}.security-features b{font-size:.78rem;line-height:1.15}.security-features span{font-size:.65rem;line-height:1.25}

.process{gap:7px}.step{min-height:82px;padding:14px 12px 12px 65px;clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%,7% 50%);display:flex;flex-direction:column;justify-content:center}.step:first-child{clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%)}.step-num{display:none}.step-icon-wrap{position:absolute;left:24px;top:23px;width:31px;height:31px}.step-icon{width:31px;height:31px;stroke:#d5e0e5}.step b{font-size:.78rem;line-height:1.15}.step span:not(.step-icon-wrap){font-size:.64rem;line-height:1.25;margin-top:3px}

.sector-grid{gap:13px}.sector-card{height:145px;border-radius:4px}.sector-card h3{font-size:.91rem;text-align:center;bottom:9px}.sector-card:after{background:linear-gradient(transparent 30%,rgba(3,14,21,.93))}

.cta-band{padding:25px 0;background-image:radial-gradient(circle at 7% 50%,rgba(244,123,32,.24),transparent 21%),linear-gradient(90deg,rgba(35,24,15,.1) 0%,rgba(10,28,39,.96) 24%,rgba(10,28,39,.96) 76%,rgba(11,39,50,.1) 100%),url('../images/cta-pipes-left.png'),url('../images/cta-fittings-right.png');background-position:0 0,0 0,left center,right center;background-repeat:no-repeat;background-size:auto,auto,140px 100%,90px 100%}
.cta-grid h2{font-size:1.65rem}.cta-grid p{font-size:.79rem}.cta-actions .btn{min-width:150px;padding:10px 18px}

.footer{padding:35px 0 13px}.footer-grid{grid-template-columns:1.18fr .65fr .95fr 1.08fr .62fr;gap:28px}.footer p,.footer li,.footer a{font-size:.69rem}.footer li{margin:4px 0}.footer h4{font-size:.73rem;margin-bottom:10px}.brand-footer strong{font-size:1.55rem}.brand-footer small{font-size:.58rem}.cap-badges{display:none}.contact-row{margin:5px 0}.contact-row .icon{width:14px;height:14px}
.social-icons{display:flex;gap:7px;margin-bottom:12px}.social-icon{width:29px;height:29px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center}.social-icon .icon{width:15px;height:15px;stroke:#e2ebef}.qr-link{display:inline-block;padding:5px;background:white;border-radius:2px}.qr-link img{width:76px;height:76px}.footer-bottom{margin-top:20px;padding-top:10px;font-size:.64rem}

/* More faithful technical framing */
.section-tight,.section,.trustbar,.cta-band,.footer{position:relative}
.section-tight:before,.section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(38,186,213,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(38,186,213,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,black 50%,transparent)}
.section-tight>.container,.section>.container{position:relative;z-index:1}

@media(max-width:1100px){
  .container{width:min(100% - 34px,1460px)}
  .menu{gap:18px}.menu a{font-size:.78rem}
  .hero{height:430px}.hero-media{left:38%}.hero-copy{width:51%}.hero h1{font-size:2.85rem}
  .service-grid{grid-template-columns:repeat(2,1fr)}.service-card,.service-card:nth-child(n+6){grid-column:span 1}
  .footer-grid{grid-template-columns:1.3fr 1fr 1fr}.social-follow{grid-column:auto}
}
@media(max-width:980px){
 .hero{height:520px}.hero-media{left:0;opacity:.35}.hero-copy{width:100%;max-width:620px}.hero:before{background:linear-gradient(90deg,rgba(4,18,27,.98),rgba(4,18,27,.78))}
 .about-grid,.erp-grid{grid-template-columns:1fr}.about-img{min-height:300px}.security-grid{grid-template-columns:130px 1fr}
 .process{grid-template-columns:1fr 1fr}.step,.step:first-child{clip-path:none}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 .hero{height:570px;min-height:570px}.hero h1{font-size:2.45rem}.hero-copy{padding:38px 0}.hero-actions .btn{min-width:0;width:100%}
 .service-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(n+6){grid-column:1}
 .security-grid{grid-template-columns:1fr}.security-features{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.social-follow{grid-column:1}
}