/* Resources & security workstream. Loaded after site.css on every page; builds on its tokens. */

/* ---------- Resource cards ---------- */
.post-grid{align-items:stretch}
.rc .resource-art{position:relative}
.rc-article .resource-art{padding:0;height:220px;background:var(--navy-deep)}
.rc-article .resource-art img{width:100%;height:100%;object-fit:cover;box-shadow:none;align-self:stretch;transition:transform .5s ease}
.rc-article:hover .resource-art img{transform:scale(1.03)}
.rc-research .resource-art{background:linear-gradient(160deg,#E4EEF2 0%,#D3E3EA 100%);padding:18px 18px 0}
.rc-research .resource-art img{width:auto;max-width:100%;height:100%;object-fit:contain;object-position:center bottom;box-shadow:none;align-self:flex-end}
.rc-story .resource-art{background:var(--navy-deep);padding:26px 26px 0;align-items:flex-end}
.rc-story .resource-art img{width:100%;box-shadow:0 -6px 24px rgba(0,0,0,.25);border-radius:8px 8px 0 0;align-self:flex-end}
.rc-mark{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:22px;border:1px solid var(--line-dark);color:var(--teal-bright);margin:auto auto 26px}
.rc-mark .icon{width:38px;height:38px}
.rc .resource-card-copy{display:flex;flex-direction:column;flex:1}
.rc .resource-card-copy>.text-link{margin-top:auto}
.rc h3{font-size:21px;line-height:1.32}
.post-grid:has(>.resource-card:only-child){grid-template-columns:1fr}
/* Lead article in the insights listing */
.post-grid.is-insights>.rc-article:first-child:not([hidden]){grid-column:span 2;display:grid;grid-template-columns:1.15fr 1fr}
.post-grid.is-insights>.rc-article:first-child .resource-art{height:100%;min-height:320px}
.post-grid.is-insights>.rc-article:first-child h3{font-size:28px}
.post-grid.is-filtered>.rc-article:first-child{grid-column:auto;display:flex}
.post-grid.is-filtered>.rc-article:first-child .resource-art{height:220px;min-height:0}
.post-grid.is-filtered>.rc-article:first-child h3{font-size:21px}
.rc.is-off{display:none}
@media(max-width:1050px){.post-grid.is-insights>.rc-article:first-child:not([hidden]){grid-column:1/-1}}
@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.post-grid{grid-template-columns:1fr}.post-grid.is-insights>.rc-article:first-child:not([hidden]){display:flex}.post-grid.is-insights>.rc-article:first-child .resource-art{height:220px;min-height:0}.post-grid.is-insights>.rc-article:first-child h3{font-size:22px}}

/* Topic filter */
.cat-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.cat-filter button{font:inherit;font-size:13px;line-height:1.2;padding:9px 15px;border-radius:999px;border:1px solid var(--line);background:white;color:var(--navy);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.cat-filter button:hover{border-color:var(--teal-dark);color:var(--teal-dark)}
.cat-filter button[aria-pressed="true"]{background:var(--teal-dark);border-color:var(--teal-dark);color:white}
.cat-filter button:focus-visible{outline:2px solid var(--teal-dark);outline-offset:3px}

/* ---------- Post detail ---------- */
.post-hero .byline span+time::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--gold);margin:0 12px 2px 0}
.post-hero .byline{align-items:center;gap:12px}
.post-hero-actions{margin-top:30px}
.post-figure{margin-bottom:64px}
.post-figure img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:var(--radius-md);background:#dfe8ed}
.prose h1,.prose h2{scroll-margin-top:115px}
.prose blockquote{margin:30px 0;padding:4px 0 4px 26px;border-left:3px solid var(--gold)}
.prose blockquote p{font-family:var(--heading);font-size:21px;line-height:1.55;color:var(--navy);margin:0}
.prose blockquote cite{display:block;margin-top:12px;font-style:normal;font-size:13px;color:var(--muted)}
.prose .prose-highlight{font-family:var(--heading);font-size:clamp(21px,2vw,25px);line-height:1.5;letter-spacing:-.015em;color:var(--navy);margin:36px 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.prose-figure{margin:32px 0}
.prose-figure img{display:block;width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--line)}
.prose strong{color:var(--navy);font-weight:650}
.pull-quote{margin:0 0 44px;padding:34px 36px;background:var(--navy-deep);color:white;border-radius:var(--radius-md);position:relative;overflow:hidden}
.pull-quote::before{content:"";position:absolute;left:36px;top:0;width:56px;height:3px;background:linear-gradient(90deg,var(--teal-bright),#E2BD82)}
.pull-quote blockquote{margin:0;padding:0;border:0}
.prose .pull-quote blockquote p,.pull-quote blockquote p{font-family:var(--heading);font-size:clamp(21px,2.1vw,27px);line-height:1.45;letter-spacing:-.02em;color:white;margin:0}
.pull-quote figcaption{margin-top:18px;font-size:13px;color:var(--muted-dark)}
.related-posts{padding:0 0 100px}
.related-posts .section-intro h2{font-size:clamp(28px,3vw,38px)}

/* Gated layout */
.post-layout.is-gated{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:80px;align-items:start}
.post-layout.is-gated .article-body{padding-top:6px;max-width:680px}
.gate{position:sticky;top:calc(var(--header-height) + 24px);scroll-margin-top:calc(var(--header-height) + 24px)}
.gate-cover{position:relative;z-index:1;display:flex;justify-content:center;margin-bottom:-56px;padding:0 24px}
.gate-cover img{width:100%;max-width:290px;height:auto;filter:drop-shadow(0 18px 28px rgba(7,21,40,.22))}
.gate-panel{background:var(--navy-deep);color:white;border-radius:var(--radius-md);padding:30px 30px 26px}
.gate-cover+.gate-panel{padding-top:78px}
.gate-kicker{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:var(--teal-bright);margin-bottom:12px}
.gate-kicker .icon{width:16px;height:16px}
.gate-panel h2{font-size:25px;line-height:1.25;color:white}
.gate-intro{font-size:14px;line-height:1.65;color:var(--muted-dark);margin:10px 0 22px}
.gate-form{display:flex;flex-direction:column;gap:14px}
.gate-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:var(--muted-dark)}
.gate-field input{font:inherit;font-size:15px;font-weight:400;color:white;background:rgba(255,255,255,.06);border:1px solid var(--line-dark);border-radius:10px;padding:12px 14px;min-height:46px;transition:border-color .15s,background .15s}
.gate-field input:hover{border-color:rgba(255,255,255,.3)}
.gate-field input:focus{outline:none;border-color:var(--teal-bright);background:rgba(53,196,206,.08);box-shadow:0 0 0 3px rgba(53,196,206,.18)}
.gate-field input[aria-invalid="true"]{border-color:#F09A8A}
.gate-trap{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.gate-submit{margin-top:6px;width:100%;justify-content:space-between}
.gate-submit[disabled]{opacity:.7;cursor:progress;transform:none}
.gate-status{font-size:13px;line-height:1.55;color:#F5B7AB;min-height:0}
.gate-status:empty{display:none}
.gate-status a{color:white;text-decoration:underline}
.gate-consent{font-size:11.5px;line-height:1.6;color:var(--muted-dark)}
.gate-consent a{color:var(--teal-bright);text-decoration:underline;text-underline-offset:3px}
.gate-done{padding:6px 0 4px;outline:none}
.gate-done-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--teal-bright);color:var(--navy-deep);margin-bottom:18px}
.gate-done-icon .icon{width:22px;height:22px;stroke-width:2.4}
.gate-done h3{font-size:24px;color:white}
.gate-done p{font-size:14px;line-height:1.7;color:var(--muted-dark);margin-top:10px}
.gate-done strong{color:white;word-break:break-all}
.gate.is-done .gate-kicker,.gate.is-done .gate-panel>h2,.gate.is-done .gate-intro{display:none}
@media(max-width:1050px){.post-layout.is-gated{grid-template-columns:minmax(0,1fr) 360px;gap:48px}}
@media(max-width:850px){.post-layout.is-gated{grid-template-columns:1fr;gap:40px}.gate{position:static;order:-1;max-width:520px}.post-layout.is-gated .article-body{max-width:none}}
@media(max-width:600px){.gate-panel{padding:24px 20px 20px}.gate-cover+.gate-panel{padding-top:70px}.pull-quote{padding:28px 24px}.pull-quote::before{left:24px}.post-figure{margin-bottom:40px}}

/* ---------- Security ---------- */
.sec-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end}
.sec-creds{list-style:none;padding:0;margin:0 0 6px;display:flex;gap:14px}
.sec-creds li{display:flex;flex-direction:column;align-items:center;gap:12px;width:150px;padding:22px 14px 18px;background:white;border:1px solid var(--line);border-radius:var(--radius-md);text-align:center;font-size:13px;font-weight:650;color:var(--navy)}
.sec-creds img{width:84px;height:84px}
.sec-initiatives{padding:20px 0 0}
.sec-initiatives-head{max-width:760px;margin-bottom:40px}
.sec-initiatives-head h2{font-size:clamp(30px,3.4vw,44px);max-width:22ch}
.sec-initiatives-head .lead{margin-top:20px}
.sec-initiatives-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:stretch}
.sec-path{list-style:none;margin:0;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:0;background:white;border:1px solid var(--line);border-radius:var(--radius-lg);position:relative}
.sec-step{position:relative;display:flex;flex-direction:column;gap:18px;padding:0 30px 0 0}
.sec-step+.sec-step{padding:0 0 0 30px;border-left:1px solid var(--line)}
.sec-step-no{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--navy);color:white;font-family:var(--heading);font-weight:700;font-size:17px;position:relative;z-index:1}
.sec-step+.sec-step .sec-step-no{background:var(--teal-dark)}
.sec-step:first-child::after{content:"";position:absolute;top:22px;left:44px;right:-30px;height:2px;background:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px 12px)}
.sec-free{font-size:12px;font-weight:650;color:var(--teal-dark);margin-bottom:8px}
.sec-step h3{font-size:23px;line-height:1.25}
.sec-step p:not(.sec-free){font-size:15px;line-height:1.75;color:var(--muted);margin-top:12px}
.sec-step .sec-detail{font-size:13.5px!important;color:var(--navy)!important;padding:12px 14px;background:var(--cream);border-radius:10px}
.sec-step .text-link{margin-top:20px}
.sec-paper{display:flex;flex-direction:column;padding:30px 30px 28px;background:var(--navy-deep);color:white;border-radius:var(--radius-lg);overflow:hidden;transition:background .2s}
.sec-paper:hover{background:#0c2340}
.sec-paper img{width:72%;max-width:230px;height:auto;margin:-8px auto 18px;filter:drop-shadow(0 16px 24px rgba(0,0,0,.35));transition:transform .3s ease}
.sec-paper:hover img{transform:translateY(-4px) rotate(-1deg)}
.sec-paper .sec-free{color:var(--teal-bright)}
.sec-paper h3{font-size:24px;color:white}
.sec-paper p{font-size:14.5px;line-height:1.7;color:var(--muted-dark);margin:10px 0 22px}
.sec-paper .card-link{margin-top:auto;display:inline-flex;align-items:center;gap:12px;color:var(--teal-bright);font-size:14px;font-weight:600}
.sec-paper .card-link .icon{width:18px;height:18px}
.sec-req-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 60px;align-items:start;padding-top:8px;border-top:1px solid var(--line)}
.sec-requirements{padding-top:80px}
.sec-req-copy h2{font-size:clamp(26px,2.6vw,34px);margin-top:40px}
.sec-req-copy p{font-size:16px;line-height:1.8;color:var(--muted);margin-top:16px}
.sec-req-list{margin-top:40px}
.sec-req-cta{grid-column:1}
@media(max-width:1050px){.sec-initiatives-grid{grid-template-columns:1fr}.sec-paper{display:grid;grid-template-columns:180px 1fr;column-gap:28px;align-items:center}.sec-paper img{grid-row:1/5;width:100%;margin:0}.sec-paper .card-link{margin-top:0}}
@media(max-width:850px){.sec-hero-grid{grid-template-columns:1fr;gap:36px}.sec-req-grid{grid-template-columns:1fr}.sec-req-list{margin-top:0}}
@media(max-width:700px){.sec-path{grid-template-columns:1fr;padding:26px 22px}.sec-step{padding:0 0 30px}.sec-step+.sec-step{padding:30px 0 0;border-left:0;border-top:1px solid var(--line)}.sec-step:first-child::after{display:none}.sec-paper{display:flex}.sec-paper img{width:60%;margin:0 auto 18px}.sec-creds li{width:auto;flex:1}}

/* Questionnaire */
.questionnaire-section{padding:0 0 100px}
.questionnaire-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
.questionnaire-frame{background:white;border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px;min-height:640px}
.questionnaire-frame iframe{display:block;width:100%;border:0}
.questionnaire-fallback{font-size:12px;color:var(--muted);padding:10px 8px 2px}
.questionnaire-fallback a,.questionnaire-frame noscript a{color:var(--teal-dark);text-decoration:underline}
.questionnaire-aside{position:sticky;top:calc(var(--header-height) + 24px);display:flex;flex-direction:column;gap:14px}
.consult-card{background:var(--navy-deep);color:white;border-radius:var(--radius-md);padding:28px;scroll-margin-top:calc(var(--header-height) + 24px)}
.consult-card .sec-free{color:var(--teal-bright)}
.consult-card h2{font-size:23px;line-height:1.3;color:white}
.consult-card p:not(.sec-free){font-size:14.5px;line-height:1.7;color:var(--muted-dark);margin-top:12px}
.consult-card:target{box-shadow:0 0 0 3px var(--teal-bright)}
.consult-paper{display:flex;align-items:center;gap:14px;padding:18px 20px;background:white;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--navy);transition:border-color .2s}
.consult-paper:hover{border-color:var(--teal-dark)}
.consult-paper>.icon{width:26px;height:26px;color:var(--teal-dark);flex:none}
.consult-paper>.icon:last-child{width:18px;height:18px;margin-left:auto}
.consult-paper b{display:block;font-family:var(--heading);font-size:15px}
.consult-paper small{font-size:12.5px;color:var(--muted)}
@media(max-width:900px){.questionnaire-grid{grid-template-columns:1fr}.questionnaire-aside{position:static}}
@media(max-width:600px){.questionnaire-frame{padding:6px;border-radius:var(--radius-md)}}

/* ---------- Legal ---------- */
.legal-actions{align-items:center}
.legal-actions .button{gap:12px}
.legal-actions .text-link{font-size:13px;cursor:pointer}
.legal-aside .article-toc{position:sticky;top:calc(var(--header-height) + 20px);max-height:calc(100vh - var(--header-height) - 40px);overflow:auto;margin-top:0;padding-top:20px}
.legal-aside .article-toc a{padding:6px 0;line-height:1.45}
.legal-body{max-width:760px}
.legal-body h2{font-size:22px;line-height:1.35;margin-top:48px!important}
.legal-body h3{font-size:18px;margin:30px 0 14px}
.legal-body p{font-size:15px;line-height:1.8;margin:14px 0}
.legal-body ul{margin:14px 0}
.legal-body li{font-size:15px;line-height:1.75}
.legal-table{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:12px;background:white}
.legal-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px;line-height:1.6}
.legal-table th{text-align:left;font-family:var(--heading);font-size:13px;color:var(--navy);background:var(--cream);padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:bottom}
.legal-table td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:top;color:var(--muted)}
.legal-table tr:first-child td{border-top:0}
.legal-table td ul{margin:0;padding-left:18px}
.legal-table td li{font-size:14px;margin:2px 0}
.legal-table strong{display:block;color:var(--navy);margin-bottom:4px}
.legal-pdf-note{margin-top:48px!important;padding-top:24px;border-top:1px solid var(--line);font-size:13px!important}
@media(max-width:850px){.legal-aside .article-toc{position:static;max-height:none}}

@media(prefers-reduced-motion:reduce){.rc-article .resource-art img,.sec-paper img{transition:none}.rc-article:hover .resource-art img,.sec-paper:hover img{transform:none}}
.post-layout:not(.is-gated)>.article-body{max-width:720px}
@media(max-width:850px){.post-hero-actions{display:none}}

/* ===================== Resources v2: blog, white papers, case studies (no dates anywhere) ===================== */
.resources-hero{padding-bottom:28px}
.resources-section{padding-bottom:96px}
/* Blog listing */
.bl-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:6px 0 30px}
.bl-tools .cat-filter{margin:0}
.bl-tools .search-box{min-width:280px}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bl-card{position:relative;display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.bl-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(10,29,53,.10);border-color:rgba(17,119,128,.3)}
.bl-art{display:block;aspect-ratio:16/10;overflow:hidden;background:#E8F0F2}
.bl-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.bl-card:hover .bl-art img{transform:scale(1.04)}
.bl-copy{display:flex;flex-direction:column;flex:1;padding:22px 24px 22px}
.bl-topic{font-size:12.5px;font-weight:700;color:var(--teal-dark);margin-bottom:10px}
.bl-copy h3{font-size:20px;line-height:1.35;color:var(--navy)}
.bl-copy h3 a::after{content:"";position:absolute;inset:0}
.bl-copy>p{font-size:14.5px;line-height:1.65;color:var(--muted);margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;font-size:14px;font-weight:700;color:var(--teal-dark)}
.bl-more .icon{width:16px;height:16px;transition:transform .2s}
.bl-card:hover .bl-more .icon{transform:translateX(4px)}
.bl-draft{font-size:12px;color:#9A7238;margin-top:8px}
@media(min-width:901px){
  .bl-card.is-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
  .bl-card.is-feature .bl-art{aspect-ratio:auto;min-height:360px}
  .bl-card.is-feature .bl-copy{padding:40px 44px;justify-content:center}
  .bl-card.is-feature h3{font-size:clamp(26px,2.4vw,34px);line-height:1.2;letter-spacing:-.02em}
  .bl-card.is-feature .bl-copy>p{font-size:16px;-webkit-line-clamp:4}
  .post-grid.is-filtered .bl-card.is-feature{grid-column:auto;display:flex}
  .post-grid.is-filtered .bl-card.is-feature .bl-art{aspect-ratio:16/10;min-height:0}
  .post-grid.is-filtered .bl-card.is-feature .bl-copy{padding:22px 24px}
  .post-grid.is-filtered .bl-card.is-feature h3{font-size:20px}
}
@media(max-width:1050px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.bl-grid{grid-template-columns:1fr}.bl-tools .search-box{min-width:0;width:100%}}

/* White papers: rows, as on the old site */
.wp-list{display:grid;gap:22px;max-width:1000px}
.wp-row{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:center;padding:24px 28px 24px 24px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(10,29,53,.05);transition:box-shadow .25s,border-color .25s}
.wp-row:hover{box-shadow:0 20px 44px rgba(10,29,53,.10);border-color:rgba(17,119,128,.3)}
.wp-art{display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#E8F0F2}
.wp-art img{width:100%;height:100%;object-fit:cover}
.wp-copy{display:flex;flex-direction:column;min-height:100%;padding-top:30px}
.wp-pill{position:absolute;top:20px;right:22px;font-size:12px;font-weight:700;color:white;background:var(--navy);padding:6px 14px;border-radius:999px}
.wp-copy h3{font-size:clamp(21px,1.9vw,26px);line-height:1.3;color:var(--navy);max-width:30ch}
.wp-copy h3 a::after{content:"";position:absolute;inset:0}
.wp-copy p{font-size:15px;line-height:1.7;color:var(--muted);margin-top:12px;max-width:62ch}
.wp-btn{position:relative;z-index:1;align-self:flex-end;display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:14px;font-weight:700;color:#9A7238}
.wp-btn .icon{width:15px;height:15px}
.wp-row:hover .wp-btn{color:var(--gold)}
@media(max-width:700px){.wp-row{grid-template-columns:1fr;gap:18px;padding:20px}.wp-art{aspect-ratio:16/9}.wp-copy{padding-top:6px}.wp-pill{top:14px;right:14px}.wp-btn{align-self:flex-start}}

/* Case study cards: no screenshots, the result is the headline */
.cs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cs-card{position:relative;display:flex;flex-direction:column;padding:34px 36px 30px;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.cs-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--teal),var(--teal-dark) 60%,var(--gold))}
.cs-card:hover{transform:translateY(-3px);box-shadow:0 24px 48px rgba(10,29,53,.10);border-color:rgba(17,119,128,.3)}
.cs-card-tag{font-size:13px;font-weight:700;color:#9A7238}
.cs-card h3{font-size:clamp(26px,2.4vw,34px);line-height:1.15;letter-spacing:-.025em;color:var(--navy);margin-top:12px}
.cs-card>p{font-size:15.5px;line-height:1.7;color:var(--muted);margin-top:14px}
.cs-card blockquote{margin:20px 0 0;padding-left:18px;border-left:3px solid var(--gold)}
.cs-card q{display:block;font-family:var(--heading);font-size:16px;font-weight:600;line-height:1.5;color:var(--navy)}
.cs-card cite{display:block;font-style:normal;font-size:13px;color:var(--muted);margin-top:6px}
.cs-card em{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:24px;font-style:normal;font-size:14.5px;font-weight:700;color:var(--teal-dark)}
.cs-card em .icon{width:16px;height:16px;transition:transform .2s}
.cs-card:hover em .icon{transform:translateX(4px)}
.cs-card.is-gated{background:radial-gradient(ellipse at 85% 0%,#123A57,var(--navy-deep) 70%);border-color:rgba(53,196,206,.2)}
.cs-card.is-gated h3{color:white}.cs-card.is-gated>p,.cs-card.is-gated cite{color:var(--muted-dark)}.cs-card.is-gated q{color:#DCE6EF}.cs-card.is-gated em{color:var(--teal-bright)}.cs-card.is-gated .cs-card-tag{color:#E2BD82}
@media(max-width:860px){.cs-grid{grid-template-columns:1fr}.cs-card{padding:28px 24px 24px}}

/* Blog post: the image fills the header; the hook question is the largest line */
.bp-hero{position:relative;isolation:isolate;overflow:hidden;margin:0 20px;border-radius:var(--radius-lg);background:var(--navy-deep);min-height:460px;display:flex;align-items:flex-end}
.bp-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.bp-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,21,40,.55),rgba(7,21,40,.15) 60%,rgba(7,21,40,.05)),linear-gradient(0deg,rgba(7,21,40,.35),transparent 50%)}
.bp-hero>.container{position:relative;padding-top:84px;padding-bottom:56px;width:min(var(--content),calc(100% - 56px))}
.bp-hero .breadcrumbs,.bp-hero .breadcrumbs a{color:rgba(255,255,255,.9);text-shadow:0 1px 6px rgba(0,0,0,.45)}
@media(min-width:761px){.bp-hero .breadcrumbs{top:22px}}
.bp-hero .breadcrumbs span[aria-current]{max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-card{max-width:680px;background:white;border-radius:14px;padding:34px 40px 32px;box-shadow:0 30px 70px rgba(7,21,40,.35)}
.bp-topic{font-size:13px;font-weight:700;color:#9A7238;margin-bottom:12px}
.bp-q{font-family:var(--heading);font-size:clamp(26px,2.6vw,36px);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--teal-dark)}
.bp-card h1{font-size:clamp(17px,1.4vw,20px);font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--navy);margin-top:16px;max-width:none}
.bp-by{font-size:14px;color:var(--muted);margin-top:10px}
.bp-hero:not(.has-img) .bp-card{box-shadow:none}
.bp-section{padding:64px 0 90px}
.bp-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:stretch}
.bp-aside{position:relative}
.bp-toc{position:sticky;top:calc(var(--header-height) + 28px);display:flex;flex-direction:column;border-left:2px solid var(--line);max-height:calc(100vh - var(--header-height) - 60px);overflow:auto}
.bp-toc>p{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--teal-dark);padding:0 0 12px 18px}
.bp-toc a{position:relative;padding:8px 0 8px 18px;margin-left:-2px;border-left:2px solid transparent;font-size:14px;line-height:1.45;color:var(--muted);transition:color .2s,border-color .2s}
.bp-toc a:hover{color:var(--navy)}
.bp-toc a.is-current{color:var(--navy);font-weight:600;border-left-color:var(--teal)}
.bp-prose{max-width:740px}
.prose .bp-hook,.bp-prose .bp-hook{font-family:var(--heading);font-size:clamp(21px,1.9vw,26px);font-weight:700;line-height:1.4;letter-spacing:-.015em;color:var(--navy);margin:0 0 34px!important;padding-bottom:30px;border-bottom:1px solid var(--line)}
.prose .bp-statement{font-family:var(--heading);font-size:21px;font-weight:700;line-height:1.45;color:var(--navy)}
.prose .bp-quote{margin:28px 0;padding:18px 22px;border-left:3px solid var(--gold);background:white;border-radius:0 12px 12px 0}
.prose .bp-quote p{margin:6px 0;color:var(--navy)}
.bp-prose h2{font-size:clamp(23px,2vw,28px);margin-top:44px}
.bp-prose p{font-size:16.5px;line-height:1.85}
.bp-img{margin:30px 0}.bp-img img{border-radius:12px}
@media(max-width:900px){.bp-grid{grid-template-columns:1fr;gap:28px}.bp-aside{display:none}.bp-hero{margin:0 10px;min-height:380px}.bp-card{padding:26px 24px}.bp-hero>.container{padding-top:64px;padding-bottom:28px}}

/* Case study page */
.cs-hero>.container{padding-top:84px;padding-bottom:72px}
.cs-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:56px;align-items:start}
.cs-hero.is-gated .cs-hero-grid{grid-template-columns:minmax(0,1fr) 400px}
.cs-hero-copy{max-width:780px}
.cs-tag{font-size:14px;font-weight:700;color:#E2BD82}
.cs-hero h1{font-size:clamp(38px,4.4vw,62px);line-height:1.06;letter-spacing:-.035em;color:white;margin-top:14px}
.cs-hero .lead{color:var(--muted-dark);margin-top:22px;max-width:56ch}
.cs-facts{display:flex;flex-wrap:wrap;gap:16px 48px;margin:32px 0 0;padding-top:24px;border-top:1px solid var(--line-dark)}
.cs-facts dt{font-size:12.5px;color:var(--muted-dark)}
.cs-facts dd{margin:4px 0 0;font-family:var(--heading);font-size:17px;font-weight:600;color:white}
.cs-hero .gate{position:static}
.cs-hero .gate-panel{background:#0F2C45;border:1px solid rgba(53,196,206,.3);box-shadow:0 30px 60px rgba(0,0,0,.3)}
.cs-story{padding:72px 0 24px}
.cs-intro{font-family:var(--heading);font-size:clamp(20px,1.8vw,24px);font-weight:600;line-height:1.5;color:var(--navy);max-width:760px}
.cs-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cs-col{padding:34px 36px;border-radius:20px;background:white;border:1px solid var(--line)}
.cs-col.is-result{background:linear-gradient(160deg,#EAF6F7,#F7FBFC);border-color:rgba(17,119,128,.25)}
.cs-col-n{font-size:13px;font-weight:700;color:#9A7238}
.cs-col.is-result .cs-col-n{color:var(--teal-dark)}
.cs-col h2{font-size:24px;line-height:1.25;color:var(--navy);margin:8px 0 14px}
.cs-col p{font-size:15.5px;line-height:1.7;color:var(--muted);margin:10px 0}
.cs-col ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.cs-col li{position:relative;padding-left:28px;font-size:15.5px;line-height:1.6;color:var(--navy)}
.cs-col li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:12px;border-radius:50%;border:2px solid #C0965A}
.cs-col.is-result li::before{border:0;background:var(--teal);box-shadow:0 0 0 4px rgba(26,166,176,.15)}
.cs-quote{padding:56px 0 24px}
.cs-quote figure{max-width:900px;margin:0 auto;text-align:center}
.cs-quote blockquote{margin:0}
.cs-quote blockquote p{font-family:var(--heading);font-size:clamp(24px,2.5vw,34px);font-weight:600;line-height:1.35;letter-spacing:-.02em;color:var(--navy)}
.cs-quote blockquote p::before{content:"“";display:block;font-size:72px;line-height:.6;color:var(--gold);margin-bottom:14px}
.cs-quote figcaption{font-size:15px;color:var(--muted);margin-top:18px}
@media(max-width:1000px){.cs-hero.is-gated .cs-hero-grid{grid-template-columns:1fr}.cs-cols{grid-template-columns:1fr}}
@media(max-width:600px){.cs-col{padding:26px 22px}}
.bl-copy>.bl-topic{font-size:12.5px;font-weight:700;color:var(--teal-dark);margin:0 0 10px;display:block;-webkit-line-clamp:unset}
.resources-hero h1{font-size:clamp(34px,3.6vw,52px);max-width:26ch;line-height:1.1}
.resources-hero .lead{font-size:17px;margin-top:16px}
.cs-hero-grid{position:relative}
.cs-hero.is-split .cs-hero-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:center}
.cs-hq{margin:0;padding:34px 34px 30px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px)}
.cs-hq-mark{display:block;font-family:var(--heading);font-size:76px;line-height:.6;color:#E2BD82;margin-bottom:10px}
.cs-hq blockquote{margin:0}
.cs-hq p{font-family:var(--heading);font-size:21px;font-weight:600;line-height:1.45;color:white}
.cs-hq figcaption{font-size:14px;color:var(--muted-dark);margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
@media(max-width:1000px){.cs-hero.is-split .cs-hero-grid{grid-template-columns:1fr}}
@media(max-width:600px){.prose .bp-hook,.bp-prose .bp-hook{font-size:19px}}
/* FAQ groups */
.faq-group{font-size:clamp(20px,1.8vw,24px);color:var(--navy);margin:44px 0 6px;padding-bottom:12px;border-bottom:2px solid var(--navy)}
.faq-list>.faq-group:first-child{margin-top:8px}
.faq-list.is-searching .faq-group{display:none}
.faq-list:has(>.faq-group){border-top:0}

/* ===================== Cybersecurity page ===================== */
.cy-hero{text-align:center}
.cy-hero>.container{position:relative;padding-top:72px;padding-bottom:200px}
.cy-hero .breadcrumbs{text-align:left}
.cy-emblem{position:relative;width:96px;height:96px;margin:0 auto 26px;display:flex;align-items:center;justify-content:center}
.cy-emblem i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(53,196,206,.45);animation:cy-ring 3.6s ease-out infinite}
.cy-emblem i:nth-child(2){animation-delay:1.2s}.cy-emblem i:nth-child(3){animation-delay:2.4s}
@keyframes cy-ring{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.cy-emblem span{position:relative;width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#1A4A66,#0B2036);border:1px solid rgba(53,196,206,.6);box-shadow:0 0 34px rgba(53,196,206,.35);color:var(--teal-bright)}
.cy-emblem .icon{width:34px;height:34px}
.cy-eyebrow{font-family:var(--heading);font-size:18px;font-weight:700;color:#E2BD82}
.cy-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.05;letter-spacing:-.035em;color:white;margin:14px auto 0;max-width:16ch}
.cy-hero .lead{color:var(--muted-dark);margin:22px auto 0;max-width:60ch;font-size:18px}
.cy-cards{position:relative;z-index:2;margin-top:-140px}
.cy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cy-card{display:flex;flex-direction:column;align-items:flex-start;padding:34px 32px 30px;background:white;border-radius:20px;border:1px solid var(--line);box-shadow:0 28px 60px rgba(10,29,53,.14)}
.cy-ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#EAF5F6;color:var(--teal-dark)}
.cy-ic .icon{width:24px;height:24px}
.cy-free{margin-top:22px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:white;background:var(--gold);padding:4px 11px;border-radius:999px}
.cy-card h2{font-size:clamp(21px,1.8vw,25px);line-height:1.2;color:var(--navy);margin-top:14px}
.cy-card .cy-lead{font-weight:700;color:var(--navy);font-size:15.5px;margin-top:12px}
.cy-card p{font-size:15px;line-height:1.65;color:var(--muted);margin-top:6px}
.cy-btn{margin-top:auto;width:100%;justify-content:space-between}
.cy-card p:last-of-type{margin-bottom:26px}
.cy-trust{padding-top:96px}
.cy-trust-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start}
.cy-trust h2{font-size:clamp(30px,3vw,42px);color:var(--navy)}
.cy-trust-list{display:grid;gap:14px;margin-top:28px}
.cy-cred{display:flex;align-items:center;gap:18px;padding:16px 20px;background:white;border:1px solid var(--line);border-radius:16px}
.cy-cred img{width:56px;height:56px;flex:none}
.cy-cred-ic{flex:none;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--navy);color:var(--teal-bright)}
.cy-cred-ic .icon{width:26px;height:26px}
.cy-cred b{display:block;font-family:var(--heading);font-size:18px;color:var(--navy)}
.cy-cred small{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.cy-review{padding:34px 34px 32px;border-radius:20px;background:var(--navy-deep);color:white}
.cy-review h3{font-size:24px;line-height:1.25}
.cy-review>p{font-size:15.5px;color:var(--muted-dark);margin-top:10px}
.cy-review ul{list-style:none;margin:22px 0 28px;padding:0;display:grid;gap:12px}
.cy-review li{display:flex;align-items:center;gap:12px;font-size:15.5px;color:#DCE6EF}
.cy-review li .icon{width:20px;height:20px;padding:3px;border-radius:50%;background:rgba(53,196,206,.16);color:var(--teal-bright);stroke-width:3}
@media(prefers-reduced-motion:reduce){.cy-emblem i{animation:none;opacity:0}}
@media(max-width:1000px){.cy-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.cy-trust-grid{grid-template-columns:1fr}}
@media(max-width:600px){.cy-hero>.container{padding-top:48px;padding-bottom:160px}.cy-card{padding:26px 22px}}

/* ===================== Resources v3 ===================== */
.bl-card.is-off,.wp-row.is-off,.cs-card.is-off{display:none!important}
/* Blog header: title and line on the left, search top right */
.bl-hero{padding-bottom:18px}
.bl-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap}
.bl-hero h1{font-size:clamp(32px,3.2vw,46px);line-height:1.1;max-width:none}
.bl-hero .lead{font-size:16.5px;margin-top:12px;max-width:62ch}
.bl-search{min-width:300px;margin-bottom:4px}
.rs-article .cat-filter{margin:6px 0 26px}
/* Smaller cards, four across; a round arrow over the image says "read" */
.bl-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.bl-art{position:relative}
.bl-go{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:white;color:var(--teal-dark);box-shadow:0 6px 16px rgba(7,21,40,.25);transition:background .2s,color .2s,transform .2s}
.bl-go .icon{width:17px;height:17px}
.bl-card:hover .bl-go{background:var(--teal-dark);color:white;transform:translateX(2px)}
.bl-copy{padding:18px 20px 20px}
.bl-copy h3{font-size:17px;line-height:1.38}
@media(min-width:901px){.bl-card.is-feature .bl-art{min-height:320px}.bl-card.is-feature .bl-go{width:46px;height:46px;right:18px;bottom:18px}}
@media(max-width:1200px){.bl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-search{min-width:0;width:100%}}
@media(max-width:560px){.bl-grid{grid-template-columns:1fr}}

/* Standard download page (white papers and gated case studies), after the old site */
.dl-page{padding:36px 0 88px}
.dl-page .container{position:relative}
.dl-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:64px;align-items:start;margin-top:8px}
.dl-pill{display:inline-block;font-size:13px;font-weight:700;color:white;background:var(--navy);padding:6px 14px;border-radius:999px}
.dl-main h1{font-size:clamp(34px,3.6vw,50px);line-height:1.08;letter-spacing:-.03em;color:var(--navy);margin-top:14px;max-width:20ch}
.dl-sub{font-family:var(--heading);font-size:clamp(19px,1.7vw,23px);font-weight:600;line-height:1.35;color:#3A4B60;margin-top:10px;max-width:40ch}
.dl-text{margin-top:30px;max-width:620px}
.dl-text p{font-size:16px;line-height:1.8;margin:0 0 18px}
.dl-cover{margin:28px 0 0;max-width:460px;border-radius:14px;overflow:hidden;background:#EEF3F6}
.dl-cover img{width:100%;height:auto}
.dl-quote{margin:30px 0 0;padding:4px 0 4px 22px;border-left:3px solid var(--gold);max-width:620px}
.dl-quote blockquote{margin:0}.dl-quote p{font-family:var(--heading);font-size:20px;font-weight:600;line-height:1.45;color:var(--navy)}
.dl-quote figcaption{font-size:14px;color:var(--muted);margin-top:10px}
.dl-aside{position:sticky;top:calc(var(--header-height) + 24px)}
.dl-aside .gate{position:static}
.dl-aside .gate-panel{background:var(--navy-deep);border-radius:16px;padding:34px 30px 28px;box-shadow:0 26px 54px rgba(7,21,40,.22)}
.dl-aside .gate-kicker{display:none}
.dl-aside .gate-panel h2{display:block;font-size:24px;line-height:1.25}
.dl-back{margin-top:44px}
@media(max-width:1000px){.dl-grid{grid-template-columns:1fr;gap:36px}.dl-aside{position:static;max-width:520px}}

/* Case studies: one page, each study opens in place */
.ca-list{max-width:1000px}
.ca-item{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 32px rgba(10,29,53,.06);overflow:hidden;scroll-margin-top:calc(var(--header-height) + 20px)}
.ca-item+.ca-quote,.ca-cta+.ca-quote{margin-bottom:46px}
.ca-item>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px 36px;cursor:pointer}
.ca-item>summary::-webkit-details-marker{display:none}
.ca-head{display:flex;flex-direction:column}
.ca-tag{font-size:13px;font-weight:700;color:#9A7238}
.ca-title{font-family:var(--heading);font-size:clamp(26px,2.6vw,36px);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:var(--navy);margin-top:8px}
.ca-sub{font-family:var(--heading);font-size:clamp(17px,1.5vw,20px);font-weight:500;color:var(--teal-dark);margin-top:8px}
.ca-tog{flex:none;position:relative;width:48px;height:48px;border-radius:50%;background:var(--teal-dark);box-shadow:0 8px 20px rgba(17,119,128,.3);transition:background .2s,transform .3s}
.ca-tog::before,.ca-tog::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;margin:-1px 0 0 -9px;background:white;border-radius:2px;transition:transform .3s}
.ca-tog::after{transform:rotate(90deg)}
.ca-item[open] .ca-tog::after{transform:rotate(0)}
.ca-item>summary:hover .ca-tog{background:var(--navy)}
.ca-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 24px 24px}
.ca-col{padding:24px 26px;border-radius:14px;background:#F4F7FA}
.ca-col.is-result{background:#EAF5F6}
.ca-col p{font-size:15px;font-weight:700;color:var(--navy);line-height:1.5;margin:0 0 12px}
.ca-col ul{margin:0;padding-left:18px;display:grid;gap:8px}
.ca-col li{font-size:15px;line-height:1.55;color:#3A4B60}
.ca-col li::marker{color:var(--gold)}.ca-col.is-result li::marker{color:var(--teal-dark)}
.ca-quote{margin:30px auto 0;max-width:720px;text-align:center}
.ca-quote blockquote{margin:0}
.ca-quote p{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:var(--navy)}
.ca-quote figcaption{font-size:14px;font-weight:600;color:var(--muted);margin-top:12px}
.ca-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding:40px 40px 38px;border-radius:20px;background:radial-gradient(ellipse at 85% 0%,#123A57,var(--navy-deep) 70%);color:white;margin-top:10px}
.ca-cta-k{font-family:var(--heading);font-size:clamp(20px,1.9vw,26px);font-weight:700;color:var(--teal-bright)}
.ca-cta h2{font-size:clamp(22px,2.2vw,30px);line-height:1.25;color:white;margin-top:10px;max-width:30ch}
@media(max-width:760px){.ca-item>summary{padding:24px 20px}.ca-body{grid-template-columns:1fr;padding:0 14px 14px}.ca-cta{padding:30px 24px}}
/* FAQ topic buttons */
.faq-hero h1{font-size:clamp(34px,3.6vw,52px)}
.faq-jump{position:sticky;top:calc(var(--header-height) + 8px);z-index:5;display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;margin-bottom:14px;background:var(--cream)}
.faq-jump a{font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:white;color:var(--navy);transition:background .15s,border-color .15s,color .15s}
.faq-jump a:hover{border-color:var(--teal-dark);color:var(--teal-dark)}
.faq-jump a.is-current{background:var(--navy);border-color:var(--navy);color:white}
.faq-group{scroll-margin-top:calc(var(--header-height) + 80px)}
.faq-item summary{padding-left:0}
.dl-grid{margin-top:34px}
.dl-page .breadcrumbs{position:static!important;justify-content:flex-end;max-width:none!important;margin:0 0 6px!important}.dl-page .dl-grid{margin-top:10px}.dl-page{padding-top:22px}

/* Cybersecurity v2: a shorter header so the three cards are on the first screen */
.cy-hero{text-align:left}
.cy-hero>.container{padding-top:60px;padding-bottom:150px}
.cy-hero-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}
.cy-hero-l{display:flex;align-items:center;gap:26px}
.cy-hero .cy-emblem{flex:none;width:84px;height:84px;margin:0}
.cy-hero .cy-emblem span{width:68px;height:68px}
.cy-hero h1{margin:6px 0 0;max-width:13ch;font-size:clamp(36px,4.2vw,58px)}
.cy-hero .lead{margin:0;max-width:52ch;font-size:17px}
.cy-cards{margin-top:-104px}
/* Cards: a large step number instead of an icon; "Free" sits beside the button */
.cy-card{position:relative;overflow:hidden;padding:30px 30px 26px}
.cy-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal-dark))}
.cy-num{font-family:var(--heading);font-size:44px;font-weight:800;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,#E2BD82,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.cy-card h2{margin-top:16px}
.cy-foot{display:flex;align-items:center;gap:14px;margin-top:auto;width:100%}
.cy-foot .cy-btn{flex:1;width:auto}
.cy-free{margin:0;flex:none;font-size:11px}
@media(max-width:1000px){.cy-hero-row{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.cy-hero-l{gap:16px}.cy-hero .cy-emblem{width:60px;height:60px}.cy-hero .cy-emblem span{width:50px;height:50px}.cy-hero .cy-emblem .icon{width:24px;height:24px}.cy-hero>.container{padding-bottom:120px}}

/* ===================== Batch 7 ===================== */
/* Blog: two large cards side by side on top (in every topic); summaries only on those */
.bl-card .bl-sum{display:none}
@media(min-width:901px){
  .bl-card.is-feature,.post-grid.is-filtered .bl-card.is-feature{grid-column:span 2;display:flex;flex-direction:column}
  .bl-card.is-feature .bl-art,.post-grid.is-filtered .bl-card.is-feature .bl-art{aspect-ratio:16/9;min-height:0}
  .bl-card.is-feature .bl-copy,.post-grid.is-filtered .bl-card.is-feature .bl-copy{padding:24px 28px 26px;justify-content:flex-start}
  .bl-card.is-feature h3,.post-grid.is-filtered .bl-card.is-feature h3{font-size:clamp(22px,1.9vw,27px);line-height:1.25}
  .bl-card.is-feature .bl-sum{display:-webkit-box;font-size:15px;-webkit-line-clamp:2}
}
@media(max-width:1200px) and (min-width:901px){.bl-card.is-feature{grid-column:span 3}.bl-card.is-feature+.bl-card.is-feature{grid-column:span 3}.bl-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.bl-card:not(.is-feature){grid-column:span 2}}

/* Case studies: the plus/minus sits on the lower edge of the title block, centred */
.ca-item{overflow:visible}
.ca-item>summary{position:relative;padding-bottom:44px}
.ca-tog{position:absolute;left:50%;bottom:-24px;margin-left:-24px;z-index:2}
.ca-item[open]>summary{margin-bottom:10px}
.ca-item:not([open]){margin-bottom:24px}
.ca-body{padding-top:16px}
/* Client quotes in the site's quote style: heading font, gold rule, name then role */
.ca-quote{text-align:left;max-width:860px;margin:40px auto 0;padding-left:28px;border-left:3px solid var(--gold)}
.ca-quote p{font-family:var(--heading);font-style:normal;font-weight:600;font-size:clamp(20px,1.9vw,26px);line-height:1.35;letter-spacing:-.02em;color:var(--navy)}
.ca-quote figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:14px;font-size:15px;font-weight:400;color:var(--navy)}
.ca-quote figcaption span{color:var(--muted)}
.ca-item+.ca-quote,.ca-cta+.ca-quote{margin-bottom:56px}
/* The downloadable case study stands out */
.ca-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:40px;align-items:center;padding:48px 52px;border:1px solid rgba(226,189,130,.35);box-shadow:0 30px 70px rgba(7,21,40,.28)}
.ca-cta::before{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(226,189,130,.18),transparent 70%)}
.ca-cta-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#E2BD82}
.ca-cta-tag .icon{width:16px;height:16px}
.ca-cta-k{margin-top:14px}
.ca-cta h2{font-size:clamp(24px,2.5vw,34px);max-width:28ch}
.ca-dl-btn{margin-top:26px;background:linear-gradient(135deg,#E2BD82,var(--gold));color:var(--navy-deep);border:0}
.ca-dl-btn:hover{background:white}
.ca-doc{position:relative;height:230px}
.ca-doc i,.ca-doc span{position:absolute;width:160px;height:206px;border-radius:8px;background:#F4F7F9;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.ca-doc i:nth-child(1){left:44px;top:6px;transform:rotate(9deg);opacity:.5}
.ca-doc i:nth-child(2){left:30px;top:12px;transform:rotate(4deg);opacity:.75}
.ca-doc span{left:14px;top:18px;transform:rotate(-3deg);padding:20px 18px;display:flex;flex-direction:column;gap:9px;animation:ca-float 5s ease-in-out infinite}
.ca-doc b{font-family:var(--heading);font-size:13px;color:var(--navy);padding-bottom:8px;border-bottom:2px solid var(--gold)}
.ca-doc em{display:block;height:7px;border-radius:4px;background:rgba(10,29,53,.12)}.ca-doc em.s{width:60%}
@keyframes ca-float{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.ca-doc span{animation:none}}
@media(max-width:760px){.ca-cta{grid-template-columns:1fr;padding:32px 24px}.ca-doc{display:none}}
.faq-group{scroll-margin-top:50px!important}

/* ===================== Batch 8 ===================== */
/* Blog: the two large posts sit side by side, image left and text right, no taller than the image */
@media(min-width:901px){
  .bl-card.is-feature,.post-grid.is-filtered .bl-card.is-feature{grid-column:span 2;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
  .bl-card.is-feature .bl-art,.post-grid.is-filtered .bl-card.is-feature .bl-art{aspect-ratio:auto;height:250px;min-height:0}
  .bl-card.is-feature .bl-copy,.post-grid.is-filtered .bl-card.is-feature .bl-copy{padding:20px 22px;justify-content:center;overflow:hidden}
  .bl-card.is-feature h3,.post-grid.is-filtered .bl-card.is-feature h3{font-size:clamp(18px,1.45vw,21px);line-height:1.3}
  .bl-card.is-feature .bl-sum{-webkit-line-clamp:3;font-size:14px;margin-top:8px}
  .bl-card.is-feature .bl-go{width:40px;height:40px;right:14px;bottom:14px}
}
@media(max-width:1200px) and (min-width:901px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bl-card.is-feature,.bl-card.is-feature+.bl-card.is-feature,.bl-card:not(.is-feature){grid-column:span 2}}

/* Case studies: quotes stand out on a tinted panel, with room around them */
.ca-quote{max-width:none;margin:28px 0 64px;padding:34px 40px;border-left:4px solid var(--gold);border-radius:0 18px 18px 0;background:#E3EEF2}
.ca-quote p{font-size:clamp(21px,2vw,27px)}
.ca-item+.ca-quote,.ca-cta+.ca-quote{margin-bottom:72px}
.ca-item:not([open])+.ca-quote{margin-top:40px}

/* FAQ: searching greys out the topic buttons and shows a red × */
.faq-jump.is-off a{opacity:.4;filter:grayscale(1)}
.faq-search{position:relative}
.faq-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;background:#E5484D;color:white;cursor:pointer}
.faq-clear .icon{width:15px;height:15px;stroke-width:2.5}
.faq-search.is-warn{border-color:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,.18);animation:faq-shake .4s}
@keyframes faq-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.faq-hint{margin:-4px 0 14px;font-size:14px;font-weight:600;color:#C2373C}
@media(min-width:901px){
  .bl-card.is-feature,.post-grid.is-filtered .bl-card.is-feature{height:250px}
  .bl-card.is-feature .bl-art,.post-grid.is-filtered .bl-card.is-feature .bl-art{height:100%}
  .bl-card.is-feature h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .bl-card.is-feature .bl-sum{-webkit-line-clamp:2}
  .bl-card.is-feature .bl-topic{margin-bottom:6px}
}
@media(min-width:901px){
  .bl-card.is-feature .bl-sum{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2!important;overflow:hidden}
  .bl-card.is-feature,.post-grid.is-filtered .bl-card.is-feature{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .bl-card.is-feature h3{font-size:clamp(17px,1.35vw,20px)!important}
}
.ca-item:not([open])+.ca-quote{margin-top:46px}
.form-disclosure a{color:var(--teal-dark);text-decoration:underline;text-underline-offset:3px}
