/*
Theme Name: PROSILEX
Description: Custom theme for the PROSILEX B2B inquiry site. VI V3.0 palette, Montserrat type.
Version: 1.0
*/
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/montserrat-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/montserrat-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/montserrat-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/montserrat-latin-700-normal.woff2') format('woff2')}
:root{--navy:#05224D;--signal:#0A62C8;--panel:#113461;--mist:#F2F5F8;--slate:#4A5B73;--cyan:#4FB3E8;--sand:#C8A27C}
*{box-sizing:border-box}
body{margin:0;font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--slate);background:#fff;line-height:1.7;font-size:16px}
a{color:var(--signal);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{color:var(--navy);line-height:1.3}
h1{font-size:2.2rem}
h2{font-size:1.6rem;margin-top:2.2rem}
h3{font-size:1.2rem}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.site-header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px;max-width:1180px;margin:0 auto}
.site-logo img{height:44px;width:auto;display:block}
.main-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.main-nav a{color:var(--navy);font-weight:600;font-size:.95rem}
.main-nav a:hover{color:var(--signal);text-decoration:none}
.btn{display:inline-block;background:var(--signal);color:#fff!important;padding:12px 26px;border-radius:4px;font-weight:600;border:0;cursor:pointer}
.btn:hover{background:var(--navy);text-decoration:none}
.btn-outline{background:transparent;color:var(--signal)!important;border:2px solid var(--signal)}
.btn-outline:hover{background:var(--signal);color:#fff!important}
.hero{background:linear-gradient(120deg,var(--navy),var(--panel));color:#fff;padding:64px 0}
.hero h1{color:#fff;font-size:2.6rem;margin:0 0 12px}
.hero p{font-size:1.15rem;max-width:720px;margin:0 0 24px;color:#dbe7f3}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap}
.section{padding:48px 0}
.section-mist{background:var(--mist)}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.card{background:#fff;border:1px solid #e2e8f0;border-top:5px solid var(--signal);border-radius:6px;padding:28px}
.card.cyan{border-top-color:var(--cyan)}
.card.sand{border-top-color:var(--sand)}
.card h3{margin-top:0}
.note{background:var(--mist);border-left:4px solid var(--signal);padding:16px 20px;margin:28px 0}
.page-wrap{padding:40px 0 64px}
.page-wrap h1:first-child{margin-top:0}
.site-footer{background:var(--navy);color:#c9d6e4;padding:44px 0 28px;margin-top:0}
.site-footer img{height:38px;width:auto}
.site-footer a{color:#fff}
.footer-inner{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;max-width:1080px;margin:0 auto;padding:0 24px}
.footer-note{max-width:1080px;margin:28px auto 0;padding:0 24px;font-size:.85rem;color:#8fa5bd}
.wpcf7-form label{display:block;margin:14px 0 4px;font-weight:600;color:var(--navy)}
.wpcf7-form input[type=text],.wpcf7-form input[type=email],.wpcf7-form select,.wpcf7-form textarea{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:4px;font-family:inherit;font-size:1rem}
.wpcf7-form textarea{min-height:140px}
.wpcf7-form input[type=submit]{background:var(--signal);color:#fff;padding:13px 30px;border:0;border-radius:4px;font-weight:600;cursor:pointer;font-size:1rem}
.wpcf7-form input[type=submit]:hover{background:var(--navy)}
.wpcf7-response-output{border-radius:4px!important}
@media(max-width:760px){.cards{grid-template-columns:1fr}.header-inner{flex-direction:column;align-items:flex-start}.hero h1{font-size:2rem}}