/* SYNERA V3 / November 2026 — editorial industrial identity + accessible B2B landing pages.
   Styles only; no marketing scripts or tracking. */
:root{--sy3-ink:#112936;--sy3-navy:#0a2533;--sy3-deep:#071c28;--sy3-teal:#0d6559;--sy3-mint:#d2e9df;--sy3-gold:#d6b078;--sy3-gold-light:#f7e9d2;--sy3-cloud:#f3f6f6;--sy3-white:#fff;--sy3-border:#cbd9dc;--sy3-muted:#445b66}
html{scroll-padding-top:90px}body{font-family:Inter,"Segoe UI",system-ui,Arial,sans-serif;line-height:1.65;color:var(--sy3-ink)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #cf9b44!important;outline-offset:3px}
.wrap{width:min(1220px,calc(100% - 48px))}
.site-head{background:rgba(255,255,255,.975);box-shadow:0 7px 28px rgba(12,35,45,.065);border-color:#dbe5e7}
.site-head .logo{letter-spacing:-.035em}.site-head .logomark{border-radius:5px}
.site-head .main-nav{gap:clamp(8px,1.4vw,21px)}
.site-head .main-nav>a,.site-head .main-nav summary{white-space:nowrap;font-size:.88rem;font-weight:700}
.nav-service-dropdown{position:relative;align-self:stretch;display:flex;align-items:center;min-width:max-content}
.nav-service-dropdown summary{cursor:pointer;list-style:none;display:flex;gap:6px;align-items:center;padding:10px 3px;color:var(--sy3-ink);border-bottom:2px solid transparent}
.nav-service-dropdown summary::-webkit-details-marker{display:none}
.nav-service-dropdown summary[aria-current="page"],.nav-service-dropdown[open] summary{border-bottom-color:var(--sy3-teal);color:var(--sy3-teal)}
.nav-service-panel{display:grid;gap:2px;position:absolute;z-index:100;top:calc(100% - 5px);left:-12px;width:min(370px,88vw);padding:12px;background:#fff;box-shadow:0 17px 50px rgba(5,31,44,.2);border:1px solid var(--sy3-border);border-radius:12px}
.nav-service-panel a{font-size:.91rem;font-weight:650;padding:10px 12px;border-radius:7px;text-decoration:none;white-space:normal;color:var(--sy3-ink)}
.nav-service-panel a:hover,.nav-service-panel a[aria-current="page"]{background:var(--sy3-cloud);color:var(--sy3-teal)}
.sy3-eyebrow,.sy3-kicker{font-family:Inter,"Segoe UI",Arial,sans-serif;display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:var(--sy3-teal)}
.sy3-hero{position:relative;background:var(--sy3-deep);color:#fff;overflow:hidden;isolation:isolate}
.sy3-hero-photo{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(91deg,rgba(6,27,39,.98) 0%,rgba(6,27,39,.94) 40%,rgba(6,27,39,.49) 100%),url('home-site-management-optimized.webp');background-position:center,right 44% center;background-size:cover}
.sy3-hero:before{content:"";position:absolute;z-index:-1;right:-100px;top:-250px;width:650px;height:650px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 110px rgba(255,255,255,.017),0 0 0 230px rgba(255,255,255,.017)}
.sy3-hero-grid{min-height:610px;padding-top:82px;padding-bottom:88px;display:grid;grid-template-columns:minmax(0,800px) 1fr;gap:36px;align-items:center}
.sy3-hero .sy3-eyebrow{color:var(--sy3-gold)}
.sy3-hero-copy{max-width:785px}
.sy3-hero h1{font-weight:850;line-height:1.08;letter-spacing:-.049em;font-size:clamp(2.35rem,4.6vw,4.75rem);color:#fff;max-width:780px;margin:15px 0 18px;text-wrap:balance}
.sy3-hero-sub{font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:750;color:#f5e1bd;line-height:1.38;max-width:760px;margin:0 0 18px}
.sy3-hero-lead{font-size:1.05rem;max-width:705px;color:#e3edf0;line-height:1.7}
.sy3-actions,.sy3-service-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.sy3-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:14px;min-height:48px;padding:11px 20px;font-weight:760;font-size:.93rem;letter-spacing:.005em;border-radius:7px;border:1px solid transparent;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;white-space:normal}
.sy3-btn:hover{transform:translateY(-2px)}.sy3-btn-gold{background:var(--sy3-gold);color:#112635}.sy3-btn-gold:hover{background:#e8c595;color:#0c222e;box-shadow:0 9px 24px rgba(0,0,0,.12)}
.sy3-btn-outline{background:rgba(8,34,47,.12);border-color:#b2c9ce;color:#fff}.sy3-btn-outline:hover{background:rgba(255,255,255,.1);color:#fff}
.sy3-btn-navy{background:var(--sy3-navy);color:#fff}.sy3-btn-navy:hover{background:#17435a;color:#fff}
.sy3-hero-meta{display:flex;flex-wrap:wrap;gap:25px;margin-top:38px;color:#d8e9ec;font-size:.82rem;font-weight:650}
.sy3-hero-meta span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:100%;margin-right:9px;background:var(--sy3-gold)}
.sy3-hero-accent{justify-self:end;align-self:end;display:grid;gap:0;text-align:right;color:rgba(255,255,255,.65);letter-spacing:.13em;line-height:1}
.sy3-hero-accent strong{font-size:clamp(5rem,9vw,10rem);font-weight:850;letter-spacing:-.1em;color:rgba(255,255,255,.12);line-height:1.05}.sy3-hero-accent small{font-size:.6rem;color:#deedf1;white-space:nowrap}
.sy3-section{padding:clamp(56px,6vw,92px) 0}
.sy3-section-head{max-width:750px;margin:0 0 31px}.sy3-section-head h2{font-size:clamp(1.8rem,3vw,2.9rem);line-height:1.18;margin:13px 0 13px;text-wrap:balance;letter-spacing:-.035em}.sy3-section-head p{font-size:1.055rem;line-height:1.75;color:var(--sy3-muted);max-width:760px}
.sy3-company-section{background:#fff}.sy3-company-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sy3-company-card,.sy3-service-card{color:var(--sy3-ink);text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid var(--sy3-border);background:#fff;padding:25px 23px;border-radius:11px;min-width:0;box-shadow:0 7px 26px rgba(13,46,57,.035);transition:border-color .18s,box-shadow .18s,transform .18s}
.sy3-company-card{border-top:4px solid var(--sy3-teal);min-height:220px}
.sy3-company-card:first-child{border-top-color:var(--sy3-gold);background:#fdfbf7}
.sy3-company-card:hover,.sy3-service-card:hover{border-color:#5b9c91;box-shadow:0 18px 40px rgba(12,53,61,.11);transform:translateY(-3px);color:var(--sy3-ink)}
.sy3-svc-mark{font-size:.74rem;letter-spacing:.15em;color:var(--sy3-teal);font-weight:800}
.sy3-company-card h3,.sy3-service-card h3{color:var(--sy3-ink);font-size:clamp(1.2rem,1.7vw,1.4rem);letter-spacing:-.018em;margin:0;overflow-wrap:anywhere}
.sy3-company-card p,.sy3-service-card p{font-size:.95rem;color:var(--sy3-muted);margin:0;line-height:1.55;flex:1}
.sy3-link{color:var(--sy3-teal);font-weight:790;font-size:.87rem;margin-top:auto}
.sy3-service-section,.sy3-related{background:var(--sy3-cloud)}
.sy3-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sy3-service-card{min-height:245px;border-top:3px solid #d7e7e3}.sy3-service-card h3{font-size:1.25rem}.sy3-service-card p{font-size:.92rem}
.sy3-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.sy3-center-action{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin:25px 0 0}.sy3-text-link{font-weight:770;text-decoration:none;color:var(--sy3-teal)}.sy3-text-link:hover{text-decoration:underline}
.sy3-trust-strip{background:#e7efec}.sy3-trust-flex{display:flex;align-items:center;justify-content:space-between;gap:30px}.sy3-trust-flex h2{max-width:700px;margin:9px 0 14px;font-size:clamp(1.7rem,2.8vw,2.55rem)}.sy3-trust-flex p{max-width:680px;color:#385563}
.sy3-final{background:var(--sy3-deep);color:#fff;position:relative;overflow:hidden}.sy3-final:after{content:"";width:400px;height:400px;position:absolute;top:-280px;right:-120px;border:1px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none}.sy3-final-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.sy3-final h2{color:#fff;margin:10px 0 13px;font-size:clamp(1.85rem,3vw,2.8rem)}.sy3-final p{color:#cbdfe3;max-width:660px}.sy3-final .sy3-kicker{color:var(--sy3-gold)}
.sy3-service-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#071f2c,#143b49 78%,#24555d);color:#fff;padding:40px 0 75px}
.sy3-service-hero-inner{max-width:1220px}.sy3-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:#c2d7de;font-size:.83rem;margin-bottom:51px}.sy3-breadcrumbs a{color:#d7e8ed;text-decoration:none}.sy3-breadcrumbs a:hover{text-decoration:underline}
.sy3-service-hero .sy3-eyebrow{color:var(--sy3-gold)}
.sy3-service-hero h1{font-size:clamp(2.1rem,4.7vw,4.4rem);line-height:1.08;max-width:900px;margin:15px 0 18px;letter-spacing:-.045em;color:#fff;text-wrap:balance}
.sy3-service-lead{font-size:clamp(1.05rem,1.75vw,1.25rem);color:#e0e9ec;line-height:1.65;max-width:760px}
.sy3-service-coverage{font-size:.82rem;letter-spacing:.04em;color:#b5d7d5;margin-top:33px}.sy3-watermark{position:absolute;z-index:-1;top:0;right:-3%;font-size:clamp(17rem,36vw,39rem);font-weight:900;line-height:1;opacity:.045;pointer-events:none}
.sy3-service-two,.sy3-resp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:clamp(28px,4vw,68px);align-items:start}
.sy3-service-two h2,.sy3-process-section h2,.sy3-related h2,.sy3-responsibility h2{font-size:clamp(1.8rem,2.8vw,2.7rem);line-height:1.2;letter-spacing:-.04em;margin:14px 0 24px}
.sy3-service-two p,.sy3-resp-grid p{color:var(--sy3-muted);line-height:1.8;font-size:1.02rem}
.sy3-intro-para{font-size:1.13rem!important;color:#183c4c!important;font-weight:600}
.sy3-list-box{padding:30px;background:#f6f8f8;border-left:4px solid var(--sy3-teal);border-radius:4px 12px 12px 4px;box-shadow:0 7px 22px rgba(7,35,43,.04)}
.sy3-list-box h3{margin:0 0 22px;font-size:1.28rem}.sy3-list-box ul{padding-left:20px;margin:0}.sy3-list-box li{padding:0 0 12px 4px;line-height:1.62;font-size:.96rem}.sy3-list-box li::marker{color:var(--sy3-teal)}
.sy3-process-section{background:#f0f4f3}.sy3-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sy3-step{background:#fff;padding:29px 24px;border:1px solid var(--sy3-border);border-radius:10px}.sy3-step-num{color:var(--sy3-teal);letter-spacing:.14em;font-size:.77rem;font-weight:850}.sy3-step h3{font-size:1.16rem;line-height:1.3;margin:17px 0 11px}.sy3-step p{font-size:.95rem;line-height:1.7;color:var(--sy3-muted)}
.sy3-responsibility{background:white}.sy3-qa{border-radius:11px;padding:32px;background:#e6eeeb;border-top:4px solid var(--sy3-teal)}.sy3-qa h3{font-size:1.26rem;line-height:1.37}.sy3-qa p{margin-bottom:0}
.sy3-library-bridges{background:white;border:1px solid var(--sy3-border);border-left:4px solid var(--sy3-teal);border-radius:8px;padding:20px 22px;margin:0 0 34px}.sy3-library-bridges>p{color:var(--sy3-ink);font-size:.94rem;max-width:none}.sy3-chiplinks{display:flex;flex-wrap:wrap;gap:9px}.sy3-chiplinks a{display:inline-flex;border:1px solid #b8d6d2;border-radius:100px;padding:8px 13px;font-size:.83rem;text-decoration:none;font-weight:750;color:var(--sy3-teal);background:#f1f8f6}.sy3-chiplinks a:hover{background:#d8ece7}
.sy3-contact-brief{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-top:35px;padding:32px 34px;background:var(--sy3-cloud);border-radius:12px;border-left:4px solid var(--sy3-teal)}.sy3-contact-brief h2{margin:12px 0;font-size:clamp(1.45rem,2.3vw,2rem)}.sy3-contact-brief p{color:var(--sy3-muted);margin-bottom:0}
/* General refinement of existing SYNERA V2 sections */
body .hero:not(.home-hero),body .hero-compact,body .library-hero{background:linear-gradient(120deg,#082532,#1a4554);padding:clamp(54px,6vw,76px) 0}
body .hero:not(.home-hero) .eyebrow,body .library-kicker{color:#e2b676}
body .company-content .tile{box-shadow:none}
body .library-section{background:#f4f7f7}.library-card{border-radius:11px!important;box-shadow:0 8px 28px rgba(16,50,61,.065)!important}
body .last-cta{background:#0a2533;color:#fff}.last-cta h2{color:#fff}
body .footer{background:#0b2532;color:#d5e4e8}.footer a{color:#dcecef}.footer a:hover{color:#fff}.footer h3{color:#fff}.footer button{color:#dcecef}.footer a:focus-visible{outline-color:var(--sy3-gold)}
@media(max-width:1140px){.site-head .main-nav>a,.site-head .main-nav summary{font-size:.83rem}.site-head .main-nav{gap:10px}}
@media(max-width:1040px){.site-head .main-nav{gap:9px}.site-head .main-nav>a,.site-head .main-nav summary{font-size:.79rem}.site-head .wrap.nav-wrap{gap:12px}}
@media(max-width:970px){
 .site-head .main-nav{gap:0}.nav-service-dropdown{display:block;align-self:auto;min-width:0;width:100%}.nav-service-dropdown summary{padding:12px 16px!important;font-size:1rem!important;white-space:normal}.nav-service-panel{position:static;box-shadow:none;border:none;background:#f3f7f6;border-radius:8px;width:100%;padding:5px 10px}.nav-service-panel a{padding:11px 15px;font-size:.92rem}
 .sy3-hero-grid{grid-template-columns:1fr;min-height:unset;padding:75px 0}.sy3-hero-accent{display:none}.sy3-hero-photo{background-image:linear-gradient(90deg,rgba(6,27,39,.95),rgba(6,27,39,.78)),url('home-site-management-optimized.webp')}
 .sy3-company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sy3-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sy3-trust-flex,.sy3-final-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:660px){
 .wrap{width:min(100% - 32px,1220px)}
 .sy3-hero-grid{padding:55px 0 62px}.sy3-hero h1{font-size:clamp(2.15rem,9vw,3.1rem)}
 .sy3-hero-sub{font-size:1.13rem}.sy3-hero-lead{font-size:.97rem}
 .sy3-hero-meta{gap:11px;flex-direction:column}.sy3-actions,.sy3-service-actions{display:grid;grid-template-columns:1fr}.sy3-btn{width:100%;min-height:48px}
 .sy3-section{padding:51px 0}.sy3-company-grid,.sy3-services-grid,.sy3-step-grid,.sy3-service-two,.sy3-resp-grid{grid-template-columns:1fr}
 .sy3-company-card{min-height:170px}.sy3-service-card{min-height:185px}
 .sy3-service-hero{padding:26px 0 50px}.sy3-breadcrumbs{margin-bottom:35px}.sy3-service-hero h1{font-size:clamp(2.15rem,9vw,3rem)}
 .sy3-list-box,.sy3-qa,.sy3-contact-brief{padding:22px}.sy3-contact-brief{flex-direction:column;align-items:stretch}
 .sy3-section-head p{font-size:.98rem}.sy3-final h2{font-size:1.93rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sy3-company-card,.sy3-service-card,.sy3-btn{transition:none}.sy3-btn:hover,.sy3-company-card:hover,.sy3-service-card:hover{transform:none}}