/* F26. A single image surface spans the header and all six menu panels.
   Source: dev.plaud.ai/assets/hero-bg-glow-DNsAIKV3.webp, owner-requested reference. */
.site-header.f26-header { --f26-panel-height:420px; --f26-surface-height:488px; height:68px; }
.site-header.f26-header > .container { max-width:1280px; width:calc(100% - 80px); padding:0; position:relative; z-index:1; grid-template-columns:140px 1fr 140px; }
.f26-header nav.calink-nav { gap:25px; }
.site-header.f26-header.mega-open { background:#101010 !important; border:0 !important; box-shadow:none !important; backdrop-filter:none; -webkit-backdrop-filter:none; }
.f26-header::before {
  content:""; position:absolute; inset:0 0 auto; height:var(--f26-surface-height); z-index:0;
  background:#101010 url('../assets/f26/plaud-wave-original.webp') center 51% / cover no-repeat;
  border-radius:0 0 20px 20px; pointer-events:none;
  opacity:0; visibility:hidden; transition:opacity 180ms ease,visibility 180ms;
}
.f26-header.mega-open::before { opacity:1; visibility:visible; }
.site-header.f26-header .mega-panel.f26-panel {
  top:68px; left:0; right:0; width:100%; height:var(--f26-panel-height); min-height:0;
  padding:0; background:transparent !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  overflow:auto; transition:opacity 180ms ease,transform 180ms ease;
}
.f26-header .mega-panel::before,.f26-header .mega-panel::after { display:none; }
.f26-layout { width:min(1240px,calc(100% - 96px)); height:100%; margin:auto; display:grid; grid-template-columns:400px minmax(0,1fr); gap:88px; align-items:center; padding:38px 0 44px; }
.f26-copy { min-width:0; }
.f26-columns { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.f26-media { margin:0; width:100%; position:relative; }
.f26-media img { display:block; width:100%; height:246px; object-fit:cover; border-radius:8px; filter:none; }
.f26-media--alliance img { object-position:50% 24%; }
.f26-media--service img { object-position:62% 55%; }
.f26-media--sdgs img { object-position:50% 47%; }
.f26-media--about img { object-position:50% 54%; }
.f26-media figcaption { position:absolute; left:0; bottom:-23px; font-family:var(--font-mono); font-size:10px; line-height:1.4; letter-spacing:.025em; color:#b0bbbe; }
.f26-product { height:296px; margin:0; display:flex; align-items:center; justify-content:center; }
.f26-product img { width:auto; height:100%; max-width:100%; object-fit:contain; filter:none; }
.f26-product-entry { display:flex; flex-direction:column; align-items:flex-start; min-height:225px; padding:15px 0 8px 28px; border-left:1px solid rgba(220,230,231,.17); }
.f26-label { display:block; margin:0 0 25px; font-family:var(--font-mono); font-size:10px; font-weight:400; line-height:1.5; letter-spacing:.12em; text-transform:uppercase; color:#a8b9bd; }
.f26-title { display:block; font-size:21px; line-height:1.25; font-weight:500; letter-spacing:-.025em; color:#f5f7f6; }
.f26-description { display:block; margin:10px 0 0; font-size:13px; font-weight:400; line-height:1.6; color:#bcc7ca; }
.f26-explore { display:inline-flex; align-items:center; gap:22px; margin-top:24px; font-size:13px; font-weight:500; color:#f5f7f6; }
.f26-arrow { flex-shrink:0; font-family:var(--font-body); font-size:18px; font-weight:400; color:#b5c4c8; transition:transform 180ms,color 180ms; }
.f26-link-group .f26-label { margin-bottom:24px; }
.f26-link { display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; padding:10px 0; font-size:20px; line-height:1.3; letter-spacing:-.025em; font-weight:500; color:#f5f7f6; }
.f26-link .f26-arrow { opacity:0; transform:translate(-4px,4px); }
.f26-rows { display:flex; flex-direction:column; }
.f26-row { display:grid; grid-template-columns:26px minmax(0,1fr) 24px; align-items:center; gap:16px; padding:18px 0; border-bottom:1px solid rgba(218,232,235,.16); }
.f26-row:first-child { padding-top:0; }
.f26-row:last-child { border-bottom:0; padding-bottom:0; }
.f26-row .f26-title { font-size:20px; }
.f26-row .f26-description { margin-top:5px; font-size:12px; }
.f26-number { align-self:start; padding-top:3px; font-family:var(--font-mono); font-size:10px; line-height:1.5; color:#9ab0b7; }
.f26-layout--alliance .f26-row { padding-top:13px; padding-bottom:13px; }
.f26-layout--alliance .f26-row:first-child { padding-top:0; }
.f26-layout--alliance .f26-row:last-child { padding-bottom:0; }
.f26-eow-mark { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; height:246px; }
.f26-eow-mark img { width:170px; height:auto; object-fit:contain; }
.f26-eow-mark span { font-family:var(--font-mono); font-size:10px; letter-spacing:.075em; color:#bdc9cc; }
.f26-eow-copy .f26-label { margin-bottom:20px; }
.f26-eow-copy h2 { margin:0; font-size:40px; line-height:1.1; font-weight:500; letter-spacing:-.045em; color:#f5f7f6; }
.f26-eow-copy .f26-description { margin-top:18px; }
.f26-eow-copy .f26-explore { margin-top:23px; }
.f26-header a,.f26-mobile a { text-decoration:none !important; }
.f26-header a:not(.logo-link):hover .f26-title,.f26-header a:hover>.f26-arrow,.f26-header a:hover>.f26-explore,.f26-header a.f26-link:hover,.f26-header a.f26-explore:hover { color:#ff6b5e; }
.f26-header a:hover .f26-arrow { opacity:1; transform:translate(2px,-2px); color:#ff6b5e; }
.f26-header .has-mega.is-open>.nav-link,.f26-header .nav-link:hover { color:#ff6b5e !important; }
.f26-header .nav-link::after { display:none !important; }
.f26-header a:focus-visible,.f26-mobile a:focus-visible,.f26-mobile button:focus-visible { outline:2px solid #b7ced5; outline-offset:6px; border-radius:3px; }
.f26-header .has-mega:not(.is-open)>.mega-panel { pointer-events:none; }
.js-mega .f26-header .has-mega:not(.is-open)>.mega-panel { visibility:hidden !important; opacity:0 !important; transition:none; }
.f26-header .has-mega.is-open>.mega-panel { pointer-events:auto; visibility:visible !important; }
.f26-mobile { background:#101010 url('../assets/f26/plaud-wave-original.webp') 44% 55% / auto 100% no-repeat !important; }
.f26-mobile .mnav-group { border-bottom-color:rgba(215,232,237,.16); }
.f26-mobile .mnav-head .mnav-link { font-size:20px; letter-spacing:-.025em; color:#f1f5f5; }
.f26-mobile .mnav-sub-link { color:#bdcbd0; font-size:15px; }
.f26-mobile .mnav-sub-link.mnav-sub-care { color:#bdcbd0; }
.f26-mobile .mnav-head .mnav-toggle { width:48px; min-height:48px; padding:12px; color:#e2ebee; }
.f26-mobile .mnav-group.open>.mnav-head>.mnav-link { color:#ff8076; }
.f26-mobile .mnav-sub { padding:0 0 18px 0; }
@media(min-width:1025px) and (max-width:1190px) {
  .site-header.f26-header>.container { width:calc(100% - 48px); grid-template-columns:95px 1fr 115px; }
  .f26-header nav.calink-nav { gap:17px; }
  .site-header.f26-header .nav-link { font-size:12px; }
  .f26-layout { grid-template-columns:340px minmax(0,1fr); gap:52px; width:calc(100% - 64px); }
}
@media(max-width:1024px) {
  .site-header.f26-header>.container { width:calc(100% - 40px); grid-template-columns:1fr auto; }
  .f26-header::before,.site-header.f26-header .mega-panel { display:none; }
  .f26-header nav.calink-nav { display:none; }
  .f26-mobile { width:min(430px,100vw); max-width:100%; height:100dvh; }
}
@media(prefers-reduced-motion:reduce) {
  .f26-header::before,.site-header.f26-header .mega-panel.f26-panel,.f26-arrow { transition:none; }
}