/* Shared sector hero treatment for the three activity pages.
   It deliberately reuses the exact colour field and capture stage of the
   standalone decision prototype. */
.sol-page .sol-solution-hero.hero-sector {
  min-height: min(760px, 76svh);
  padding-bottom: 42px;
}
.sol-page .sol-solution-hero.hero-sector .hero-grid {
  min-height: min(650px, 68svh);
}
.sol-page .sol-solution-hero.hero-sector .sol-solution-copy { max-width: 660px; }
.sol-page .sol-mobile-brand-link { display:none; }
.sol-page .sol-solution-hero.hero-sector .sol-solution-kicker {
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  align-self:flex-start;
  color: var(--ink);
  padding: 9px 15px;
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 999px;
  background: rgba(255,255,255,.3);
  letter-spacing: .04em;
  text-transform: none;
}
.sol-page .sol-solution-hero.hero-sector .sol-solution-h1 {
  max-width:20ch;
  text-wrap:balance;
}
.sol-page .sol-solution-hero.hero-sector .headline-phrase { white-space:nowrap; }
.sol-page .sol-solution-hero.hero-sector .hero-sub { max-width: 34em; }
.sol-page .sol-solution-hero.hero-sector .hero-visual { min-width: 0; }
.sol-page .sol-solution-hero.hero-sector #solution-device-root { justify-content: center; }
.sol-page .sol-solution-hero.hero-sector .phero-stage.device-phone { width: min(82%, 330px); }
.sol-page .sol-solution-hero.hero-sector .phero-stage.device-tablet { width: min(100%, 620px); }
.sol-page .legacy-solution-header { display:none !important; }

/* Vertical YouTube Shorts block, with the iframe inserted only after external-media consent. */
.sol-page .sol-video-section { background:linear-gradient(135deg,#f4f6f3 0%,#eef6f2 100%); }
.sol-page .sol-video-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px, min(31vw,360px)); gap:clamp(32px,7vw,96px); align-items:center; }
.sol-page .sol-video-copy { max-width:620px; }
.sol-page .sol-video-copy h2 { max-width:17ch; margin:0; color:var(--ink); font:800 clamp(30px,4vw,48px)/1.08 Montserrat,Arial,sans-serif; letter-spacing:-.045em; }
.sol-page .sol-video-copy h2 .accent-green { color:var(--green); }
.sol-page .sol-video-copy h2 .accent-blue { color:var(--blue); }
.sol-page .sol-video-copy h2 .accent-yellow { color:var(--yellow); }
.sol-page .sol-video-copy > p:last-child { max-width:42em; margin:20px 0 0; color:var(--ink-soft); font:400 17px/1.65 var(--body,Roboto,Arial,sans-serif); }
.sol-page .sol-video-section .video-embed { position:relative; width:100%; aspect-ratio:9/16; justify-self:center; overflow:hidden; border:1px solid rgba(0,19,45,.12); border-radius:24px; background:#00132d; box-shadow:0 22px 54px rgba(0,19,45,.16); }
.sol-page .sol-video-section .video-embed iframe,
.sol-page .sol-video-section .video-embed .skeal-media-activate { position:absolute; inset:0; display:flex; width:100%; height:100%; min-height:0; align-items:center; justify-content:center; border:0; border-radius:inherit; }
.sol-page .sol-video-section .video-embed iframe { padding:0; }
.sol-page .sol-video-section .video-embed .skeal-media-activate { padding:24px; text-align:center; }
.sol-page .sol-video-section .video-embed.is-active .skeal-media-activate { display:none; }
.sol-page .sol-video-copy .sol-kicker.tone-green { color:var(--green); }
.sol-page .sol-video-copy .sol-kicker.tone-blue { color:var(--blue); }
.sol-page .sol-video-copy .sol-kicker.tone-yellow { color:var(--yellow); }
.sol-page .sol-video-copy .sol-kicker.tone-green::before,
.sol-page .sol-video-copy .sol-kicker.tone-green::after,
.sol-page .sol-video-copy .sol-kicker.tone-blue::before,
.sol-page .sol-video-copy .sol-kicker.tone-blue::after,
.sol-page .sol-video-copy .sol-kicker.tone-yellow::before,
.sol-page .sol-video-copy .sol-kicker.tone-yellow::after { background:currentColor; }
/* Tablet is intentionally a true two-column composition: copy stays legible
   while the capture scene remains large enough to read as a product visual. */
@media (min-width:601px) and (max-width:1020px) {
  .sol-page .sol-solution-hero.hero-sector { min-height: 560px; padding-top: 76px; padding-bottom:24px; }
  .sol-page .sol-solution-hero.hero-sector .hero-grid {
    grid-template-columns: minmax(0,.96fr) minmax(310px,1.04fr);
    gap: clamp(4px,1.5vw,16px);
    min-height: 430px;
  }
  .sol-page .sol-solution-hero.hero-sector .sol-solution-h1 { max-width:18ch; font-size: clamp(34px,4.7vw,47px); }
  .sol-page .sol-solution-hero.hero-sector .hero-sub { font-size: 15px; }
  .sol-page .sol-solution-hero.hero-sector .sol-solution-actions .btn { padding: 12px 16px; font-size: 13px; }
  .sol-page .sol-solution-hero.hero-sector .phero-stage.device-phone { width: min(78%, 285px); }
  .sol-page .sol-solution-hero.hero-sector .phero-stage.device-tablet { width: 100%; }
  .sol-page .sol-solution-hero.hero-sector .slide-senior { width: 100%; }
}

/* Landscape tablets need a compact, poster-like first viewport: no visual
   should continue below the sticky navigation. */
@media (min-width:1021px) and (max-width:1180px) and (orientation:landscape) {
  .sol-page .sol-solution-hero.hero-sector { min-height:0; padding-top:112px; padding-bottom:18px; }
  .sol-page .sol-solution-hero.hero-sector .hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0; min-height:510px; padding-inline:44px; }
  .sol-page .sol-solution-hero.hero-sector .sol-solution-h1 { font-size:clamp(36px,4.15vw,45px); }
  .sol-page .sol-solution-hero.hero-sector .hero-visual { align-self:center; }
  .sol-page .sol-solution-hero.hero-sector .hero-visual { width:100%; max-width:none; justify-self:stretch; justify-content:center; }
  .sol-page .sol-solution-hero.hero-sector .phero-stage.device-phone { width:280px; max-width:280px; }
  .sol-page .sol-solution-hero.hero-sector .phero-stage.device-tablet { max-width:540px; }
}

@media (max-width:600px) {
  .sol-page .sol-solution-hero.hero-sector { min-height: 0; padding: 86px 0 18px; }
  .sol-page .sol-solution-hero.hero-sector::after {
    content:""; position:absolute; z-index:0; pointer-events:none;
    top:58px; left:50%; width:142vw; height:960px; transform:translateX(-50%);
    opacity:.30; background-image:linear-gradient(rgba(19,45,70,.19) 1px,transparent 1px),linear-gradient(90deg,rgba(19,45,70,.19) 1px,transparent 1px);
    background-size:54px 54px;
    -webkit-mask-image:radial-gradient(ellipse 58% 48% at 58% 42%,#000 8%,rgba(0,0,0,.62) 55%,transparent 100%);
    mask-image:radial-gradient(ellipse 58% 48% at 58% 42%,#000 8%,rgba(0,0,0,.62) 55%,transparent 100%);
  }
  .sol-page .sol-solution-hero.hero-sector .hero-grid { position:relative; z-index:1; display:flex; flex-direction:column; min-height:0; gap:0; }
  .sol-page .sol-solution-hero.hero-sector .sol-solution-copy { width:100%; max-width:none; text-align:center; }
  .sol-page .sol-mobile-brand-link { display:block; width:188px; margin:0 auto 15px; }
  .sol-page .sol-mobile-brand-link img { display:block; width:100%; height:auto; }
  .sol-page .sol-solution-hero.hero-sector .sol-solution-kicker { display:inline-flex; width:auto; max-width:calc(100vw - 32px); font-size:11px; }
  .sol-page .sol-solution-hero.hero-sector .sol-solution-h1 { max-width:100%; margin-top:16px; font-size:clamp(30px,8.2vw,36px); line-height:1.04; }
  .sol-page .sol-solution-hero.hero-sector .hero-sub { max-width:calc(100vw - 32px); margin:17px auto 0; font-size:15px; line-height:1.45; }
  .sol-page .sol-solution-hero.hero-sector .sol-solution-actions { justify-content:center; margin-top:24px; }
  .sol-page .sol-solution-hero.hero-sector .sol-solution-actions .btn { width:60%; min-height:48px; justify-content:center; padding:12px 14px; text-align:center; }
  .sol-page .sol-solution-hero.hero-sector .hero-visual { margin-top:42px; width:100%; }
  .sol-page .sol-solution-hero.hero-sector .phero-stage.device-phone { width:min(84vw,330px); }
  .sol-page .sol-solution-hero.hero-sector .phero-stage.device-tablet { width:min(100%,460px); }
}

@media (max-width:760px) {
  .sol-page .sol-video-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
  .sol-page .sol-video-copy { max-width:none; }
  .sol-page .sol-video-copy h2 { max-width:22ch; font-size:clamp(29px,7.5vw,38px); }
  .sol-page .sol-video-copy > p:last-child { font-size:16px; }
  .sol-page .sol-video-section .video-embed { width:min(100%,360px); }
}

/* Mobile menu enhancement for the static activity-page headers. */
.solution-sector-burger,.solution-sector-menu { display:none; }
.article-breadcrumb{display:flex;gap:8px;align-items:center;margin:0 0 18px;font:500 14px var(--body);color:#58758d}.article-breadcrumb a{color:inherit;text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}
.article-breadcrumb-static{max-width:820px;margin:0 auto;padding:28px 24px 0;display:flex;gap:8px;font:500 14px var(--body);color:#58758d}.article-breadcrumb-static a{color:inherit;text-decoration:none}
@media (max-width:1020px) {
  .sol-page .hdr-inner,
  .shared-page .hdr-inner { position:relative; }
  .sol-page .hdr-inner > .hdr-actions,
  .shared-page .hdr-inner > .hdr-actions { display:none; }
  .solution-sector-burger { display:inline-flex; margin-left:auto; align-items:center; justify-content:center; gap:9px; min-width:120px; height:46px; padding:0 16px; border:1px solid rgba(255,255,255,.9) !important; border-radius:999px; background:transparent; color:#fff !important; font:700 13px var(--body); text-shadow:none; }
  .solution-sector-burger span { color:#fff !important; }
  /* Keep one clean three-line burger: the two button pseudo-elements used by
     older iterations created the apparent duplicate/double button. */
  .solution-sector-burger::before,.solution-sector-burger::after { content:none !important; }
  .solution-sector-burger i { display:block; width:18px; height:2px; border-radius:4px; background:#fff !important; }
  .solution-sector-burger i { position:relative; background:#fff !important; }.solution-sector-burger i::before,.solution-sector-burger i::after { content:""; position:absolute; left:0; width:18px; height:2px; border-radius:4px; background:#fff !important; }
  .solution-sector-burger i::before { top:-6px; }.solution-sector-burger i::after { top:6px; }
  .solution-sector-menu { position:absolute; top:calc(100% + 8px); left:16px; right:16px; z-index:120; padding:18px; border:1px solid rgba(19,45,70,.1); border-radius:20px; background:rgba(255,255,255,.97); box-shadow:var(--shadow-lg); opacity:0; visibility:hidden; transform:translateY(-10px); transition:opacity .2s ease,transform .2s ease,visibility .2s; }
  .hdr.solution-sector-open .solution-sector-menu { display:block; opacity:1; visibility:visible; transform:translateY(0); }
  .solution-sector-menu nav { display:grid; }.solution-sector-menu nav a { padding:12px 6px; border-bottom:1px solid var(--line-soft); color:var(--ink-soft); font:600 16px var(--body); text-align:center; }
  .solution-sector-menu .solution-sector-actions { display:flex; align-items:center; justify-content:center; gap:14px; padding-top:16px; }
  .solution-sector-menu .hdr-login { display:inline-flex; }
  .hdr.scrolled .solution-sector-burger,
  .hdr.scrolled .solution-sector-burger:hover,
  .hdr.scrolled .solution-sector-burger:focus-visible { border-color:rgba(0,19,45,.16) !important; background:transparent !important; color:#00132d !important; }
  .hdr.scrolled .solution-sector-burger span { color:#00132d !important; }
  .hdr.scrolled .solution-sector-burger i,
  .hdr.scrolled .solution-sector-burger i::before,
  .hdr.scrolled .solution-sector-burger i::after { background:#00132d !important; }
}