/* PINNEX site shell shared by DE and EN. Business offer sections are intentionally unchanged. */
html{scroll-padding-top:90px}
body{overflow-x:clip}
img{max-width:100%}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #d58a00;outline-offset:3px}
.site-header{isolation:isolate}
.site-header .header-inner{min-height:72px}
.site-header .logo-combo .logo-word{width:104px}
.site-header .nav-desktop{gap:clamp(13px,1.8vw,29px)}
.site-header .nav-desktop a{position:relative;font-size:13px;font-weight:700;letter-spacing:0}
.site-header .nav-desktop a::after{content:"";position:absolute;left:0;right:0;bottom:7px;height:2px;border-radius:2px;background:#f6b83f;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.site-header .nav-desktop a:hover::after,.site-header .nav-desktop a[aria-current=page]::after{transform:scaleX(1)}
.site-header .header-actions .btn{min-height:43px;padding-inline:17px;font-size:12px}
.site-header .menu-btn{border:1px solid transparent;transition:background .2s,border-color .2s}
.site-header .menu-btn:hover,.site-header .menu-btn:focus-visible{border-color:#b7c4d1;background:#e9eef3}
html[data-theme=dark] .site-header .menu-btn:hover,html[data-theme=dark] .site-header .menu-btn:focus-visible{background:#1f2a36;border-color:#566476}
.site-header .mobile-nav{position:absolute;top:100%;left:0;right:0;width:100%;max-width:none;max-height:calc(100dvh - 72px);overflow:auto;overscroll-behavior:contain;padding:22px max(20px,calc((100vw - 1180px)/2)) calc(26px + env(safe-area-inset-bottom));border-top:1px solid #dfe5ec;border-bottom:1px solid #dfe5ec;background:#fafbfc;box-shadow:0 22px 42px #14202b20}
.site-header.is-open .mobile-nav{display:flex!important;flex-direction:column;gap:10px}
.site-header .nav-drawer-title{margin:0 0 5px;color:#6a7481;font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.site-header .mobile-nav a.nav-audience-card{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:15px 19px;border:1px solid #dce3eb;border-radius:16px;background:#fff;color:#14202b;text-decoration:none;box-shadow:0 5px 17px #14202b07}
.site-header .mobile-nav a.nav-audience-card:first-of-type{background:#17232e;border-color:#17232e;color:#fff}
.site-header .nav-audience-card>span:first-child{display:flex;flex-direction:column;gap:4px}
.site-header .nav-audience-card strong{font-size:19px;font-weight:800;letter-spacing:-.04em}
.site-header .nav-audience-card small{color:#667588;font-size:12px;font-weight:600}
.site-header .mobile-nav a.nav-audience-card:first-of-type small{color:#c1cbd6}
.site-header .nav-audience-card>span:last-child{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid currentColor;border-radius:50%;font-size:17px}
.site-header .nav-drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}
.site-header .nav-drawer-links a{display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:55px;padding:0 15px;border:1px solid #dce3eb;border-radius:12px;background:#fff;color:#263749;font-size:13px;font-weight:750}
.site-header .nav-drawer-links a[aria-current=page]{border-color:#d9a546;background:#fff9ed}
.site-header .mobile-nav a.nav-drawer-cta{display:flex;justify-content:center;min-height:53px;margin:7px 0 0;font-size:14px;text-align:center}
html[data-theme=dark] .site-header .mobile-nav{background:#101922;border-color:#3b4856;box-shadow:0 22px 42px #0008}
html[data-theme=dark] .site-header .mobile-nav a.nav-audience-card,html[data-theme=dark] .site-header .nav-drawer-links a{background:#1b2936;border-color:#3b4856;color:#f5f7fa}
html[data-theme=dark] .site-header .mobile-nav a.nav-audience-card:first-of-type{background:#243446}
html[data-theme=dark] .site-header .nav-audience-card small{color:#bfccd9}
html[data-theme=dark] .site-header .nav-drawer-title{color:#b6c2cf}
html[data-theme=dark] .site-header .nav-drawer-links a[aria-current=page]{border-color:#d9a546;background:#372b1d}
/* Reading pages use the same type scale, surfaces and rhythm as the customer landing page. */
.faq-page,.preview-page{background:#f8fafb}
.faq-page .crumbs,.preview-page .crumbs{font-size:12px}
.faq-page .faq-hero{max-width:900px}
.faq-page .faq-hero .h1{letter-spacing:-.055em;line-height:1.08;text-wrap:balance}
.faq-page .faq-hero .copy{max-width:730px;color:#435266;line-height:1.55}
.faq-page .faq-item{border-color:#dce3eb;border-radius:18px;box-shadow:0 6px 20px #14202b05}
.faq-page .faq-item h2,.faq-page .faq-item h3{letter-spacing:-.025em}
.faq-page .faq-item p,.faq-page .faq-item li{line-height:1.6}
html[data-theme=dark] .faq-page,html[data-theme=dark] .preview-page{background:#101922}
html[data-theme=dark] .faq-page .faq-hero .copy{color:#c3ccd7}
/* Shared customer-side footer. */
html[data-theme=light] body .site-footer-unified,html[data-theme=dark] body .site-footer-unified{padding:0;background:#111c27;color:#f2f6f9;border-top:0}
.site-footer-unified .theme-logo-dark,html[data-theme=light] .site-footer-unified .theme-logo-dark{display:block!important}
.site-footer-unified .theme-logo-light,html[data-theme=light] .site-footer-unified .theme-logo-light{display:none!important}
.site-footer-unified .unified-footer-top{display:flex;align-items:end;justify-content:space-between;gap:25px;padding-top:58px;padding-bottom:51px;border-bottom:1px solid #32404c}
.site-footer-unified .unified-footer-kicker{margin:0 0 12px;color:#ffca63;font-size:11px;font-weight:850;letter-spacing:.14em}
.site-footer-unified .unified-footer-top h2{max-width:590px;margin:0;color:#fff;font-size:clamp(32px,3.4vw,48px);line-height:1.08;letter-spacing:-.05em}
.site-footer-unified .unified-footer-top .btn{min-height:50px;white-space:nowrap}
.site-footer-unified .unified-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(25px,5vw,80px);padding-top:47px;padding-bottom:52px}
.site-footer-unified .unified-footer-brand p{max-width:340px;margin:22px 0 10px;color:#c7d1db;font-size:15px;line-height:1.55}
.site-footer-unified .unified-footer-brand small{color:#98a7b7;font-size:12px;line-height:1.4}
.site-footer-unified .unified-footer-links p{margin:0 0 16px;color:#f3c56d;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.site-footer-unified .unified-footer-links ul{margin:0;padding:0;list-style:none}
.site-footer-unified .unified-footer-links li+li{margin-top:5px}
.site-footer-unified .unified-footer-links a{display:inline-flex;align-items:center;min-height:34px;color:#d6e0e8!important;font-size:14px;font-weight:600;text-decoration:none}
.site-footer-unified .unified-footer-links a:hover{color:#fff!important;text-decoration:underline;text-decoration-color:#ffb51b;text-underline-offset:4px}
.site-footer-unified .unified-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:27px;border-top:1px solid #32404c;color:#9dacbb;font-size:12px}
.site-footer-unified .unified-footer-bottom a{color:#d6e0e8!important}
/* Give editorial and customer sections a consistent mobile rhythm without hiding information. */
@media(max-width:1179px){.site-header .nav-desktop,.site-header .header-actions{display:none!important}.site-header .menu-btn{display:inline-flex!important}}
@media(min-width:1180px){.site-header .mobile-nav{display:none!important}}
@media(max-width:767px){
  .site-header .header-inner{min-height:70px}
  .site-header .logo-combo .logo-word{width:99px}
  .site-header .header-tools{gap:8px}
  .site-header .mobile-nav{max-height:calc(100dvh - 70px)}
  .faq-page .crumbs{margin-top:13px;margin-bottom:8px}
  .faq-page .faq-hero{padding-top:20px!important;padding-bottom:26px!important}
  .faq-page .faq-hero .h1{font-size:clamp(34px,9vw,49px)}
  .faq-page .faq-hero .copy{font-size:16px}
  .faq-page .section{padding-top:42px;padding-bottom:48px}
  .faq-page .faq-list{gap:12px}
  .faq-page .faq-item{padding:24px 21px}
  .audience-page .aud-hero{padding-top:47px!important;padding-bottom:56px!important}
  .audience-page .aud-hero h1{letter-spacing:-.06em;line-height:1.025}
  .audience-page .aud-section{padding-top:56px;padding-bottom:56px}
  .audience-page .aud-section-head h2{font-size:clamp(33px,8vw,43px)}
  .audience-page .aud-section-head p:last-child{font-size:16px;line-height:1.55}
  .audience-page .aud-actions .btn{min-height:52px}
  .audience-page .aud-route{min-height:275px}
  .audience-page .aud-proof figcaption{line-height:1.4}
  .audience-personal .pp-problem-card{min-height:0}
  .audience-personal .pp-real-grid{gap:12px}
  .site-footer-unified .unified-footer-top{align-items:start;flex-direction:column;padding-top:44px;padding-bottom:39px}
  .site-footer-unified .unified-footer-top h2{font-size:36px}
  .site-footer-unified .unified-footer-top .btn{width:100%;justify-content:center}
  .site-footer-unified .unified-footer-grid{grid-template-columns:1fr 1fr;gap:37px 18px;padding-top:40px;padding-bottom:40px}
  .site-footer-unified .unified-footer-brand{grid-column:1/-1}
  .site-footer-unified .unified-footer-brand p{max-width:500px}
  .site-footer-unified .unified-footer-bottom{flex-direction:column;gap:8px}
  body.faq-page .sticky-cta,body.preview-page .sticky-cta{display:none!important}
  body.faq-page:has(.sticky-cta),body.preview-page:has(.sticky-cta){padding-bottom:0}
}
@media(max-width:380px){.site-header .header-tools{gap:3px}.site-header .logo-combo .logo-word{width:89px}.site-header .mobile-nav{padding-inline:16px}.site-header .nav-drawer-links{grid-template-columns:1fr}.site-header .nav-drawer-links a{min-height:48px}}
body.nav-open::before{content:"";position:fixed;inset:70px 0 0;z-index:49;background:#0b142577}
@media(prefers-reduced-motion:reduce){.site-header .nav-desktop a::after,.site-header .menu-btn{transition:none}}