:root{
  --cream:#FBF5EC; --peri:#B4BFED; --ink:#004AAD; --ink-soft:#4A6B96;
  --pist:#C1DD93; --pist-ink:#26401A; --navy:#002343; --tang:#F1B04C;
  --sage:#E4EEEA;
  --sans:'Outfit',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);
  font-weight:400;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px;border-radius:2px}
.wrap{max-width:1340px;margin:0 auto;padding:0 clamp(24px,3.5vw,56px)}
.narrow{max-width:760px;margin:0 auto;padding:0 24px}

h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.025em;line-height:1.1}
h1{font-size:clamp(30px,3.8vw,50px)}
p{margin:0;line-height:1.65;color:var(--ink-soft)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px;
  border-radius:999px;font-family:var(--sans);font-size:15px;font-weight:500;
  border:1.5px solid transparent;cursor:pointer;
  transition:transform .2s var(--ease),background .2s,color .2s}
.btn svg{width:15px;height:15px}
.btn-fill{background:var(--pist);color:var(--pist-ink)}
.btn-fill:hover{background:#CFE7A8;transform:translateY(-2px)}
.btn-sm{padding:8px 16px;font-size:13.5px}

/* header */
.nav{position:sticky;top:0;z-index:60;background:var(--cream)}
.nav-in{display:flex;align-items:center;gap:26px;height:56px;max-width:1560px}
.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:600;letter-spacing:-.02em}
.brand img{height:22px;width:auto}
.nav-links{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:2px}
.nav-links a{padding:6px 13px;font-size:14px;color:rgba(0,74,173,.72);transition:color .18s}
.nav-links a:hover{color:var(--ink)}
.nav-right{display:flex;align-items:center;gap:16px;margin-left:auto}
.nav-right a:not(.btn){font-size:14px;color:rgba(0,74,173,.8)}

/* index hero */
.bhero{background:var(--peri);padding:56px 0 62px}
.bhero p{margin-top:14px;max-width:56ch;font-size:17px;color:#2B4A7E}

/* cards */
.bgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;padding:52px 0 76px}
.bcard{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;
  border:1px solid rgba(0,74,173,.12);transition:transform .3s var(--ease),box-shadow .3s}
.bcard:hover{transform:translateY(-4px);box-shadow:0 22px 44px -32px rgba(0,74,173,.55)}
.bcard:first-child{grid-column:1/-1;flex-direction:row}
.bcard:first-child .cover{flex:0 0 44%}
.bcard:first-child .bbody{padding:34px}
.bbody{padding:24px;display:flex;flex-direction:column;flex:1}
.bkicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,74,173,.55)}
.bcard h2{margin-top:10px;font-size:21px;line-height:1.2}
.bcard:first-child h2{font-size:28px}
.bcard p{margin-top:11px;font-size:15px;line-height:1.55}
.bmeta{margin-top:auto;padding-top:18px;display:flex;align-items:center;gap:9px;
  font-size:13.5px;color:var(--ink)}
.bmeta svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.bcard:hover .bmeta svg{transform:translateX(4px)}

/* covers: flat colour with a simple face, drawn as SVG */
.cover{position:relative;aspect-ratio:16/9;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}
.bcard:first-child .cover{aspect-ratio:auto}
.cover i{display:none}
.c-strategy{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20225'%20preserveAspectRatio%3D'xMidYMid%20slice'%3E%3Crect%20width%3D'400'%20height%3D'225'%20fill%3D'%23B4BFED'%2F%3E%3Cg%20transform%3D'rotate(-13%20200%20118)%20translate(76.0%2044.8)%20scale(0.62)'%3E%3Cpath%20d%3D'M%2010%20104%20C%20110%20214%20300%20208%20396%2090'%20fill%3D'none'%20stroke%3D'%23002343'%20stroke-width%3D'32'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M%20128%2072%20C%20142%2055%20166%2055%20180%2072'%20fill%3D'none'%20stroke%3D'%23002343'%20stroke-width%3D'14'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M%20224%2072%20C%20238%2055%20262%2055%20276%2072'%20fill%3D'none'%20stroke%3D'%23002343'%20stroke-width%3D'14'%20stroke-linecap%3D'round'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.c-social{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20225'%20preserveAspectRatio%3D'xMidYMid%20slice'%3E%3Crect%20width%3D'400'%20height%3D'225'%20fill%3D'%23C1DD93'%2F%3E%3Cg%20transform%3D'rotate(11%20200%20118)%20translate(76.0%2044.8)%20scale(0.62)'%3E%3Cpath%20d%3D'M%204%20142%20C%20120%20248%20288%20242%20400%20124'%20fill%3D'none'%20stroke%3D'%23002343'%20stroke-width%3D'36'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M%20150%20136%20C%20150%20180%20252%20180%20252%20136%20Z'%20fill%3D'%23FBF5EC'%2F%3E%3Ccircle%20cx%3D'150'%20cy%3D'86'%20r%3D'35'%20fill%3D'%23FBF5EC'%2F%3E%3Ccircle%20cx%3D'155'%20cy%3D'90'%20r%3D'15'%20fill%3D'%23002343'%2F%3E%3Ccircle%20cx%3D'252'%20cy%3D'86'%20r%3D'35'%20fill%3D'%23FBF5EC'%2F%3E%3Ccircle%20cx%3D'257'%20cy%3D'90'%20r%3D'15'%20fill%3D'%23002343'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.c-whatsapp{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20225'%20preserveAspectRatio%3D'xMidYMid%20slice'%3E%3Crect%20width%3D'400'%20height%3D'225'%20fill%3D'%23002343'%2F%3E%3Cg%20transform%3D'rotate(-9%20200%20118)%20translate(76.0%2044.8)%20scale(0.62)'%3E%3Cpath%20d%3D'M%206%2092%20C%20118%20190%20292%20186%20394%2080'%20fill%3D'none'%20stroke%3D'%23C1DD93'%20stroke-width%3D'32'%20stroke-linecap%3D'round'%2F%3E%3Ccircle%20cx%3D'156'%20cy%3D'80'%20r%3D'33'%20fill%3D'%23FBF5EC'%2F%3E%3Ccircle%20cx%3D'152'%20cy%3D'83'%20r%3D'15'%20fill%3D'%23002343'%2F%3E%3Ccircle%20cx%3D'256'%20cy%3D'80'%20r%3D'33'%20fill%3D'%23FBF5EC'%2F%3E%3Ccircle%20cx%3D'252'%20cy%3D'83'%20r%3D'15'%20fill%3D'%23002343'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.c-email{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20225'%20preserveAspectRatio%3D'xMidYMid%20slice'%3E%3Crect%20width%3D'400'%20height%3D'225'%20fill%3D'%23F1B04C'%2F%3E%3Cg%20transform%3D'rotate(14%20200%20118)%20translate(76.0%2044.8)%20scale(0.62)'%3E%3Cpath%20d%3D'M%2012%20116%20C%20128%20218%20288%20212%20390%20100'%20fill%3D'none'%20stroke%3D'%23002343'%20stroke-width%3D'30'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M%20134%2078%20C%20148%2096%20174%2096%20188%2078'%20fill%3D'none'%20stroke%3D'%23FBF5EC'%20stroke-width%3D'15'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M%20224%2078%20C%20238%2096%20264%2096%20278%2078'%20fill%3D'none'%20stroke%3D'%23FBF5EC'%20stroke-width%3D'15'%20stroke-linecap%3D'round'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.c-multi{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20225'%20preserveAspectRatio%3D'xMidYMid%20slice'%3E%3Crect%20width%3D'400'%20height%3D'225'%20fill%3D'%239FC4B4'%2F%3E%3Cg%20transform%3D'rotate(-12%20200%20118)%20translate(76.0%2044.8)%20scale(0.62)'%3E%3Cpath%20d%3D'M%208%20128%20C%20120%20214%20286%20208%20392%20114'%20fill%3D'none'%20stroke%3D'%23002343'%20stroke-width%3D'28'%20stroke-linecap%3D'round'%2F%3E%3Ccircle%20cx%3D'152'%20cy%3D'82'%20r%3D'31'%20fill%3D'%23FBF5EC'%2F%3E%3Ccircle%20cx%3D'154'%20cy%3D'87'%20r%3D'14'%20fill%3D'%23002343'%2F%3E%3Ccircle%20cx%3D'254'%20cy%3D'82'%20r%3D'31'%20fill%3D'%23FBF5EC'%2F%3E%3Ccircle%20cx%3D'256'%20cy%3D'87'%20r%3D'14'%20fill%3D'%23002343'%2F%3E%3Cpath%20d%3D'M%20176%20150%20C%20198%20170%20220%20170%20236%20150'%20fill%3D'none'%20stroke%3D'%23FBF5EC'%20stroke-width%3D'12'%20stroke-linecap%3D'round'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

/* article */
.ahero{padding:44px 0 34px}
.aback{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--ink-soft);
  margin-bottom:24px}
.aback svg{width:14px;height:14px}
.aback:hover{color:var(--ink)}
.ahero .bkicker{display:block;margin-bottom:12px}
.alede{margin-top:18px;font-size:19px;line-height:1.55;color:var(--ink-soft)}
.ameta{margin-top:20px;font-size:14px;color:rgba(0,74,173,.6)}
.acover{height:clamp(160px,22vw,280px);border-radius:20px;margin:8px auto 40px;max-width:1000px}
article{padding-bottom:76px}
article h2{margin:42px 0 14px;font-size:clamp(21px,2.2vw,27px)}
article p{margin:0 0 18px;font-size:17px;line-height:1.75}
article ul{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:10px}
article li{position:relative;padding-left:22px;font-size:16.5px;line-height:1.6;color:var(--ink-soft)}
article li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;
  border-radius:50%;background:var(--pist)}
article blockquote{margin:26px 0;padding:20px 24px;border-left:3px solid var(--tang);
  background:rgba(241,176,76,.1);border-radius:0 12px 12px 0}
article blockquote p{margin:0;font-size:17px;color:var(--ink)}
.aend{margin-top:48px;padding-top:30px;border-top:1px solid rgba(0,74,173,.15)}
.aend h3{font-size:20px}
.aend p{margin-top:9px}
.aend .btn{margin-top:18px}

/* footer */
.foot{background:var(--navy);color:rgba(251,245,236,.72);padding:34px 0;font-size:13.5px}
.foot-in{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.foot a{color:rgba(251,245,236,.8)}
.foot a:hover{color:var(--cream)}

@media(max-width:860px){
  .nav-links{display:none}
  .bgrid{grid-template-columns:1fr;gap:20px}
  .bcard:first-child{flex-direction:column}
  .bcard:first-child .cover{flex:none;aspect-ratio:16/9}
  .bcard:first-child .bbody{padding:24px}
  .bcard:first-child h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .bcard:hover{transform:none}
  .bcard:hover .bmeta svg{transform:none}
}