:root{--navy:#0b2638;--navy2:#123d54;--teal:#087f83;--green:#2d9b72;--mint:#eaf7f3;--ink:#17242d;--muted:#60717c;--line:#dce7ea;--white:#fff;--soft:#f5f9fa;--shadow:0 18px 45px rgba(11,38,56,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{max-width:1240px;margin:auto;padding:10px 24px;display:flex;align-items:center;gap:28px}.brand{display:block;flex:0 0 auto}.brand img{width:178px;height:auto;display:block}.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.main-nav>a,.nav-drop>button{font:600 14px inherit;color:var(--navy);padding:12px 11px;border:0;background:none;cursor:pointer;white-space:nowrap}.main-nav>a:hover,.nav-drop>button:hover{color:var(--teal)}.nav-drop{position:relative}.nav-drop>button span{font-size:12px;margin-left:3px}.drop-menu{position:absolute;top:100%;left:0;min-width:245px;padding:10px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;display:none}.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{display:block}.drop-menu a{display:block;padding:10px 12px;border-radius:8px;font-size:14px}.drop-menu a:hover{background:var(--mint);color:var(--teal)}.nav-cta{background:var(--navy)!important;color:#fff!important;border-radius:9px;padding:11px 15px!important;margin-left:8px}.menu-toggle{display:none;border:0;background:none;font-size:26px;color:var(--navy)}.hero{background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;padding:92px 24px}.hero-inner{max-width:1180px;margin:auto}.eyebrow{color:#8fe0c0;text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:12px}.hero h1{font-size:clamp(38px,5vw,68px);line-height:1.08;max-width:900px;margin:14px 0 20px}.hero p{font-size:19px;max-width:850px;color:#dbeaf0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:13px 20px;border-radius:9px;font-weight:800;background:var(--green);color:#fff}.btn.alt{background:#fff;color:var(--navy)}.container{max-width:1180px;margin:auto;padding:72px 24px}.section-head{max-width:820px;margin-bottom:35px}.section-head h2{font-size:36px;line-height:1.2;color:var(--navy);margin:8px 0 14px}.section-head p{color:var(--muted);font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:27px;box-shadow:0 8px 25px rgba(11,38,56,.05);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b7d8d7}.card h3{color:var(--navy);margin:0 0 10px;font-size:21px}.card p{color:var(--muted);margin:0 0 14px}.card a{color:var(--teal);font-weight:800}.band{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}.split h2{font-size:34px;line-height:1.2;color:var(--navy)}.prose{font-size:17px}.prose h3{font-size:23px;color:var(--navy);margin-top:30px}.prose h4{font-size:18px;color:var(--teal);margin-bottom:6px}.prose p{color:#465862}.prose ul{padding-left:22px;color:#465862}.prose li{margin:7px 0}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.stat{padding:22px;background:var(--mint);border-radius:13px}.stat strong{display:block;font-size:28px;color:var(--navy)}.stat span{color:var(--muted);font-size:14px}.breadcrumb{max-width:1180px;margin:auto;padding:16px 24px;color:#6d7e86;font-size:13px}.breadcrumb a{color:var(--teal)}.page-hero{background:linear-gradient(180deg,#eef8f7,#fff);padding:45px 24px 55px;border-bottom:1px solid var(--line)}.page-hero-inner{max-width:1180px;margin:auto}.page-hero h1{font-size:48px;line-height:1.12;color:var(--navy);margin:8px 0 14px}.page-hero p{max-width:820px;color:var(--muted);font-size:18px}.tag{display:inline-block;padding:6px 10px;background:var(--mint);color:var(--teal);font-weight:800;font-size:12px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.toc{background:var(--navy);color:#fff;border-radius:16px;padding:24px;margin-bottom:35px}.toc h3{margin-top:0}.toc a{display:inline-block;margin:5px 16px 5px 0;color:#cceee5}.callout{border-left:5px solid var(--green);background:var(--mint);padding:22px 25px;border-radius:0 12px 12px 0;margin:28px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th,.data-table td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line)}.data-table th{background:var(--navy);color:#fff}.site-footer{background:#071b29;color:#c6d5db;margin-top:40px}.footer-grid{max-width:1180px;margin:auto;padding:55px 24px;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px}.footer-logo{width:165px;filter:brightness(0) invert(1);margin-bottom:12px}.site-footer p{max-width:260px}.site-footer h4{color:#fff;margin:0 0 13px}.site-footer a{display:block;margin:8px 0;color:#c6d5db;font-size:14px}.site-footer a:hover{color:#8fe0c0}.footer-button{background:var(--green);padding:9px 12px;border-radius:8px!important;color:#fff!important;text-align:center}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);max-width:1180px;margin:auto;padding:17px 24px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#91a7b1}.reveal{animation:rise .65s ease both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:30px}.form{background:#fff;border:1px solid var(--line);padding:30px;border-radius:16px;box-shadow:var(--shadow)}label{font-weight:700;color:var(--navy);display:block;margin:13px 0 6px}input,textarea,select{width:100%;padding:12px;border:1px solid #cbd9dd;border-radius:8px;font:inherit}textarea{min-height:140px}.form button{margin-top:18px;border:0;cursor:pointer}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{background:var(--soft);border:1px solid var(--line);padding:7px 11px;border-radius:999px;color:var(--navy);font-size:13px;font-weight:700}.diagram{background:linear-gradient(135deg,#0b2638,#087f83);border-radius:18px;padding:30px;color:#fff;min-height:250px;display:flex;align-items:center;justify-content:center;text-align:center}.diagram strong{font-size:28px;display:block}.mobile-only{display:none}@media(max-width:1050px){.main-nav{gap:0}.main-nav>a,.nav-drop>button{font-size:13px;padding:11px 7px}.nav-cta{padding:10px 11px!important}.brand img{width:155px}}@media(max-width:850px){.nav-wrap{padding:10px 18px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:10px 18px;box-shadow:var(--shadow);max-height:calc(100vh - 65px);overflow:auto}.main-nav.open{display:block}.main-nav>a,.nav-drop>button{display:block;width:100%;text-align:left;padding:13px 10px}.nav-drop{border-top:1px solid var(--line)}.drop-menu{position:static;display:block;box-shadow:none;border:0;padding:0 0 8px 15px;min-width:0}.drop-menu a{padding:8px}.nav-cta{margin:10px 0!important;text-align:center!important}.grid,.grid.two,.split,.contact-grid{grid-template-columns:1fr}.stat-row{grid-template-columns:repeat(2,1fr)}.hero{padding:65px 20px}.container{padding:55px 20px}.page-hero{padding:38px 20px}.page-hero h1{font-size:38px}.footer-grid{grid-template-columns:1fr 1fr;padding:45px 20px}.footer-bottom{padding:15px 20px;display:block}.footer-bottom span{display:block;margin:4px 0}}@media(max-width:500px){.brand img{width:145px}.hero h1{font-size:38px}.hero p{font-size:17px}.section-head h2{font-size:29px}.stat-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}
.page-visual{padding:28px 24px 0;background:#fff}.page-visual-inner{max-width:1180px;margin:auto;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#f7fbfb;box-shadow:0 10px 30px rgba(11,38,56,.06)}.page-visual img{display:block;width:100%;max-height:430px;object-fit:cover}.home-visual{padding:34px 24px 0;background:#fff}.home-visual-inner{max-width:1180px;margin:auto;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.home-visual img{display:block;width:100%;height:auto}.partner-card .partner-logo{width:150px;height:72px;object-fit:contain;object-position:left center;margin-bottom:12px}.partner-highlight{display:flex;align-items:center;gap:30px;padding:24px 28px;margin-bottom:38px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#f7fbfb,#fff);box-shadow:0 8px 25px rgba(11,38,56,.05)}.partner-highlight img{width:210px;height:105px;object-fit:contain;background:#fff;border-radius:10px}.partner-highlight h2{margin:0 0 6px;color:var(--navy)}.partner-highlight p{margin:0 0 10px;color:var(--muted)}.partner-highlight a{color:var(--teal);font-weight:800}.avolt-brand-panel{display:flex;align-items:center;gap:22px;padding:18px 22px;margin-bottom:30px;border:1px solid var(--line);border-radius:16px;background:#f8fbfc}.avolt-brand-panel img{width:180px;height:90px;object-fit:contain;background:#fff;border-radius:10px}.avolt-brand-panel strong{display:block;color:var(--navy);font-size:24px}.avolt-brand-panel span{display:block;color:var(--muted);margin-top:3px}@media(max-width:650px){.page-visual{padding:20px 18px 0}.home-visual{padding:24px 18px 0}.partner-highlight,.avolt-brand-panel{flex-direction:column;align-items:flex-start}.partner-highlight img{width:190px}.avolt-brand-panel img{width:170px}}
.partner-brand-visual{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.brand-visual-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(11,38,56,.06)}.brand-visual-card img{width:100%;height:300px;object-fit:contain;background:#f8fbfc;display:block}.brand-visual-card .caption{padding:15px 18px;color:var(--muted);font-size:13px}.partner-logo-hero{display:flex;align-items:center;gap:26px;padding:24px 28px;border:1px solid var(--line);border-radius:18px;background:#fff;margin-bottom:28px;box-shadow:0 8px 25px rgba(11,38,56,.05)}.partner-logo-hero img{width:230px;height:90px;object-fit:contain;background:#fff}.partner-logo-hero h2{margin:0;color:var(--navy)}.partner-logo-hero p{margin:4px 0 0;color:var(--muted)}@media(max-width:700px){.partner-brand-visual{grid-template-columns:1fr}.brand-visual-card img{height:250px}.partner-logo-hero{flex-direction:column;align-items:flex-start}.partner-logo-hero img{width:210px}}

/* MarlinTek responsive release overrides */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}

/* Premium partner-card interaction: intentionally limited to featured cards */
.partner-card,.partner-highlight{position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.partner-card::after,.partner-highlight::after{content:"";position:absolute;inset:-45% auto auto -20%;width:55%;height:180%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translateX(-120%) rotate(8deg);transition:transform .65s ease;pointer-events:none}
.partner-card:hover,.partner-highlight:hover{transform:translateY(-8px);box-shadow:0 22px 48px rgba(11,38,56,.14);border-color:#9fc9c8}
.partner-card:hover::after,.partner-highlight:hover::after{transform:translateX(300%) rotate(8deg)}
.partner-card .partner-logo{transition:transform .35s ease}
.partner-card:hover .partner-logo{transform:scale(1.04)}

/* Touch devices do not have hover: keep the interaction clean and stable */
@media (hover:none){.partner-card:hover,.partner-highlight:hover{transform:none;box-shadow:0 8px 25px rgba(11,38,56,.05)}.partner-card:hover::after,.partner-highlight:hover::after{transform:translateX(-120%) rotate(8deg)}}

/* Mobile-first navigation: one compact header + collapsible sections */
@media (max-width:850px){
  .site-header{position:sticky;top:0}
  .nav-wrap{min-height:68px;padding:9px 16px;gap:12px}
  .brand{max-width:calc(100% - 56px)}
  .brand img{width:155px;max-width:100%;height:auto}
  .menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-size:27px;line-height:1;padding:0;cursor:pointer;flex:0 0 44px}
  .main-nav{position:absolute;top:100%;left:0;right:0;display:none;margin:0;padding:8px 14px 18px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 18px 35px rgba(11,38,56,.14);max-height:calc(100vh - 68px);overflow-y:auto;overflow-x:hidden}
  .main-nav.open{display:block}
  .main-nav>a,.nav-drop>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px 10px;font-size:15px;text-align:left;color:var(--navy);white-space:normal}
  .main-nav>a{border-bottom:1px solid #edf2f3}
  .nav-drop{border-top:1px solid #edf2f3}
  .nav-drop>button{font-weight:700}
  .nav-drop>button span{transition:transform .2s ease}
  .nav-drop.open>button span{transform:rotate(180deg)}
  .drop-menu{position:static;display:none;min-width:0;padding:2px 0 8px 12px;background:#f7fbfb;border:0;border-radius:8px;box-shadow:none}
  .nav-drop.open .drop-menu{display:block}
  .drop-menu a{display:block;padding:10px 10px;border-radius:6px;font-size:14px;color:#405661}
  .drop-menu a:hover{background:var(--mint);color:var(--teal)}
  .nav-cta{display:block!important;margin:14px 0 0!important;padding:13px 15px!important;text-align:center!important;border-radius:9px!important;background:var(--navy)!important;color:#fff!important}

  /* Mobile hero: prevent desktop-scale type and excessive empty space */
  .hero{padding:54px 20px 50px}
  .hero-inner{width:100%}
  .hero h1{font-size:clamp(34px,10vw,46px);line-height:1.08;margin:12px 0 17px;max-width:none}
  .hero p{font-size:17px;line-height:1.65;max-width:none}
  .eyebrow{font-size:10px;letter-spacing:.12em;line-height:1.5}
  .actions{margin-top:22px}
  .btn{width:100%;text-align:center;padding:13px 16px}

  .home-visual{padding:20px 16px 0}
  .home-visual-inner{border-radius:14px}
  .home-visual img{width:100%;height:auto;display:block}
  .container{padding:48px 18px}
  .section-head{margin-bottom:26px}
  .section-head h2{font-size:29px;line-height:1.2}
  .section-head p{font-size:16px;line-height:1.65}
  .grid{gap:16px}
  .card{padding:22px;border-radius:14px}
  .card h3{font-size:20px}
  .card p{font-size:15px;line-height:1.65}
  .partner-highlight,.avolt-brand-panel,.partner-logo-hero{padding:20px}
  .partner-brand-visual{grid-template-columns:1fr}
  .brand-visual-card img{height:240px}
  .page-visual{padding:18px 16px 0}
  .page-visual-inner{border-radius:14px}
  .page-visual img{max-height:none;object-fit:contain}
  .page-hero{padding:32px 18px 40px}
  .page-hero h1{font-size:36px}
  .page-hero p{font-size:16px}
  .breadcrumb{padding:12px 18px;font-size:12px;overflow-x:auto;white-space:nowrap}
  .footer-grid{grid-template-columns:1fr;padding:42px 18px;gap:28px}
  .footer-bottom{padding:15px 18px}
}

@media (max-width:500px){
  .nav-wrap{min-height:64px;padding:8px 14px}
  .brand img{width:150px}
  .menu-toggle{width:42px;height:42px;flex-basis:42px}
  .main-nav{max-height:calc(100vh - 64px)}
  .hero{padding:46px 18px 44px}
  .hero h1{font-size:36px}
  .hero p{font-size:16px}
  .home-visual{padding:16px 14px 0}
  .home-visual-inner{border-radius:12px}
  .container{padding:44px 16px}
  .section-head h2{font-size:28px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* MARLINTEK VISUAL MASTER — based on oldMarlinTek.zip */
:root{
 --navy:#061A5C;--navy2:#0A2B80;--teal:#168A63;--green:#00CC33;
 --orange:#FF6600;--blue:#0000FF;--mint:#E9F9EE;--ink:#172033;
 --muted:#5E6B7E;--line:#DCE5F2;--soft:#F5F9FF;--white:#fff;
 --shadow:0 18px 45px rgba(6,26,92,.10)
}
body{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink)}
.top-strip{background:var(--navy);color:#fff;font-size:13px}
.top-strip-inner{max-width:1240px;margin:auto;padding:8px 24px;display:flex;justify-content:space-between}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);backdrop-filter:none}
.nav-wrap{max-width:1240px;margin:auto;padding:10px 24px;display:flex;align-items:center;gap:28px;min-height:82px}
.brand img{width:178px;height:auto;display:block}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.main-nav>a,.nav-drop>button{font:600 14px inherit;color:var(--navy);padding:29px 11px;border:0;background:none;cursor:pointer;white-space:nowrap;position:relative}
.main-nav>a:hover,.nav-drop>button:hover{color:var(--blue)}
.main-nav>a:after,.nav-drop>button:after{content:"";position:absolute;left:11px;right:100%;bottom:18px;height:3px;background:var(--orange);transition:.2s}
.main-nav>a:hover:after{right:11px}
.nav-drop{position:relative}
.drop-menu{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px}
.drop-menu a:hover{background:#E9F9EE;color:var(--teal)}
.nav-cta{background:var(--blue)!important;color:#fff!important;border-radius:6px;padding:12px 16px!important;margin-left:8px}
.accent-line{height:5px;background:linear-gradient(90deg,var(--blue) 0 42%,var(--orange) 42% 70%,var(--green) 70% 100%)}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#F5F9FF 58%,#EAF2FF 100%);color:var(--ink);padding:92px 24px 105px}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.15;pointer-events:none}
.hero:before{width:360px;height:360px;background:var(--blue);right:-140px;top:-150px}
.hero:after{width:260px;height:260px;background:var(--green);right:160px;bottom:-190px}
.hero-inner{position:relative;z-index:2;max-width:1180px;margin:auto}
.hero .eyebrow{color:#168A63}
.hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.04;max-width:980px;color:var(--navy);letter-spacing:-2px;margin:16px 0 22px}
.hero h1 span{color:#168A63}
.hero p{font-size:19px;max-width:850px;color:#40506A}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{background:var(--blue);color:#fff;border-radius:6px;padding:13px 20px}
.btn.alt{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.section-head h2,.split h2,.prose h3,.card h3,.page-hero h1{color:var(--navy)}
.card{border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(6,26,92,.05)}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b8cbe8}
.band{background:var(--soft)}
.page-hero{background:linear-gradient(115deg,#F5F9FF,#fff);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:48px}
.site-footer{background:#06133E;color:#DCE7FF}
.footer-logo{width:190px;background:#fff;border-radius:8px;padding:5px}
.site-footer a{color:#C6D5EF}
.menu-toggle{display:none}
@media(max-width:900px){
 .top-strip-inner{display:block;text-align:center}
 .top-strip-inner span+span{display:none}
 .menu-toggle{display:block}
 .main-nav{display:none;position:absolute;top:82px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:10px;flex-direction:column;align-items:stretch;gap:0}
 .main-nav.open{display:flex}
 .main-nav>a,.nav-drop>button{padding:12px 14px}
 .main-nav>a:after,.nav-drop>button:after{display:none}
 .nav-drop .drop-menu{position:static;box-shadow:none;border:0;display:none}
 .nav-drop.open .drop-menu{display:block}
 .nav-cta{margin:8px 0 0}
 .hero{padding:60px 24px 70px}
 .hero h1{font-size:45px;letter-spacing:-1.5px}
}
@media(max-width:600px){
 .nav-wrap{min-height:70px}
 .main-nav{top:70px}
 .brand img{width:175px}
 .hero h1{font-size:40px}
 .page-hero h1{font-size:38px}
}

/* Canonical site-wide header/footer system */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:82px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{display:block;width:190px;height:auto;max-height:48px;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:24px}
.main-nav>a,.main-nav .nav-drop>button{font:650 15px Inter,Segoe UI,Arial,sans-serif;color:var(--deep-blue);background:none;border:0;padding:29px 0;position:relative;cursor:pointer;white-space:nowrap}
.main-nav>a:hover,.main-nav .nav-drop>button:hover{color:var(--blue)}
.nav-rfq{background:var(--green)!important;color:#05230D!important;padding:11px 15px!important;border-radius:8px}
.nav-drop{position:relative}
.drop-menu{position:absolute;top:70px;left:-12px;min-width:245px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px rgba(6,26,92,.14);padding:8px;display:none;z-index:200}
.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{display:block}
.drop-menu a{display:block;padding:10px 12px;color:var(--deep-blue);border-radius:7px;font-size:14px;line-height:1.35}
.drop-menu a:hover{background:var(--soft);color:var(--blue)}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;font-size:21px;color:var(--deep-blue)}
.accent-line{height:5px;background:linear-gradient(90deg,var(--blue) 0 42%,var(--orange) 42% 70%,var(--green) 70% 100%)}
@media(max-width:1050px){
 .main-nav{gap:14px}
 .main-nav>a,.main-nav .nav-drop>button{font-size:14px}
}
@media(max-width:900px){
 .menu-toggle{display:block}
 .main-nav{display:none;position:absolute;left:14px;right:14px;top:82px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(6,26,92,.14);padding:8px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 100px);overflow:auto}
 .main-nav.open{display:flex}
 .main-nav>a,.main-nav .nav-drop>button{padding:12px 14px;width:100%;text-align:left}
 .nav-drop .drop-menu{position:static;display:none;box-shadow:none;border:0;padding:0 0 6px;min-width:0}
 .nav-drop.open .drop-menu{display:block}
 .nav-drop.open>button{background:var(--soft);border-radius:7px}
 .drop-menu a{padding:10px 20px}
 .nav-rfq{text-align:center!important;margin:8px 0!important;width:auto!important}
}
@media(max-width:600px){
 .nav-wrap{min-height:70px}
 .main-nav{top:70px}
 .brand img{width:175px;max-height:44px}
}

/* HARDENED FOOTER LOGO — intentionally different class from legacy .footer-logo */
.site-footer .footer-brand-logo {
    display:block !important;
    width:190px !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    margin:0 0 18px 0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    object-fit:contain !important;
    opacity:1 !important;
}
@media(max-width:700px){
 .site-footer .footer-brand-logo{width:175px !important}
}


/* Isabellenhütte product-area hub — inspired by the clear product-area pattern, not copied from the manufacturer site */
.ih-intro{max-width:980px;margin:0 auto 34px;color:var(--muted);font-size:1.05rem;line-height:1.75}
.ih-product-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0 54px}
.ih-area-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(6,26,92,.06);display:flex;flex-direction:column;min-width:0}
.ih-area-art{height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4f8fc,#e8f3f8);padding:18px}
.ih-area-art svg{width:100%;height:100%;max-width:220px}
.ih-area-copy{padding:22px;display:flex;flex-direction:column;flex:1}
.ih-area-copy h3{margin:0 0 10px;color:var(--deep-blue);font-size:1.28rem}
.ih-area-copy p{margin:0 0 18px;line-height:1.65;color:var(--muted)}
.ih-area-copy a,.ih-product-link{margin-top:auto;font-weight:700;color:var(--blue);text-decoration:none}
.ih-area-copy a:hover,.ih-product-link:hover{text-decoration:underline}
.ih-detail-section{padding:28px 0;border-top:1px solid var(--line)}
.ih-detail-section h2{color:var(--deep-blue);margin:0 0 12px}
.ih-detail-section p{line-height:1.75;color:var(--muted);max-width:1000px}
.ih-featured-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center;background:linear-gradient(135deg,#f5f9fc,#fff);border:1px solid var(--line);border-radius:18px;padding:26px;margin:24px 0 30px}
.ih-featured-product img{width:100%;max-height:300px;object-fit:contain;background:#fff;border-radius:12px;padding:12px}
.ih-featured-product h3{margin:0 0 10px;color:var(--deep-blue);font-size:1.45rem}
.ih-featured-product p{line-height:1.7;color:var(--muted)}
.ih-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
.ih-detail-card{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff}
.ih-detail-card h3{margin:0 0 8px;color:var(--deep-blue)}
.ih-detail-card p{margin:0 0 10px}
.ih-tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ih-tag-row span{font-size:.86rem;padding:6px 10px;background:#eef6fa;border-radius:999px;color:var(--deep-blue)}
.ih-source-note{font-size:.88rem;color:var(--muted);border-left:3px solid var(--orange);padding:10px 14px;background:#fbfcfe;margin:24px 0}
.magnetics-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0 38px}
.magnetics-gallery figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.magnetics-gallery img{display:block;width:100%;height:190px;object-fit:contain;background:#f7f7f7;padding:8px}
.magnetics-gallery figcaption{font-size:.9rem;color:var(--deep-blue);padding:11px 12px;line-height:1.4}
@media(max-width:850px){.ih-product-areas{grid-template-columns:1fr}.ih-area-art{height:125px}.ih-featured-product{grid-template-columns:1fr}.ih-detail-grid{grid-template-columns:1fr}.magnetics-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.magnetics-gallery{grid-template-columns:1fr}.magnetics-gallery img{height:220px}.ih-featured-product{padding:16px}}


/* MarlinTek infographic sections: each source graphic is kept independent for responsive display. */
.marlintek-infographic-section{padding:24px 18px;background:#fff;}
.marlintek-infographic-section--soft{background:#f4f9fc;}
.marlintek-infographic-inner{width:min(1500px,100%);margin:0 auto;}
.marlintek-infographic-inner img{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px;}
@media(max-width:700px){.marlintek-infographic-section{padding:14px 8px}.marlintek-infographic-inner img{border-radius:6px}}
/* Small lettermark accent on inner-page hero panels; the full wordmark remains in the site header. */
.page-hero-inner{position:relative;padding-right:100px;}
.page-hero-inner:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:76px;height:76px;background:url('../images/brand/marlintek-lettermark.png') center/contain no-repeat;opacity:.9;pointer-events:none;}
@media(max-width:650px){.page-hero-inner{padding-right:0}.page-hero-inner:after{width:42px;height:42px;right:0;top:0;transform:none;opacity:.55}.page-hero-inner h1,.page-hero-inner p{max-width:calc(100% - 42px)}}

/* Customer-requested MarlinTek single-letter mark on inner-page hero sections */
.page-hero-inner{position:relative;isolation:isolate;padding-right:clamp(105px,16vw,210px)}
.page-hero-lettermark{position:absolute;z-index:-1;right:0;top:50%;transform:translateY(-50%);width:clamp(88px,12vw,165px);height:auto;max-height:85%;object-fit:contain;opacity:.22;pointer-events:none}
@media(max-width:640px){.page-hero-inner{padding-right:0;padding-bottom:72px}.page-hero-lettermark{width:70px;right:0;top:auto;bottom:8px;transform:none;opacity:.18}}


/* Homepage: detailed customer-requested content sections (v3) */
.portfolio-overview{padding-top:54px;padding-bottom:34px}
.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.portfolio-card{position:relative;padding:28px 24px 25px;border-top:3px solid #0d9fca;min-height:245px}
.portfolio-index,.step-number,.value-symbol{display:inline-flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.02em}
.portfolio-index{width:38px;height:38px;border-radius:50%;background:#e6f7fc;color:#087aa9;margin-bottom:16px}
.detail-section{padding:72px 0}
.detail-section--blue{background:linear-gradient(135deg,#f1f8fd 0%,#f8fbfe 58%,#edf7fc 100%);border-top:1px solid #e1eef6;border-bottom:1px solid #e1eef6}
.detail-section-heading{max-width:900px;margin:0 auto 34px;text-align:center}
.detail-section-heading .eyebrow{display:block;margin-bottom:10px;color:#008bb8;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.detail-section-heading h2{margin:0 0 14px;color:#08275e;font-size:clamp(2rem,3vw,2.7rem);line-height:1.12}
.detail-section-heading p{max-width:820px;margin:0 auto;color:#4b6078;font-size:1.03rem;line-height:1.75}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.process-card,.value-card,.application-card{background:#fff;border:1px solid #dce8f1;border-radius:16px;padding:26px 24px;box-shadow:0 10px 28px rgba(8,39,94,.055);min-width:0}
.process-card{border-top:4px solid #079fc8}
.process-card:nth-child(3n+2){border-top-color:#11b89b}.process-card:nth-child(3n){border-top-color:#f18a24}
.step-number{width:42px;height:42px;border-radius:13px;background:#e8f7fc;color:#087ca6;font-size:1rem;margin-bottom:17px}
.process-card h3,.value-card h3,.application-card h3{color:#08275e;font-size:1.16rem;line-height:1.35;margin:0 0 12px}
.process-card p,.value-card p,.application-card p{color:#52657a;line-height:1.7;margin:0 0 13px}
.process-card ul,.application-card ul{padding-left:18px;margin:12px 0 0;color:#334b64;line-height:1.65}
.process-card li,.application-card li{margin:5px 0}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.value-card{padding:28px 25px;border-top:3px solid #0b94c4}
.value-card:nth-child(2){border-top-color:#10b8a2}.value-card:nth-child(3){border-top-color:#1b74bd}.value-card:nth-child(4){border-top-color:#30b96b}.value-card:nth-child(5){border-top-color:#f28b25}
.value-symbol{width:42px;height:42px;border-radius:50%;background:#edf7fc;color:#0a6598;margin-bottom:16px}
.value-card h4{font-size:.88rem;text-transform:uppercase;letter-spacing:.06em;color:#0b8aaf;margin:20px 0 7px}
.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.application-card{position:relative;padding-top:25px}
.application-code{display:inline-flex;padding:6px 10px;border-radius:7px;background:#e8f6fb;color:#007da7;font-size:.75rem;font-weight:800;letter-spacing:.08em;margin-bottom:15px}
.application-card:nth-child(3n+2) .application-code{background:#e8f8f2;color:#087d66}.application-card:nth-child(3n) .application-code{background:#fff1e5;color:#a75309}
.section-cta{margin-top:34px;padding:25px 28px;border-radius:14px;background:#09255d;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}
.section-cta p{margin:0;font-weight:700;font-size:1.1rem}.section-cta .btn{flex-shrink:0}
.why-marlintek-section{padding-top:64px;padding-bottom:70px}
@media(max-width:900px){.portfolio-grid,.process-grid,.value-grid,.application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-section{padding:56px 0}}
@media(max-width:600px){.portfolio-overview{padding-top:36px}.portfolio-grid,.process-grid,.value-grid,.application-grid{grid-template-columns:1fr;gap:14px}.process-card,.value-card,.application-card,.portfolio-card{padding:22px 20px;min-height:0}.detail-section{padding:42px 0}.detail-section-heading{text-align:left;margin-bottom:24px}.detail-section-heading p{font-size:.98rem}.section-cta{align-items:flex-start;flex-direction:column;padding:22px}.section-cta .btn{width:100%;text-align:center;justify-content:center}}


/* MarlinTek responsive QA pass — mobile-first hardening, 29 Oct 2026 */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;margin:0;overflow-wrap:anywhere}
img,svg,video,canvas,iframe{max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit;max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
main,section,header,footer,nav,article,aside{min-width:0}
.container,.page-hero-inner,.hero-inner,.nav-wrap,.footer-grid,.footer-bottom{width:100%;min-width:0}
.grid,.contact-grid,.footer-grid,.cards,.card-grid,.feature-grid,.partner-grid,.resource-grid,.technology-grid{min-width:0}
.card,.panel,.form,.grid>* ,.contact-grid>* ,.footer-grid>*{min-width:0}
.table-wrap,.table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%;border-collapse:collapse}
pre,code{white-space:pre-wrap;overflow-wrap:anywhere}

@media(max-width:900px){
 .nav-wrap{position:relative;padding:10px 18px;gap:12px;justify-content:space-between}
 .site-header{z-index:100}
 .site-header .brand-lockup{max-width:calc(100% - 58px)}
 .site-header .brand-lockup .brand-full-logo{width:min(205px,100%);max-height:42px;object-fit:contain}
 .menu-toggle{flex:0 0 auto;min-width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer;border-radius:8px}
 .main-nav{top:calc(100% + 1px);left:12px;right:12px;max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;z-index:120;padding:10px;gap:2px}
 .main-nav>a,.nav-drop>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;text-align:left;white-space:normal;line-height:1.35}
 .nav-drop{width:100%}
 .nav-drop .drop-menu{width:100%;min-width:0;padding:4px 8px}
 .drop-menu a{min-height:40px;line-height:1.35;white-space:normal}
 .nav-cta{justify-content:center!important;text-align:center!important}
 .hero{padding:48px 20px 54px}
 .hero h1{font-size:clamp(32px,6vw,45px);overflow-wrap:normal}
 .page-hero{padding:42px 20px}
 .page-hero h1{font-size:clamp(30px,5.5vw,40px);overflow-wrap:normal}
 .container{padding:48px 20px}
 .section-head h2{font-size:clamp(27px,4.5vw,36px)}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact-grid{grid-template-columns:1fr;gap:22px}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:38px 20px}
 .footer-bottom{padding:16px 20px;flex-wrap:wrap}
 .actions{gap:10px}
 .btn,.actions .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
}
@media(max-width:600px){
 body{font-size:15px}
 .top-strip{font-size:11px;line-height:1.4}
 .top-strip-inner{padding:7px 12px}
 .nav-wrap{padding:9px 14px;min-height:64px}
 .site-header .brand-lockup{max-width:calc(100% - 54px)}
 .site-header .brand-lockup .brand-full-logo{width:min(175px,100%);max-height:38px}
 .main-nav{left:8px;right:8px;max-height:calc(100dvh - 76px)}
 .hero{padding:38px 17px 42px}
 .hero h1{font-size:clamp(29px,8.5vw,38px);line-height:1.12;letter-spacing:-.8px}
 .hero p{font-size:16px;line-height:1.6}
 .page-hero{padding:34px 17px}
 .page-hero h1{font-size:clamp(28px,8vw,36px);line-height:1.15}
 .container{padding:38px 16px}
 .section-head{margin-bottom:24px}
 .section-head h2{font-size:clamp(25px,7vw,31px)}
 .section-head p{font-size:15px;line-height:1.6}
 .grid,.cards,.card-grid,.feature-grid,.partner-grid,.resource-grid,.technology-grid{grid-template-columns:1fr}
 .card,.panel{padding:18px}
 .actions{display:grid;grid-template-columns:1fr;width:100%}
 .actions .btn,.btn{width:100%;max-width:100%;padding:12px 14px}
 .contact-grid{grid-template-columns:minmax(0,1fr)}
 .form{padding:18px}
 input,select,textarea{width:100%;min-width:0}
 .footer-grid{grid-template-columns:1fr;padding:30px 16px;gap:18px}
 .footer-grid>div:first-child{grid-column:auto}
 .footer-brand-logo,.footer-logo{max-width:175px}
 .footer-bottom{padding:14px 16px;flex-direction:column;align-items:center;text-align:center;font-size:11px;gap:8px}
 .site-footer a{min-height:30px;display:block;line-height:1.5}
 .table-wrap,.table-responsive{margin-right:-4px}
}
@media(max-width:380px){
 .site-header .brand-lockup .brand-full-logo{width:145px}
 .nav-wrap{padding-left:10px;padding-right:10px}
 .container{padding-left:13px;padding-right:13px}
 .hero h1{font-size:29px}
 .page-hero h1{font-size:27px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Footer bottom: three balanced zones, with VKEC credit at the far right. */
.site-footer .footer-bottom{max-width:1180px;margin:0 auto;padding:13px 24px;display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:12px;font-size:10px;line-height:1.45;color:#91a7b1;border-top:1px solid rgba(255,255,255,.12)}
.site-footer .footer-bottom-left{text-align:left}
.site-footer .footer-bottom-center{text-align:center}
.site-footer .footer-bottom-right{text-align:right;white-space:nowrap;font-size:9px;color:#91a7b1}
.site-footer .footer-bottom-right a{display:inline!important;margin:0!important;font-size:9px!important;color:#8fe0c0!important;font-weight:600;text-decoration:none}
.site-footer .footer-bottom-right a:hover,.site-footer .footer-bottom-right a:focus{text-decoration:underline}
@media(max-width:760px){.site-footer .footer-bottom{grid-template-columns:1fr;gap:5px;text-align:center;padding:12px 16px}.site-footer .footer-bottom-left,.site-footer .footer-bottom-center,.site-footer .footer-bottom-right{text-align:center;white-space:normal}.site-footer .footer-bottom-right{font-size:9px}}