/* Approved design: inline email selector and cropped, framed case-study downloads. */
@font-face{font-family:Outfit;src:url('../../fonts/outfit-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Outfit,Arial,sans-serif;color:#17212b;background:#fff;--ink:#17212b;--blue:#0053a1;--muted:#586675;--line:#dce2e8;--field:#f6f7f9;font-synthesis:none;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:112px}
*{box-sizing:border-box}
body{margin:0}
a{color:var(--blue);text-underline-offset:4px}
button,select,textarea{font:inherit}
a,button,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
::selection{background:#cce6fc;color:#103c63}
[hidden]{display:none!important}
h1,h2,h3,p{margin:0}
.ic{width:20px;height:20px;fill:currentColor;flex-shrink:0;display:inline-block;vertical-align:middle}
.shell{max-width:1240px;margin-inline:auto;padding-inline:40px}
.site-header{position:sticky;top:0;z-index:10;background:#fffffffa;border-bottom:1px solid var(--line)}
.header-inner{max-width:1320px;padding:0 40px;margin:auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;color:var(--ink);text-decoration:none;flex-shrink:0}
.brand img{display:block;width:106px;height:42px;object-fit:contain}
.toolbox-wordmark{margin-left:auto;font-size:22px;font-weight:600;letter-spacing:-.025em;color:var(--ink)}
.overview{padding-top:30px}
.intro{margin-bottom:32px;padding:15px 0 7px}
.intro h1{font-size:43px;font-weight:600;line-height:1.1;letter-spacing:-.035em}
.intro p{font-size:17px;color:var(--muted);margin-top:13px}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.resource-card{display:flex;flex-direction:column;min-width:0;background:#f7f8fa;border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink);border:1px solid #edf0f3}
.resource-visual{height:187px;display:flex;align-items:center;justify-content:center;padding:22px 26px;background:#f0f3f7;overflow:hidden}
.presentation-visual{background:#edf3fa}
.presentation-visual>img{display:block;max-width:100%;height:144px;width:auto;border-radius:3px;box-shadow:0 6px 16px #273c5116}
.resource-label{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:21px 22px;min-height:72px;background:#fafbfc}
.resource-label h2{font-size:18px;font-weight:550;line-height:1.25;letter-spacing:-.02em}
.resource-label>.ic{width:18px;height:18px;color:var(--blue)}
.resource-card:hover .resource-label{background:#eff4fa}
.email-resource .resource-visual{background:#eff2f5}
.email-sample{width:100%;max-width:295px;font-size:11px;line-height:1.4;background:#fff;border:1px solid #d9dfe5;border-radius:6px;padding:12px 14px;box-shadow:0 5px 15px #273c510b;pointer-events:none}
.sample-line{display:grid;grid-template-columns:38px 1fr;gap:5px;padding:5px 0;border-bottom:1px solid #e8edf1}
.sample-line>span:first-child{color:#657484}
.subject-line>span:last-child{font-weight:500}
.email-sample>p{margin-top:10px;font-size:10px}
.email-sample>p:last-child{color:#526373}
.document-spread{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:center;max-width:210px;margin:auto}
.document-spread img{display:block;width:100%;height:auto;border:1px solid #d8dfe6;box-shadow:0 3px 6px #17304a0c}
.marketing-section,.email-section{padding-top:76px}
.section-heading{margin-bottom:32px}
.section-heading h2{font-size:31px;letter-spacing:-.03em;font-weight:600;line-height:1.15}
.section-heading p{font-size:15px;color:var(--muted);line-height:1.5;margin-top:11px}
.presentation-download{position:relative;display:block;max-width:585px;margin:0 auto;overflow:hidden;border-radius:12px;border:1px solid #d8e1eb;box-shadow:0 8px 25px #1c3b5710}
.presentation-download>img{width:100%;height:auto;display:block}
.download-overlay{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 5px 18px #153e6633}
.download-overlay .ic{width:36px;height:36px}
.presentation-download:hover .download-overlay{background:#003f7c}
.email-layout{display:block;max-width:820px;margin-inline:auto;border:1px solid #cbd7e3;border-radius:12px;overflow:hidden;background:#fff}
.inline-application{padding:24px 25px 22px;background:#f0f5fa;border-bottom:1px solid #cbd7e3}
.inline-application>label{display:block;font-size:18px;font-weight:500;margin-bottom:11px}
.select-control{position:relative}
.inline-application select{appearance:none;-webkit-appearance:none;display:block;width:100%;font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1px solid #9fb7ce;border-radius:7px;min-height:48px;padding:10px 62px 10px 13px;cursor:pointer}
/* Draw a heavier chevron 23 px inside the control, independent of the native arrow. */
.select-control::after{content:"";position:absolute;right:23px;top:50%;width:10px;height:10px;border-right:3px solid #183c60;border-bottom:3px solid #183c60;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.email-editor{min-width:0;padding:25px 25px 8px}
.recipient{font-size:13px;color:var(--muted);margin:0 0 22px;line-height:1.5}
.copy-field{border:1px solid #d9e0e7;border-radius:10px;padding:17px 20px 20px;background:var(--field);margin-bottom:25px}
.copy-field:focus-within{border-color:#78a0c7}
.field-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.field-head label{font-size:14px;color:#455565;font-weight:500}
.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:132px;padding:10px 13px;background:#fff;border:1px solid #ced7e0;color:var(--blue);border-radius:7px;font-weight:500;font-size:13px}
.copy-button:hover{background:#edf4fc;border-color:#88afd2}
.copy-button .ic{width:16px;height:16px}
.copy-button.copied{background:#e8f5eb;border-color:#94ba9c;color:#245530}
textarea{display:block;resize:none;overflow:hidden;border:0;background:transparent;color:var(--ink);width:100%;max-width:76ch;padding:0;margin:0;font-size:15px;line-height:1.7;caret-color:var(--blue);white-space:pre-wrap}
#subject-text{font-size:17px;font-weight:500;line-height:1.5;max-width:70ch}
.personalise-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:-10px}
.copy-error{font-size:13px;color:#9f251c;line-height:1.5;margin-top:12px}
.email-support{padding:4px 25px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.attachment-link,.related-link{display:flex;align-items:center;gap:9px;min-height:44px;font-size:13px;text-decoration:none}
.attachment-link:hover,.related-link:hover{text-decoration:underline}
.attachment-link .ic{width:17px;height:17px}
.related-link{gap:5px;color:var(--muted)}
.related-link .ic{margin-left:3px;width:14px;height:14px}
.cases-section{padding-top:88px;padding-bottom:42px}
.cases-section .section-heading{margin-bottom:28px}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 23px}
.case-card{display:flex;flex-direction:column;color:var(--ink);text-decoration:none;min-width:0;border:1px solid #dce3eb;border-radius:11px;overflow:hidden;background:#fff}
.case-caption{padding:17px 18px 15px;min-height:91px}
.case-caption h3{font-size:19px;font-weight:500;letter-spacing:-.02em;line-height:1.25}
.case-caption p{font-size:14px;color:var(--muted);margin-top:6px}
.case-stage{position:relative;height:216px;background:#f3f5f8;border-top:1px solid #e1e7ee;overflow:hidden;isolation:isolate}
.case-paper{position:absolute;top:17px;display:block;width:60.35%;max-width:195.5px;height:auto;border:1px solid #d0d8e1;background:#fff;box-shadow:0 5px 12px #1c324b14;transform:translateX(-50%)}
.case-front{z-index:2;left:41%}
.case-artwork{z-index:1;left:61%;transform:translateX(-50%) translateY(3px) rotate(9deg);transform-origin:center center}
.case-download{position:absolute;right:14px;bottom:14px;z-index:3;display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 3px 10px #17324e20;pointer-events:none}
.case-download .ic{width:21px;height:21px}
.case-card:hover .case-stage{background:#eef4fa}
.case-card:hover h3{color:var(--blue)}
.case-card:target{outline:2px solid #82acd1;outline-offset:4px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);min-height:95px;border-top:1px solid var(--line)}
.site-footer a{min-height:44px;display:flex;align-items:center}
.skip-link{position:absolute;top:-100px;left:20px;z-index:20;background:white;padding:15px}
.skip-link:focus{top:10px}
.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);white-space:nowrap;overflow:hidden}
@media(max-width:1000px){
  .shell,.header-inner{padding-inline:30px}.intro h1{font-size:38px}
  .resource-grid{gap:17px}.resource-visual{height:170px;padding:19px}.presentation-visual>img{height:127px}
  .resource-label{padding:19px 17px;gap:12px}.resource-label h2{font-size:16px}
  .case-caption{padding:15px 14px;min-height:98px}.case-caption h3{font-size:18px}
  .case-stage{height:195px}.case-paper{max-width:171.7px}
}
@media(max-width:760px){
  .shell,.header-inner{padding-inline:24px}.header-inner{min-height:76px;gap:16px}
  .brand img{width:88px;height:37px}.toolbox-wordmark{font-size:21px}.intro h1{font-size:35px}
  .resource-label{min-height:76px;padding:17px 14px;gap:8px}.resource-label h2{font-size:15px}.resource-label .ic{width:16px;height:16px}
  .resource-visual{height:148px;padding:14px}.presentation-visual>img{max-width:100%;height:auto;max-height:125px}
  .email-sample{font-size:9px;padding:10px}.email-sample p{font-size:9px}.email-sample p:last-child{display:none}.document-spread{gap:6px}
  .email-editor{padding:21px 19px 7px}.email-support{padding-inline:19px}
  .copy-field{padding:15px 16px 18px}.field-head{gap:14px}.copy-button{font-size:12px;min-width:122px}
  .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-stage{height:205px}
}
@media(max-width:600px){
  :root{scroll-padding-top:100px}.shell{padding-inline:20px}.header-inner{padding:15px 20px;min-height:76px;gap:20px}
  .brand img{width:82px;height:34px}.overview{padding-top:25px}.intro{padding:5px 0 2px;margin-bottom:26px}
  .intro h1{font-size:31px}.intro p{font-size:15px;margin-top:11px}.desktop-break{display:none}
  .resource-grid{grid-template-columns:1fr;gap:12px}.resource-card{display:grid;grid-template-columns:103px minmax(0,1fr);align-items:stretch;border-radius:9px}
  .resource-visual{height:112px;padding:12px}.presentation-visual>img{height:auto;max-height:90px;width:100%}
  .resource-label{padding:16px;min-height:112px;gap:11px}.resource-label h2{font-size:17px;max-width:20ch}.resource-label .ic{width:18px;height:18px}
  .email-resource .resource-visual{padding:10px}.email-sample{padding:7px;border-radius:3px;max-height:95px;font-size:7px;line-height:1.25}
  .sample-line{grid-template-columns:22px minmax(0,1fr);gap:3px;padding:3px 0}
  .email-sample .subject-line>span:last-child{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .email-sample>p{font-size:7px;margin-top:6px}.email-sample p:last-child{display:none}.cases-resource .resource-visual{padding:11px 9px}.document-spread{gap:4px}
  .marketing-section,.email-section{padding-top:55px}.section-heading{margin-bottom:27px}
  .section-heading h2{font-size:27px}.section-heading p{font-size:14px;max-width:35ch;line-height:1.55}
  .presentation-download{max-width:75%;border-radius:9px}.download-overlay{width:58px;height:58px;right:12px;bottom:12px}.download-overlay .ic{width:28px;height:28px}
  .email-layout{border-radius:9px}.inline-application{padding:20px 15px 19px}
  .inline-application select{font-size:12px;padding:10px 58px 10px 11px}.select-control::after{right:21px;width:9px;height:9px}
  .email-editor{padding:20px 14px 4px}.recipient{font-size:11px;margin-bottom:18px}
  .copy-field{padding:13px 12px 17px;margin-bottom:23px;border-radius:9px}.field-head{gap:14px;margin-bottom:14px}.field-head label{font-size:13px}
  .copy-button{font-size:12px;min-width:126px;padding:9px 11px}#subject-text{font-size:16px}textarea{font-size:14px;line-height:1.7}
  .personalise-note{font-size:11px;margin-top:-7px}.email-support{padding:8px 15px 14px;display:block}.attachment-link,.related-link{font-size:12px}.related-link{min-height:34px}
  .cases-section{padding-top:60px;padding-bottom:36px}.cases-section .section-heading{margin-bottom:25px}
  .case-grid{gap:21px 14px}.case-caption{padding:13px 10px;min-height:96px}.case-caption h3{font-size:15px;line-height:1.3}.case-caption p{font-size:12px;margin-top:5px}
  .case-stage{height:auto;aspect-ratio:1.22}.case-paper{top:12px;width:60.35%;max-width:none}.case-artwork{transform:translateX(-50%) translateY(2px) rotate(9deg)}
  .case-download{width:38px;height:38px;right:9px;bottom:9px}.case-download .ic{width:18px;height:18px}
  .site-footer{min-height:80px;font-size:10px}
}
@media(max-width:350px){
  .shell,.header-inner{padding-inline:16px}.intro h1{font-size:28px}.resource-card{grid-template-columns:90px minmax(0,1fr)}.resource-label{padding:13px}.resource-label h2{font-size:16px}
  .email-editor{padding-inline:10px}.copy-field{padding-inline:10px}.copy-button{min-width:118px;font-size:11px}
  .case-caption{padding:12px 9px;min-height:95px}.case-caption h3{font-size:13px}
}
@media(forced-colors:active){.inline-application select{appearance:auto;padding-right:14px}.select-control::after{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
@media(prefers-reduced-motion:no-preference){
  .copy-button,.resource-label{transition:background-color .15s ease-out,border-color .15s ease-out}.copy-button:active{transform:translateY(1px)}
  .email-editor.is-updated .copy-field{animation:email-change .45s ease-out}
  @keyframes email-change{from{background:#eaf4fe;border-color:#83acd0}to{background:var(--field);border-color:#d9e0e7}}
}
a.toolbox-wordmark{text-decoration:none;color:var(--ink)}