
:root{--navy:#062f63;--red:#ef233c;--gray:#68717c;--light:#f5f7fa;--dark:#062b57;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17283d;background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{height:88px;background:#fff;border-bottom:1px solid #e5e9ee;display:flex;align-items:center;position:sticky;top:0;z-index:50}.header-inner{display:grid;grid-template-columns:320px 1fr auto;gap:28px;align-items:center;width:min(var(--max),calc(100% - 48px));margin:auto}.brand-logo{width:225px;max-height:66px;object-fit:contain}.main-nav{display:flex;justify-content:center;gap:34px;align-items:center}.main-nav a{font-weight:700;font-size:13px;letter-spacing:.8px;color:#293b52;padding:34px 0 28px;border-bottom:3px solid transparent}.main-nav a.active{color:var(--navy);border-bottom-color:var(--red)}.quote-btn,.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--navy);font-weight:800;font-size:13px;letter-spacing:.3px;cursor:pointer}.quote-btn,.btn.primary{background:var(--navy);color:white}.btn.secondary{background:#fff;color:var(--navy)}.btn:hover,.quote-btn:hover{transform:translateY(-1px)}.mobile-toggle{display:none;background:none;border:0;font-size:28px;color:var(--navy)}
.hero{min-height:560px;border-bottom:1px solid #e4e9ef;background:#fff}.hero-grid{display:grid;grid-template-columns:48% 52%;min-height:560px}.hero-copy{padding:90px max(40px,calc((100vw - var(--max))/2)) 72px max(40px,calc((100vw - var(--max))/2));padding-right:52px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-copy:after{content:"";position:absolute;right:-100px;top:0;width:280px;height:100%;background:linear-gradient(145deg,transparent 0 45%,rgba(6,47,99,.025) 45% 60%,transparent 60%)}.hero h1{font-size:56px;line-height:1.02;margin:0 0 22px;color:var(--navy);letter-spacing:-2px;max-width:650px}.hero p{font-size:18px;color:#4d5d70;margin:0 0 28px;max-width:650px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-image{min-height:560px;background-size:cover;background-position:center}.section{padding:74px 0}.section.compact{padding:52px 0}.section.alt{background:#f7f9fb}.section-title{font-size:34px;color:var(--navy);margin:0 0 12px;line-height:1.1}.section-intro{color:#627083;max-width:760px;margin:0 0 34px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--red);margin-bottom:12px}.cap-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cap-card{border:1px solid #dfe5eb;background:#fff;min-width:0;transition:.2s}.cap-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(4,44,85,.08)}.cap-photo{aspect-ratio:1.8/1;overflow:hidden;background:#f0f2f5}.cap-photo img{width:100%;height:100%;object-fit:cover}.cap-body{padding:18px 12px 20px;text-align:center}.cap-icon{font-size:23px;color:var(--navy);height:34px}.cap-card h3{font-size:16px;color:var(--navy);margin:7px 0}.cap-card p{font-size:13px;color:#596677;margin:0;line-height:1.4}.why-wrap{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:center}.why-intro h2{font-size:30px;color:var(--navy);margin:0 0 8px}.why-intro p{margin:0;color:#607086}.why-grid{display:grid;grid-template-columns:repeat(4,1fr)}.why-item{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:10px 24px;border-left:1px solid #cfd7e0}.why-icon{width:48px;height:48px;border:2px solid var(--navy);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--navy);font-weight:900;font-size:21px}.why-item h4{margin:2px 0 5px;color:var(--navy)}.why-item p{font-size:12px;color:#5e6b7c;margin:0}.cta-band{background:var(--navy);color:#fff;padding:52px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{font-size:30px;margin:0 0 8px}.cta-inner p{margin:0;color:#dce6f1;max-width:760px}.cta-band .btn{border-color:#fff;background:#fff;color:var(--navy);white-space:nowrap}
.page-hero{padding:74px 0;background:linear-gradient(135deg,#f7f9fc 0,#fff 65%);border-bottom:1px solid #e5e9ef}.page-hero h1{font-size:48px;line-height:1.05;color:var(--navy);margin:0 0 18px;max-width:820px}.page-hero p{font-size:18px;color:#5b697b;max-width:800px;margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-image img{width:100%;height:440px;object-fit:cover}.about-copy p{color:#566579;font-size:17px}.mission{border-left:4px solid var(--red);padding:8px 0 8px 24px;margin-top:28px}.mission h3{color:var(--navy);margin:0 0 6px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-card{padding:26px;border:1px solid #dfe5eb;background:#fff}.value-card h3{color:var(--navy);margin:10px 0 7px}.value-card p{font-size:14px;color:#5b6878;margin:0}.value-icon{font-size:28px;color:var(--red)}
.product-list{display:grid;gap:24px}.product-row{display:grid;grid-template-columns:340px 1fr;border:1px solid #dfe5eb;background:#fff;overflow:hidden}.product-row:nth-child(even){grid-template-columns:1fr 340px}.product-row:nth-child(even) .product-row-image{order:2}.product-row-image{min-height:250px;background:#f2f4f7}.product-row-image img{width:100%;height:100%;object-fit:cover}.product-row-body{padding:34px}.product-row h2{color:var(--navy);margin:0 0 10px}.product-row p{color:#596777;margin:0 0 16px}.product-row ul{columns:2;margin:0;padding-left:20px;color:#4d5d70}.product-row li{margin:6px 0}
.line-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.line-card{border:1px solid #dfe5eb;padding:26px;background:#fff}.line-card-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.line-card-icon{color:var(--red);font-size:25px}.line-card h3{margin:0;color:var(--navy)}.line-card ul{margin:12px 0 0;padding-left:20px;color:#556476}.note-box{margin-top:36px;padding:34px;background:#f6f8fb;border-left:4px solid var(--red);display:flex;justify-content:space-between;align-items:center;gap:24px}.note-box h2{color:var(--navy);margin:0 0 6px}.note-box p{margin:0;color:#5d6b7b}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px}.contact-info h2,.contact-form h2{color:var(--navy);margin-top:0}.contact-list{display:grid;gap:20px;margin-top:28px}.contact-item{padding-bottom:18px;border-bottom:1px solid #e1e6ec}.contact-item strong{display:block;color:var(--navy);margin-bottom:4px}.contact-form{border:1px solid #dfe5eb;padding:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800;color:#33465d}.field input,.field textarea{width:100%;border:1px solid #cfd7df;padding:12px;background:#fff}.field textarea{min-height:150px;resize:vertical}.form-note{font-size:12px;color:#778392;margin-top:12px}
.site-footer{background:var(--dark);color:#fff;padding:44px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer-logo{background:#fff;padding:10px;width:230px;margin-bottom:18px}.footer-summary{color:#d7e1ec;max-width:430px}.footer-heading{font-size:13px;letter-spacing:1px;color:#fff;margin:0 0 15px}.footer-links{display:grid;gap:8px}.footer-links a,.footer-contact{color:#d6e0eb;font-size:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:30px;padding-top:18px;color:#aebed0;font-size:12px;display:flex;justify-content:space-between;gap:20px}
/* Editor */.editor-page{background:#f3f5f8}.editor-shell{width:min(1200px,calc(100% - 40px));margin:30px auto}.editor-card{background:white;border:1px solid #dce2e8;padding:28px;margin-bottom:18px}.editor-card h1,.editor-card h2{color:#062f63}.editor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.editor-field{display:grid;gap:6px}.editor-field label{font-size:12px;font-weight:800;color:#4b5d71}.editor-field input,.editor-field textarea{border:1px solid #cbd4de;padding:10px}.editor-field textarea{min-height:100px}.editor-actions{position:sticky;bottom:0;background:#062f63;padding:14px;display:flex;gap:12px;z-index:10}.editor-actions button{background:white;color:#062f63;border:0;padding:12px 18px;font-weight:800}.image-editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.image-editor{border:1px solid #dce2e8;padding:12px}.image-editor img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#eee;margin-bottom:10px}.image-editor button{margin-top:8px;width:100%;padding:9px;border:0;background:#062f63;color:white;font-weight:700}
@media(max-width:1100px){.header-inner{grid-template-columns:250px 1fr auto}.main-nav{gap:18px}.cap-grid{grid-template-columns:repeat(3,1fr)}.why-wrap{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.site-header{height:auto;min-height:76px}.header-inner{grid-template-columns:1fr auto;padding:10px 0}.brand-logo{width:180px}.main-nav,.header-quote{display:none}.mobile-toggle{display:block}.main-nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:10px 24px 22px;border-bottom:1px solid #dfe5eb}.main-nav.open a{padding:12px 0}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:58px 24px}.hero h1{font-size:42px}.hero-image{min-height:330px}.container{width:min(100% - 32px,var(--max))}.cap-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr}.why-item{border-left:0;border-top:1px solid #d5dce4;padding:18px 0}.cta-inner{align-items:flex-start;flex-direction:column}.page-hero h1{font-size:38px}.about-grid,.contact-grid{grid-template-columns:1fr}.product-row,.product-row:nth-child(even){grid-template-columns:1fr}.product-row:nth-child(even) .product-row-image{order:0}.product-row-image{min-height:220px}.line-grid{grid-template-columns:1fr}.note-box{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.image-editor-grid,.editor-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}
@media(max-width:520px){.cap-grid{grid-template-columns:1fr}.hero h1{font-size:36px}.section{padding:52px 0}.page-hero{padding:52px 0}.page-hero h1{font-size:34px}.product-row ul{columns:1}}

/* Final compatibility refinements */
.footer-logo{background:transparent!important;padding:0!important;width:210px;max-height:82px;object-fit:contain;margin-bottom:18px}
@media(max-width:820px){.footer-logo{width:185px;max-height:72px}}

/* Restored About Us value icons */
.value-icon{display:flex;align-items:center;justify-content:flex-start;min-height:44px;color:var(--navy)}
.value-icon svg{width:40px;height:40px;display:block;stroke:var(--navy);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.value-icon svg path,.value-icon svg circle{stroke:var(--navy)}
.value-icon svg [fill="none"]{fill:none}
