:root{
  --navy:#062945;--blue:#0B3A67;--cyan:#06A7D8;--cyan2:#14B8E7;
  --text:#183B56;--muted:#5C7488;--pale:#EEF8FD;--line:#CFE5F1;--dark:#03233D;
  --white:#fff;--container:1180px;--radius:10px;--shadow:0 12px 34px rgba(3,35,61,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 48px));margin:auto}
.header{height:76px;background:#fff;border-bottom:1px solid #edf3f6;position:sticky;top:0;z-index:50}
.nav{height:76px;display:flex;align-items:center;gap:28px}.logo{font-weight:900;font-size:22px;color:var(--blue);letter-spacing:-.8px;white-space:nowrap}.logo-mark{display:inline-grid;place-items:center;width:30px;height:30px;border:5px solid var(--cyan);border-radius:8px;margin-right:8px;vertical-align:-7px;transform:skew(-8deg)}
.menu{display:flex;gap:24px;align-items:center;flex:1;justify-content:center;font-size:14px;font-weight:700;color:var(--blue)}.menu a:hover{color:var(--cyan)}
.nav-actions{display:flex;gap:12px;align-items:center}.icon{font-size:20px;color:var(--blue)}.quote,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:14px;transition:.2s}.quote,.btn-primary{background:var(--cyan);color:#fff}.btn-outline{border:1px solid rgba(255,255,255,.75);color:#fff}.btn-dark{background:var(--navy);color:#fff}.btn:hover,.quote:hover{transform:translateY(-1px);filter:brightness(1.03)}
.mobile-toggle{display:none;margin-left:auto;border:0;background:none;font-size:25px;color:var(--blue)}
.hero{min-height:500px;background:radial-gradient(circle at 80% 30%,rgba(20,184,231,.22),transparent 30%),linear-gradient(100deg,#03233d 0%,#062945 48%,#0a446c 100%);color:#fff;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-8%;top:-15%;width:58%;height:130%;background:linear-gradient(135deg,transparent 0 28%,rgba(255,255,255,.07) 29% 31%,transparent 32% 44%,rgba(255,255,255,.05) 45% 48%,transparent 49%);transform:skewX(-12deg)}
.hero-grid{min-height:500px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:900;color:var(--cyan2);text-transform:uppercase;display:flex;gap:12px;align-items:center}.eyebrow:before{content:"";width:22px;height:2px;background:var(--cyan)}
h1{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-2px;margin:16px 0 20px;color:#fff}.hero p{max-width:590px;color:#d9eaf3;font-size:17px}.actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.visual{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.machine{width:92px;height:290px;border-radius:14px 14px 10px 10px;background:linear-gradient(90deg,#c5d1d8,#f7fafb 35%,#8c9ca6 65%,#e7edf0);box-shadow:0 20px 40px rgba(0,0,0,.35);position:relative}.machine:before{content:"";position:absolute;top:-35px;left:27px;width:38px;height:45px;background:linear-gradient(90deg,#8a979e,#f4f7f8,#7a858b);border-radius:5px}.machine:after{content:"";position:absolute;bottom:-15px;left:-22px;width:136px;height:28px;background:#1d2c35;border-radius:7px}.machine:nth-child(2){height:245px;width:78px;transform:translateY(25px)}.machine:nth-child(3){height:325px;width:100px;transform:translateX(18px)}.machine:nth-child(4){height:220px;width:70px;transform:translate(45px,35px);background:linear-gradient(90deg,#12191d,#56636a 40%,#101518)}
.section{padding:76px 0}.section-pale{background:var(--pale)}.section-dark{background:var(--navy);color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-kicker{font-size:11px;font-weight:900;letter-spacing:1.6px;color:var(--cyan);text-transform:uppercase}.section h2{font-size:36px;line-height:1.1;margin:8px 0 0;color:var(--blue);letter-spacing:-1px}.section-dark h2{color:#fff}.muted{color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;transition:.2s;box-shadow:0 1px 0 rgba(0,0,0,.02)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-image{height:190px;background:radial-gradient(circle at 50% 45%,#fff,#eef7fb 70%);display:flex;align-items:center;justify-content:center;position:relative}.product-silhouette{width:58%;height:62%;border-radius:8px;background:linear-gradient(90deg,#9aa9b2,#f8fafb 35%,#7c8990 65%,#dce5e9);box-shadow:0 16px 24px rgba(3,35,61,.18)}.product-silhouette.round{border-radius:50%;height:54%;width:58%;border:20px solid #222d33;background:#eaf0f2}.product-silhouette.stage{height:42%;width:72%;background:linear-gradient(#222b30,#0b1216);border-radius:5px;box-shadow:inset 0 0 0 8px #4d5960}.card-body{padding:18px}.card h3{font-size:17px;color:var(--blue);margin:0 0 7px}.card p{font-size:13px;color:var(--muted);margin:0 0 14px}.link{font-size:13px;color:#007fb5;font-weight:900}
.integration{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:0;align-items:stretch}.integration-intro{padding-right:38px}.feature{border-left:1px solid #bfe0ee;padding:4px 22px}.feature-icon{width:46px;height:46px;border:2px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-weight:900;font-size:20px;margin-bottom:14px}.feature h3{margin:0 0 6px;font-size:15px;color:var(--blue)}.feature p{margin:0;color:var(--muted);font-size:13px}
.apps{display:grid;grid-template-columns:280px 1fr;gap:42px;align-items:center}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.app{min-height:120px;border-radius:7px;padding:16px;display:flex;align-items:end;color:#fff;font-weight:900;background:linear-gradient(145deg,#0a4368,#062945 70%);position:relative;overflow:hidden}.app:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(20,184,231,.35),transparent 40%)}.app span{position:relative;z-index:1}
.cta{background:linear-gradient(90deg,#03233d,#0a466b);color:#fff;padding:58px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{color:#fff;margin:7px 0;font-size:32px}
.footer{background:#03233d;color:#cfe0ea;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer h4{color:#fff;margin:0 0 12px}.footer a{display:block;font-size:13px;margin:7px 0;color:#b8d0dc}.footer-brand{font-size:22px;font-weight:900;color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:32px;padding-top:16px;font-size:12px;display:flex;justify-content:space-between}
.page-hero{padding:72px 0;background:linear-gradient(110deg,#062945,#0b3a67);color:#fff}.page-hero h1{font-size:48px;margin:10px 0}.page-hero p{max-width:760px;color:#d9eaf3}
.breadcrumb{font-size:12px;color:#7591a3;padding:20px 0}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:50px}.spec-card{background:#f5fbfe;border:1px solid var(--line);border-radius:10px;padding:25px}.spec-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.spec-row:last-child{border:0}.product-detail-image{min-height:470px;background:#f1f8fb;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center}.press{width:170px;height:330px;background:linear-gradient(90deg,#909da4,#f7f9fa 35%,#7b888f 70%,#c8d1d6);border-radius:12px;box-shadow:0 30px 50px rgba(3,35,61,.18);position:relative}.press:before{content:"";position:absolute;top:-50px;left:48px;width:74px;height:64px;background:linear-gradient(90deg,#727e85,#f6f8f9,#77828a);border-radius:6px}.press:after{content:"";position:absolute;bottom:-20px;left:-45px;width:260px;height:34px;background:#1c282e;border-radius:7px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);font-size:13px}.data-table th{background:#f2f9fc;color:var(--blue)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800;color:var(--blue)}.field input,.field textarea,.field select{font:inherit;padding:13px;border:1px solid #c9dce6;border-radius:7px;outline:none}.field textarea{min-height:140px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--cyan)}
@media(max-width:1000px){.menu{display:none}.mobile-toggle{display:block}.nav-actions .icon{display:none}.hero-grid{grid-template-columns:1fr}.visual{height:280px}.product-grid{grid-template-columns:repeat(2,1fr)}.integration{grid-template-columns:1fr 1fr}.integration-intro{grid-column:1/-1;padding:0 0 28px}.apps{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(var(--container),calc(100% - 32px))}.header,.nav{height:68px}.nav{gap:10px}.logo{font-size:18px}.quote{padding:9px 13px;font-size:12px}.hero,.hero-grid{min-height:auto}.hero-grid{padding:65px 0 55px}.hero h1{font-size:42px}.hero p{font-size:15px}.visual{height:230px}.machine{height:190px;width:58px}.machine:nth-child(2){height:165px;width:52px}.machine:nth-child(3){height:215px;width:65px}.machine:nth-child(4){height:150px;width:48px}.section{padding:56px 0}.section-head{display:block}.section h2{font-size:30px}.product-grid{grid-template-columns:1fr}.product-image{height:180px}.integration{grid-template-columns:1fr}.feature{border-left:0;border-top:1px solid #bfe0ee;padding:20px 0}.app-grid{grid-template-columns:1fr 1fr}.app{min-height:100px}.cta-inner{display:block}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.page-hero h1{font-size:38px}}

/* V2 refinements */
:focus-visible{outline:3px solid rgba(6,167,216,.45);outline-offset:3px}
.menu-open .mobile-toggle{transform:rotate(90deg)}
@media(max-width:1000px){
  .nav{position:relative}
  .menu{position:absolute;left:0;right:0;top:76px;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px;display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;box-shadow:0 16px 30px rgba(3,35,61,.10)}
  .menu-open .menu{display:flex}
}
.hero .eyebrow{margin-bottom:2px}
.hero-grid>div:first-child{max-width:620px}
.card h3 a{color:inherit}
.card-body{min-height:148px}
.product-image{aspect-ratio:1.25/1;height:auto}
.product-grid .card{min-width:0}
.section p{max-width:720px}
.btn{min-height:44px}
.table-wrap{scrollbar-width:thin}

/* V3 — follows V2 structure and the supplied industrial reference. */
:root{--action:#007fa8;--muted:#4f687c;--radius:4px}
html{scroll-padding-top:95px}body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3{font-weight:750}h1{letter-spacing:-1.8px}em{font-style:normal;color:var(--cyan2)}
.skip-link{position:fixed;left:12px;top:-90px;padding:12px 20px;background:#fff;color:var(--navy);z-index:1000;border:3px solid var(--action)}.skip-link:focus{top:10px}
:focus-visible{outline:3px solid #006d9a;outline-offset:4px}.hero :focus-visible,.footer :focus-visible,.cta :focus-visible{outline-color:#fff}
.header{height:80px}.nav{height:80px;gap:18px}.logo{font-size:23px}.logo-mark{border-radius:3px;width:27px;height:27px;border-width:4px;vertical-align:-5px}.menu{gap:19px;font-size:13px}.menu a{padding:14px 0}.menu a[aria-current=page]{color:#007699;border-bottom:2px solid #007699}.nav-actions{gap:5px}.utility-link{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:44px}.quote{margin-left:8px;font-size:12px;padding:12px 16px}.btn-primary,.quote{background:var(--action)}.btn,.quote{border-radius:4px;box-shadow:none;font-weight:700}.btn-outline{border-color:#8eafc2}.btn:hover,.quote:hover{transform:none;filter:brightness(.95)}.mobile-toggle{min-width:44px;min-height:44px;cursor:pointer}.menu-open .mobile-toggle{transform:none}
.hero{background:#062945;min-height:530px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03233df5 5%,#062945dd 48%,#0629458c),url('editorial/hero-automation-factory-v1.png') center/cover;opacity:.65}.hero:after{display:none}.hero-grid{grid-template-columns:1fr 1fr;min-height:530px;gap:10px}.hero h1{font-size:clamp(38px,3.55vw,52px);line-height:1.08;margin-top:22px}.hero p{font-size:16px;line-height:1.7;max-width:480px}.hero .eyebrow{font-size:11px;color:#54d4f5}.hero .actions{gap:12px}.hero-products{height:530px;position:relative;display:block}.hero-product-front,.hero-product-back{position:absolute;bottom:47px;display:flex;align-items:flex-end;justify-content:center}.hero-product-front{right:36px;width:230px;height:430px;z-index:2}.hero-product-back{left:20px;bottom:75px;width:200px;height:340px;z-index:1}.hero-products img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 18px 14px #00152466)}.hero-caption{position:absolute;left:0;bottom:25px;z-index:3;background:#03233de8;border-left:2px solid #14b8e7;padding:14px 18px;max-width:220px}.hero-caption span{display:block;font-size:10px;letter-spacing:1.5px;color:#77daf4}.hero-caption strong{display:block;font-size:17px;line-height:1.3;margin:6px 0}.hero-caption a{font-size:12px;color:#fff;display:block;padding:5px 0}
.section{padding:68px 0}.section-kicker{color:#007b9e;font-weight:700;letter-spacing:1.3px}.section-kicker:before{content:"";display:inline-block;width:22px;height:1px;margin-right:9px;background:currentColor;vertical-align:middle}.section h2{font-size:32px;line-height:1.15;letter-spacing:-.8px}.section-head{margin-bottom:30px}.product-grid{gap:20px}.card{border-radius:4px;box-shadow:none}.card:hover{transform:none;box-shadow:none;border-color:#83b6cb}.product-image{background:#f1f7fa;aspect-ratio:1.55/1;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;padding:12px}.card-body{padding:20px;min-height:156px}.card h3{font-size:16px;line-height:1.35}.card p{font-size:13px;line-height:1.6}.link{display:inline-flex;align-items:center;min-height:44px;color:#006d94;font-weight:700}.category-type{background:#eff6f9;align-items:center;justify-content:flex-start;padding:22px}.category-type>div{border-left:2px solid #b8d7e4;padding-left:15px}.category-number{font-size:12px;color:#476b7e;display:block;letter-spacing:2px}.category-label{font-size:21px;line-height:1.12;max-width:175px;display:block;font-weight:700;color:#264b64;margin:8px 0}.category-type small{font-size:11px;color:#506979}
.integration{grid-template-columns:1.8fr repeat(4,1fr)}.integration-intro{padding-right:30px}.integration h2{font-size:30px}.integration p{font-size:14px}.feature{padding:0 18px;align-self:center}.feature-icon{border:0;border-radius:0;font-size:24px;font-weight:400;color:#007b9e;justify-content:start;margin:0 0 18px}.feature h3{font-size:14px}.feature p{font-size:12px}.apps{grid-template-columns:280px 1fr;gap:38px}.app{border-radius:3px;min-height:132px;font-size:13px;background:#0b3a56}.app:before{background:linear-gradient(0deg,#03233ddd,transparent)}.app img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.app span{z-index:2}.app:before{z-index:1}.image-caption{font-size:11px;color:#5b7180;line-height:1.5;margin-top:12px}.apps>.image-caption{grid-column:2;margin-top:-25px}.cta{background:#062945;padding:52px 0}.cta .section-kicker{color:#65d1ed}.cta p{color:#cbdeea}.cta h2{font-size:30px;line-height:1.2}.cta-inner>div{max-width:730px}.cta .btn{flex-shrink:0}.footer{padding-top:48px}.footer h2{font-size:14px;color:white;margin:0 0 12px}.footer p{font-size:13px;max-width:250px}.footer a{min-height:32px;margin:0;padding:5px 0}.footer-bottom a{display:inline-block}.footer-grid{gap:40px}
.page-hero{padding:64px 0;background:#062945}.page-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.08;max-width:880px}.page-hero .eyebrow{color:#5cd4f2}.page-hero p{font-size:17px;max-width:680px}.two-col{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:56px}.two-col>*{min-width:0}.product-title{font-size:clamp(30px,3vw,42px);line-height:1.15;color:var(--navy);letter-spacing:-1px;margin:16px 0 20px}.product-intro{padding-top:10px}.breadcrumb{color:#526c7e;line-height:1.8}.breadcrumb a{text-decoration:underline;display:inline-block;min-height:30px}.product-detail-image{height:450px;min-height:0;border-radius:4px;background:#f1f7fa;border:1px solid #d5e4eb}.product-detail-image img{width:100%;height:100%;object-fit:contain;padding:28px}.gallery-thumbs{display:flex;gap:12px;margin-top:14px}.gallery-thumb{height:90px;width:92px;background:#f4f8fa;border:1px solid #b9ceda;border-radius:3px;cursor:pointer;padding:8px}.gallery-thumb img{height:100%;width:100%;object-fit:contain}.gallery-thumb[aria-pressed=true]{border:2px solid #007a9f;background:#e5f3f9}.sku{font-size:12px;color:#456377;letter-spacing:.3px}.spec-card{border-radius:4px;padding:18px 22px}.spec-row strong{text-align:right}.product-subnav{display:flex;flex-wrap:wrap;gap:20px;padding:16px 0;border-top:1px solid #d9e5ea;font-size:13px}.product-subnav a{padding:10px 0}.advantage-list{list-style:none;padding:0}.advantage-list li{padding:14px 0;border-bottom:1px solid #c4dce8}.advantage-list li:before{content:'✓';color:#007597;margin-right:12px}.table-wrap{margin-top:26px;border-radius:3px;max-width:100%}.data-table caption{text-align:left;padding:14px;background:#062945;color:#fff;font-size:13px}.data-table th{font-weight:700}.data-table tbody th{background:#f6fafc}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.gallery-grid figure{margin:0;background:#f1f7fa;padding:22px}.gallery-grid img{height:290px;width:100%;object-fit:contain}.gallery-grid figcaption{font-size:13px;margin-top:20px}.category-feature{display:grid;grid-template-columns:1fr 1.2fr;align-items:center}.category-press-image{height:390px;aspect-ratio:auto}.category-press-image img{padding:30px}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-item{border-top:2px solid #bcdbe8;padding:24px 12px 24px 0}.section .editorial-item h2{font-size:23px;letter-spacing:-.3px;margin:0 0 15px}.editorial-item p{color:var(--muted);font-size:15px}.catalogue-filter{padding:24px;background:#eef7fb;margin-bottom:28px}.catalogue-filter label{display:block;font-weight:700;margin-bottom:8px}.catalogue-filter input{font:inherit;padding:12px;width:min(100%,500px);border:1px solid #9ebcca;border-radius:3px}.catalogue-filter p{font-size:13px;margin:8px 0 0}.card[hidden]{display:none}.form-grid{align-content:start}.field input,.field textarea{min-width:0;width:100%;border-radius:3px;outline:revert}.field label{font-size:13px}.form-note{font-size:13px;padding:15px;background:#edf6fa;border-left:3px solid #00789d;margin:0}.form-status{font-size:13px;margin:0}.form-status a{text-decoration:underline}.form-grid button{border:0;cursor:pointer;font:inherit;font-size:14px}details{padding:18px 0;border-bottom:1px solid #bdd7e4}details summary{cursor:pointer;font-weight:700;min-height:32px;padding:5px 0}.sitemap-list li{padding:8px}
@media(max-width:1190px){.nav{gap:12px}.menu{gap:12px;font-size:12px}.logo{font-size:20px}.nav-actions{gap:0}.utility-link{min-width:30px}.quote{padding:12px}.hero-product-back{left:0;width:180px}.hero-product-front{right:10px}.integration{grid-template-columns:1.5fr repeat(4,1fr)}.feature{padding:0 12px}.apps{gap:25px;grid-template-columns:245px 1fr}}
@media(max-width:1050px){.menu{display:none;top:80px;left:0;right:0;position:absolute;flex-direction:column;align-items:stretch;background:#fff;padding:18px 24px;gap:0}.menu a{font-size:15px;padding:12px}.mobile-toggle{display:block}.nav{position:relative}.nav-actions{margin-left:auto}.menu-open .menu{display:flex}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:40px}.hero-product-front{width:190px;height:365px;right:0;bottom:74px}.hero-product-back{width:160px;height:300px;left:0;bottom:105px}.hero-caption{bottom:30px}.integration{grid-template-columns:repeat(4,1fr)}.integration-intro{grid-column:1/-1;max-width:660px;padding-bottom:30px}.feature{padding:0 20px}.apps{grid-template-columns:1fr}.apps>div:first-child{max-width:560px}.apps>.image-caption{grid-column:1;margin-top:-12px}.two-col{gap:32px}.product-title{font-size:34px}.three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.hero-grid{grid-template-columns:1fr;gap:0;padding-top:42px}.hero-grid>div:first-child{max-width:600px}.hero h1{font-size:46px}.hero p{max-width:560px}.hero-products{height:380px;max-width:520px;width:100%;margin:auto}.hero-product-front{right:42px;bottom:20px;height:340px;width:190px}.hero-product-back{left:55px;bottom:40px;height:275px;width:150px}.hero-caption{left:10px;bottom:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.product-title{font-size:36px}.product-detail-image{height:420px}.category-feature{grid-template-columns:1fr}.category-press-image{height:340px}.footer-grid{grid-template-columns:1fr 1fr}.three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-inner{display:block}.cta .btn{margin-top:15px}.gallery-grid{gap:12px}.gallery-grid figure{padding:16px}.gallery-grid img{height:210px}.section{padding:52px 0}}
@media(max-width:540px){.header,.nav{height:68px}.menu{top:68px}.container{width:calc(100% - 32px)}.nav{gap:4px}.logo{font-size:18px}.logo-mark{width:22px;height:22px;margin-right:6px}.nav-actions .utility-link{display:none}.quote{font-size:11px;padding:10px;margin-left:0;min-height:42px}.hero-grid{padding-top:38px;padding-bottom:0}.hero h1{font-size:37px;letter-spacing:-1.2px;line-height:1.08}.hero p{font-size:15px}.hero .eyebrow{font-size:10px;letter-spacing:1.2px}.hero .actions{gap:9px}.hero .btn{font-size:12px;padding:12px 14px}.hero-products{height:340px}.hero-product-front{right:0;width:165px;height:310px;bottom:16px}.hero-product-back{left:15px;width:140px;height:235px;bottom:55px}.hero-caption{left:0;bottom:14px;max-width:175px;padding:10px 12px}.hero-caption strong{font-size:15px}.section h2{font-size:28px}.section-head .link{margin-top:12px}.product-grid{gap:12px}.product-image{aspect-ratio:1.25}.card-body{padding:13px;min-height:175px}.card h3{font-size:15px}.card p{font-size:12px}.card .link{font-size:12px}.category-type{padding:12px}.category-type>div{padding-left:9px}.category-label{font-size:17px}.category-type small{font-size:10px}.integration{grid-template-columns:1fr 1fr;gap:22px 0}.integration-intro{padding-bottom:0}.feature{padding:15px 16px 0 0;border-left:0;border-top:1px solid #c6dfe9}.feature:nth-child(odd){padding-left:15px}.feature-icon{margin-bottom:9px;font-size:21px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app{min-height:120px;padding:12px;font-size:12px}.apps{gap:24px}.apps>.image-caption{margin-top:-15px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer p{max-width:310px}.footer-bottom{display:flex;gap:18px;flex-wrap:wrap}.page-hero{padding:44px 0}.page-hero h1{font-size:36px;letter-spacing:-1px}.page-hero p{font-size:15px}.three-grid{grid-template-columns:1fr}.product-intro{padding-top:10px}.product-title{font-size:32px}.product-detail-image{height:360px}.spec-card{padding:15px}.spec-row{font-size:13px}.gallery-grid{grid-template-columns:1fr}.gallery-grid figure{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.gallery-grid img{height:230px}.gallery-grid figcaption{margin-top:0}.product-subnav{gap:8px 20px}.cta h2{font-size:27px}.category-feature .card-body{padding:22px!important}.category-feature .card-body h3{font-size:26px!important}.form-grid{grid-template-columns:1fr}.field.full{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.footer-logo{min-height:64px;margin-bottom:15px;display:flex;align-items:center}.footer-logo .custom-logo-link{display:inline-flex}.footer-logo .custom-logo{width:auto;max-width:170px;max-height:62px;object-fit:contain}.footer-brand span{color:#06a7d8}.footer-contact h2 a{color:#fff;font-size:14px;padding:0;min-height:0}.footer-contact p{line-height:1.75;margin:8px 0 0;color:#b8d0dc}
.contact-layout{align-items:start}.contact-details{display:grid;gap:12px;margin-top:28px}.contact-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;padding:18px;background:#f2f7f9;border:1px solid #d6e5eb;border-left:3px solid #0788ad}.contact-item svg{width:24px;height:24px;margin:4px auto 0;fill:none;stroke:#007a9f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-item span{display:block;margin-bottom:5px;color:#567181;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.contact-item a{color:#064a6a;font-weight:700;text-decoration:none;overflow-wrap:anywhere}.contact-item a:hover{text-decoration:underline}.contact-item p{margin:0;color:#264b60;line-height:1.65}.contact-note{margin-top:18px;padding:14px 16px;border-left:3px solid #9ccddd;background:#f8fbfc;color:#526d7c;font-size:13px;line-height:1.65}.ah-inquiry{padding:28px;border:1px solid #d7e4e9;background:#fff;box-shadow:0 18px 45px rgba(3,35,61,.07)}@media(max-width:540px){.contact-item{grid-template-columns:36px minmax(0,1fr);padding:15px;gap:12px}.ah-inquiry{padding:18px}}
.faq-layout{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.5fr);gap:70px;align-items:start}.faq-intro{position:sticky;top:110px}.faq-intro h2{font-size:32px;color:var(--navy);margin:12px 0}.faq-intro .btn{margin-top:18px}.faq-list details{padding:0;border:1px solid #d6e5eb;border-bottom:0;background:#fff}.faq-list details:last-child{border-bottom:1px solid #d6e5eb}.faq-list summary{position:relative;padding:19px 54px 19px 20px;min-height:0;color:#103e58;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:20px;top:15px;color:#0084aa;font-size:24px;font-weight:400}.faq-list details[open] summary:after{content:'–'}.faq-list details[open] summary{background:#f0f7fa}.faq-list details p{margin:0;padding:0 20px 20px;color:#526d7c;line-height:1.7}@media(max-width:780px){.faq-layout{grid-template-columns:1fr;gap:36px}.faq-intro{position:static}}


/* ===== Ahtronic hero carousel — BEGIN ===== */
.hero-carousel {
	position: relative;
	isolation: isolate;
	background: linear-gradient(90deg, #eef6fc 0%, #f6fafd 55%, #fbfdff 100%);
	overflow: hidden;
}
.hero-carousel__viewport {
	position: relative;
	height: clamp(560px, 36vw, 680px);
}
.hero-carousel__track {
	display: flex;
	height: 100%;
	transition: transform .6s cubic-bezier(.4, 0, .2, 1);
	will-change: transform;
}
.hero-slide {
	position: relative;
	flex: 0 0 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .6s ease, visibility 0s linear .6s;
}
.hero-slide.is-active {
	opacity: 1;
	visibility: visible;
	transition: opacity .6s ease, visibility 0s linear 0s;
}
.hero-slide__media {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.hero-slide__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
}
.hero-slide__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, .58) 0%, rgba(255, 255, 255, .3) 34%, rgba(255, 255, 255, 0) 60%);
	pointer-events: none;
}
.hero-slide__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 40%) minmax(0, 60%);
	align-items: center;
	height: 100%;
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
}
.hero-slide__content {
	max-width: 520px;
	padding-right: 24px;
}
.hero-slide__title {
	margin: 0 0 16px;
	color: var(--blue, #0b3a67);
	font-size: clamp(30px, 3.4vw, 50px);
	font-weight: 750;
	line-height: 1.08;
	letter-spacing: -1.4px;
}
.hero-slide__text {
	max-width: 470px;
	margin: 0 0 26px;
	color: #3c5a70;
	font-size: 17px;
	line-height: 1.6;
}
.hero-slide__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.hero-slide__actions .btn {
	min-height: 48px;
	padding: 12px 22px;
}
.hero-btn-ghost {
	background: rgba(255, 255, 255, .72);
	color: var(--blue, #0b3a67);
	border: 1px solid #9fbdd1;
}
.hero-btn-ghost:hover {
	background: #e2eef7;
	border-color: var(--blue, #0b3a67);
	color: var(--blue, #0b3a67);
}
.hero-carousel__arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(6, 41, 69, .5);
	color: #fff;
	cursor: pointer;
	transform: translateY(-50%);
	transition: background .2s ease, transform .2s ease;
}
.hero-carousel__arrow:hover {
	background: rgba(6, 41, 69, .82);
	transform: translateY(-50%) scale(1.06);
}
.hero-carousel__arrow:focus-visible {
	outline: 3px solid #06a7d8;
	outline-offset: 2px;
}
.hero-carousel__arrow svg {
	width: 26px;
	height: 26px;
}
.hero-carousel__arrow--prev {
	left: 26px;
}
.hero-carousel__arrow--next {
	right: 26px;
}
.hero-carousel__footer {
	position: absolute;
	right: 0;
	bottom: 18px;
	left: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
}
.hero-carousel__dots {
	display: flex;
	gap: 10px;
}
.hero-carousel__dot {
	width: 34px;
	height: 4px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(11, 58, 103, .26);
	cursor: pointer;
	transition: background .2s ease, width .2s ease;
}
.hero-carousel__dot.is-active {
	width: 52px;
	background: var(--action, #007fa8);
}
.hero-carousel__dot:focus-visible,
.hero-carousel__toggle:focus-visible {
	outline: 3px solid #06a7d8;
	outline-offset: 3px;
}
.hero-carousel__toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(11, 58, 103, .14);
	color: var(--blue, #0b3a67);
	cursor: pointer;
	transition: background .2s ease;
}
.hero-carousel__toggle:hover {
	background: rgba(11, 58, 103, .26);
}
.hero-carousel__toggle svg {
	width: 12px;
	height: 12px;
}
.hero-carousel__icon--play {
	display: none;
}
.hero-carousel.is-stopped .hero-carousel__icon--pause {
	display: none;
}
.hero-carousel.is-stopped .hero-carousel__icon--play {
	display: block;
}
@media (max-width: 1100px) {
	.hero-slide__inner {
		grid-template-columns: minmax(0, 46%) minmax(0, 54%);
	}
	.hero-slide__title {
		font-size: clamp(28px, 3.6vw, 40px);
	}
}
@media (max-width: 767px) {
	.hero-carousel__viewport {
		height: auto;
	}
	.hero-carousel__track {
		align-items: stretch;
		height: auto;
	}
	.hero-slide {
		display: flex;
		flex-direction: column;
		height: auto;
	}
	.hero-slide__media {
		position: static;
		order: 2;
	}
	.hero-slide__media::after {
		background: linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 45%);
	}
	.hero-slide__media img {
		height: auto;
		aspect-ratio: 1080 / 760;
		object-fit: cover;
		object-position: center bottom;
	}
	.hero-slide__inner {
		display: block;
		order: 1;
		width: auto;
		margin: 0 56px;
		padding: 44px 0 30px;
	}
	.hero-slide__content {
		max-width: none;
		padding-right: 0;
	}
	.hero-slide__title {
		font-size: 27px;
		line-height: 1.14;
		letter-spacing: -.8px;
	}
	.hero-slide__text {
		margin-bottom: 22px;
		font-size: 15px;
	}
	.hero-slide__actions {
		gap: 10px;
	}
	.hero-slide__actions .btn {
		flex: 0 0 auto;
		min-height: 46px;
		font-size: 13px;
	}
	.hero-carousel__arrow {
		width: 42px;
		height: 42px;
		background: rgba(6, 41, 69, .62);
	}
	.hero-carousel__arrow svg {
		width: 20px;
		height: 20px;
	}
	.hero-carousel__arrow--prev {
		left: 10px;
	}
	.hero-carousel__arrow--next {
		right: 10px;
	}
	.hero-carousel__footer {
		bottom: 12px;
	}
	.hero-carousel__dot {
		width: 28px;
	}
	.hero-carousel__dot.is-active {
		width: 42px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.hero-carousel__track {
		transition: none;
	}
	.hero-slide {
		transition: none;
	}
}
/* Fallback: hide the original Elementor hero if it is ever rendered again. */
.home .elementor-element-0000006b {
	display: none !important;
}
/* ===== Ahtronic hero carousel — END ===== */


/* ===== Ahtronic footer Alibaba entry — BEGIN ===== */
.footer .footer-alibaba {
	max-width: 100%;
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, .14);
}
.footer .footer-alibaba__label {
	margin: 0 0 10px;
	color: #a8c6d8;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.4px;
	line-height: 1.3;
	text-transform: uppercase;
}
.footer .footer-alibaba__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	margin: 0;
	padding: 11px 14px;
	border: 1px solid rgba(255, 255, 255, .42);
	border-radius: var(--radius, 4px);
	background-color: transparent;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.footer .footer-alibaba__link:hover {
	background-color: rgba(6, 167, 216, .16);
	border-color: #06a7d8;
	color: #fff;
}
.footer .footer-alibaba__link:focus-visible {
	outline: 3px solid #06a7d8;
	outline-offset: 2px;
	background-color: rgba(6, 167, 216, .16);
	border-color: #06a7d8;
}
.footer .footer-alibaba__icon {
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
}
@media (max-width: 767px) {
	.footer .footer-alibaba {
		margin-top: 20px;
	}
	.footer .footer-alibaba__link {
		max-width: 100%;
		padding: 12px 16px;
	}
}
/* ===== Ahtronic footer Alibaba entry — END ===== */