@font-face{font-family:Inter;src:url('/assets/fonts/inter-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}

:root{--bb-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html,body,button,input,textarea,select{font-family:var(--bb-font)!important}
body{font-weight:400;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6,strong,b{font-family:var(--bb-font);font-weight:700}
p{line-height:1.6}
.kicker,.section-kicker,.cms-kicker,.eyebrow{font-family:var(--bb-font);font-size:.75rem!important;line-height:1.35;letter-spacing:.14em!important;font-weight:700!important}

/* calmer, more deliberate hero */
.site-header{border-bottom-color:rgba(255,255,255,.09)}
.main-nav a{font-weight:500;letter-spacing:-.01em}
.hero-copy{max-width:620px}
.hero h1{font-weight:750;letter-spacing:-.055em;line-height:.94}
.hero-lead{max-width:590px;font-size:1.05rem;line-height:1.6}
.hero-note,.case-note,.cta-quote,.script-quote{display:none!important}
.hero-stack{font-size:.77rem;line-height:1.75;letter-spacing:.12em;background:rgba(1,18,34,.28);padding:14px 16px 14px 18px;border-left:2px solid #1685ff}
.hero-benefits{gap:34px}
.hero-benefits p{font-size:.82rem;line-height:1.45}
.btn{font-weight:600;box-shadow:none!important}

/* team */
.team{padding-top:70px;padding-bottom:64px}
.team-kicker{text-align:center;margin-bottom:28px}
.team-showcase{gap:18px}
.team-showcase .portrait-wrap{box-shadow:0 14px 36px rgba(3,33,59,.11)}
.team-name strong{font-weight:750;letter-spacing:-.045em}
.team-name span{font-size:.72rem!important;letter-spacing:.08em;line-height:1.45}
.team-amp{font-weight:400;color:#8199ae}
.team-copy-centered{max-width:900px;margin-top:34px}
.team-copy-centered h2{font-size:clamp(2.15rem,3.15vw,3rem);font-weight:700;letter-spacing:-.045em;line-height:1.08;margin-bottom:16px}
.team-copy-centered>p{max-width:800px;font-size:1rem;line-height:1.72;color:#405b72}
.team-principles{display:flex;justify-content:center;gap:12px 28px;flex-wrap:wrap;margin-top:24px}
.team-principles span{position:relative;border:0!important;border-radius:0!important;padding:0 0 0 16px!important;background:transparent!important;color:#173c5d!important;font-size:.88rem!important;font-weight:600!important;min-height:0!important}
.team-principles span:before{content:"";position:absolute;left:0;top:.48em;width:6px;height:6px;border-radius:50%;background:#1685ff}

/* cases */
.case{padding-top:78px;padding-bottom:78px}
.case-copy{max-width:520px}
.case-copy h2{font-weight:750;letter-spacing:-.05em;line-height:.95}
.case-sub{font-size:1.02rem!important;line-height:1.45}
.case-copy>p:not(.section-kicker):not(.case-sub){font-size:.98rem;line-height:1.67;color:#d5e3ed}
.checklist{gap:9px!important}
.checklist li{font-size:.88rem!important}

/* services are editorial rows, not little boxes */
.services{padding-top:72px;padding-bottom:70px;grid-template-columns:280px 1fr;gap:54px}
.services-title h2{font-weight:750;letter-spacing:-.05em;line-height:.92}
.services-title>p:last-child{font-size:.96rem;line-height:1.6}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}
.service{text-align:left;padding:18px 0 22px;border-top:1px solid #cbd7df}
.service>span{display:block;width:auto;height:auto;margin:0 0 12px;border:0;border-radius:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#1685ff}
.service h3{font-size:1.02rem;line-height:1.25;margin:0 0 8px;font-weight:700;letter-spacing:-.02em}
.service p{font-size:.9rem!important;line-height:1.58;color:#4c667c;text-align:left}

/* WCAG + CMS: two strong editorial statements */
.wcag-pillar,.cms-manifesto{margin-top:38px;padding:38px 0;gap:54px;border-color:#cbd7df}
.wcag-pillar{grid-template-columns:minmax(260px,.78fr) minmax(420px,1.22fr)}
.wcag-pillar h3{font-size:clamp(2.2rem,3.1vw,3.45rem);font-weight:750;letter-spacing:-.05em;line-height:1.02}
.wcag-pillar>div:last-child>p{font-size:.98rem;line-height:1.68;color:#405b72}
.wcag-link{font-weight:650;text-underline-offset:4px}
.cms-manifesto{grid-template-columns:220px minmax(300px,.9fr) minmax(360px,1.1fr);align-items:start}
.cms-manifesto h3{font-size:clamp(2.7rem,4vw,4.8rem);font-weight:750;letter-spacing:-.06em;line-height:.94}
.cms-manifesto>p:last-child{font-size:.98rem;line-height:1.68;color:#405b72}

/* A5 should feel like a real branding case, not a mockup */
.a5-brand-stage{padding-left:18px}
.a5-brand-photo{border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.28)}
.a5-brand-caption{box-shadow:0 12px 30px rgba(0,0,0,.18);padding:16px 18px}
.a5-brand-caption strong{font-size:1.14rem;line-height:1.2}
.project-status{font-size:.82rem}

/* CTA/footer */
.cta-band{padding-top:64px;padding-bottom:64px}
.cta-copy h2{font-weight:750;letter-spacing:-.05em;line-height:.96}
.footer,.site-footer{font-family:var(--bb-font)}
.footer nav a,.footer-right a,.site-footer nav a,.site-footer nav button{font-size:.78rem!important}

/* contact and policy pages */
.contact-page,.policy{font-family:var(--bb-font)!important}
.contact-hero-copy h1,.briefing-copy h2,.policy h1,.policy h2,.form-heading h3{font-family:var(--bb-font)!important;font-style:normal!important;font-weight:750!important;letter-spacing:-.045em}
.contact-hero-copy h1 em,.policy h1 em{font-family:var(--bb-font)!important;font-style:normal!important;font-weight:750!important}
.briefing-copy blockquote{font-family:var(--bb-font)!important;font-style:normal!important;font-weight:600!important}

@media(max-width:1100px){
  .services{grid-template-columns:1fr;gap:30px}
  .services-title{max-width:640px}
  .cms-manifesto{grid-template-columns:1fr 1fr}
  .cms-kicker{grid-column:1/-1}
}
@media(max-width:820px){
  .hero-benefits{gap:20px}
  .team-copy-centered{text-align:left;max-width:680px}
  .team-principles{justify-content:flex-start}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
  .wcag-pillar{grid-template-columns:1fr;gap:16px}
  .cms-manifesto{grid-template-columns:1fr;gap:18px}
  .cms-kicker{grid-column:auto}
}
@media(max-width:560px){
  .hero h1{font-size:3.45rem;line-height:.95}
  .hero-lead{font-size:.98rem;line-height:1.55}
  .hero-benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}
  .hero-benefits>div:last-child{grid-column:1/-1}
  .hero-benefits p{font-size:.78rem}
  .team{padding-top:58px;padding-bottom:54px}
  .team-kicker{text-align:center;margin-bottom:22px}
  .team-copy-centered{margin-top:26px}
  .team-copy-centered h2{font-size:2rem;line-height:1.03}
  .team-copy-centered>p{font-size:.96rem;line-height:1.66}
  .team-principles{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}
  .team-principles span{font-size:.86rem!important}
  .case{padding-top:62px;padding-bottom:62px}
  .case-copy h2{font-size:2.65rem}
  .service-grid{grid-template-columns:1fr;gap:0}
  .service{padding:16px 0 18px}
  .service p{font-size:.9rem!important}
  .wcag-pillar,.cms-manifesto{margin-top:26px;padding:30px 0}
  .wcag-pillar h3{font-size:2rem}
  .cms-manifesto h3{font-size:2.55rem;line-height:.95}
  .a5-brand-photo{height:390px}
  .a5-brand-caption{width:calc(100% - 24px);margin:-36px auto 0}
  .cta-band{padding-top:50px;padding-bottom:50px}
}

/* v36 team names */
.team-name-edwin strong,.team-name-arend strong{color:#c81e1e!important}

/* v37 rainbow team names */
.team-name-edwin strong,.team-name-arend strong{
  color:#0b2740!important;
  background:linear-gradient(90deg,#b91c1c 0%,#b45309 17%,#7a5a00 33%,#15803d 50%,#0369a1 67%,#4338ca 83%,#7e22ce 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* v38 commercial clarity */
.hero-response{margin:14px 0 0;color:#d9e8f3;font-size:.86rem;line-height:1.5;font-weight:500}
.hero-benefits>div{align-items:flex-start!important;gap:0!important}
.hero-benefits strong{display:block;font-size:.84rem;line-height:1.2;color:#fff;margin-bottom:4px;font-weight:700}
.hero-benefits p{margin:0;color:#d7e4ee}
.audience-block{grid-column:1/-1;display:grid;grid-template-columns:220px minmax(0,1fr);gap:54px;padding:30px 0 34px;border-top:1px solid #cbd7df;border-bottom:1px solid #cbd7df}
.audience-block .section-kicker{margin:4px 0 0}
.audience-block h3{margin:0 0 10px;font-size:clamp(1.45rem,2.1vw,2.15rem);line-height:1.08;letter-spacing:-.035em;color:#071b33}
.audience-block p{margin:0;max-width:760px;color:#405b72;font-size:.98rem;line-height:1.65}
.case-footnote{margin:18px 0 20px!important;padding-top:15px;border-top:1px solid rgba(255,255,255,.16);font-size:.8rem!important;line-height:1.5!important;color:#a9c0d0!important}
.cms-detail>p{margin:4px 0 0;color:#405b72;font-size:.98rem;line-height:1.68}
.cms-points{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.cms-points li{padding-top:13px;border-top:1px solid #d3dde4}
.cms-points strong{display:block;color:#0c2942;font-size:.9rem;margin-bottom:3px}
.cms-points span{display:block;color:#50697d;font-size:.84rem;line-height:1.5}
.workflow{position:relative;background:#fff;color:#071b33;padding:78px var(--pad) 82px;display:grid;grid-template-columns:280px 1fr;gap:54px}
.workflow-head h2{margin:0 0 14px;font-size:clamp(2.4rem,3.7vw,4rem);line-height:.95;letter-spacing:-.05em}
.workflow-head>p:last-child{margin:0;color:#50697d;font-size:.96rem;line-height:1.65}
.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}
.workflow-step{padding:18px 0 0;border-top:1px solid #cbd7df}
.workflow-step>span{display:block;margin-bottom:24px;color:#1685ff;font-size:.72rem;letter-spacing:.12em;font-weight:700}
.workflow-step h3{margin:0 0 8px;font-size:1.02rem;line-height:1.25;letter-spacing:-.02em}
.workflow-step p{margin:0;color:#4c667c;font-size:.88rem;line-height:1.58}
.cta-contact{display:flex;gap:12px 24px;flex-wrap:wrap;margin:18px 0 22px}
.cta-contact a{font-weight:650;text-underline-offset:4px}
.footer-contact{display:flex!important;gap:8px 18px!important;flex-wrap:wrap;justify-content:flex-end!important;margin-bottom:8px}
.footer-contact a{font-size:.82rem!important;font-weight:650;text-decoration:none}
@media(max-width:1100px){.workflow{grid-template-columns:1fr;gap:30px}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}}
@media(max-width:820px){.audience-block{grid-template-columns:1fr;gap:10px}.workflow{padding-left:24px;padding-right:24px}.footer-contact{justify-content:flex-start!important}}
@media(max-width:560px){.hero-response{font-size:.82rem}.audience-block{padding:24px 0 26px}.workflow{padding:58px 24px 62px}.workflow-grid{grid-template-columns:1fr;gap:24px}.workflow-step>span{margin-bottom:10px}.cta-contact{margin-top:16px}.footer-contact{display:grid!important;gap:6px!important}}

/* v39 WCAG contrast */
.workflow-step>span{color:#075fae!important}

/* v40 mobile hero title readability */
.hero h1,.hero h1 span,.hero h1 strong{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
@media(max-width:560px){
  .hero h1{font-size:clamp(2.55rem,12.2vw,2.85rem);line-height:.96;letter-spacing:-.05em}
}


/* v41 A5 case + global polish */
.case-a5{position:relative;isolation:isolate}
.case-a5:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 72% 42%,rgba(26,142,255,.18),transparent 30%),
    radial-gradient(circle at 82% 68%,rgba(0,196,255,.08),transparent 24%);
}
.a5-brand-stage{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:44px 54px 58px 24px;
}
.a5-brand-stage:before{
  content:"";position:absolute;width:76%;height:74%;left:13%;top:12%;
  border-radius:40px;
  background:linear-gradient(145deg,rgba(22,133,255,.12),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transform:rotate(-2deg);
}
.a5-brand-photo{
  position:relative;
  width:min(100%,480px);
  height:560px;
  margin:0;
  border-radius:28px;
  overflow:hidden;
  z-index:2;
  background:#0a1723;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:
    0 42px 95px rgba(0,0,0,.46),
    0 16px 36px rgba(0,0,0,.30),
    0 0 0 1px rgba(4,27,48,.34);
}
.a5-brand-photo img{width:100%;height:100%;object-fit:cover;object-position:center 48%;transform:scale(1.01)}
.a5-brand-photo:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 16%,transparent 76%,rgba(0,0,0,.12));
}
.a5-brand-caption{
  position:absolute;
  right:2%;
  left:auto;
  bottom:92px;
  z-index:4;
  width:min(320px,48%);
  padding:22px 24px 23px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,247,252,.97));
  color:#071b33;
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 28px 65px rgba(0,0,0,.30),0 8px 22px rgba(0,0,0,.16);
}
.a5-brand-caption:before{
  content:"";display:block;width:44px;height:4px;border-radius:999px;
  background:#1685ff;margin:0 0 15px;
}
.a5-brand-caption span{
  display:block;margin:0 0 8px;
  color:#49677f;font-size:.72rem;font-weight:800;letter-spacing:.14em;
}
.a5-brand-caption strong{
  display:block;color:#071b33;font-size:1.35rem;line-height:1.13;letter-spacing:-.025em;
}
.a5-brand-lines{display:none!important}
.project-status{
  border-left:0!important;border-radius:12px;
  padding:13px 16px!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.case .btn,.cta-band .btn{box-shadow:0 8px 20px rgba(0,0,0,.13)!important}
.case .btn:hover,.cta-band .btn:hover{box-shadow:0 12px 28px rgba(0,0,0,.19)!important}
.services,.workflow,.team{border-color:rgba(8,44,75,.08)}
.service,.workflow-step{transition:transform .2s ease,border-color .2s ease}
@media (hover:hover){
  .service:hover,.workflow-step:hover{transform:translateY(-2px);border-color:#8fb8d5}
}
@media(max-width:900px){
  .a5-brand-stage{min-height:540px;padding:18px 14px 68px}
  .a5-brand-stage:before{width:88%;height:70%;left:6%;top:8%}
  .a5-brand-photo{width:min(100%,520px);height:500px}
  .a5-brand-caption{right:16px;bottom:30px;width:min(300px,58%)}
}
@media(max-width:560px){
  .a5-brand-stage{display:block;min-height:0;padding:10px 0 24px}
  .a5-brand-stage:before{width:94%;height:76%;left:3%;top:2%;border-radius:28px}
  .a5-brand-photo{width:calc(100% - 24px);height:430px;margin:0 auto;border-radius:22px}
  .a5-brand-caption{
    position:relative;right:auto;bottom:auto;
    width:calc(100% - 54px);margin:-46px 14px 0 auto;
    padding:18px 19px 20px;border-radius:16px;
  }
  .a5-brand-caption strong{font-size:1.12rem}
}

/* v42 services layout correction */
@media(min-width:1101px){
  .services-title{grid-column:1;grid-row:1}
  .service-grid{grid-column:2;grid-row:1;width:100%;align-self:start}
  .audience-block{grid-column:1/-1;grid-row:2}
  .wcag-pillar{grid-column:1/-1;grid-row:3}
  .cms-manifesto{grid-column:1/-1;grid-row:4}
}
@media(max-width:1100px){
  .services-title,.service-grid,.audience-block,.wcag-pillar,.cms-manifesto{grid-column:auto;grid-row:auto;width:auto}
  .audience-block,.wcag-pillar,.cms-manifesto{grid-column:1/-1}
}

/* v43 A5: rustige editorial presentatie */
.a5-brand-stage{
  min-height:610px!important;
  padding:42px 34px 64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.a5-brand-stage:before{
  content:""!important;
  position:absolute!important;
  width:430px!important;
  height:500px!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-48%)!important;
  border-radius:34px!important;
  background:radial-gradient(circle at 50% 45%,rgba(22,133,255,.22),rgba(22,133,255,.06) 52%,transparent 72%)!important;
  border:0!important;
  box-shadow:none!important;
}
.a5-brand-photo{
  width:min(100%,430px)!important;
  height:540px!important;
  margin:0!important;
  border-radius:26px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 34px 80px rgba(0,0,0,.42),0 10px 28px rgba(0,0,0,.28)!important;
}
.a5-brand-photo img{object-position:center 48%!important;transform:none!important}
.a5-brand-caption{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:34px!important;
  transform:translateX(-50%)!important;
  width:360px!important;
  max-width:calc(100% - 72px)!important;
  padding:16px 18px 17px!important;
  border-radius:14px!important;
  background:rgba(4,26,47,.88)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.24)!important;
  text-align:left!important;
}
.a5-brand-caption:before{width:34px!important;height:3px!important;margin:0 0 11px!important;background:#22a6ff!important}
.a5-brand-caption span{color:#9fc3db!important;font-size:.66rem!important;letter-spacing:.13em!important;margin-bottom:5px!important}
.a5-brand-caption strong{color:#fff!important;font-size:1rem!important;line-height:1.22!important;letter-spacing:-.01em!important}
@media(max-width:900px){
  .a5-brand-stage{min-height:540px!important;padding:28px 18px 54px!important}
  .a5-brand-stage:before{width:380px!important;height:440px!important}
  .a5-brand-photo{width:min(100%,390px)!important;height:480px!important}
  .a5-brand-caption{bottom:20px!important;width:330px!important;max-width:calc(100% - 54px)!important}
}
@media(max-width:560px){
  .a5-brand-stage{display:block!important;min-height:0!important;padding:8px 0 18px!important}
  .a5-brand-stage:before{width:86%!important;height:390px!important;top:48%!important}
  .a5-brand-photo{width:calc(100% - 28px)!important;height:410px!important;margin:0 auto!important;border-radius:20px!important}
  .a5-brand-caption{
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;
    transform:none!important;
    width:calc(100% - 52px)!important;max-width:none!important;
    margin:-34px auto 0!important;
    border-radius:13px!important;
    padding:15px 16px!important;
  }
}

/* v44 A5: stronger premium case presentation */
.case-a5 .case-copy{position:relative;z-index:2}
.case-a5 .case-copy:before{
  content:"";position:absolute;left:-18px;top:38px;width:3px;height:84px;
  border-radius:999px;background:linear-gradient(180deg,#22a6ff,#0876e8);
  box-shadow:0 0 20px rgba(34,166,255,.35)
}
.case-a5 .case-sub{max-width:440px;font-weight:600}
.a5-brand-stage{
  position:relative!important;min-height:660px!important;padding:34px 36px 54px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important
}
.a5-brand-stage:before{
  content:"A5"!important;position:absolute!important;left:50%!important;top:48%!important;
  width:auto!important;height:auto!important;transform:translate(-50%,-50%)!important;
  background:none!important;border:0!important;box-shadow:none!important;
  font-family:var(--bb-font)!important;font-size:clamp(9rem,16vw,15rem)!important;font-weight:800!important;
  line-height:.8!important;letter-spacing:-.09em!important;color:rgba(255,255,255,.045)!important;
  text-shadow:0 18px 70px rgba(0,0,0,.18)!important;pointer-events:none!important
}
.a5-brand-stage:after{
  content:"";position:absolute;left:50%;top:50%;width:500px;height:590px;
  transform:translate(-46%,-48%);border:1px solid rgba(35,166,255,.44);border-radius:32px;
  box-shadow:0 0 0 1px rgba(35,166,255,.06),0 0 70px rgba(22,133,255,.10);pointer-events:none
}
.a5-brand-photo{
  position:relative!important;z-index:2!important;width:min(100%,500px)!important;height:600px!important;
  margin:0!important;border-radius:28px!important;overflow:hidden!important;
  background:#0a1723!important;border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 46px 110px rgba(0,0,0,.52),0 18px 42px rgba(0,0,0,.30)!important
}
.a5-brand-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 48%!important;transform:none!important}
.a5-brand-photo:after{
  content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 20%,transparent 62%,rgba(0,10,22,.54) 100%)!important
}
.a5-brand-caption{
  position:absolute!important;z-index:4!important;left:50%!important;right:auto!important;bottom:48px!important;
  transform:translateX(-50%)!important;width:410px!important;max-width:calc(100% - 82px)!important;
  padding:18px 20px 19px!important;border-radius:16px!important;
  background:linear-gradient(135deg,rgba(2,23,43,.92),rgba(5,42,73,.88))!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 20px 44px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.07)!important
}
.a5-brand-caption:before{content:""!important;display:block!important;width:48px!important;height:4px!important;border-radius:99px!important;background:#22a6ff!important;margin:0 0 12px!important}
.a5-brand-caption span{display:block!important;color:#91bdd9!important;font-size:.68rem!important;font-weight:800!important;letter-spacing:.14em!important;margin:0 0 6px!important}
.a5-brand-caption strong{display:block!important;color:#fff!important;font-size:1.16rem!important;line-height:1.18!important;letter-spacing:-.02em!important}
@media(max-width:900px){
  .case-a5 .case-copy:before{display:none}
  .a5-brand-stage{min-height:590px!important;padding:22px 18px 46px!important}
  .a5-brand-stage:after{width:420px;height:520px;transform:translate(-46%,-48%)}
  .a5-brand-photo{width:min(100%,430px)!important;height:520px!important}
  .a5-brand-caption{bottom:22px!important;width:360px!important;max-width:calc(100% - 54px)!important}
}
@media(max-width:560px){
  .a5-brand-stage{display:block!important;min-height:0!important;padding:10px 0 18px!important}
  .a5-brand-stage:before{font-size:8rem!important;top:42%!important}
  .a5-brand-stage:after{width:calc(100% - 42px);height:420px;left:50%;top:44%;transform:translate(-47%,-50%);border-radius:24px}
  .a5-brand-photo{width:calc(100% - 28px)!important;height:440px!important;margin:0 auto!important;border-radius:22px!important}
  .a5-brand-caption{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:calc(100% - 52px)!important;max-width:none!important;margin:-38px auto 0!important;padding:16px 17px 17px!important;border-radius:14px!important}
  .a5-brand-caption strong{font-size:1.03rem!important}
}

/* v45 portrait depth for Edwin & Arend-Jan */
.team-showcase .person{
  filter:drop-shadow(0 24px 28px rgba(4,24,48,.16));
}
.team-showcase .portrait-wrap{
  box-shadow:
    0 28px 64px rgba(3,28,58,.24),
    0 12px 26px rgba(3,28,58,.14),
    0 0 0 7px rgba(22,133,255,.055)!important;
  outline:1px solid rgba(22,133,255,.16)!important;
}
@media(max-width:760px){
  .team-showcase .person{filter:drop-shadow(0 18px 22px rgba(4,24,48,.15))}
  .team-showcase .portrait-wrap{
    box-shadow:
      0 20px 42px rgba(3,28,58,.22),
      0 8px 18px rgba(3,28,58,.12),
      0 0 0 5px rgba(22,133,255,.05)!important;
  }
}

/* v46 team names back to primary brand color */
.team-name-edwin strong,.team-name-arend strong{
  color:#1685ff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#1685ff!important;
}

/* v47 mobile hero benefits: clean editorial rows */
@media(max-width:560px){
  .hero-benefits{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    margin-top:28px!important;
    width:100%!important;
  }
  .hero-benefits>div,
  .hero-benefits>div:last-child{
    display:grid!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    align-items:start!important;
    gap:14px!important;
    grid-column:auto!important;
    width:100%!important;
    padding:14px 0!important;
    border-top:1px solid rgba(255,255,255,.18)!important;
  }
  .hero-benefits>div:last-child{
    border-bottom:1px solid rgba(255,255,255,.18)!important;
  }
  .hero-benefits strong{
    display:block!important;
    margin:0!important;
    font-size:.96rem!important;
    line-height:1.3!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  .hero-benefits p{
    display:block!important;
    margin:0!important;
    font-size:.88rem!important;
    line-height:1.45!important;
    color:#d7e4ee!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
}
@media(max-width:350px){
  .hero-benefits>div,
  .hero-benefits>div:last-child{
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .hero-benefits strong{font-size:.9rem!important}
  .hero-benefits p{font-size:.84rem!important}
}

/* v48 WCAG + CMS presentation */
.wcag-pillar{
  margin-top:44px!important;
  padding:34px 36px!important;
  border:1px solid #d9e7f1!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,#f8fcff 0%,#eef7fd 100%)!important;
  box-shadow:0 18px 48px rgba(9,43,73,.08)!important;
  gap:42px!important;
}
.wcag-pillar .section-kicker{margin-bottom:10px!important;color:#0c70c9!important}
.wcag-pillar h3{margin:0!important;font-size:clamp(2rem,2.8vw,3rem)!important;line-height:1.02!important}
.wcag-pillar>div:last-child>p{margin:0!important;color:#3d5b73!important;font-size:.98rem!important;line-height:1.68!important}
.wcag-link{
  display:inline-flex!important;align-items:center!important;gap:10px!important;
  margin-top:20px!important;padding:10px 14px!important;min-height:44px!important;
  border-radius:999px!important;background:#e6f3fd!important;color:#075fae!important;
  text-decoration:none!important;font-weight:700!important;box-shadow:inset 0 0 0 1px #c8e3f7!important;
}
.wcag-link:hover{background:#d8edfb!important}

.cms-manifesto{
  margin-top:28px!important;
  padding:38px 40px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,#06182a 0%,#0b2b48 100%)!important;
  box-shadow:0 24px 60px rgba(3,28,58,.16)!important;
  grid-template-columns:180px minmax(300px,.9fr) minmax(360px,1.1fr)!important;
  gap:34px!important;
  overflow:hidden!important;
  position:relative!important;
}
.cms-manifesto:after{
  content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(22,133,255,.18),transparent 68%);pointer-events:none
}
.cms-kicker{color:#55b6ff!important;margin:3px 0 0!important;font-size:.72rem!important;letter-spacing:.14em!important}
.cms-manifesto h3{
  margin:0!important;color:#fff!important;font-size:clamp(2.3rem,3.3vw,3.7rem)!important;
  line-height:.98!important;letter-spacing:-.05em!important;max-width:560px!important;
}
.cms-detail{position:relative;z-index:1}
.cms-detail>p{margin:2px 0 0!important;color:#c6d7e5!important;font-size:.98rem!important;line-height:1.68!important}
.cms-points{margin:22px 0 0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.cms-points li{
  padding:14px 15px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;
  background:rgba(255,255,255,.055)!important;
}
.cms-points strong{color:#fff!important;font-size:.9rem!important;margin-bottom:4px!important}
.cms-points span{color:#b8cddd!important;font-size:.84rem!important;line-height:1.48!important}

@media(max-width:900px){
  .wcag-pillar{grid-template-columns:1fr!important;gap:18px!important;padding:28px 30px!important}
  .cms-manifesto{grid-template-columns:1fr!important;gap:18px!important;padding:32px 30px!important}
  .cms-kicker{grid-column:auto!important}
}
@media(max-width:560px){
  .wcag-pillar{
    margin-top:22px!important;padding:22px 20px!important;border-radius:20px!important;gap:14px!important;
    box-shadow:0 12px 30px rgba(9,43,73,.07)!important;
  }
  .wcag-pillar h3{font-size:1.75rem!important;line-height:1.04!important}
  .wcag-pillar>div:last-child>p{font-size:.94rem!important;line-height:1.58!important}
  .wcag-link{margin-top:16px!important;padding:9px 12px!important;font-size:.9rem!important}

  .cms-manifesto{
    margin-top:18px!important;padding:24px 20px 22px!important;border-radius:22px!important;gap:14px!important;
    box-shadow:0 16px 36px rgba(3,28,58,.14)!important;
  }
  .cms-kicker{font-size:.68rem!important;line-height:1.4!important;letter-spacing:.12em!important}
  .cms-manifesto h3{font-size:2rem!important;line-height:1.02!important;letter-spacing:-.045em!important}
  .cms-detail>p{font-size:.94rem!important;line-height:1.58!important}
  .cms-points{margin-top:18px!important;gap:9px!important}
  .cms-points li{padding:13px 14px!important;border-radius:12px!important}
  .cms-points strong{font-size:.88rem!important}
  .cms-points span{font-size:.82rem!important;line-height:1.45!important}
}

/* TRL readiness */
.trl-panel{grid-column:1/-1;margin-top:54px;padding:28px 0 0;border-top:1px solid #cbd7df;display:grid;grid-template-columns:280px 1fr;gap:54px}
.trl-copy h3{margin:0 0 10px;font-size:1.35rem;letter-spacing:-.03em}
.trl-copy>p:not(.section-kicker){margin:0 0 12px;color:#4c667c;font-size:.9rem;line-height:1.62}.trl-copy>p:not(.section-kicker):last-child{margin-bottom:0}.trl-copy strong{color:#071b33}
.trl-scale{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #cbd7df;background:#fff}
.trl-scale li{min-height:108px;padding:18px 16px;border-left:1px solid #cbd7df;display:flex;flex-direction:column;justify-content:space-between}
.trl-scale li:first-child{border-left:0}
.trl-scale strong{font-size:.78rem;letter-spacing:.08em;color:#075fae}
.trl-scale span{font-size:.9rem;font-weight:700;color:#071b33}
@media(max-width:1100px){.trl-panel{grid-template-columns:1fr;gap:22px}.trl-scale{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}}
@media(max-width:680px){.trl-panel{margin-top:38px}.trl-scale{grid-template-columns:1fr}.trl-scale li{min-height:auto;padding:14px 12px;border-left:0;border-top:1px solid #cbd7df;display:grid;grid-template-columns:88px 1fr;gap:12px}.trl-scale li:first-child{border-top:0}}


/* v51 hero benefits: premium cards */
.hero-stack{display:none!important}
.hero-benefits{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  width:min(1120px,calc(100vw - (2 * var(--pad))))!important;
  margin-top:26px!important;
}
.hero-benefits .hero-benefit,
.hero-benefits .hero-benefit:last-child{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  align-items:center!important;
  gap:16px!important;
  min-height:112px!important;
  padding:18px 20px!important;
  border:1px solid rgba(91,184,255,.22)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(3,27,49,.78),rgba(7,45,75,.62))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.hero-benefit-icon{
  width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(64,174,255,.72);
  background:radial-gradient(circle at 50% 40%,rgba(29,147,255,.18),rgba(3,27,49,.18));
  box-shadow:0 0 0 5px rgba(22,133,255,.05),0 10px 24px rgba(0,0,0,.16);
}
.hero-benefit-icon svg{
  width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.hero-benefit-copy{display:block;min-width:0}
.hero-benefits .hero-benefit strong{
  display:block!important;margin:0 0 5px!important;
  color:#fff!important;font-size:1rem!important;line-height:1.2!important;
  font-weight:750!important;letter-spacing:-.015em!important;
  white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;
}
.hero-benefits .hero-benefit p{
  display:block!important;margin:0!important;
  color:#c8d9e6!important;font-size:.84rem!important;line-height:1.42!important;
  word-break:normal!important;overflow-wrap:normal!important;
}
@media(max-width:980px){
  .hero-benefits{width:100%!important;grid-template-columns:1fr!important;gap:10px!important}
  .hero-benefits .hero-benefit,
  .hero-benefits .hero-benefit:last-child{
    grid-template-columns:54px minmax(0,1fr)!important;
    min-height:86px!important;padding:14px 16px!important;border-radius:15px!important;
  }
  .hero-benefit-icon{width:48px;height:48px}
  .hero-benefit-icon svg{width:25px;height:25px}
}
@media(max-width:560px){
  .hero-benefits{margin-top:22px!important;gap:9px!important}
  .hero-benefits .hero-benefit,
  .hero-benefits .hero-benefit:last-child{
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:13px!important;min-height:78px!important;padding:12px 14px!important;
  }
  .hero-benefit-icon{width:44px;height:44px;box-shadow:0 0 0 4px rgba(22,133,255,.045)}
  .hero-benefit-icon svg{width:23px;height:23px}
  .hero-benefits .hero-benefit strong{font-size:.94rem!important}
  .hero-benefits .hero-benefit p{font-size:.8rem!important;line-height:1.38!important}
}


/* v52 TRL premium timeline */
.trl-panel{
  grid-column:1/-1!important;
  margin-top:56px!important;
  padding:42px 0 0!important;
  border-top:1px solid #cbd7df!important;
  display:grid!important;
  grid-template-columns:minmax(300px,350px) minmax(0,1fr)!important;
  gap:44px!important;
  align-items:start!important;
}
.trl-copy .section-kicker{margin:0 0 16px!important;color:#54759a!important}
.trl-copy h3{
  margin:0 0 20px!important;
  font-size:clamp(2.15rem,3vw,3.45rem)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
  color:#071b33!important;
}
.trl-copy h3 strong{color:#1685ff!important}
.trl-copy>p:not(.section-kicker){
  margin:0 0 16px!important;
  color:#49667e!important;
  font-size:.93rem!important;
  line-height:1.7!important;
}
.trl-copy>p strong{color:#071b33!important}
.trl-copy-line{
  margin-top:28px;
  display:flex;align-items:center;gap:12px;
  color:#7990a7;font-size:.67rem;font-weight:700;letter-spacing:.17em
}
.trl-copy-line span{display:block;width:46px;height:3px;border-radius:99px;background:#1685ff}

.trl-visual{min-width:0;position:relative}
.trl-scale{
  position:relative!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.trl-scale:before{
  content:"";position:absolute;left:8%;right:8%;top:69px;height:2px;
  background:repeating-linear-gradient(90deg,#bdd7ec 0 7px,transparent 7px 13px);
  z-index:0;
}
.trl-scale li{
  position:relative!important;
  z-index:1!important;
  min-height:430px!important;
  padding:18px 18px 16px!important;
  border:1px solid #dce8f2!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 16px 42px rgba(7,36,61,.07)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  overflow:hidden!important;
}
.trl-scale li:first-child{border-left:1px solid #dce8f2!important}
.trl-level{
  display:block!important;
  width:100%!important;
  color:#0875de!important;
  font-size:.75rem!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
  font-weight:800!important;
  text-align:left!important;
}
.trl-dot{
  position:relative;z-index:3;
  display:block;width:18px;height:18px;border-radius:50%;
  margin:26px auto 20px;
  background:#5aaaf4;border:5px solid #fff;
  box-shadow:0 0 0 1px #c7dceb,0 5px 14px rgba(22,133,255,.18)
}
.trl-icon{
  width:72px;height:72px;border-radius:50%;
  display:grid;place-items:center;
  background:radial-gradient(circle at 50% 38%,#f1f8ff,#dfefff);
  margin:2px auto 18px;
  color:#145bb6;
}
.trl-icon svg{
  width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round
}
.trl-scale h4{
  margin:0!important;color:#081a31!important;
  font-size:1.08rem!important;line-height:1.2!important;letter-spacing:-.025em!important;
}
.trl-mini-line{display:block;width:28px;height:3px;border-radius:99px;background:#79bdff;margin:17px auto 15px}
.trl-scale li p{
  margin:0!important;color:#526d85!important;
  font-size:.82rem!important;line-height:1.48!important;
}
.trl-scale li small{
  margin-top:auto!important;padding-top:20px!important;
  color:#91acd0!important;font-size:.78rem!important;font-weight:800!important;
}
.trl-scale li.trl-live{
  border-color:#62b9ff!important;
  box-shadow:0 18px 48px rgba(22,133,255,.14)!important;
}
.trl-scale li.trl-live .trl-dot{background:#087cf0;box-shadow:0 0 0 1px #9bcfff,0 0 0 7px rgba(22,133,255,.08)}
.trl-scale li.trl-live .trl-icon{background:radial-gradient(circle at 50% 38%,#d9ecff,#bddcff);color:#0875de}
.trl-scale li.trl-live small{color:#0875de!important}

.trl-progress{
  margin-top:22px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;
  color:#728ca5;font-size:.66rem;font-weight:800;letter-spacing:.17em;
}
.trl-progress i{position:relative;display:block;height:2px;background:linear-gradient(90deg,#19a0ff,#0875de)}
.trl-progress i:after{
  content:"";position:absolute;right:0;top:50%;width:8px;height:8px;
  border-top:2px solid #0875de;border-right:2px solid #0875de;transform:translateY(-50%) rotate(45deg)
}
.trl-progress span:last-child{color:#0875de}

@media(max-width:1180px){
  .trl-panel{grid-template-columns:1fr!important;gap:26px!important}
  .trl-copy{max-width:760px}
}
@media(max-width:900px){
  .trl-scale{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .trl-scale:before{display:none}
  .trl-scale li{min-height:330px!important}
  .trl-progress{display:none}
}
@media(max-width:560px){
  .trl-panel{margin-top:40px!important;padding-top:30px!important;gap:22px!important}
  .trl-copy h3{font-size:2.1rem!important;line-height:1.02!important}
  .trl-copy>p:not(.section-kicker){font-size:.9rem!important;line-height:1.62!important}
  .trl-copy-line{margin-top:22px}
  .trl-scale{grid-template-columns:1fr!important;gap:12px!important}
  .trl-scale li{
    min-height:0!important;padding:16px!important;
    display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-areas:
      "level level"
      "icon title"
      "icon text"
      "num num"!important;
    column-gap:15px!important;row-gap:6px!important;
    text-align:left!important;align-items:center!important;
  }
  .trl-level{grid-area:level!important}
  .trl-dot{display:none!important}
  .trl-icon{grid-area:icon!important;width:54px!important;height:54px!important;margin:4px 0 0!important}
  .trl-icon svg{width:28px!important;height:28px!important}
  .trl-scale h4{grid-area:title!important;font-size:1.02rem!important;align-self:end!important}
  .trl-mini-line{display:none!important}
  .trl-scale li p{grid-area:text!important;font-size:.8rem!important;align-self:start!important}
  .trl-scale li small{grid-area:num!important;margin:8px 0 0!important;padding-top:10px!important;border-top:1px solid #e4edf4!important;text-align:right!important}
}

/* v53 TRL stacked cards */
.trl-panel{
  grid-template-columns:minmax(300px,350px) minmax(0,1fr)!important;
  gap:48px!important;
}
.trl-visual{min-width:0!important}
.trl-scale{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.trl-scale:before{display:none!important}
.trl-scale li,
.trl-scale li:first-child{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:92px 58px 170px minmax(0,1fr) 34px!important;
  align-items:center!important;
  column-gap:16px!important;
  row-gap:0!important;
  padding:16px 18px!important;
  border:1px solid #d9e6f0!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%)!important;
  box-shadow:0 12px 30px rgba(7,36,61,.065)!important;
  text-align:left!important;
  overflow:visible!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
@media(hover:hover){
  .trl-scale li:hover{transform:translateY(-2px)!important;box-shadow:0 18px 38px rgba(7,36,61,.10)!important;border-color:#9fcdf0!important}
}
.trl-level{
  width:auto!important;
  margin:0!important;
  color:#0875de!important;
  font-size:.74rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.trl-dot{display:none!important}
.trl-icon{
  width:52px!important;height:52px!important;margin:0!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#eaf5ff,#d9ecff)!important;
  color:#145bb6!important;
  box-shadow:inset 0 0 0 1px rgba(22,133,255,.09)!important;
}
.trl-icon svg{width:27px!important;height:27px!important}
.trl-scale h4{
  margin:0!important;
  color:#071b33!important;
  font-size:1rem!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.trl-mini-line{display:none!important}
.trl-scale li p{
  margin:0!important;
  color:#526d85!important;
  font-size:.84rem!important;
  line-height:1.48!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.trl-scale li small{
  margin:0!important;padding:0!important;
  color:#96abc0!important;font-size:.72rem!important;font-weight:800!important;text-align:right!important;
}
.trl-scale li.trl-live{
  border-color:#65baff!important;
  background:linear-gradient(135deg,#f6fbff 0%,#edf7ff 100%)!important;
  box-shadow:0 14px 34px rgba(22,133,255,.12)!important;
}
.trl-scale li.trl-live .trl-icon{
  background:linear-gradient(145deg,#d9ecff,#bcdcff)!important;color:#0875de!important;
}
.trl-progress{
  margin-top:18px!important;
  display:grid!important;grid-template-columns:auto 1fr auto!important;gap:12px!important;align-items:center!important;
  color:#7f96aa!important;font-size:.64rem!important;font-weight:800!important;letter-spacing:.15em!important;
}

@media(max-width:1180px){
  .trl-panel{grid-template-columns:1fr!important;gap:28px!important}
}
@media(max-width:820px){
  .trl-scale li,
  .trl-scale li:first-child{
    grid-template-columns:80px 50px 145px minmax(0,1fr) 30px!important;
    column-gap:12px!important;padding:14px!important;
  }
  .trl-icon{width:46px!important;height:46px!important}
  .trl-icon svg{width:24px!important;height:24px!important}
  .trl-scale h4{font-size:.95rem!important}
  .trl-scale li p{font-size:.8rem!important}
}
@media(max-width:620px){
  .trl-scale li,
  .trl-scale li:first-child{
    grid-template-columns:52px minmax(0,1fr) 28px!important;
    grid-template-areas:
      "icon level num"
      "icon title num"
      "icon text text"!important;
    align-items:start!important;
    column-gap:12px!important;row-gap:4px!important;
    padding:14px!important;
  }
  .trl-level{grid-area:level!important;margin-top:1px!important;font-size:.68rem!important}
  .trl-icon{grid-area:icon!important;width:48px!important;height:48px!important;border-radius:13px!important}
  .trl-scale h4{grid-area:title!important;white-space:normal!important;font-size:.98rem!important}
  .trl-scale li p{grid-area:text!important;font-size:.79rem!important;line-height:1.45!important;padding-top:3px!important}
  .trl-scale li small{grid-area:num!important;align-self:start!important}
  .trl-progress{display:none!important}
}

/* v55 TRL unified component */
@media(min-width:1181px){
  .trl-panel{
    grid-template-columns:minmax(300px,320px) minmax(0,1fr)!important;
    gap:36px!important;
    align-items:stretch!important;
  }
  .trl-copy{
    display:flex!important;
    flex-direction:column!important;
    min-height:100%!important;
  }
  .trl-copy-line{
    margin-top:auto!important;
    min-height:24px!important;
    align-items:center!important;
  }
  .trl-visual{
    display:flex!important;
    flex-direction:column!important;
    min-height:100%!important;
  }
  .trl-scale{
    flex:1 1 auto!important;
    grid-template-rows:repeat(5,minmax(96px,1fr))!important;
    gap:14px!important;
  }
  .trl-scale li,
  .trl-scale li:first-child{
    min-height:96px!important;
    grid-template-columns:88px 64px 190px minmax(0,1fr) 36px!important;
    column-gap:18px!important;
    padding:18px 20px!important;
    border-radius:18px!important;
    box-shadow:0 14px 34px rgba(7,36,61,.075)!important;
  }
  .trl-icon{
    width:58px!important;
    height:58px!important;
    border-radius:15px!important;
  }
  .trl-icon svg{width:30px!important;height:30px!important}
  .trl-scale h4{font-size:1.08rem!important}
  .trl-scale li p{font-size:.88rem!important;line-height:1.5!important}
  .trl-progress{
    margin-top:16px!important;
    min-height:24px!important;
    align-items:center!important;
  }
}
@media(min-width:1440px){
  .trl-panel{
    grid-template-columns:minmax(320px,340px) minmax(0,1fr)!important;
    gap:40px!important;
  }
  .trl-scale li,
  .trl-scale li:first-child{
    grid-template-columns:92px 66px 200px minmax(0,1fr) 38px!important;
    padding:19px 22px!important;
  }
}


/* v56 TRL cleanup: one component, no duplicate footer labels */
.trl-copy-line,.trl-progress{display:none!important}
@media(min-width:1181px){
  .trl-copy{justify-content:flex-start!important}
  .trl-scale{grid-template-rows:repeat(5,minmax(100px,1fr))!important}
  .trl-panel{align-items:stretch!important;padding-bottom:4px!important}
}

/* v57 workflow: clear four-step process */
.workflow{
  display:block!important;
  padding-top:72px!important;
  padding-bottom:78px!important;
}
.workflow-head{
  max-width:900px!important;
  margin:0 0 34px!important;
}
.workflow-head .section-kicker{margin-bottom:12px!important;color:#54759a!important}
.workflow-head h2{
  margin:0 0 14px!important;
  max-width:850px!important;
  font-size:clamp(2.7rem,4.2vw,4.5rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.workflow-head>p:last-child{
  max-width:650px!important;
  margin:0!important;
  color:#50697d!important;
  font-size:1rem!important;
  line-height:1.65!important;
}
.workflow-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:0!important;
}
.workflow-step{
  position:relative!important;
  min-height:235px!important;
  padding:22px 22px 24px!important;
  border:1px solid #d9e6f0!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f7fbff 100%)!important;
  box-shadow:0 14px 34px rgba(7,36,61,.065)!important;
  overflow:hidden!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.workflow-step:before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#1685ff,#65baff);opacity:.9
}
.workflow-step>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:42px!important;
  height:30px!important;
  margin:0 0 34px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#eaf5ff!important;
  color:#075fae!important;
  font-size:.72rem!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}
.workflow-step h3{
  margin:0 0 10px!important;
  color:#071b33!important;
  font-size:1.16rem!important;
  line-height:1.22!important;
  letter-spacing:-.025em!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.workflow-step p{
  margin:0!important;
  color:#526d85!important;
  font-size:.9rem!important;
  line-height:1.58!important;
}
.workflow-step:last-child{
  border-color:#9fd2f7!important;
  background:linear-gradient(145deg,#f7fbff 0%,#eef7ff 100%)!important;
}
@media(hover:hover){
  .workflow-step:hover{transform:translateY(-3px)!important;box-shadow:0 20px 42px rgba(7,36,61,.10)!important;border-color:#9fcdf0!important}
}
@media(max-width:1000px){
  .workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .workflow-step{min-height:210px!important}
}
@media(max-width:620px){
  .workflow{padding-top:48px!important;padding-bottom:54px!important}
  .workflow-head{margin-bottom:24px!important}
  .workflow-head h2{font-size:clamp(2.15rem,10vw,2.8rem)!important;line-height:1.01!important}
  .workflow-head>p:last-child{font-size:.94rem!important;line-height:1.58!important}
  .workflow-grid{grid-template-columns:1fr!important;gap:11px!important}
  .workflow-step{
    min-height:0!important;
    padding:18px 18px 19px!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    grid-template-areas:"num title" "num text"!important;
    column-gap:14px!important;row-gap:5px!important;
  }
  .workflow-step>span{grid-area:num!important;min-width:42px!important;margin:0!important;align-self:start!important}
  .workflow-step h3{grid-area:title!important;font-size:1.04rem!important;margin:0!important}
  .workflow-step p{grid-area:text!important;font-size:.84rem!important;line-height:1.48!important}
}

.qa-proof{
  margin:34px auto 28px!important;
  padding:30px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr)!important;
  gap:30px!important;
  border:1px solid #d9e6f0!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#071b33 0%,#0b2a4a 100%)!important;
  box-shadow:0 18px 44px rgba(7,27,51,.12)!important;
  color:#fff!important;
}
.qa-proof .section-kicker{color:#7fc3ff!important}
.qa-proof-copy h3{
  margin:8px 0 16px!important;
  color:#fff!important;
  font-size:clamp(2rem,3vw,3.25rem)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
.qa-proof-copy h3 strong{color:#78c0ff!important}
.qa-proof-copy>p{
  margin:0 0 14px!important;
  max-width:720px!important;
  color:#c4d6e6!important;
  font-size:.96rem!important;
  line-height:1.65!important;
}
.qa-proof-copy>p strong{color:#fff!important}
.qa-proof-note{
  margin-top:20px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
}
.qa-proof-note>span{
  width:30px!important;height:30px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:#1685ff!important;color:#fff!important;font-weight:900!important;
}
.qa-proof-note p{margin:3px 0 0!important;color:#e4eef7!important;font-size:.84rem!important;line-height:1.5!important}
.qa-proof-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.qa-proof-grid>div{
  min-height:102px!important;
  padding:17px 18px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.055)!important;
}
.qa-proof-grid strong{
  display:block!important;
  margin-bottom:6px!important;
  color:#fff!important;
  font-size:.9rem!important;
}
.qa-proof-grid span{
  display:block!important;
  color:#a9c2d8!important;
  font-size:.78rem!important;
  line-height:1.45!important;
}
@media(max-width:900px){
  .qa-proof{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .qa-proof{margin:26px auto 22px!important;padding:20px!important;border-radius:17px!important;gap:22px!important}
  .qa-proof-copy h3{font-size:2.15rem!important}
  .qa-proof-copy>p{font-size:.9rem!important}
  .qa-proof-grid{grid-template-columns:1fr!important}
  .qa-proof-grid>div{min-height:0!important;padding:15px 16px!important}
}