/* Public module presentation. Deliberately scoped away from portals. */
.preview-details{margin:20px 0 0;padding:15px 18px;border:1px solid rgba(129,183,214,.3);border-radius:12px;background:rgba(91,151,185,.07)}
.preview-details summary{cursor:pointer;color:#8ed6f2;font-size:14px;font-weight:800;list-style-position:inside}
.preview-details[open] summary{margin-bottom:16px}
.preview-details p{margin:0 0 14px;line-height:1.7}
.preview-details p:last-child{margin-bottom:0}

/* Watch */
.watch-hero-shell.container,.watch-wide-section.container.module-shell{width:min(1320px,calc(100% - 48px));max-width:none}
.watch-hero-shell.container{padding-top:64px;padding-bottom:42px}
.watch-hero-intro{max-width:1120px;margin-bottom:28px}
.watch-hero-intro h1{font-size:clamp(42px,5vw,70px);line-height:1.04;letter-spacing:-.045em}
.watch-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px}
.watch-story-copy,.watch-story-rail{border-radius:18px;box-shadow:none}
.watch-story-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:38px}
.watch-story-copy .watch-lead{font-size:18px;line-height:1.68;max-width:60ch}
.watch-hero-actions{margin-top:24px}
#soc-aanbod.watch-wide-section,#werkwijze.watch-wide-section{background:#edf2f1;color:#12293c;border-radius:22px;padding:52px;margin-top:50px;margin-bottom:50px}
#soc-aanbod.watch-wide-section h2,#werkwijze.watch-wide-section h2{color:#12293c;font-size:clamp(34px,3.8vw,54px);letter-spacing:-.04em;line-height:1.08;max-width:900px}
#soc-aanbod.watch-wide-section .section-kicker,#werkwijze.watch-wide-section .section-kicker{color:#176c9c}
.watch-solution-card,.watch-method-card{border-radius:16px;overflow:hidden}
#ransomwared-ai.watch-wide-section,#cta.watch-wide-section{padding-top:68px;padding-bottom:70px}
#ransomwared-ai.watch-wide-section h2,#cta.watch-wide-section h2{font-size:clamp(34px,3.8vw,54px);letter-spacing:-.04em;max-width:900px}
#ransomwared-ai .watch-ai-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 38px}
#ransomwared-ai .watch-ai-copy p{max-width:60ch;line-height:1.68}

/* Exposure */
.Exposure-overview-hero.container,.Exposure-page .probe-section.container{width:min(1320px,calc(100% - 48px));max-width:none}
.Exposure-overview-hero{padding-top:56px;padding-bottom:36px}
.Exposure-overview-panel{padding:clamp(32px,5vw,64px);border-radius:22px;border-color:#d4dfe2;background:#edf2f1;box-shadow:none}
.Exposure-overview-panel .section-kicker{color:#176c9c}
.Exposure-overview-panel h1{max-width:980px;color:#112b40;font-size:clamp(42px,5vw,68px);letter-spacing:-.04em;line-height:1.06}
.Exposure-overview-panel p{color:#405866;max-width:850px;font-size:17px;line-height:1.68}
.Exposure-overview-panel .preview-details{max-width:850px;border-color:#c9d8df;background:#fff}
.Exposure-overview-panel .preview-details summary{color:#176c9c}
.Exposure-page #scans.probe-section{padding:58px 0 64px}
.Exposure-page #scans .section-heading{max-width:840px}
.Exposure-page #scans .section-heading h2{font-size:clamp(34px,3.8vw,52px);line-height:1.08;letter-spacing:-.04em}
.Exposure-scan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.Exposure-scan-card{min-height:0;padding:28px;border-radius:18px;box-shadow:none}
.Exposure-scan-card h2{font-size:clamp(23px,2vw,30px)}
.Exposure-scan-card p{font-size:15px;line-height:1.65}
.Exposure-scan-card ul{font-size:14px;line-height:1.58}
.Exposure-page .probe-section:not(#scans):has(.Exposure-process-grid){margin-bottom:60px;padding:48px;background:#edf2f1;border-radius:22px}
.Exposure-page .probe-section:not(#scans):has(.Exposure-process-grid) .section-heading h2{color:#12293c}
.Exposure-page .probe-section:not(#scans):has(.Exposure-process-grid) .section-heading p{color:#425c6a}
.Exposure-page .probe-section:not(#scans):has(.Exposure-process-grid) .section-kicker{color:#176c9c}
.Exposure-process-card{border-radius:14px}

/* Guard */
.guard-hero{padding-top:56px;padding-bottom:42px}
.guard-hero-shell,.guard-section{width:min(1320px,calc(100% - 48px))}
.guard-hero-shell{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px}
.guard-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(30px,4vw,58px);background:#edf2f1;border-color:#d4dfe2;box-shadow:none}
.guard-hero-copy h1{color:#112b40;font-size:clamp(38px,4vw,54px);letter-spacing:-.04em;overflow-wrap:anywhere}
.guard-hero-copy p{color:#405866;font-size:17px;line-height:1.68}
.guard-hero-copy .guard-pill{color:#176c9c;background:#deebee;border-color:#bad6e2}
.guard-hero-copy .preview-details{background:#fff;border-color:#c9d8df}
.guard-hero-copy .preview-details summary{color:#176c9c}
.guard-browser-story{min-height:560px;box-shadow:none}
.guard-section{padding-top:62px;padding-bottom:62px}
.guard-section-head h2{font-size:clamp(34px,3.8vw,54px);letter-spacing:-.04em}
#bescherming.guard-section{padding:50px;background:#edf2f1;border-radius:22px}
#bescherming .guard-section-head h2{color:#12293c}
#bescherming .guard-section-head p{color:#425c6a}
#bescherming .guard-section-head .section-kicker{color:#176c9c}
.guard-card,.guard-flow-card{border-radius:16px;box-shadow:none}

/* Assure */
.assure-hero.container,.assure-wide-section.container{width:min(1320px,calc(100% - 48px));max-width:none}
.assure-hero.container{padding-top:58px}
.assure-hero .Exposure-hero-intro h1{max-width:1100px;font-size:clamp(42px,5vw,68px);letter-spacing:-.045em;line-height:1.05}
.assure-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px}
.assure-copy-card,.assure-story-card,.assure-step-card,.assure-cta-card{border-radius:18px;box-shadow:none}
.assure-copy-card{padding:36px}
.assure-copy-card .probe-lead{font-size:17px;line-height:1.68}
.assure-wide-section:has(.assure-block-grid){margin-top:52px;padding:50px;background:#edf2f1;border-radius:22px}
.assure-wide-section .assure-block-grid{gap:18px}
.assure-step-card{padding:28px}
.assure-wide-section:has(.assure-cta-grid){padding-top:60px;padding-bottom:70px}

/* Academy public home */
body.academy-shell.academy-home-refined .top-ambient>.container,
body.academy-shell.academy-home-refined .mid-ambient>.container,
body.academy-shell.academy-home-refined .bottom-ambient>.container{width:min(1320px,calc(100% - 48px))}
.academy-home-refined .academy-home-hero{gap:28px;padding-top:60px;padding-bottom:52px}
.academy-home-refined .academy-home-heading h1{max-width:1100px;font-size:clamp(42px,4.6vw,66px);line-height:1.05;letter-spacing:-.045em}
.academy-home-refined .academy-home-content{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px}
.academy-home-refined .academy-copy-pill{padding:34px;border-radius:18px}
.academy-home-refined .academy-copy-pill .lead{font-size:17px;line-height:1.68}
.academy-home-refined .academy-spotlight-card{border-radius:18px}
.academy-home-refined #trajecten,.academy-home-refined #academy-uitleg{padding:38px 0 45px;background:#edf2f1!important}
body.academy-shell.academy-home-refined #trajecten .section-title,
body.academy-shell.academy-home-refined #academy-uitleg .section-title{color:#12293c!important;-webkit-text-fill-color:#12293c!important;font-size:clamp(34px,3.8vw,54px);letter-spacing:-.04em;line-height:1.08}
body.academy-shell.academy-home-refined #trajecten .section-sub{color:#425c6a!important;-webkit-text-fill-color:#425c6a!important;max-width:850px}
body.academy-shell.academy-home-refined #academy-uitleg .academy-story-heading .kicker{color:#176c9c!important;-webkit-text-fill-color:#176c9c!important}
.academy-home-refined #trajecten .card,.academy-home-refined .academy-story-row,.academy-home-refined .academy-side-mini-card{border-radius:16px;box-shadow:none}
.academy-home-refined #werkwijze,.academy-home-refined #doelgroepen{padding:38px 0 48px}
.academy-home-refined #informatie{padding:38px 0 65px}

/* CTI is an information workspace; preserve its dark reading surfaces. */
.cti-home.cti-home-refined{max-width:1440px;margin:auto}
.cti-home .cti-stage-panel,.cti-home .cti-inline-book-banner{border-radius:20px;border-color:rgba(162,197,216,.22);background:#10283e}
.cti-home .cti-news-card,.cti-home .cti-report-feature-card{border-radius:16px;background:#0a1c2f;box-shadow:none}
.cti-home .cti-news-card-grid,.cti-home .cti-report-grid{gap:18px}
.cti-home .cti-news-card-media{height:185px}
.cti-home .cti-news-card-body,.cti-home .cti-report-feature-body{padding:20px}
.cti-home .cti-panel-title-row h2{font-size:clamp(26px,2.7vw,36px)}

/* Over ons: calm, readable presentation for privacy, cookies and legal information. */
body.legal-page{background:#f2f5f4;color:#12293c}
body.legal-page::before,body.legal-page::after{display:none}
.legal-page .page{padding:58px 0 92px}
.legal-page .legal-hero.container,.legal-page .legal-layout.container{width:min(1320px,calc(100% - 48px));max-width:none}
.legal-page .legal-hero{grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:20px;margin-bottom:22px}
.legal-page .legal-hero-copy,.legal-page .legal-aside-card,.legal-page .legal-card,.legal-page .legal-summary-card{box-shadow:none}
.legal-page .legal-hero-copy{display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:clamp(36px,5vw,68px);background:#e8eff0;border:1px solid #d4dfe2;border-radius:22px}
.legal-page .legal-hero-copy .section-kicker{color:#176c9c}
.legal-page .legal-hero-copy h1{max-width:18ch;margin:18px 0 22px;color:#112b40;font-size:clamp(40px,4.6vw,64px);line-height:1.06;letter-spacing:-.045em}
.legal-page .legal-lead{max-width:68ch;margin:0;color:#405866;font-size:17px;line-height:1.7}
.legal-page .legal-aside-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,3vw,42px);background:#10283e;border:1px solid #24415a;border-radius:22px;color:#fff}
.legal-page .legal-aside-card .probe-mini-kicker{align-self:flex-start;color:#91d9f3}
.legal-page .legal-aside-card h2{margin:18px 0 16px;color:#fff;font-size:clamp(23px,2vw,30px);line-height:1.16;letter-spacing:-.035em}
.legal-page .legal-aside-card p{margin:0;color:#c8d9e5;font-size:15px;line-height:1.7}
.legal-page .legal-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:20px}
.legal-page .legal-content,.legal-page .legal-sidebar{gap:16px}
.legal-page .legal-card,.legal-page .legal-summary-card{background:#fff;border:1px solid #dbe4e6;border-radius:16px}
.legal-page .legal-card{padding:32px 36px}
.legal-page .legal-card h2{margin:0 0 15px;color:#12293c;font-size:clamp(22px,2vw,28px);line-height:1.25;letter-spacing:-.025em}
.legal-page .legal-card p,.legal-page .legal-summary-card p,.legal-page .legal-summary-card li{color:#425866;font-size:15px;line-height:1.78}
.legal-page .legal-card p{margin:0}
.legal-page .legal-card p+p{margin-top:13px}
.legal-page .legal-card a,.legal-page .legal-summary-card a{color:#176c9c;text-decoration:underline;text-decoration-color:#9dc9db;text-underline-offset:3px}
.legal-page .legal-card a:hover,.legal-page .legal-summary-card a:hover{color:#0d4f78}
.legal-page .legal-summary-card{padding:28px;gap:14px}
.legal-page .legal-summary-card h2{margin:0;color:#12293c;font-size:22px;letter-spacing:-.025em}
.legal-page .legal-summary-card ul{gap:12px}
.legal-page .legal-summary-card li{padding-left:4px}
.legal-page .legal-summary-card a{display:inline-block;width:fit-content;font-weight:700}

@media(max-width:1050px){
  .watch-hero-grid,.guard-hero-shell,.assure-hero-grid,.academy-home-refined .academy-home-content{grid-template-columns:1fr}
  #ransomwared-ai .watch-ai-copy{grid-template-columns:1fr}
  .guard-browser-story{min-height:0}
  .legal-page .legal-hero,.legal-page .legal-layout{grid-template-columns:1fr}
  .legal-page .legal-hero-copy{min-height:0}
  .legal-page .legal-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .watch-hero-shell.container,.watch-wide-section.container.module-shell,
  .Exposure-overview-hero.container,.Exposure-page .probe-section.container,
  .guard-hero-shell,.guard-section,.assure-hero.container,.assure-wide-section.container,
  body.academy-shell.academy-home-refined .top-ambient>.container,
  body.academy-shell.academy-home-refined .mid-ambient>.container,
  body.academy-shell.academy-home-refined .bottom-ambient>.container{width:calc(100% - 32px)}
  .watch-hero-shell.container,.Exposure-overview-hero,.guard-hero,.assure-hero.container{padding-top:38px}
  .watch-story-copy,.Exposure-overview-panel,.guard-hero-copy,.assure-copy-card{padding:26px}
  .watch-hero-intro h1,.Exposure-overview-panel h1,.assure-hero .Exposure-hero-intro h1,.academy-home-refined .academy-home-heading h1{font-size:clamp(37px,10vw,49px)}
  .guard-hero-copy h1{font-size:clamp(27px,7.5vw,32px);hyphens:none;overflow-wrap:normal}
  #soc-aanbod.watch-wide-section,#werkwijze.watch-wide-section,#bescherming.guard-section,.assure-wide-section:has(.assure-block-grid),.Exposure-page .probe-section:not(#scans):has(.Exposure-process-grid){padding:28px 22px;border-radius:16px}
  .Exposure-scan-grid{grid-template-columns:1fr}
  .academy-home-refined .academy-home-hero{padding-top:36px}
  .academy-home-refined .academy-copy-pill{padding:26px}
  .cti-home .cti-news-card-grid,.cti-home .cti-report-grid{grid-template-columns:1fr}
  .legal-page .page{padding:34px 0 66px}
  .legal-page .legal-hero.container,.legal-page .legal-layout.container{width:calc(100% - 32px)}
  .legal-page .legal-hero-copy,.legal-page .legal-aside-card,.legal-page .legal-card,.legal-page .legal-summary-card{padding:26px 24px;border-radius:16px}
  .legal-page .legal-hero-copy h1{font-size:clamp(36px,9vw,48px)}
  .legal-page .legal-lead{font-size:16px}
  .legal-page .legal-sidebar{grid-template-columns:1fr}
}
@media(max-width:360px){.guard-hero-copy h1{overflow-wrap:anywhere}}