/* SYNERA 2.0 — unified navigation, typography and technical library */
:root{--navy:#102835;--navy2:#0b1e29;--ink:#172a35;--muted:#405661;--teal:#006153;--teal2:#e8f3ef;--slate:#f4f6f7;--line:#c6d4d9;--radius:12px}
body{font:normal 16.5px/1.65 "Segoe UI",Inter,Arial,sans-serif;color:var(--ink);background:#fff}
body h1,body h2,body h3{font-family:"Segoe UI",Inter,Arial,sans-serif;letter-spacing:-.022em;overflow-wrap:break-word}
body h1{font-size:clamp(2.1rem,3.8vw,3.45rem);max-width:960px;line-height:1.14}
body h2{font-size:clamp(1.55rem,2.5vw,2.25rem)}
body h3{font-size:1.15rem;line-height:1.35}
body p{line-height:1.65}.section{padding:clamp(34px,4.5vw,54px) 0}
.hero:not(.home-hero),.hero-compact,.library-hero{padding:clamp(42px,5vw,62px) 0;background:var(--navy)}
.hero:not(.home-hero) h1,.library-hero h1{font-size:clamp(2.1rem,4vw,3.45rem);max-width:900px}
.home-hero{padding:40px 0 34px}.home-statement{font-size:clamp(2rem,3.75vw,3.25rem);max-width:970px}
.home-hero h1{margin-bottom:25px}.home-hero .grid.cols4{gap:14px}
.home-hero .company-card{min-height:180px;border-top:3px solid var(--teal)}
.home-hero .company-card h3{font-size:clamp(1.27rem,2.1vw,1.48rem)}
.home-intro-text{max-width:930px;margin-top:18px}
.home-panorama img{aspect-ratio:3.5/1;max-height:440px;object-fit:cover}
.process-grid{margin-top:26px}.process-card{border-top:3px solid var(--teal);min-height:175px}
.process-card .small-stat,.team-role .small-stat,.service-focus .small-stat{display:block;color:var(--teal);font-size:1rem;margin-bottom:14px}
.process-card h3,.team-role h2{margin-bottom:8px}.process-card p,.team-role p{color:var(--muted)}
.people{padding:36px 0}.people-teaser{display:flex;gap:28px;align-items:center;justify-content:space-between}.people-teaser p{max-width:770px}.people-teaser .btn{flex-shrink:0}
.site-head .nav-wrap{gap:clamp(10px,1.1vw,20px)}
.main-nav{gap:clamp(10px,1vw,17px);flex-wrap:nowrap}
.main-nav>a,.nav-company-dropdown>summary{color:var(--navy);text-decoration:none;font-weight:700;font-size:.89rem;padding:9px 1px;display:inline-flex;align-items:center;gap:7px;line-height:1.25;border:0;border-bottom:2px solid transparent;cursor:pointer;background:transparent;white-space:nowrap}
.main-nav>a:hover,.main-nav>a[aria-current="page"],.nav-company-dropdown>summary:hover,.nav-company-dropdown>summary[aria-current="page"]{color:var(--teal);border-bottom-color:var(--teal)}
.nav-company-dropdown{position:relative;flex:0 0 auto}
.nav-company-dropdown>summary{list-style:none}.nav-company-dropdown>summary::-webkit-details-marker{display:none}
.nav-company-dropdown>summary span{font-size:1rem;transition:transform .15s}.nav-company-dropdown[open]>summary span{transform:rotate(180deg)}
.nav-company-panel{position:absolute;top:calc(100% + 12px);left:-14px;z-index:70;background:#fff;border:1px solid var(--line);box-shadow:0 16px 38px #152a3333;border-radius:12px;padding:8px;min-width:225px;display:grid;gap:3px}
.nav-company-panel>a{display:block;text-decoration:none;color:var(--navy);font-size:.92rem;font-weight:600;padding:11px 12px;border-radius:7px;white-space:nowrap}
.nav-company-panel>a:hover,.nav-company-panel>a[aria-current="page"]{background:var(--teal2);color:var(--teal)}
.main-nav>details[open]>summary{color:var(--teal)}
header .logo:focus-visible,.nav-company-dropdown summary:focus-visible,.nav-company-panel a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #a77931;outline-offset:3px}
.main-nav[aria-label]{align-items:center}
.footer{padding:40px 0 20px;background:#102835}.footer-grid{display:grid;grid-template-columns:1.4fr .9fr .9fr 1.15fr;gap:28px}
.footer-brand .logo{color:#fff}.footer-brand .logo small{color:#d4e3e6}.footer-brand .logo .logomark{background:#006153}
.footer-brand p{color:#dce8e8;margin:18px 0 14px;max-width:33ch;font-size:.94rem}.footer-email{font-weight:650;text-decoration:underline!important;text-underline-offset:4px}
.footer nav h3{font-size:.94rem;color:#fff}.footer nav a,.footer nav button{font:500 .91rem/1.48 "Segoe UI",Inter,Arial,sans-serif;color:#edf4f5;text-align:left;text-decoration:none;padding:0;border:0;background:transparent;cursor:pointer}
.footer nav a:hover,.footer nav button:hover{text-decoration:underline}.footer nav{gap:10px;align-content:start}
.foot-legal{justify-content:flex-start;border-color:#425863;margin-top:28px;color:#d0e0e4}
#synera-controller-context{position:static!important;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;background:transparent!important;color:#c7d9db!important;border:0!important;border-top:1px solid #425863!important;padding:16px 0 0!important;margin-top:14px;font:normal .78rem/1.55 "Segoe UI",Arial,sans-serif!important}
#synera-controller-context strong{font-weight:550}#synera-controller-context a{color:#d2e6e5!important}
#synera-controller-context span{flex-basis:100%;opacity:.8}
.company-page h1{font-size:clamp(2.5rem,5vw,4.3rem);margin:0 0 12px}
.company-context{font-size:.88rem;color:#d9e7e5!important;letter-spacing:.01em}
.company-page .company-summary{font-size:1.13rem;line-height:1.65;max-width:780px}
.service-grid{gap:18px}.service-focus{padding:22px;display:flex;flex-direction:column}.service-focus p{flex:1}.service-focus a{font-weight:750;margin-top:8px;color:var(--teal)}
.library-summary-link{margin-top:27px}.library-inline-callout{border-left-color:var(--teal)}
.people-intro>.wrap>.lead{max-width:850px;margin-bottom:25px}.team-roles{margin-bottom:22px}
.team-role{border-top:3px solid var(--teal);padding:25px}.team-role h2{font-size:1.3rem}.team-role p{margin-bottom:0}
.library-kicker{color:#d5e9e2!important;letter-spacing:.1em}.library-section .library-kicker{color:var(--teal)!important}
.library-hero .library-lead{max-width:820px}.library-grid{gap:17px;grid-template-columns:repeat(3,minmax(0,1fr))}
.library-section{background:var(--slate);padding:45px 0}.library-card{box-shadow:none;border-color:var(--line);border-radius:12px}
.library-image{aspect-ratio:1.6}.library-image img{object-fit:cover}.library-num{border-color:var(--teal)}
.library-cardbody{padding:20px}.library-cardbody h3{font-size:1.1rem}.library-cardbody p{color:var(--muted);font-size:.94rem;margin-bottom:14px}
.library-cardlinks{display:grid;gap:10px;align-items:stretch}.download-group{margin-bottom:8px}.download-label{display:block;font-weight:700;font-size:.85rem;margin-bottom:6px;color:var(--navy)}
.library-documents{border-top:1px solid var(--line);margin-top:auto;padding-top:12px}
.library-documents summary{cursor:pointer;color:var(--teal);font-size:.92rem;font-weight:800;padding:8px 0;list-style-position:inside}
.library-documents .library-cardlinks{margin-top:10px}
.library-doclink{margin:0 7px 7px 0;background:#e5efed;color:#153e3a;min-height:42px}
.library-guide{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 10px}
.library-guide>div{background:#fff;border-left:3px solid var(--teal);padding:20px;border-radius:8px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.library-guide h3{margin-bottom:6px}.library-guide p{color:var(--muted);margin-bottom:0}
.library-filters{padding:20px 0 24px}.library-filters label{display:block;font-weight:750;margin-bottom:8px}
.library-filters input{display:block;width:100%;max-width:570px;min-height:46px;padding:10px 14px;border:1px solid #9db6bb;border-radius:8px;font:inherit;background:#fff;color:var(--ink)}
.filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.filter-pill{border:1px solid #7b9b9e;border-radius:999px;background:#fff;color:var(--navy);padding:8px 13px;cursor:pointer;font:650 .87rem/1.35 "Segoe UI",Arial,sans-serif;min-height:42px}
.filter-pill:hover,.filter-pill.is-active{background:var(--navy);border-color:var(--navy);color:#fff}
.library-result-count{font-size:.88rem;color:var(--muted)}.library-no-results{font-weight:650;color:var(--navy)}
.library-card[hidden]{display:none!important}
.legal-page .hero h1{font-size:clamp(2.0rem,3.7vw,3.1rem)}
.legal-page .section,.legal-page .section.alt{background:#fff}
.legal-reading{display:block;max-width:900px;margin:auto}
.legal-reading section{display:block;background:none;border:0;border-bottom:1px solid var(--line);padding:22px 0;border-radius:0;box-shadow:none}
.legal-reading section h2{font-size:1.3rem;color:var(--navy);line-height:1.3}
.legal-reading section p,.legal-reading section li{font-size:1rem;color:var(--ink);max-width:88ch}
.legal-reading .cookie-inventory{overflow-x:auto}
.policy-actions{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0 24px;border-bottom:1px solid var(--line);margin-bottom:12px}
.policy-actions .btn{font-size:.9rem;min-height:44px}.policy-reject{background:#fff!important;color:var(--teal)!important;border-color:var(--teal)!important}
.last-cta,.library-cta{background:#e8f3ef;color:var(--ink);padding:34px 0}.last-cta .btn{background:var(--teal);color:#fff;border-color:var(--teal)}
.hero,.hero-compact,.library-hero,.launch-hero,.home-hero{scroll-margin-top:85px}
[id]{scroll-margin-top:95px}
@media(max-width:1260px){.site-head .nav-wrap>.main-nav{align-items:stretch!important}.site-head .nav-wrap>.main-nav .nav-company-dropdown{width:100%}.site-head .nav-wrap>.main-nav .nav-company-dropdown>summary{display:flex;justify-content:space-between;white-space:normal;min-height:44px;width:100%;font-size:1rem;padding:10px 0}.site-head .nav-wrap>.main-nav .nav-company-panel{position:static;min-width:0;box-shadow:none;margin:0 0 10px;border-radius:8px;background:#f5faf8}.site-head .nav-wrap>.main-nav .nav-company-panel a{white-space:normal}.site-head .nav-wrap>.main-nav.open{max-height:calc(100dvh - 72px);overflow-y:auto}}
@media(max-width:1040px){.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid nav:last-child{grid-column:2/4}}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid nav:last-child{grid-column:auto}.footer-brand{grid-column:1/-1}.people-teaser{display:block}.people-teaser .btn{margin-top:16px}.library-guide{grid-template-columns:1fr}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-panorama img{aspect-ratio:2/1}.policy-actions .btn{width:100%;justify-content:center}.last-cta .wrap{display:block}}
@media(max-width:620px){.library-grid{grid-template-columns:1fr}.home-hero .grid.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero .company-card{min-height:178px}.hero:not(.home-hero),.hero-compact,.library-hero{padding:34px 0}.library-guide>div{padding:17px}.footer-grid{gap:25px 16px}}
@media(max-width:420px){.home-hero .grid.cols4{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media print{.nav-company-dropdown,.library-filters{display:none!important}}

/* Finish: unified call-to-action palette and compact mobile cards. */
.library-btn.main-btn{background:var(--teal)!important;color:#fff!important;border:1px solid var(--teal)}
.library-hero .library-btn.outline-btn{color:#fff;border:1px solid #9ab7bf}
.library-section .library-btn.outline-btn{color:var(--teal)}
@media(max-width:620px){.home-hero .company-card{min-height:142px!important;padding:16px!important}.home-hero .company-card .arrow{margin-top:18px}.home-hero .company-card h3{margin-bottom:6px}}