@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');
/*
Theme Name: Communics Strategic Solutions - V30 Clean Solution Style
Theme URI: https://communicss.com/
Author: Communics Strategic Solutions
Description: Clean Communics theme using the approved Solutions page visual language across Home and About Us.
Version: 30.0.0
*/
:root{
  --navy:#073f69; --navy-deep:#032f52; --navy-mid:#0a527f; --blue:#1f73aa; --sky:#55b8e8;
  --pale:#f3f8fb; --soft:#f7fafc; --ink:#16364f; --muted:#607583; --line:#d7e4eb; --white:#fff;
  --shadow:0 14px 34px rgba(4,42,72,.09); --radius:4px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.industry-modal-open{overflow:hidden}
a{color:var(--blue);text-decoration:none}a:hover{color:var(--navy)}
img{max-width:100%;height:auto;display:block}
.container{width:min(1180px,calc(100% - 48px));margin:0 auto}
h1,h2,h3,h4,h5,h6{font-family:Manrope,Arial,sans-serif;color:var(--navy-deep);line-height:1.1;letter-spacing:-.035em;margin-top:0}
h1,h2{font-weight:800}h3{font-weight:700}
.eyebrow{font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--blue)}

/* Header — shared across every page */
.site-header{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid #dce8ee;box-shadow:0 3px 16px rgba(9,56,87,.07)}
.nav-wrap{background:#fff}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:block;width:300px;line-height:0}.brand-logo{display:block;width:300px;height:auto;max-height:none;object-fit:contain;object-position:left center}
.site-header nav{display:block}.menu{display:flex;align-items:center;gap:42px;list-style:none;margin:0;padding:0}.menu li{margin:0}
.menu a{position:relative;display:block;color:var(--ink);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;padding:33px 0 30px}
.menu a:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.menu a:hover,.menu .current-menu-item a{color:var(--blue)}.menu a:hover:after,.menu .current-menu-item a:after{transform:scaleX(1)}
.menu-toggle{display:none;border:1px solid #c8d9e3;background:#fff;color:var(--navy);border-radius:4px;padding:9px 12px;font-weight:800}

/* Shared */
main{width:100%}.section{padding:74px 0}.section-alt{background:var(--soft)}.section-head{max-width:880px;margin-bottom:30px}.section-head h2{font-size:clamp(31px,3.3vw,44px);margin:8px 0 13px}.section-head p{font-size:15px;color:var(--muted);margin:0 0 7px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:45px;padding:12px 22px;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff!important;box-shadow:0 8px 20px rgba(11,120,189,.18)}.btn-primary:hover{background:#0a6298}.btn-outline{background:transparent;border-color:var(--blue);color:var(--blue)!important}.btn-light{background:#fff;color:var(--navy)!important}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}
.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-height:100%;box-shadow:0 7px 24px rgba(4,42,72,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b5d2e1}.card h3{font-size:20px;margin:10px 0 9px}.card p{font-size:14px;color:var(--muted);margin:0}.number{font:800 29px/1 Manrope;color:var(--sky)}

/* HOME — same editorial intro language as Solutions */
.hero-home{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(3,47,82,.97) 0%,rgba(4,63,104,.88) 48%,rgba(4,63,104,.48) 100%),url('assets/home-hero-hq.jpg');background-size:cover;background-position:center;padding:82px 0 78px;color:#fff}
.hero-home:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(3,47,82,.18),transparent 55%);pointer-events:none}
.hero-home .container{position:relative;z-index:2}.hero-home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:46px;align-items:center}.hero-home-copy{max-width:720px}
.hero-home .eyebrow{color:#8bd4f2;margin-bottom:12px}.hero-home h1{color:#fff;max-width:700px;font-size:clamp(38px,4.15vw,56px);line-height:1.08;margin:0 0 20px}.hero-home p{max-width:680px;color:#dcecf5;font-size:15px;line-height:1.75;margin:0}.hero-home .actions{margin-top:27px}.hero-home .btn-primary{background:transparent;border-color:rgba(255,255,255,.75);box-shadow:none;color:#fff!important}.hero-home .btn-primary:hover{background:rgba(85,184,232,.18);border-color:#8bd4f2}
.hero-home-visual{height:400px;border:1px solid rgba(255,255,255,.22);overflow:hidden;border-radius:4px;box-shadow:0 18px 45px rgba(0,0,0,.18);background:#123f5e}.hero-home-visual img{width:100%;height:100%;object-fit:cover;object-position:center}

/* HOME — Mission / Vision uses the same pale + bordered card language as Solutions */
.mission-vision{background:var(--pale);padding:62px 0 70px}.mv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mv-box{background:#fff;border:1px solid var(--line);border-radius:4px;padding:31px 32px 33px;box-shadow:0 8px 25px rgba(4,42,72,.055);min-height:205px}.mv-box .eyebrow{margin-bottom:10px}.mv-box h3{font-size:24px;line-height:1.25;margin:0 0 12px;color:var(--navy)}.mv-box p{font-size:14px;line-height:1.75;color:var(--muted);margin:0;max-width:520px}

/* ABOUT — same dark editorial intro and pale content surface as Solutions */
.about-hero-redesign{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(3,47,82,.98) 0%,rgba(4,63,104,.86) 48%,rgba(4,63,104,.40) 100%),url('assets/about-hero-hq.jpg');background-size:cover;background-position:center;color:#fff}
.about-hero-redesign-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:455px;align-items:stretch;position:relative;z-index:1}.about-hero-redesign-copy{display:flex;flex-direction:column;justify-content:center;padding:68px 44px 68px 0}.about-hero-redesign-copy .eyebrow{color:#8bd4f2;margin-bottom:14px}.about-hero-redesign-copy .about-page-title{color:#fff!important;font-size:clamp(34px,3.45vw,51px)!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:0!important;max-width:600px!important;white-space:normal!important}.about-hero-redesign-image{display:none}
.about-content-redesign{background:var(--pale);padding:64px 0 76px}.about-content-redesign .container{background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 8px 25px rgba(4,42,72,.055);padding:38px 42px 42px}.about-content-redesign .section-head{max-width:900px;margin-bottom:24px}.about-content-redesign .section-head h2{font-size:clamp(30px,3.1vw,42px);color:var(--navy);margin:0}.about-content-redesign .about-copy{max-width:980px}.about-content-redesign .about-copy p{font-size:16px;line-height:1.85;color:#536a79;margin:0 0 21px}.about-content-redesign .about-copy p:last-child{margin-bottom:0}.about-content-redesign .about-copy strong{color:#16364f;font-weight:700}

/* SOLUTIONS — reference page */
.page-shell{width:100%}.solutions-intro{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(3,47,82,.96),rgba(4,63,104,.72)),url('assets/solution-summits.jpg');background-size:cover;background-position:center 45%;color:#fff;padding:88px 0 78px}.solutions-intro .eyebrow{color:#8bd4f2}.solutions-intro .site-title{color:#fff;max-width:900px;font-size:clamp(34px,3.6vw,50px);line-height:1.1;margin:9px 0 15px}.solutions-intro .solutions-lead{font-size:21px;line-height:1.55;max-width:780px;color:#dcecf5;margin:24px 0 16px}.solutions-intro p:last-child{max-width:820px;color:#c4d6e1;font-size:16px;line-height:1.8;margin-bottom:0}.solutions-offerings{background:var(--pale);padding:68px 0 76px}.solutions-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.solution-image-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 9px 26px rgba(4,42,72,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.solution-image-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(4,42,72,.14);border-color:#b7d1df}.solution-card-image{height:205px;overflow:hidden;background:#dbe8ee}.solution-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.solution-card-body{padding:24px 26px 28px}.solution-card-body .solution-detail-number{margin:0 0 8px;font-size:14px;letter-spacing:.14em;color:var(--blue);font-weight:800}.solution-card-body h2{font-size:22px;line-height:1.3;color:var(--navy);margin:0 0 10px}.solution-card-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.72}

/* Contact and legacy inner components */
.page-intro{position:relative;overflow:hidden;padding:78px 0 68px;background:linear-gradient(90deg,rgba(3,47,82,.96),rgba(4,63,104,.76)),url('assets/about-hero.jpg');background-size:cover;background-position:center;color:#fff}.page-intro .eyebrow{color:#58b9e9}.page-intro .site-title{max-width:790px;color:#fff;font-size:clamp(36px,4vw,55px);margin:9px 0 13px}.page-intro p{max-width:790px;color:#dcecf4;font-size:15px;margin:0}.page-contact-us{background-image:linear-gradient(90deg,rgba(3,47,82,.96),rgba(4,63,104,.70)),url('assets/contact-hero.jpg');background-position:center 58%}
.contact-section{background:#fff}.form-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}.contact-details{position:relative;overflow:hidden;background:linear-gradient(140deg,var(--navy-deep),var(--navy));color:#fff;border-radius:4px;padding:35px}.contact-details:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-115px;bottom:-110px;border:1px solid rgba(100,194,232,.20);box-shadow:0 0 0 45px rgba(100,194,232,.04),0 0 0 90px rgba(100,194,232,.025)}.contact-details .eyebrow{color:#58b9e9}.contact-details h3{position:relative;z-index:1;color:#fff;font-size:30px}.contact-details p{position:relative;z-index:1;color:#d9e8f0;font-size:14px}.contact-details a{color:#fff}.contact-details strong{color:#fff}.form-card{border:1px solid var(--line);border-radius:4px;padding:30px;background:#fff;box-shadow:var(--shadow)}.form-card h3{font-size:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:3px}.field.full{grid-column:1/-1}.field label{display:block;font-size:11px;font-weight:800;color:var(--navy);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #c8d8e1;border-radius:2px;padding:11px 12px;font:inherit;font-size:13px;color:var(--ink);background:#fff;outline:none;transition:border .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,120,189,.09)}.field textarea{min-height:130px;resize:vertical}.faq-list{max-width:920px}.faq-list details{background:#fff;border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:16px 18px;font:700 14px/1.4 Manrope;color:var(--navy);position:relative;padding-right:48px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:18px;top:12px;font:700 20px/1 Inter;color:var(--blue)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0;padding:0 18px 18px;color:var(--muted);font-size:13px}

/* About legacy industry components retained without forcing them onto current About template */
.about-values .card{min-height:185px}.audience-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.audience-item{padding:17px 18px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--blue);font-weight:800;color:var(--navy);font-size:13px}.industries-section{background:var(--navy-deep);color:#fff}.industries-section h2{color:#fff}.industries-section .section-head p{color:#cfe1eb}.industry-pop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.industry-pop-card{appearance:none;text-align:left;border:1px solid rgba(255,255,255,.18);border-radius:3px;background:linear-gradient(160deg,#0a527f,#073c65);padding:0;min-height:145px;cursor:pointer;position:relative;overflow:hidden;transition:.22s ease;box-shadow:0 8px 24px rgba(0,0,0,.12);color:#fff}.industry-pop-card:before{content:"";display:block;height:76px;background-image:linear-gradient(90deg,rgba(2,37,63,.82),rgba(2,37,63,.14)),url('assets/hero-clean.jpg');background-size:cover;background-position:center}.industry-pop-card:hover{transform:translateY(-4px);border-color:#55b8e8}.industry-pop-card .industry-number{position:absolute;top:86px;left:16px;font:800 24px/1 Manrope;color:#61c0ea}.industry-pop-card strong{display:block;margin:11px 16px 0;padding-left:40px;font:700 15px/1.25 Manrope;color:#fff}.industry-pop-card span:last-child{display:block;margin:6px 16px 13px;padding-left:40px;color:#9fd7ee;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.industry-modal{position:fixed;inset:0;z-index:1800;display:none}.industry-modal.is-open{display:block}.industry-modal-backdrop{position:absolute;inset:0;background:rgba(2,25,43,.78);backdrop-filter:blur(5px)}.industry-modal-panel{position:relative;width:min(760px,calc(100% - 32px));max-height:80vh;overflow:auto;margin:10vh auto 0;background:#fff;border-radius:4px;padding:40px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.industry-modal-close{position:absolute;right:17px;top:12px;border:0;background:transparent;color:var(--navy);font-size:32px;cursor:pointer}.industry-modal-panel h3{font-size:35px;margin:7px 0}.industry-modal-panel>p{color:var(--muted);max-width:650px}.industry-modal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}.industry-modal-list span{padding:12px 13px;background:var(--soft);border:1px solid var(--line);font-size:12px;font-weight:800;color:var(--navy)}

/* Footer — white, integrated with the approved header */
.footer{background:#fff;border-top:1px solid #dce8ee;color:var(--ink)}.footer-main{padding:34px 0 25px;background:#fff}.footer-grid{display:grid;grid-template-columns:1.45fr .75fr 1fr;gap:45px;align-items:start}.footer-brand{display:inline-flex;width:300px;line-height:0;margin-bottom:13px;background:transparent;padding:0;border:0}.footer-brand img{display:block;width:290px;height:auto;background:transparent;border:0;box-shadow:none}.footer-grid h3{font-size:14px;margin:2px 0 11px;color:var(--navy-deep)}.footer-grid p,.footer-grid li{font-size:12px;line-height:1.6;color:#5d7180}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin:0 0 6px}.footer-grid a{color:var(--navy)}.footer-grid a:hover{color:var(--blue)}.social{display:flex;gap:8px;margin-top:9px}.social a{width:30px;height:30px;border-radius:3px;background:var(--navy);color:#fff!important;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.footer-bottom{background:#f3f7f9;border-top:1px solid #dce8ee;padding:12px 0;font-size:10px;color:#5a707d}

@media(max-width:980px){.container{width:min(100% - 40px,1180px)}.menu{gap:24px}.menu a{font-size:12px}.brand,.brand-logo{width:235px}.hero-home-grid{grid-template-columns:1fr .85fr;gap:28px}.hero-home-visual{height:350px}.about-hero-redesign-grid{grid-template-columns:1fr .9fr}.about-hero-redesign-copy{padding-right:30px}.about-page-title{font-size:39px!important}.solutions-card-grid{gap:16px}.solution-card-image{height:190px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.form-wrap{grid-template-columns:1fr}.grid-3,.audience-list,.industry-pop-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.nav{min-height:74px}.brand,.brand-logo{width:205px}.brand-logo{max-height:62px}.menu-toggle{display:block}.site-header nav{position:absolute;left:0;right:0;top:74px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 24px rgba(4,42,72,.12);display:none}.site-header nav.open{display:block}.menu{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:8px 16px}.menu a{display:block;width:100%;padding:12px 0;font-size:12px}.menu a:after{bottom:4px;left:0;right:auto;width:28px}.hero-home{padding:62px 0 56px}.hero-home-grid{grid-template-columns:1fr;gap:28px}.hero-home h1{font-size:38px}.hero-home p{font-size:14px}.hero-home-visual{height:280px}.mission-vision{padding:42px 0 50px}.mv-grid{grid-template-columns:1fr;gap:14px}.mv-box{min-height:auto;padding:26px 24px}.mv-box h3{font-size:22px}.about-hero-redesign-grid{display:block;min-height:0}.about-hero-redesign-copy{padding:58px 0 62px}.about-page-title{font-size:32px!important}.about-content-redesign{padding:42px 0 54px}.about-content-redesign .container{padding:27px 23px 30px}.about-content-redesign .about-copy p{font-size:15px;line-height:1.75}.solutions-intro{padding:62px 0 55px}.solutions-intro .site-title{font-size:34px}.solutions-intro .solutions-lead{font-size:18px}.solutions-card-grid{grid-template-columns:1fr}.solution-card-image{height:190px}.solution-card-body{padding:21px 21px 24px}.solution-card-body h2{font-size:21px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-brand{width:250px}.footer-brand img{width:235px}.form-grid{grid-template-columns:1fr}.grid-2,.grid-3,.grid-4,.audience-list,.industry-pop-grid{grid-template-columns:1fr}.section{padding:57px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.solution-image-card,.btn{transition:none}}


/* V31 — Home & About use the Solutions-page visual language */
.home-solutions-intro{background-image:linear-gradient(90deg,rgba(3,47,82,.96),rgba(4,63,104,.76)),url('assets/home-hero-hq.jpg');background-position:center 48%;}
.home-solutions-intro .site-title{max-width:900px;}
.home-solutions-intro .home-hero-lead{max-width:820px;color:#dcecf5;font-size:21px;line-height:1.55;margin:24px 0 16px;}
.home-solutions-intro .actions{margin-top:26px;}
.home-solutions-intro .hero-outline-btn{background:transparent;border-color:rgba(255,255,255,.72);color:#fff!important;box-shadow:none;}
.home-solutions-intro .hero-outline-btn:hover{background:rgba(85,184,232,.16);border-color:#8bd4f2;color:#fff!important;}
.about-solutions-intro{background-image:linear-gradient(90deg,rgba(3,47,82,.96),rgba(4,63,104,.76)),url('assets/about-hero-hq.jpg');background-position:center 48%;}
.about-solutions-intro .site-title{max-width:900px;}
.about-content-redesign{background:var(--pale);padding:68px 0 76px;}
.about-content-redesign>.container{background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 9px 26px rgba(4,42,72,.08);padding:30px 34px 34px;}
.about-content-redesign .section-head{margin-bottom:22px;}
.about-content-redesign .section-head h2{font-size:clamp(31px,3.3vw,44px);margin:0;color:var(--navy);}
.about-content-redesign .about-copy{max-width:980px;}
.about-content-redesign .about-copy p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 19px;}
.about-content-redesign .about-copy p:last-child{margin-bottom:0;}
.about-content-redesign .about-copy strong{color:#16364f;}
@media(max-width:700px){.home-solutions-intro,.about-solutions-intro{padding:62px 0 55px;}.home-solutions-intro .site-title,.about-solutions-intro .site-title{font-size:34px;line-height:1.1;}.home-solutions-intro .home-hero-lead{font-size:18px;line-height:1.55;}.about-content-redesign{padding:42px 0 54px;}.about-content-redesign>.container{padding:27px 23px 30px;}.about-content-redesign .about-copy p{font-size:15px;line-height:1.75;}}