:root{--bg: #f4f7fb;--white: #ffffff;--navy: #0b1f35;--navy2: #123452;--slate: #5d6d7f;--text: #172234;--muted: #657589;--line: #d9e1ea;--accent: #0067b1;--accent2: #20a6b7;--soft: #eaf2fa;--panel: #f8fbff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.header{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;box-shadow:0 8px 28px #0b1f3512}.topbar{background:var(--navy);color:#dce8f5;font-size:13px}.topbar-inner{max-width:1280px;margin:auto;padding:8px 28px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.nav{max-width:1280px;margin:auto;padding:17px 28px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo-btn{cursor:pointer;border:0;background:transparent;padding:0;flex-shrink:0}.logo-img{display:block;width:auto}.logo-img-header{height:68px}.logo-img-footer{width:min(170px,100%);height:auto;margin-bottom:14px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr;gap:28px;align-items:start}.footer-brand{max-width:280px}.footer-tagline{color:#b8cce0;font-size:14px;margin:0;line-height:1.5}.footer-text{color:#dce8f5;font-size:14px;margin:6px 0 0;line-height:1.5}.footer strong{display:block;margin-bottom:4px}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:12px}.checklist li{position:relative;padding-left:28px;color:var(--muted);font-size:17px}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:900}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{background:var(--soft);color:var(--accent);padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700}.bullet-list{color:var(--muted);font-size:17px;padding-left:20px;margin:0}.bullet-list li{margin-bottom:10px}.tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.tab-btn{border:0;background:transparent;color:var(--navy);padding:11px 12px;border-radius:10px;font-weight:700;cursor:pointer;font-size:14px}.tab-btn:hover,.tab-btn.active{background:var(--soft);color:var(--accent)}.cta{background:var(--accent);color:#fff;border-radius:999px;padding:11px 18px;font-weight:800;cursor:pointer;border:0;font-size:14px}.mobile-menu-btn{display:none;border:0;background:var(--soft);color:var(--navy);width:44px;height:44px;border-radius:10px;cursor:pointer;font-size:22px;line-height:1;flex-shrink:0}.mobile-nav{display:none;background:var(--white);border-top:1px solid var(--line);padding:12px 28px 20px}.mobile-nav.open{display:block}.mobile-nav-btn{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--navy);padding:12px 14px;border-radius:10px;font-weight:700;cursor:pointer;font-size:15px}.mobile-nav-btn:hover,.mobile-nav-btn.active{background:var(--soft);color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:12px}.hero{background:linear-gradient(110deg,#0b1f35f0,#123452c7),url(https://www.coherent.com/content/dam/coherent/site/en/images/photography/forms/form-background.jpg) center/cover no-repeat;color:#fff;padding:90px 28px 70px}.container{max-width:1280px;margin:auto}.hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:46px;align-items:center}.kicker{color:#72d8e2;font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:900;margin-bottom:14px}h1{font-size:56px;line-height:1.03;margin:0 0 20px;letter-spacing:-1.8px}h2{font-size:38px;line-height:1.12;margin:0 0 15px;color:var(--navy);letter-spacing:-1px}h3{font-size:23px;margin:0 0 10px;color:var(--navy)}.lead{font-size:20px;color:#e8f3ff;margin:0 0 28px;max-width:760px}.text-muted{color:var(--muted)}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;padding:13px 18px;border-radius:999px;font-weight:800;border:1px solid rgba(255,255,255,.38);cursor:pointer;background:transparent;color:#fff;font-size:inherit;font-family:inherit}.button.primary{background:#fff;color:var(--navy);border:0}.hero-card{background:#fff;color:var(--text);border-radius:26px;overflow:hidden;box-shadow:0 24px 70px #0000003d}.hero-card .image{height:310px;background:center/cover no-repeat}.hero-card .body{padding:26px}.hero-card p{color:var(--muted);margin:0}.section{padding:70px 28px}.section.alt{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{max-width:880px;margin-bottom:34px}.section-head p{color:var(--muted);font-size:18px}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 10px 30px #0b1f350d}.card p{color:var(--muted);margin:0}.icon{width:46px;height:46px;background:var(--soft);color:var(--accent);display:grid;place-items:center;border-radius:14px;font-weight:900;margin-bottom:16px}.media-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 10px 30px #0b1f350d}.media-card .image{height:230px;background:var(--soft);overflow:hidden}.media-card .image img{width:100%;height:100%;object-fit:cover;display:block}.media-card .body{padding:24px}.media-card p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center}.visual{min-height:430px;border-radius:24px;background:center/cover no-repeat;position:relative;overflow:hidden;box-shadow:0 18px 55px #0b1f3521}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(11,31,53,.83))}.visual-caption{position:absolute;left:24px;right:24px;bottom:22px;color:#fff;z-index:2}.visual-caption strong{font-size:24px;display:block}.visual-caption span{color:#d9e7f7}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process.wide{grid-template-columns:repeat(8,1fr)}.step{background:var(--white);border:1px solid var(--line);padding:20px;border-radius:18px;min-height:125px}.step b{display:block;color:var(--accent);margin-bottom:8px}.info-band{background:var(--navy);color:#fff;border-radius:26px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.info-band h2{color:#fff}.info-band p{color:#dce8f5}.info-band-list{margin:18px 0 0}.info-band-list li{color:#dce8f5;font-size:15px}.info-band .button-row{margin-top:24px}.info-band .image-box.compact{height:300px;border-color:#ffffff24;box-shadow:0 18px 55px #00000038}.info-band .image-box.compact img{height:300px}.image-box{border-radius:24px;overflow:hidden;box-shadow:0 18px 55px #0b1f3521;border:1px solid var(--line)}.image-box:not(.compact){min-height:430px}.image-box img{width:100%;height:100%;object-fit:cover;display:block}.image-box:not(.compact) img{min-height:430px}.image-box.compact,.image-box.compact img{height:240px}.contact-split{align-items:start}.contact-sidebar{display:flex;flex-direction:column;gap:20px}.video-box{background:#06101f;border-radius:24px;overflow:hidden;border:1px solid #20364f;box-shadow:0 18px 55px #0000002e}.video-placeholder{height:330px;background:linear-gradient(135deg,#0067b147,#20a6b72e),url(https://www.compositeautomation.com/wp-content/uploads/hydrogen-tanks-mikrosam.jpg) center/cover no-repeat;display:grid;place-items:center;position:relative}.video-placeholder:before{content:"";position:absolute;inset:0;background:#050f1c5c}.play{position:relative;z-index:2;width:82px;height:82px;border-radius:50%;background:#fff;color:var(--accent);display:grid;place-items:center;font-size:34px;font-weight:900;box-shadow:0 8px 35px #00000047}.video-caption{padding:20px;color:#dce8f5}.list{columns:2;color:var(--muted);font-size:17px}.list li{margin:0 0 10px}.contact-card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 12px 40px #0b1f3512}.contact-card p{color:var(--muted);margin:0 0 8px}.contact-form-card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 12px 40px #0b1f3512;max-width:880px}.contact-form-card.minimal{padding:22px;border-radius:18px;box-shadow:0 10px 30px #0b1f350d;max-width:none}.contact-form-card h3{margin-top:0}.contact-form{display:grid;gap:14px}.contact-form-card.minimal .contact-form{gap:10px}.contact-form-card.minimal .contact-form input,.contact-form-card.minimal .contact-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;font-size:14px;color:var(--text);background:var(--white)}.contact-form-card.minimal .contact-form input::placeholder,.contact-form-card.minimal .contact-form textarea::placeholder{color:var(--muted)}.contact-form-card.minimal .contact-form textarea{resize:vertical;min-height:96px}.contact-form-card.minimal .contact-form input:focus,.contact-form-card.minimal .contact-form textarea:focus{outline:2px solid rgba(0,103,177,.2);border-color:var(--accent)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-field{display:grid;gap:6px}.form-field span{font-weight:700;color:var(--navy);font-size:13px}.contact-form-card.minimal .form-field span{font-weight:600;font-size:12px;color:var(--muted)}.form-field input,.form-field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;color:var(--text);background:var(--white)}.form-field textarea{resize:vertical;min-height:96px}.form-field input:focus,.form-field textarea:focus{outline:2px solid rgba(0,103,177,.2);border-color:var(--accent)}.form-submit{justify-self:start;cursor:pointer;padding:10px 18px;font-size:14px}.form-submit:disabled{opacity:.7;cursor:not-allowed}.form-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-feedback{margin:0;font-size:13px}.form-feedback.success{color:#1f7a3f}.form-feedback.error{color:#b42318}.footer{background:var(--navy);color:#dce8f5;padding:34px 28px}.footer-inner{max-width:1280px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.note{font-size:13px;color:var(--muted);margin-top:16px}@media(max-width:1000px){.tabs{display:none}.mobile-menu-btn{display:grid;place-items:center}.nav-actions .cta{display:none}.footer-grid,.hero-grid,.split,.grid.two,.grid.three,.grid.four,.process,.process.wide,.info-band{grid-template-columns:1fr}.logo-img-header{height:56px}.logo-img-footer{width:min(140px,100%)}h1{font-size:40px}h2{font-size:30px}.list{columns:1}.form-row{grid-template-columns:1fr}}