/*
Theme Name: Velocis Technologies — Operations
Theme URI: https://velocistech.com
Author: Velocis Technologies
Description: Custom operations-first WordPress theme for Velocis Technologies. Managed security, investigations, partner ecosystem, capabilities, Insights and conversion flows remain editable through WordPress.
Version: 1.2.0
Requires at least: 5.9
Requires PHP: 7.4
Text Domain: velocis
*/

:root{
  --ink:#0d0d0c;
  --ink-2:#171716;
  --paper:#f4f1eb;
  --paper-2:#ebe6df;
  --paper-3:#e5dfd6;
  --white:#fffefa;
  --muted:#716d67;
  --muted-2:#99938b;
  --line:rgba(22,19,16,.14);
  --line-dark:rgba(255,255,255,.11);
  --red:#a72b2d;
  --red-dark:#822123;
  --red-2:#cf4749;
  --green:#6bdd9b;
  --shadow:0 24px 70px rgba(29,23,18,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:'Inter',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}
body.admin-bar .site-header.is-overlay{top:66px}
@media (max-width:782px){body.admin-bar .site-header.is-overlay{top:80px}}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}
button{color:inherit}
::selection{background:var(--red);color:#fff}
:focus-visible{outline:2px solid var(--red-2);outline-offset:3px}
.wrap{width:min(1320px,calc(100% - 72px));margin-inline:auto}
.mono,.section-kicker,.kicker,.breadcrumb,.blog-meta,.article-meta{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.115em;text-transform:uppercase}
h1,h2,h3,h4{font-family:'Inter Tight','Inter',Arial,sans-serif;letter-spacing:-.045em;line-height:1.02}
h1{font-size:clamp(54px,5.35vw,84px);font-weight:700}
h2{font-size:clamp(38px,4vw,58px);font-weight:700}
h3{font-weight:650}
p{line-height:1.7}
.skip-link{position:fixed;left:-999px;top:8px;z-index:9999;background:#fff;color:#111;padding:12px 16px;border-radius:8px}
.skip-link:focus{left:8px}

/* Top status */
.topbar{height:34px;background:#090908;color:#9d9992;border-bottom:1px solid rgba(255,255,255,.08);font-size:11.5px;position:relative;z-index:101}
.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.status{display:flex;align-items:center;gap:9px;white-space:nowrap}.status i{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(107,221,155,.08);flex:none}
.license-line{text-align:right}

/* Header */
.site-header{height:84px;background:#0a0a09;color:white;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:9999}
.site-header.is-overlay{position:absolute;top:34px;left:0;right:0;background:transparent}
.header-inner{height:100%;display:flex;align-items:center;gap:38px}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.03em;font-size:18px;white-space:nowrap;flex:none}
.brand-logo{display:flex;align-items:center}.brand-logo .custom-logo-link{display:block}.brand-logo img{max-height:48px;width:auto;filter:brightness(0) invert(1)}
.brandmark{width:34px;height:34px;border:1px solid rgba(255,255,255,.25);border-radius:50%;position:relative;display:inline-grid;place-items:center;flex:none}
.brandmark:before,.brandmark:after{content:"";position:absolute;border-radius:50%}.brandmark:before{inset:7px;border:1px solid rgba(255,255,255,.3)}.brandmark:after{inset:13px;background:var(--red)}
.brand-name{font-family:'Inter Tight','Inter',sans-serif}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:2px}
.navitem{position:relative}.navtrigger{display:flex;align-items:center;gap:6px;padding:11px 14px;font-size:14px;color:#d2cdc5;border:0;background:transparent;border-radius:8px;cursor:pointer;transition:.18s}.navtrigger:hover,.navtrigger[aria-expanded="true"]{color:#fff;background:rgba(255,255,255,.06)}.navtrigger svg{width:9px;transition:.18s}.navtrigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.header-actions{display:flex;align-items:center;gap:10px}.header-cta{border:1px solid rgba(255,255,255,.26);padding:11px 15px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(255,255,255,.045);backdrop-filter:blur(10px);transition:.18s}.header-cta:hover{background:#fff;color:#111}
.hamburger{width:42px;height:42px;border:1px solid rgba(22,19,16,.2);border-radius:50%;background:transparent;display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;color:var(--ink)}.hamburger svg{width:18px;height:18px}.hamburger span{width:16px;height:1px;background:var(--ink)}
.megamenu{position:absolute;top:calc(100% + 13px);left:0;width:min(720px,80vw);background:#f5f1eb;color:var(--ink);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.34);display:grid;grid-template-columns:1.45fr .8fr;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px);transition:opacity .16s,transform .16s,visibility 0s .16s}
.navitem.open .megamenu{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .16s,transform .16s}
.mm-list{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.mm-list>a{padding:13px;border-radius:10px}.mm-list>a:hover{background:#e9e3da}.mm-num{font-family:'IBM Plex Mono';font-size:11.5px;color:var(--red);letter-spacing:.1em}.mm-list h4{font-size:15px;margin:7px 0 4px}.mm-list p{font-size:11px;line-height:1.45;color:var(--muted)}
.mm-feature{background:#161514;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.mm-feature .badge-sm{font:11.5px 'IBM Plex Mono';letter-spacing:.1em;text-transform:uppercase;color:#d96a6b}.mm-feature h4{font-size:22px;margin:10px 0}.mm-feature p{font-size:12px;color:#aaa49d;line-height:1.6}.mm-cta{font-size:11px;font-weight:700;color:#fff}.mm-cta span{color:var(--red-2)}
.mobile-panel{display:none;position:absolute;left:0;right:0;top:84px;background:#0b0b0a;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px rgba(0,0,0,.32)}.mobile-panel.open{display:block}.mobile-panel-inner{padding-top:14px;padding-bottom:20px;display:flex;flex-direction:column}.mobile-panel a{padding:12px 0;color:#e5e0d8;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.mobile-panel .mp-sub{padding-left:16px;color:#99938c;font-size:12px}.mobile-panel .mobile-cta{margin-top:12px;border:0;background:var(--red);padding:12px 14px;border-radius:8px;font-weight:700;color:#fff;text-align:center}

/* Buttons + common eyebrow */
.btnrow{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 17px;border-radius:8px;font-size:12px;font-weight:750;transition:transform .18s,background .18s,color .18s;border-color .18s;border:1px solid transparent;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--red);color:#fff}.btn.primary:hover{background:var(--red-2)}.btn.darkghost{border-color:rgba(255,255,255,.2);color:#ece7df;background:rgba(255,255,255,.035)}.btn.darkghost:hover{background:rgba(255,255,255,.1)}.btn.light{background:#fff;color:#111}.btn.outline{border-color:var(--line);background:transparent;color:var(--ink)}.btn.full{width:100%}
.section-kicker{font-size:11.5px;color:var(--red);display:flex;align-items:center;gap:12px}.section-kicker:before{content:"";width:35px;height:1px;background:var(--red);flex:none}
.kicker{display:flex;align-items:center;gap:13px;font-size:11.5px;color:#b8b3ab;margin-bottom:22px}.kicker .dash{width:46px;height:1px;background:var(--red-2);flex:none}

/* Homepage hero */
.hero{height:850px;background:#080808;color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 44%,rgba(167,43,45,.18),transparent 35%),linear-gradient(90deg,#0b0b0a 0%,#0b0b0a 45%,rgba(11,11,10,.9) 57%,rgba(11,11,10,.22) 100%);z-index:2;pointer-events:none}.hero:after{content:"";position:absolute;left:51%;top:84px;width:1px;height:550px;background:linear-gradient(rgba(255,255,255,.2),transparent);z-index:3}
.hero-bg{position:absolute;inset:0}.hero-bg-img{position:absolute;inset:84px 0 0 46%;background-position:center;background-size:cover;opacity:0;transform:scale(1.025);transition:opacity .75s ease,transform 7s ease;filter:saturate(.7) contrast(1.05)}.hero-bg-img.active{opacity:1;transform:scale(1)}.hero-bg-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0a 0%,rgba(11,11,10,.1) 35%,rgba(11,11,10,.05) 100%),linear-gradient(0deg,#0b0b0a 0%,transparent 30%)}
.hero-grid{position:relative;z-index:4;display:grid;grid-template-columns:1.08fr .92fr;min-height:690px;align-items:center;gap:60px;padding-top:110px;padding-bottom:95px}
.hero-copy-panel{min-width:0}.hero h1{max-width:780px;line-height:.95;margin:0}.hero h1 em{font-style:normal;color:#d46163}.hero-slide-copy{margin-top:28px}.slide{display:none}.slide.active{display:block;animation:slideFade .35s ease}.hero-sub{font-size:15px;line-height:1.65;color:#bcb7af;max-width:590px;margin:0 0 29px}@keyframes slideFade{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
.hero-side{align-self:end;padding:0 0 55px 60px;position:relative}.ops-card{margin-left:auto;width:min(390px,100%);background:rgba(14,14,13,.82);border:1px solid rgba(255,255,255,.15);border-radius:17px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.36);backdrop-filter:blur(14px)}.ops-head{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 15px;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px;color:#aaa59d}.livepill{display:flex;align-items:center;gap:6px;color:#d8d4ce}.livepill i{width:5px;height:5px;background:var(--green);border-radius:50%}.ops-metric{padding:16px 3px 4px}.ops-metric strong{display:block;font-size:36px;line-height:1;letter-spacing:-.05em;font-weight:650}.ops-metric span{font-size:11px;color:#9b968f}.ops-list{display:grid;gap:7px;margin-top:13px}.op{display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;padding:10px 9px;border-radius:8px;background:rgba(255,255,255,.045);font-size:10px;color:#d1cdc6}.op i{width:6px;height:6px;border-radius:50%;background:#777}.op.warn i{background:#de4a4d}.op.ok i{background:var(--green)}.op b{font-weight:600}.op small{font-size:11px;color:#817d77}
.guide-card{width:min(390px,100%);margin:12px 0 0 auto;background:#f7f4ee;color:var(--ink);border-radius:16px;padding:15px 16px;display:grid;grid-template-columns:40px 1fr 32px;gap:13px;align-items:center;box-shadow:0 18px 45px rgba(0,0,0,.2);transition:.18s}.guide-card:hover{transform:translateY(-2px)}.guide-icon{height:40px;border-radius:9px;background:#e9e3da;display:grid;place-items:center;color:var(--red)}.guide-icon svg{width:19px}.guide-card small{display:block;color:#8a837b;font-size:11px;margin-bottom:5px}.guide-card strong{font-family:'Inter Tight';font-size:12px;line-height:1.25;display:block;letter-spacing:-.02em}.guide-arrow{width:32px;height:32px;border:1px solid #d7d0c6;border-radius:50%;display:grid;place-items:center;font-size:12px}
.storybar{position:absolute;z-index:5;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,.11);background:rgba(8,8,8,.72);backdrop-filter:blur(10px)}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.story{appearance:none;text-align:left;padding:20px 20px 22px;border:0;border-right:1px solid rgba(255,255,255,.1);min-height:96px;position:relative;background:transparent;color:inherit;cursor:pointer}.story:first-child{border-left:1px solid rgba(255,255,255,.1)}.story.active:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--red-2)}.story small{font-size:11px;color:#ADA89F;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story b{display:block;margin-top:9px;font:600 12px/1.25 'Inter Tight',sans-serif;color:#cfcac3;letter-spacing:-.015em}.story.active b{color:#fff}

/* Trust / feed / partners */
.trustops{padding:88px 0 92px;background:var(--paper)}.trust-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:76px;align-items:start}.trust-intro h2{margin-top:16px;max-width:520px}.trust-copy{font-size:14px;line-height:1.7;color:var(--muted);margin-top:23px;max-width:470px}.feed-panel{background:#111110;color:#fff;border-radius:18px;padding:20px 20px 16px;overflow:hidden;box-shadow:var(--shadow)}.feed-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 3px 17px;border-bottom:1px solid rgba(255,255,255,.1)}.feed-title span,.feed-title b{font-size:11px}.feed-title span{color:#9a958e}.feed-title b{color:#d4d0ca;font-weight:600}.feed-row{display:grid;grid-template-columns:24px 1fr 100px;gap:13px;align-items:center;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.feed-row:last-child{border:0}.feed-row .num{font-size:11px;color:#ADA89F}.feed-row strong{font:600 12px 'Inter Tight',sans-serif}.feed-row p{margin:4px 0 0;color:#88837d;font-size:11.5px;line-height:1.45}.feed-status{justify-self:end;font:11px 'IBM Plex Mono';letter-spacing:.05em;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:#beb9b1}.feed-status.red{color:#f08082;background:rgba(207,71,73,.1)}.feed-status.green{color:#8ce7af;background:rgba(107,221,155,.1)}
.partner-shell{margin-top:46px;border-top:1px solid var(--line);padding-top:31px}.partner-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.partner-head h3{font-size:18px;letter-spacing:-.03em}.partner-head p{font-size:11px;color:#8d8881}.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.35)}.logoitem{min-height:82px;display:grid;place-items:center;border-right:1px solid var(--line);padding:15px;transition:.18s}.logoitem:last-child{border-right:0}.logoitem:hover{background:rgba(255,255,255,.55)}.logoitem img{max-width:105px;max-height:34px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.63;transition:.18s}.logoitem:hover img{opacity:.9}

/* Capabilities */
.capabilities{padding:96px 0 112px;background:#eae5de;border-top:1px solid var(--line)}.cap-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:44px}.cap-head h2{max-width:720px;margin-top:16px}.cap-head>p{max-width:390px;color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 3px}.bento{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:230px;gap:11px}.cap{background:#f7f4ef;border:1px solid rgba(22,19,16,.08);border-radius:13px;padding:21px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.cap.dark{background:#111110;color:#fff;border-color:#111110}.cap.featured-cap{grid-row:span 2}.cap.wide{grid-column:span 2}.cap .n{font-size:11px;color:var(--red);display:block;position:relative;z-index:2}.cap.dark .n{color:#d35b5d}.cap-body{position:relative;z-index:2}.cap h3{font-size:clamp(17px,1.7vw,25px);line-height:1.02;margin-top:9px;max-width:410px}.cap p{font-size:10px;line-height:1.55;color:#77716a;margin-top:9px;max-width:520px}.cap.dark p{color:#98928b}.cap>a{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:700;border-top:1px solid rgba(22,19,16,.12);padding-top:10px}.cap.dark>a{border-top-color:rgba(255,255,255,.12)}.cap .orb{position:absolute;width:180px;height:180px;border-radius:50%;right:-44px;bottom:-62px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 30px rgba(255,255,255,.02),0 0 0 60px rgba(255,255,255,.015)}.cap .orb:after{content:"";position:absolute;width:54px;height:54px;border-radius:50%;left:42px;top:42px;background:radial-gradient(circle,#d84a4d 0%,rgba(216,74,77,.4) 34%,transparent 70%);filter:blur(3px)}

/* DFIR */
.dfir{padding:92px 0 96px;background:#080808;color:#fff;position:relative;overflow:hidden}.dfir:after{content:"";position:absolute;right:-15%;top:-35%;width:60%;height:150%;background:radial-gradient(circle,rgba(151,32,35,.2),transparent 60%);pointer-events:none}.dfir-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.licensed{font-size:11px;color:#9f9991;display:flex;align-items:center;gap:8px}.licensed i{width:5px;height:5px;border-radius:50%;background:var(--red-2)}.dfir h2{font-size:clamp(40px,4.4vw,62px);margin-top:17px;max-width:680px}.dfir h2 em{display:block;font-style:normal;color:#d85c5e}.dfir .lead{font-size:13px;line-height:1.7;color:#99938b;max-width:600px;margin-top:21px}.dfir-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.process-label{font-size:11px;color:#8b867f;margin-bottom:10px}.process{border-top:1px solid rgba(255,255,255,.1)}.step{display:grid;grid-template-columns:28px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.step .sn{font-size:10.5px;color:#ADA89F}.step b{font:600 10.5px 'Inter',sans-serif;color:#d7d2cb}.step>span:last-child{color:#ADA89F;font-size:10px}

/* Why */
.why{padding:94px 0 100px;background:var(--paper)}.why-head{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:38px}.why-head h2{margin-top:16px;max-width:680px}.why-head>p{font-size:13px;color:var(--muted);line-height:1.7;max-width:500px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.why-card{min-height:250px;background:#fbf8f3;border:1px solid rgba(22,19,16,.09);border-radius:13px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.why-card .n{font-size:11px;color:var(--red)}.why-card h3{font-size:18px;line-height:1.06;margin-bottom:8px}.why-card p{font-size:10.5px;line-height:1.55;color:#7a746d}

/* Insights */
.insights{padding:94px 0 104px;background:#f0ece5;border-top:1px solid var(--line)}.insights-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:39px}.insights-head h2{max-width:850px;margin-top:15px}.linkarrow{font-size:10px;font-weight:700;padding-bottom:5px;border-bottom:1px solid var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);gap:0}.article{padding:20px 28px 4px 0;min-height:230px;display:flex;flex-direction:column;border-right:1px solid rgba(22,19,16,.18);margin-right:28px}.article:last-child{border-right:0;margin-right:0}.article .meta{font-size:10.5px;color:var(--red)}.article h3{font-size:17px;line-height:1.08;margin-top:16px}.article p{font-size:10px;color:#77716a;margin-top:10px;line-height:1.55}.article>a{font-size:11px;font-weight:700;margin-top:auto;padding-top:20px}

/* Final CTA */
.finalcta{padding:64px 0;background:#b42d30;color:#fff}.finalcta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.finalcta h2{font-size:clamp(36px,4vw,54px);max-width:640px}.finalcta p{font-size:12px;line-height:1.65;color:#f0cfd0;max-width:470px;margin-bottom:18px}

/* Footer */
.footer{background:#090908;color:#fff;padding:58px 0 24px}.footer-top{display:grid;grid-template-columns:1.5fr repeat(4,.75fr);gap:48px;padding-bottom:40px}.footer .brand{font-size:15px}.footer .brandmark{width:28px;height:28px}.footer .brandmark:before{inset:6px}.footer .brandmark:after{inset:11px}.footer-brand p{font-size:10px;color:#77736d;max-width:260px;margin-top:16px;line-height:1.6}.fcol{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-menu{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0;margin:0}.fcol h4{font-size:10.5px;color:#6f6b65;letter-spacing:.12em;margin-bottom:4px}.fcol a,.fcol span{font-size:10px;color:#a7a29a;line-height:1.5}.fcol a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10.5px;color:#55514d}

/* Inner page hero */
.inner-hero{min-height:620px;background:#090908;color:#fff;position:relative;overflow:hidden}.inner-hero-image{position:absolute;inset:0 0 0 48%;background-size:cover;background-position:center;filter:saturate(.7)}.inner-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 44%,rgba(167,43,45,.16),transparent 35%),linear-gradient(90deg,#0a0a09 0%,#0a0a09 48%,rgba(10,10,9,.84) 61%,rgba(10,10,9,.25) 100%);z-index:1}.inner-hero-content{position:relative;z-index:2;padding-top:90px;padding-bottom:60px;min-height:620px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.breadcrumb{font-size:11px;color:#807a73;display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.breadcrumb a:hover{color:#fff}.inner-hero h1{max-width:760px}.inner-hero-sub{font-size:15px;color:#bbb6ae;max-width:650px;margin-top:24px}.tag-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.tag-pills span{font:11px 'IBM Plex Mono';letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 9px;color:#aaa59d}.inner-hero-actions{margin-top:26px}.statbar{margin-top:38px;display:flex;border-top:1px solid rgba(255,255,255,.12);width:min(700px,100%)}.statbar>div{padding:17px 28px 0 0;margin-right:28px;border-right:1px solid rgba(255,255,255,.12);min-width:130px}.statbar>div:last-child{border:0}.statbar strong{display:block;font:650 26px 'Inter Tight';letter-spacing:-.04em}.statbar span{display:block;font-size:10.5px;color:#ADA89F;margin-top:4px}.plain-hero{padding:84px 0 70px;background:var(--paper);border-bottom:1px solid var(--line)}.plain-hero .breadcrumb{color:#8c867e;margin-bottom:24px}.plain-hero h1{font-size:clamp(48px,6vw,78px);max-width:900px;margin-top:16px}.plain-hero p{font-size:16px;color:var(--muted);max-width:700px;margin-top:22px}.narrow-left{max-width:1320px}

/* Page/editor content */
.content-section{padding:74px 0 92px;background:#f7f3ed}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:90px;align-items:start}.entry-content{font-size:16px;line-height:1.8;max-width:820px}.entry-content>*+*{margin-top:1.35em}.entry-content h2{font-size:clamp(30px,3vw,42px);margin-top:1.7em}.entry-content h3{font-size:24px;margin-top:1.6em}.entry-content h4{font-size:18px;margin-top:1.5em}.entry-content p,.entry-content li{color:#4e4a45}.entry-content ul,.entry-content ol{padding-left:1.25em}
.entry-content ul.feature-list{list-style:none;counter-reset:feat;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:1.5em}
.entry-content ul.feature-list li{counter-increment:feat;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 26px;transition:border-color .18s,transform .18s,box-shadow .18s;position:relative}
.entry-content ul.feature-list li:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 16px 32px rgba(22,19,16,.08)}
.entry-content ul.feature-list li:before{content:counter(feat,decimal-leading-zero);display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--red);letter-spacing:.06em;margin-bottom:10px}
.entry-content ul.feature-list li strong{display:block;font-family:'Inter Tight';font-weight:700;font-size:17px;color:var(--ink);margin-bottom:8px}
.entry-content ul.feature-list li{color:#5c5750;font-size:14.5px;line-height:1.6}
@media (max-width:760px){ .entry-content ul.feature-list{grid-template-columns:1fr} }.entry-content a{text-decoration:underline;text-decoration-color:rgba(167,43,45,.45);text-underline-offset:3px}.entry-content blockquote{border-left:2px solid var(--red);padding:5px 0 5px 24px;font-size:1.15em;color:#2b2926}.entry-content figure{margin:2em 0}.entry-content img{border-radius:14px}.entry-content table{width:100%;border-collapse:collapse;font-size:14px}.entry-content th,.entry-content td{border:1px solid var(--line);padding:12px;text-align:left}.entry-content hr{border:0;border-top:1px solid var(--line);margin:3em 0}.content-aside{position:relative}.aside-card{background:#121110;color:#fff;border-radius:16px;padding:23px;box-shadow:var(--shadow)}.aside-card.sticky{position:sticky;top:118px}.aside-card>span{font-size:10.5px;color:#d45d5f}.aside-card h3{font-size:22px;margin-top:16px}.aside-card p{font-size:11px;color:#99938b;margin-top:12px}.aside-card a{display:block;border-top:1px solid rgba(255,255,255,.1);margin-top:22px;padding-top:15px;font-size:11.5px;font-weight:700}
.aside-card-secondary{margin-top:16px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.aside-card-secondary .badge{margin-bottom:14px}
.aside-card-secondary p{font-size:12.5px;line-height:1.6;color:var(--muted)}
.related-section{padding:82px 0 92px;background:#eae5de;border-top:1px solid var(--line)}.related-head h2{margin-top:14px;font-size:40px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.related-card{background:#f9f6f1;border:1px solid rgba(22,19,16,.09);border-radius:13px;padding:22px;min-height:225px;display:flex;flex-direction:column;text-decoration:none}.related-card,.related-card *{text-decoration:none!important}.related-card>span{font-size:10.5px;color:var(--red)}.related-card h3{font-size:20px;margin-top:18px}.related-card p{font-size:11px;color:var(--muted);margin-top:9px}.related-card b{font-size:11.5px;margin-top:auto;padding-top:18px}

/* Archive */
.archive-hero{padding:90px 0 70px;background:var(--paper);border-bottom:1px solid var(--line)}.archive-hero-grid{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.archive-hero h1{font-size:clamp(48px,5.8vw,80px);max-width:920px;margin-top:15px}.archive-hero p,.archive-description{font-size:15px;color:var(--muted);max-width:660px;margin-top:22px}.archive-note{font-size:10.5px;color:#8c867e;padding-bottom:10px}.compact-hero{padding:70px 0 58px}.compact-hero h1{font-size:54px}.archive-content{padding:52px 0 92px;background:#f0ece5}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:32px}.filter{font-size:10px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.4)}.filter.active,.filter:hover{background:#111;color:#fff;border-color:#111}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.blog-card{background:#f9f6f1;border:1px solid rgba(22,19,16,.09);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:440px}.blog-card-media{min-height:190px;background:#151413 center/cover no-repeat;position:relative}.blog-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.28),transparent)}.blog-card-tag{position:absolute;z-index:2;left:14px;top:14px;font-size:10.5px;background:rgba(248,245,239,.92);border-radius:999px;padding:7px 9px;color:#5f5a54}.blog-card-body{padding:21px;display:flex;flex-direction:column;flex:1}.blog-meta{font-size:10.5px;color:var(--red)}.blog-card h2{font-size:23px;margin-top:14px}.blog-card p{font-size:11px;color:var(--muted);margin-top:10px}.read-link{font-size:11.5px;font-weight:700;margin-top:auto;padding-top:20px}.pagination{margin-top:38px}.nav-links{display:flex;gap:6px;justify-content:center}.page-numbers{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:10px}.page-numbers.current,.page-numbers:hover{background:#111;color:#fff;border-color:#111}.empty-state{padding:80px 0;text-align:center}.empty-state h2{font-size:38px}.empty-state p{color:var(--muted);margin:10px auto 20px}
.search-results{display:grid;gap:10px;max-width:900px}.search-result{padding:24px;border-bottom:1px solid var(--line)}.search-result>span{font-size:10.5px;color:var(--red)}.search-result h2{font-size:28px;margin-top:9px}.search-result p{font-size:12px;color:var(--muted);margin-top:8px}.search-result>a{font-size:11.5px;font-weight:700;display:inline-block;margin-top:12px}

/* Single article */
.article-hero{padding:90px 0 70px;background:#0a0a09;color:#fff}.article-hero-inner{max-width:1050px}.article-hero .breadcrumb{margin-bottom:25px}.article-hero .section-kicker{margin-bottom:18px}.article-hero h1{font-size:clamp(50px,6vw,82px);max-width:980px}.article-deck{font-size:17px;color:#aaa59d;max-width:760px;margin-top:24px}.article-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#ADA89F;margin-top:28px}.article-feature{height:min(58vw,600px);margin-top:-1px;border-radius:0 0 18px 18px;background:center/cover no-repeat}.article-layout{display:grid;grid-template-columns:minmax(0,820px) 280px;gap:90px;align-items:start;padding-top:72px;padding-bottom:90px}.article-body{max-width:820px}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:40px;padding-top:25px;border-top:1px solid var(--line)}.tag-row a{font:11px 'IBM Plex Mono';text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 9px}.author-box{margin-top:34px;padding:22px;background:#eae5de;border-radius:14px;display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:center}.author-avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font:700 13px 'Inter Tight'}.author-box span{font-size:10.5px;color:var(--red)}.author-box h3{font-size:18px;margin-top:4px}.author-box p{font-size:10px;margin-top:5px;color:var(--muted)}.related-insights{padding:80px 0 90px;background:#ebe6df;border-top:1px solid var(--line)}.insights-head.compact h2{font-size:40px}

/* Error */
.error-page{min-height:620px;background:#0a0a09;color:#fff;display:grid;place-items:center}.error-inner{padding:90px 0}.error-inner>span{font-size:11px;color:#d75d60}.error-inner h1{max-width:800px;margin-top:16px}.error-inner p{color:#99938b;margin:20px 0 28px}

/* Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);z-index:1000;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.modal-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.modal-box{width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#f5f1eb;border-radius:18px;padding:28px;position:relative;box-shadow:0 28px 90px rgba(0,0,0,.35)}.modal-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:20px;cursor:pointer}.modal-box h3{font-size:34px;margin-top:18px}.modal-subtitle{font-size:12px;color:var(--muted);margin:10px 0 22px}.form-row{display:grid;gap:6px;margin-bottom:14px}.form-row label{font-size:11.5px;font-weight:700}.form-row input,.form-row textarea{width:100%;border:1px solid rgba(22,19,16,.18);background:#fffdf9;border-radius:8px;padding:11px 12px;outline:0}.form-row input:focus,.form-row textarea:focus{border-color:var(--red)}.form-error{background:#f3dada;color:#7e1f21;padding:9px;border-radius:7px;font-size:10px;margin-bottom:12px}.modal-success{text-align:center;padding:25px 8px}.modal-success-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(107,221,155,.18);color:#247847;margin:0 auto;font-size:20px}.modal-success p{font-size:12px;color:var(--muted);margin:12px 0 20px}

/* WP core alignments */
.alignwide{max-width:1100px;margin-left:auto!important;margin-right:auto!important}.alignfull{width:100vw;max-width:none;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}.wp-caption-text,.figcaption{font-size:10px;color:var(--muted);margin-top:6px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Responsive */
@media (max-width:1100px){
  .wrap{width:min(100% - 48px,1320px)}
  .desktop-nav{display:none}.header-cta{display:none}
  .hero{height:auto;min-height:860px}.hero-grid{grid-template-columns:1fr .8fr;gap:30px}.hero-side{padding-left:10px}.hero:after{display:none}
  .trust-grid{grid-template-columns:1fr;gap:42px}.trust-copy{max-width:650px}.partner-head{align-items:flex-start}
  .bento{grid-template-columns:1.1fr 1fr;grid-auto-rows:220px}.cap.featured-cap{grid-row:span 2}.cap.wide{grid-column:auto}
  .dfir-grid{gap:50px}.why-head{grid-template-columns:1fr;gap:20px}.why-head>p{max-width:680px}
  .footer-top{grid-template-columns:1.5fr repeat(2,1fr)}.footer-brand{grid-row:span 2}
  .content-layout,.article-layout{grid-template-columns:1fr;gap:40px}.content-aside,.article-aside{max-width:600px}.aside-card.sticky{position:static}
}
@media (max-width:760px){
  .wrap{width:calc(100% - 34px)}
  .topbar{height:25px;font-size:10px}.topbar .license-line{display:none}.topbar-inner{justify-content:flex-start}
  .site-header{height:62px}.site-header.is-overlay{top:25px}.header-inner{gap:14px}.brand{font-size:11px;gap:7px}.brandmark{width:22px;height:22px}.brandmark:before{inset:5px}.brandmark:after{inset:9px}.brand-logo img{max-height:26px}.hamburger{width:34px;height:34px}.mobile-panel{top:62px}
  body.admin-bar .site-header.is-overlay{top:71px}
  h1{font-size:clamp(35px,12vw,47px)}h2{font-size:clamp(30px,9vw,38px)}
  .section-kicker{font-size:10.5px;gap:8px}.section-kicker:before{width:25px}.kicker{font-size:10.5px;margin-bottom:14px}.kicker .dash{width:28px}
  .btn{font-size:11px;padding:9px 11px;border-radius:5px;gap:12px}
  .hero{min-height:0;height:auto;padding-top:62px}.hero:before{background:radial-gradient(circle at 82% 17%,rgba(167,43,45,.14),transparent 26%),linear-gradient(90deg,#0b0b0a 0%,#0b0b0a 58%,rgba(11,11,10,.78) 78%,rgba(11,11,10,.45) 100%)}.hero-bg-img{inset:0 0 auto 54%;height:245px;background-position:center top}.hero-bg-img:after{background:linear-gradient(90deg,#0b0b0a 0%,transparent 50%),linear-gradient(0deg,#0b0b0a 0%,transparent 55%)}
  .hero-grid{display:block;min-height:0;padding-top:70px;padding-bottom:18px}.hero-copy-panel{max-width:92%}.hero h1{max-width:300px;line-height:.92}.hero-slide-copy{margin-top:15px}.hero-sub{font-size:11.5px;line-height:1.55;max-width:290px;margin-bottom:16px}.hero-side{padding:0;margin-top:10px}.ops-card{display:none}.guide-card{width:100%;max-width:300px;margin:9px 0 0;padding:8px 9px;border-radius:8px;grid-template-columns:28px 1fr 24px;gap:8px}.guide-icon{height:28px;border-radius:6px}.guide-icon svg{width:13px}.guide-card small{font-size:10px;margin-bottom:2px}.guide-card strong{font-size:11px}.guide-arrow{width:24px;height:24px;font-size:11px}.storybar{position:relative;left:auto;right:auto;bottom:auto;margin-top:0;background:#0a0a09}.story-grid{grid-template-columns:repeat(2,1fr)}.story{min-height:62px;padding:11px 10px 12px;border-bottom:1px solid rgba(255,255,255,.09)}.story small{font-size:10px}.story b{font-size:11px;margin-top:5px}.story.active:before{height:1px}
  .trustops{padding:43px 0 48px}.trust-grid{gap:25px}.trust-intro h2{font-size:31px;max-width:280px;margin-top:10px}.trust-copy{font-size:11.5px;line-height:1.55;max-width:290px;margin-top:14px}.feed-panel{padding:12px;border-radius:10px}.feed-title{padding-bottom:9px}.feed-title span,.feed-title b{font-size:10px}.feed-row{grid-template-columns:14px 1fr 60px;gap:7px;padding:10px 2px}.feed-row .num{font-size:10px}.feed-row strong{font-size:11px}.feed-row p{font-size:10px;margin-top:2px}.feed-status{font-size:10px;padding:4px 5px}.partner-shell{margin-top:27px;padding-top:20px}.partner-head{display:block;margin-bottom:14px}.partner-head h3{font-size:10px}.partner-head p{font-size:10px;margin-top:5px}.logos{grid-template-columns:repeat(2,1fr);border-radius:8px}.logoitem{min-height:49px;padding:9px;border-bottom:1px solid var(--line)}.logoitem:nth-child(2n){border-right:0}.logoitem img{max-width:72px;max-height:22px}
  .capabilities{padding:48px 0 54px}.cap-head{display:block;margin-bottom:25px}.cap-head h2{font-size:31px;max-width:280px;margin-top:10px}.cap-head>p{font-size:11px;max-width:270px;margin-top:12px}.bento{display:block}.cap{min-height:145px;margin-bottom:8px;border-radius:8px;padding:13px}.cap.featured-cap{min-height:270px}.cap .n{font-size:10px}.cap h3{font-size:16px;margin-top:8px}.cap p{font-size:10.5px;margin-top:6px}.cap>a{font-size:10px;padding-top:7px;margin-top:10px}.cap .orb{width:110px;height:110px;right:-25px;bottom:-45px}.cap .orb:after{width:38px;height:38px;left:25px;top:25px}
  .dfir{padding:46px 0 49px}.dfir-grid{grid-template-columns:1fr;gap:30px}.licensed{font-size:10px}.dfir h2{font-size:31px;max-width:290px;margin-top:10px}.dfir .lead{font-size:11px;max-width:290px;margin-top:12px}.dfir-cta{margin-top:15px}.process-label{font-size:10px}.step{grid-template-columns:20px 1fr auto;padding:9px 0;gap:7px}.step .sn{font-size:10px}.step b{font-size:10.5px}.step>span:last-child{font-size:10px}
  .why{padding:46px 0 50px}.why-head{display:block;margin-bottom:22px}.why-head h2{font-size:31px;max-width:280px;margin-top:10px}.why-head>p{font-size:11px;margin-top:12px}.why-grid{grid-template-columns:1fr;gap:7px}.why-card{min-height:132px;padding:13px;border-radius:8px}.why-card .n{font-size:10px}.why-card h3{font-size:14px}.why-card p{font-size:10.5px}
  .insights{padding:46px 0 50px}.insights-head{display:block;margin-bottom:20px}.insights-head h2{font-size:31px;max-width:300px;margin-top:10px}.linkarrow{display:inline-block;font-size:10px;margin-top:12px}.cards{grid-template-columns:1fr}.article{min-height:150px;border-right:0;border-bottom:1px solid var(--line);margin:0;padding:14px 0}.article .meta{font-size:10px}.article h3{font-size:13px;margin-top:9px}.article p{font-size:10.5px}.article>a{font-size:10px;padding-top:10px}
  .finalcta{padding:38px 0}.finalcta-grid{grid-template-columns:1fr;gap:16px}.finalcta h2{font-size:30px;max-width:300px}.finalcta p{font-size:10.5px;max-width:280px;margin-bottom:12px}
  .footer{padding:35px 0 18px}.footer-top{grid-template-columns:1.1fr 1fr;gap:25px 20px;padding-bottom:26px}.footer-brand{grid-row:auto;grid-column:1/-1}.footer .brand{font-size:11.5px}.footer .brandmark{width:20px;height:20px}.footer-brand p{font-size:10px;max-width:190px;margin-top:10px}.fcol h4{font-size:10px}.fcol a,.fcol span{font-size:10px}.footer-bottom{font-size:10px;display:block}.footer-bottom span{display:block;margin-top:4px}
  .inner-hero{min-height:520px}.inner-hero-image{inset:0 0 0 45%}.inner-hero-content{min-height:520px;padding-top:70px;padding-bottom:45px}.inner-hero h1{font-size:42px;max-width:300px}.inner-hero-sub{font-size:11.5px;max-width:290px;margin-top:14px}.breadcrumb{font-size:10px;margin-bottom:16px}.tag-pills{margin-top:12px}.tag-pills span{font-size:10px;padding:5px 6px}.inner-hero-actions{margin-top:15px}.statbar{margin-top:24px}.statbar>div{min-width:80px;padding:11px 14px 0 0;margin-right:14px}.statbar strong{font-size:18px}.statbar span{font-size:10px}
  .plain-hero{padding:50px 0 42px}.plain-hero h1{font-size:40px}.plain-hero p{font-size:10px;margin-top:14px}
  .content-section{padding:40px 0 48px}.content-layout{gap:30px}.entry-content{font-size:12px}.entry-content h2{font-size:28px}.entry-content h3{font-size:20px}.aside-card{padding:16px;border-radius:10px}.aside-card h3{font-size:17px}.aside-card p{font-size:11px}.aside-card a{font-size:10px}
  .related-section{padding:42px 0 48px}.related-head h2{font-size:28px}.related-grid{grid-template-columns:1fr;gap:7px;margin-top:20px}.related-card{min-height:150px;padding:15px}.related-card h3{font-size:17px}.related-card p{font-size:11px}
  .archive-hero{padding:48px 0 40px}.archive-hero-grid{grid-template-columns:1fr;gap:10px}.archive-hero h1{font-size:41px}.archive-hero p,.archive-description{font-size:11.5px}.archive-note{display:none}.archive-content{padding:32px 0 50px}.filter{font-size:10px;padding:6px 8px}.blog-grid{grid-template-columns:1fr;gap:8px}.blog-card{min-height:330px}.blog-card-media{min-height:160px}.blog-card-body{padding:15px}.blog-meta{font-size:10px}.blog-card h2{font-size:18px}.blog-card p{font-size:11px}.read-link{font-size:10px}.compact-hero h1{font-size:38px}
  .article-hero{padding:48px 0 42px}.article-hero h1{font-size:40px}.article-deck{font-size:10px}.article-meta{font-size:10px;gap:9px}.article-feature{height:58vw;border-radius:0 0 10px 10px}.article-layout{padding-top:38px;padding-bottom:48px}.author-box{padding:14px}.related-insights{padding:42px 0 48px}.insights-head.compact h2{font-size:29px}
  .error-page{min-height:480px}.error-inner h1{font-size:42px}.error-inner p{font-size:10px}
  .modal-box{padding:21px;border-radius:12px}.modal-box h3{font-size:27px}.modal-subtitle{font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* ==========================================================
   V1.1 — BALANCED VISUAL REFINEMENT
   Keeps the operations-first redesign while restoring the
   stronger imagery, typography and interaction of the original.
   ========================================================== */

/* Hero: let the photography lead again instead of burying it. */
.hero{height:840px}
.hero:before{
  background:
    radial-gradient(circle at 77% 43%,rgba(167,43,45,.10),transparent 38%),
    linear-gradient(90deg,#0b0b0a 0%,#0b0b0a 34%,rgba(11,11,10,.88) 47%,rgba(11,11,10,.48) 62%,rgba(11,11,10,.08) 82%,rgba(11,11,10,0) 100%);
}
.hero:after{left:50%;top:118px;height:490px;opacity:.45}
.hero-bg-img{
  inset:84px 0 0 38%;
  background-position:68% center;
  filter:saturate(.88) contrast(1.04) brightness(.96);
}
.hero-bg-img:after{
  background:
    linear-gradient(90deg,rgba(11,11,10,.92) 0%,rgba(11,11,10,.28) 20%,rgba(11,11,10,0) 45%),
    linear-gradient(0deg,rgba(11,11,10,.92) 0%,rgba(11,11,10,.18) 22%,transparent 45%);
}
.hero-grid{grid-template-columns:1.04fr .96fr;gap:36px;padding-top:118px;padding-bottom:102px}
.hero h1{font-size:clamp(58px,5.55vw,90px);max-width:800px;line-height:.94;text-shadow:0 8px 35px rgba(0,0,0,.26)}
.hero-slide-copy{margin-top:31px}
.hero-sub{font-size:18px;line-height:1.65;max-width:640px;color:#d0cbc3;margin-bottom:32px;text-shadow:0 2px 16px rgba(0,0,0,.32)}
.hero .btn{font-size:14px;padding:15px 20px}
.kicker{font-size:10px;color:#c8c2ba}
.hero-side{align-self:end;padding:0 0 58px 18px}
.ops-card{width:min(340px,100%);padding:16px;background:rgba(12,12,11,.64);border-color:rgba(255,255,255,.18);border-radius:15px;box-shadow:0 22px 60px rgba(0,0,0,.25);backdrop-filter:blur(8px)}
.ops-head{font-size:11.5px;padding-bottom:13px}
.ops-metric{padding:15px 3px 5px}.ops-metric strong{font-size:42px}.ops-metric span{font-size:11.5px;color:#b0aaa2}
.ops-list{gap:6px;margin-top:12px}.op{padding:10px 9px;font-size:11.5px;background:rgba(8,8,8,.42)}.op small{font-size:11.5px}
.guide-card{width:min(340px,100%);margin-top:10px;border-radius:14px;padding:13px 14px;grid-template-columns:38px 1fr 30px}.guide-icon{height:38px}.guide-card small{font-size:11.5px}.guide-card strong{font-size:13px}.guide-arrow{width:30px;height:30px}
.story{min-height:102px;padding:21px 22px 23px}.story small{font-size:11.5px}.story b{font-size:13.5px;line-height:1.28;margin-top:10px}

/* Trust / partner block: keep the redesigned partner treatment, but make the copy human-sized. */
.trust-copy{font-size:16.5px;line-height:1.7;max-width:520px}
.feed-title span,.feed-title b{font-size:11.5px}.feed-row{padding:17px 5px}.feed-row strong{font-size:13.5px}.feed-row p{font-size:10.5px}.feed-status{font-size:11px}
.partner-head h3{font-size:20px}.partner-head p{font-size:11.5px}.logoitem{min-height:88px}.logoitem img{max-width:116px;max-height:38px}

/* Capabilities: restore scale and interaction. */
.cap-head>p{font-size:16px;line-height:1.7;max-width:440px}
.bento{grid-auto-rows:255px;gap:14px}
.cap{
  padding:28px;
  border-radius:15px;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease,background .28s ease;
}
.cap:before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--red-2);
  transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.2,.7,.2,1);z-index:3;
}
.cap:after{
  content:"";position:absolute;width:210px;height:210px;right:-110px;top:-120px;border-radius:50%;
  background:radial-gradient(circle,rgba(207,71,73,.13),rgba(207,71,73,0) 68%);
  opacity:0;transform:scale(.75);transition:opacity .3s,transform .35s;pointer-events:none;
}
.cap:hover,.cap:focus-within{transform:translateY(-6px);box-shadow:0 24px 55px rgba(38,28,21,.13);border-color:rgba(167,43,45,.22);background:#fffdf9}
.cap.dark:hover,.cap.dark:focus-within{background:#171615;border-color:rgba(207,71,73,.38);box-shadow:0 26px 65px rgba(0,0,0,.28)}
.cap:hover:before,.cap:focus-within:before{transform:scaleX(1)}
.cap:hover:after,.cap:focus-within:after{opacity:1;transform:scale(1)}
.cap .n{font-size:11.5px}
.cap h3{font-size:clamp(23px,2vw,31px);line-height:1.06;margin-top:12px}
.cap p{font-size:14.5px;line-height:1.62;margin-top:12px;max-width:560px;color:#6c665f}
.cap.dark p{color:#aaa49c}
.cap>a{font-size:11.5px;padding-top:13px;transition:color .2s,border-color .2s}
.cap>a span{transition:transform .22s;display:inline-block}
.cap:hover>a,.cap:focus-within>a{color:var(--red)}
.cap.dark:hover>a,.cap.dark:focus-within>a{color:#ef7779}
.cap:hover>a span,.cap:focus-within>a span{transform:translate(3px,-3px)}
.cap .orb{width:210px;height:210px;right:-48px;bottom:-70px;transition:transform .5s ease,opacity .35s}
.cap:hover .orb,.cap:focus-within .orb{transform:translate(-10px,-8px) scale(1.07)}

/* DFIR: stronger scale and less tiny UI copy. */
.dfir{padding:106px 0 112px}
.dfir-grid{grid-template-columns:1.08fr .92fr;gap:70px}
.licensed{font-size:11.5px}
.dfir h2{font-size:clamp(50px,5vw,76px);line-height:.98;max-width:760px;margin-top:20px}
.dfir .lead{font-size:17.5px;line-height:1.72;max-width:690px;margin-top:27px;color:#b3ada5}
.dfir-cta{margin-top:31px}.dfir .btn{font-size:13.5px;padding:14px 19px}
.process-label{font-size:11.5px;margin-bottom:14px}.step{grid-template-columns:34px 1fr auto;gap:16px;padding:19px 0}.step .sn{font-size:11.5px}.step b{font-size:14px;line-height:1.35}.step>span:last-child{font-size:14px;color:#8c857e;transition:transform .2s,color .2s}.step:hover>span:last-child{transform:translateX(4px);color:#d85c5e}.step:hover b{color:#fff}

/* Tablet refinement */
@media (max-width:1100px) and (min-width:761px){
  .hero-bg-img{inset:84px 0 0 41%;background-position:70% center}
  .hero-grid{grid-template-columns:1.05fr .95fr;gap:20px}
  .hero-side{padding-left:0}.ops-card,.guide-card{width:min(320px,100%)}
  .hero-sub{font-size:16px}
  .bento{grid-auto-rows:245px}
  .dfir-grid{gap:48px}.dfir .lead{font-size:16px}.step b{font-size:13px}
}

/* Mobile: remove the miniature typography from the first build. */
@media (max-width:760px){
  .section-kicker{font-size:11px}.kicker{font-size:11px}
  .btn{font-size:12px;padding:11px 14px;border-radius:7px}
  .hero{padding-top:62px}
  .hero:before{background:linear-gradient(180deg,rgba(8,8,8,.18) 0%,rgba(8,8,8,.48) 35%,#0b0b0a 75%)}
  .hero-bg-img{inset:0 0 auto 24%;height:330px;background-position:72% top;filter:saturate(.82) contrast(1.03) brightness(.78)}
  .hero-bg-img:after{background:linear-gradient(180deg,rgba(11,11,10,.04) 0%,rgba(11,11,10,.22) 47%,#0b0b0a 100%)}
  .hero-grid{padding-top:190px;padding-bottom:24px}.hero-copy-panel{max-width:100%}.hero h1{font-size:clamp(42px,13vw,58px);max-width:355px;line-height:.94}.hero-slide-copy{margin-top:18px}.hero-sub{font-size:15px;line-height:1.58;max-width:350px;margin-bottom:19px}
  .hero-side{margin-top:18px}.ops-card{display:block;width:100%;max-width:350px;margin:0;padding:14px}.ops-head{font-size:11px}.ops-metric strong{font-size:35px}.ops-metric span{font-size:11px}.op{font-size:10.5px}.op small{font-size:11px}
  .guide-card{max-width:350px;margin-top:9px;padding:10px 11px;grid-template-columns:34px 1fr 28px}.guide-icon{height:34px}.guide-card small{font-size:11px}.guide-card strong{font-size:11px}.guide-arrow{width:28px;height:28px}
  .story-grid{grid-template-columns:1fr 1fr}.story{min-height:78px;padding:13px 12px 14px}.story small{font-size:10.5px}.story b{font-size:10.5px;line-height:1.25;margin-top:7px}
  .trustops{padding:58px 0 62px}.trust-intro h2{font-size:36px;max-width:340px}.trust-copy{font-size:14px;line-height:1.65;max-width:350px}.feed-panel{padding:14px}.feed-title span,.feed-title b{font-size:10.5px}.feed-row{grid-template-columns:18px 1fr auto;gap:8px;padding:12px 2px}.feed-row .num{font-size:10px}.feed-row strong{font-size:11px}.feed-row p{font-size:11.5px}.feed-status{font-size:10px;padding:5px 6px}.partner-head h3{font-size:15px}.partner-head p{font-size:10.5px}.logoitem{min-height:62px}.logoitem img{max-width:88px;max-height:28px}
  .capabilities{padding:60px 0 68px}.cap-head h2{font-size:36px;max-width:340px}.cap-head>p{font-size:14px;line-height:1.65;max-width:340px}.cap{min-height:195px;padding:19px;margin-bottom:10px}.cap.featured-cap{min-height:310px}.cap .n{font-size:10.5px}.cap h3{font-size:22px;margin-top:10px}.cap p{font-size:13px;line-height:1.55;margin-top:9px}.cap>a{font-size:10px;padding-top:11px}.cap .orb{width:145px;height:145px}
  .dfir{padding:64px 0 70px}.dfir-grid{gap:40px}.licensed{font-size:10.5px}.dfir h2{font-size:clamp(39px,11vw,48px);max-width:360px;line-height:1}.dfir .lead{font-size:14.5px;line-height:1.65;max-width:350px;margin-top:18px}.dfir-cta{margin-top:21px}.process-label{font-size:11px}.step{grid-template-columns:27px 1fr auto;padding:14px 0;gap:9px}.step .sn{font-size:10.5px}.step b{font-size:11.5px}.step>span:last-child{font-size:11px}
}

/* ================================================================
   v1.2 refinement — restore interaction and simplify over-designed UI
   ================================================================ */

/* DFIR response process: contained, scannable and visually separate from the copy. */
.process-panel{
  align-self:center;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(151,32,35,.075));
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  padding:22px;
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}
.process-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;padding:2px 2px 18px}
.process-panel-head .process-label{margin:0 0 7px;color:#918b84;font-size:11.5px}
.process-panel-head strong{display:block;font-family:'Inter Tight',sans-serif;font-size:23px;line-height:1.05;letter-spacing:-.025em;color:#f5f2ec}
.process-badge{flex:none;font-size:11px;letter-spacing:.12em;color:#d97879;border:1px solid rgba(207,71,73,.32);background:rgba(167,43,45,.1);border-radius:999px;padding:7px 9px}
.process-panel .process{border:0;display:grid;gap:8px}
.process-panel .step{
  grid-template-columns:40px 1fr 30px;
  gap:13px;
  min-height:66px;
  align-items:center;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  background:rgba(255,255,255,.025);
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.process-panel .step .sn{
  width:36px;height:36px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.11);border-radius:50%;
  color:#d26365;font-size:11.5px;background:rgba(0,0,0,.16)
}
.process-panel .step small{display:block;color:#ADA89F;font-size:10.5px;letter-spacing:.1em;margin-bottom:4px}
.process-panel .step b{display:block;font-size:13px;line-height:1.22;color:#e5e0d9;font-weight:650}
.process-panel .step>span:last-child{
  width:28px;height:28px;border:1px solid rgba(255,255,255,.1);border-radius:50%;
  display:grid;place-items:center;color:#ADA89F;font-size:10px;transition:transform .2s,color .2s,border-color .2s
}
.process-panel .step:hover{transform:translateX(4px);background:rgba(167,43,45,.13);border-color:rgba(207,71,73,.26)}
.process-panel .step:hover .sn{border-color:rgba(207,71,73,.34);color:#ef7779}
.process-panel .step:hover small{color:#a59e97}
.process-panel .step:hover b{color:#fff}
.process-panel .step:hover>span:last-child{transform:rotate(45deg);color:#ef7779;border-color:rgba(207,71,73,.34)}

/* WHY VELOCIS: bring back the hover payoff without changing the section structure. */
.why-card{
  position:relative;overflow:hidden;
  transition:transform .26s cubic-bezier(.2,.7,.2,1),box-shadow .26s ease,background .26s ease,border-color .26s ease,color .26s ease;
}
.why-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--red-2);transform:scaleX(0);transform-origin:left;transition:transform .26s ease}
.why-card:after{content:"";position:absolute;width:190px;height:190px;right:-105px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(207,71,73,.20),rgba(207,71,73,0) 68%);opacity:0;transform:scale(.7);transition:opacity .28s,transform .32s;pointer-events:none}
.why-card .n,.why-card h3,.why-card p{position:relative;z-index:2;transition:color .22s ease}
.why-card:hover,.why-card:focus-within{transform:translateY(-7px);background:#111110;border-color:#111110;box-shadow:0 24px 55px rgba(31,23,18,.16);color:#fff}
.why-card:hover:before,.why-card:focus-within:before{transform:scaleX(1)}
.why-card:hover:after,.why-card:focus-within:after{opacity:1;transform:scale(1)}
.why-card:hover .n,.why-card:focus-within .n{color:#e16a6c}
.why-card:hover h3,.why-card:focus-within h3{color:#fff}
.why-card:hover p,.why-card:focus-within p{color:#aaa49c}
.why-card h3{font-size:20px;line-height:1.08}.why-card p{font-size:12.5px;line-height:1.6}

/* Insights: return to the simpler card treatment from the earlier theme. */
.insights-classic{padding:92px 0 98px;background:#f0ece5;border-top:1px solid var(--line)}
.insights-intro{display:grid;grid-template-columns:minmax(0,850px) auto;justify-content:space-between;align-items:end;gap:60px;margin-bottom:34px}
.insights-intro h2{font-size:clamp(44px,4.4vw,64px);line-height:.98;margin-top:15px;max-width:790px}
.insights-intro p{font-size:14px;line-height:1.65;color:var(--muted);max-width:610px;margin-top:17px}
.insights-classic .linkarrow{font-size:10px;white-space:nowrap;margin-bottom:5px}
.insights-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.insights-row.count-1{grid-template-columns:minmax(0,760px)}
.insights-row.count-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1120px}
.insight-card{
  position:relative;overflow:hidden;
  min-height:265px;padding:24px;
  background:#fbf8f3;border:1px solid rgba(22,19,16,.1);border-radius:13px;
  display:flex;flex-direction:column;color:var(--ink);text-decoration:none;
  transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,border-color .25s ease,background .25s ease
}
.insight-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.insight-card:hover{transform:translateY(-5px);background:#fffdfa;border-color:rgba(167,43,45,.2);box-shadow:0 20px 48px rgba(35,27,21,.10)}
.insight-card:hover:before{transform:scaleX(1)}
.insight-card-top{display:flex;justify-content:space-between;gap:18px;align-items:center}
.insight-tag,.insight-read{font-size:11px;letter-spacing:.08em}.insight-tag{color:var(--red)}.insight-read{color:#8b857e}
.insight-card-body{margin-top:34px;max-width:590px}
.insight-card h3{font-size:clamp(24px,2vw,31px);line-height:1.05;letter-spacing:-.03em}
.insight-card p{font-size:12.5px;line-height:1.62;color:#756f68;margin-top:13px;max-width:540px}
.insight-card-foot{margin-top:auto;padding-top:30px;border-top:1px solid rgba(22,19,16,.11);display:flex;align-items:center;justify-content:space-between;gap:20px}
.insight-card-foot>span{font-size:11px;color:#8b857e}.insight-card-foot strong{font-size:10px}.insight-card-foot strong span{display:inline-block;transition:transform .2s}.insight-card:hover .insight-card-foot strong span{transform:translateX(4px)}

@media (max-width:1100px) and (min-width:761px){
  .process-panel{padding:18px}.process-panel-head strong{font-size:20px}.process-panel .step{grid-template-columns:36px 1fr 28px;padding:10px;gap:10px}.process-panel .step .sn{width:32px;height:32px}.process-panel .step b{font-size:12px}
  .why-card h3{font-size:18px}.why-card p{font-size:11.5px}
  .insights-intro{gap:30px}.insights-intro h2{font-size:48px}.insight-card{min-height:245px;padding:20px}.insight-card h3{font-size:25px}
}

@media (max-width:760px){
  .process-panel{padding:14px;border-radius:14px}.process-panel-head{padding:0 1px 14px}.process-panel-head strong{font-size:19px}.process-badge{font-size:10px;padding:6px 7px}.process-panel .process{gap:6px}.process-panel .step{grid-template-columns:34px 1fr 26px;min-height:58px;padding:9px;gap:9px}.process-panel .step .sn{width:30px;height:30px;font-size:10.5px}.process-panel .step small{font-size:10px}.process-panel .step b{font-size:11.5px}.process-panel .step>span:last-child{width:24px;height:24px;font-size:11.5px}
  .why-card{min-height:170px;padding:17px}.why-card h3{font-size:18px}.why-card p{font-size:11.5px;line-height:1.55}.why-card .n{font-size:10.5px}
  .insights-classic{padding:58px 0 62px}.insights-intro{display:block;margin-bottom:24px}.insights-intro h2{font-size:36px;max-width:340px}.insights-intro p{font-size:13px;max-width:340px;margin-top:13px}.insights-classic .linkarrow{display:inline-block;font-size:11px;margin-top:15px}.insights-row,.insights-row.count-1,.insights-row.count-2{grid-template-columns:1fr;max-width:none;gap:9px}.insight-card{min-height:220px;padding:18px}.insight-tag,.insight-read{font-size:10.5px}.insight-card-body{margin-top:24px}.insight-card h3{font-size:25px}.insight-card p{font-size:11.5px}.insight-card-foot{padding-top:22px}.insight-card-foot>span{font-size:10.5px}.insight-card-foot strong{font-size:11.5px}
}


/* =========================================================================
 * RESTORED HEADER / FOOTER (Velocis original nav + footer structure),
 * bridged to the v1.2 redesign's actual palette and type system so it
 * matches visually instead of looking like a patched-in mismatch.
 * These variable names (--wine, --ink-soft, --steel, --hairline*,
 * --paper-alt) are what header.php/footer.php's CSS below expects;
 * they're mapped to the exact same colors already defined above under
 * different names (--red, --muted, --line, --paper-2), not new colors.
 * ===================================================================== */
:root{
  --wine:var(--red);
  --wine-deep:var(--red-dark);
  --wine-bright:var(--red-2);
  --ink-soft:var(--muted);
  --steel:var(--muted-2);
  --hairline:var(--line);
  --hairline-strong:rgba(22,19,16,.22);
  --paper-alt:var(--paper-2);
}

.eyebrow{font-family:'IBM Plex Mono', monospace; font-size:11.5px; letter-spacing:0.14em; text-transform:uppercase; color:var(--steel); display:flex; align-items:center; gap:10px;}
.eyebrow .rule{width:16px; height:1px; background:var(--wine); flex:none;}

.badge{display:inline-flex; align-items:center; gap:8px; border:1.5px solid var(--wine); color:var(--wine); font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; padding:9px 15px; border-radius:4px;}
.badge svg{width:13px; height:13px; flex:none;}

.top-strip{background:#000; color:#EDE9E3; font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:0.06em; padding:8px 0;}
.top-strip .wrap{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px;}
.top-strip .live{display:flex; align-items:center; gap:8px;}
.top-strip .dot{width:6px; height:6px; border-radius:50%; background:var(--green);}

header{position:sticky; top:0; z-index:90; background:rgba(244,241,235,0.94); backdrop-filter:blur(10px); border-bottom:1px solid var(--hairline);}
nav.wrap{display:flex; align-items:center; justify-content:space-between; height:80px; gap:24px;}
.logo{display:flex; align-items:center; flex:none;}
.logo img{
  height:68px;
  width:auto;
  max-width:280px;
  object-fit:contain;
}.logo .logo-word{font-family:'Inter Tight'; font-weight:800; font-size:19px; color:var(--ink);}

.navrow{display:flex; align-items:center; gap:2px; flex:1; justify-content:center;}
@media (max-width:860px){ .navrow{display:none;} .hamburger{display:flex;} }

.navcta{display:flex; align-items:center; gap:14px; flex:none;}

/* Their .navtrigger color (#d2cdc5) was designed for a dark header
   background; this header is light, so it needs a dark-on-light color
   instead, otherwise the nav labels are nearly invisible. */
.navtrigger{color:var(--ink-soft) !important;}
.navtrigger:hover, .navtrigger[aria-expanded="true"]{color:var(--ink) !important; background:var(--paper-alt) !important;}

.btn-primary{background:var(--wine); border-color:var(--wine); color:#fff;}
.btn-primary:hover{background:var(--wine-deep); border-color:var(--wine-deep);}
.btn-ghost{color:var(--ink); background:transparent; border-color:var(--hairline-strong);}
.btn-ghost:hover{border-color:var(--ink);}
.btn-ghost.on-dark{color:#fff; border-color:rgba(255,255,255,0.35);}
.btn-ghost.on-dark:hover{border-color:#fff;}
.btn-arrow{transition:transform .15s;}
.btn:hover .btn-arrow{transform:translateX(3px);}

footer{background:var(--paper-alt); border-top:1px solid var(--hairline); padding:76px 0 32px;}
.foot-grid{display:grid; grid-template-columns:1.5fr repeat(4, 1fr); gap:40px; padding-bottom:52px; border-bottom:1px solid var(--hairline-strong);}
@media (max-width:900px){ .foot-grid{grid-template-columns:1fr 1fr;} }
.foot-col h4{font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--steel); margin-bottom:20px;}
.foot-col a{display:block; font-size:14px; color:var(--ink-soft); margin-bottom:13px; transition:color .15s;}
.foot-col a:hover{color:var(--wine);}
.foot-brand img{height:44px; margin-bottom:18px;}
.foot-brand p{color:var(--steel); font-size:14px; line-height:1.65; margin:0 0 20px; max-width:280px;}
.foot-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:28px; flex-wrap:wrap; gap:12px;}
.foot-bottom p{font-size:12.5px; color:var(--steel); font-family:'IBM Plex Mono', monospace;}
.foot-social{display:flex; gap:12px;}
.foot-social a{width:34px; height:34px; border:1px solid var(--hairline-strong); border-radius:8px; display:flex; align-items:center; justify-content:center; transition:border-color .15s, background .15s;}
.foot-social a:hover{border-color:var(--wine); background:#fff;}
.foot-social svg{width:15px; height:15px;}

/* My header.php doesn't use their .mobile-panel-inner wrapper (which is
   what actually provides the vertical stacking in their CSS), so the
   nav links were falling back to inline flow, all crammed onto one
   line. Applying the stacking directly to .mobile-panel instead. */
.mobile-panel.open{padding-top:14px; padding-bottom:20px; display:flex; flex-direction:column; z-index:150; min-height:100vh; overflow-y:auto;}
.mobile-panel a{display:block; padding:12px 24px; color:#e5e0d8; border-bottom:1px solid rgba(255,255,255,.08); font-size:14px;}
.mobile-panel .mp-sub{display:block; padding-left:40px; color:#99938c; font-size:12px;}

/* =========================================================================
 * INNER PAGE STICKY SIDEBAR
 * Keeps both right-side cards visible while long page content scrolls.
 * The entire aside moves together and stops at the end of .content-section.
 * ===================================================================== */
.content-aside{
  position:sticky;
  top:118px;
  align-self:start;
  height:max-content;
}

/* Tablet/mobile: return the sidebar to normal document flow. */
@media (max-width:1100px){
  .content-aside{
    position:static;
    top:auto;
    height:auto;
  }
}

/* =========================================================================
 * COMPANY PAGE / TEAM
 * Reusable corporate-page components for leadership, testimonials and careers.
 * Team image URLs can be added later without changing the card structure.
 * ===================================================================== */

.vel-team-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:32px;
}

.vel-team-card{
  overflow:hidden;
  background:#fffdfa;
  border:1px solid rgba(22,19,16,.10);
  border-radius:16px;
  box-shadow:0 14px 34px rgba(31,24,18,.055);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}

.vel-team-card:hover{
  transform:translateY(-4px);
  border-color:rgba(167,43,45,.25);
  box-shadow:0 22px 48px rgba(31,24,18,.10);
}

.vel-team-photo{
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#171615;
  position:relative;
}

.vel-team-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 18%;
  border-radius:0;
  transition:transform .45s ease,filter .3s ease;
  filter:saturate(.82) contrast(1.03);
}

.vel-team-card:hover .vel-team-photo img{
  transform:scale(1.025);
  filter:saturate(.95) contrast(1.03);
}

.vel-team-placeholder{
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 72% 24%,rgba(167,43,45,.24),transparent 30%),
    linear-gradient(145deg,#1b1a18,#0c0c0b);
}

.vel-team-placeholder:before{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.018);
}

.vel-team-placeholder span{
  position:relative;
  z-index:2;
  color:#f0ece6;
  font-family:'Inter Tight','Inter',sans-serif;
  font-size:42px;
  font-weight:700;
  letter-spacing:-.05em;
}

.vel-team-body{
  padding:23px 24px 25px;
}

.vel-team-role{
  display:block;
  color:var(--red);
  font-size:11px;
  line-height:1.45;
  letter-spacing:.09em;
}

.entry-content .vel-team-body h3{
  margin-top:11px;
  font-size:27px;
  line-height:1.05;
}

.entry-content .vel-team-body p{
  margin-top:12px;
  font-size:14.5px;
  line-height:1.68;
  color:#5a554f;
}

.vel-team-meta{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--line);
  color:#7b756e;
  font-size:11.5px;
  line-height:1.5;
}

.vel-team-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  font-size:12px;
  font-weight:700;
  text-decoration:none!important;
  color:var(--ink);
}

.vel-team-link span{
  color:var(--red);
  transition:transform .2s ease;
}

.vel-team-link:hover span{
  transform:translate(3px,-2px);
}

.vel-testimonial-grid{
  display:grid;
  gap:12px;
  margin-top:28px;
}

.vel-testimonial{
  position:relative;
  overflow:hidden;
  background:#121110;
  color:#fff;
  border-radius:15px;
  padding:27px 30px 25px;
  border:1px solid rgba(255,255,255,.07);
}

.vel-testimonial:after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-95px;
  top:-95px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(167,43,45,.20),transparent 70%);
  pointer-events:none;
}

.vel-testimonial-mark{
  display:block;
  height:30px;
  color:#d45d5f;
  font-family:Georgia,serif;
  font-size:47px;
  line-height:.9;
}

.entry-content .vel-testimonial p{
  position:relative;
  z-index:2;
  margin-top:8px;
  color:#d2cdc5;
  font-size:15.5px;
  line-height:1.72;
}

.vel-testimonial-by{
  position:relative;
  z-index:2;
  margin-top:18px;
  color:#9e9890;
  font-size:10.5px;
  letter-spacing:.09em;
}

.vel-company-careers{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:34px;
  align-items:center;
  margin-top:44px;
  padding:30px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#eae5de;
}

.vel-company-careers .section-kicker{
  margin-bottom:12px;
}

.entry-content .vel-company-careers h2{
  margin-top:0;
  font-size:36px;
}

.entry-content .vel-company-careers p{
  max-width:590px;
  margin-top:12px;
  font-size:14.5px;
  line-height:1.65;
  color:#5c5750;
}

.vel-company-careers .btn{
  white-space:nowrap;
  text-decoration:none;
}

@media (max-width:760px){
  .vel-team-grid{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:22px;
  }

  .vel-team-photo{
    aspect-ratio:16/11;
  }

  .vel-team-body{
    padding:19px 18px 21px;
  }

  .entry-content .vel-team-body h3{
    font-size:24px;
  }

  .entry-content .vel-team-body p{
    font-size:15px;
    line-height:1.65;
  }

  .vel-testimonial{
    padding:22px 20px;
  }

  .entry-content .vel-testimonial p{
    font-size:15px;
  }

  .vel-company-careers{
    grid-template-columns:1fr;
    gap:20px;
    padding:23px 20px;
  }

  .entry-content .vel-company-careers h2{
    font-size:29px;
  }

  .entry-content .vel-company-careers p{
    font-size:15px;
  }
}

.company-partners{
  padding:70px 0 78px;
  background:#f0ece5;
  border-top:1px solid var(--line);
}

.company-partners .partner-shell{
  margin-top:0;
  padding-top:0;
  border-top:0;
}

.company-partners .partner-head{
  margin-bottom:24px;
}

.company-partners .logos{
  background:rgba(255,255,255,.52);
}

@media (max-width:760px){
  .company-partners{
    padding:42px 0 48px;
  }

  .company-partners .partner-head h3{
    font-size:17px;
  }

  .company-partners .partner-head p{
    font-size:10px;
  }
}

/* =========================================================================
 * INNER HERO IMAGE — DESKTOP CLEAN / MOBILE OVERLAY ONLY
 * Desktop: show the featured image at full strength and full width.
 * Mobile: add the readability overlay back because text sits over the image.
 * ===================================================================== */

.inner-hero-image{
  inset:0;
  background-size:cover;
  background-position:center;
  filter:none;
}

.inner-hero:before{
  background:none;
}

/* Keep the text above the featured image. */
.inner-hero-content{
  position:relative;
  z-index:2;
}

@media (max-width:760px){
  .inner-hero-image{
    inset:0;
    background-position:68% center;
    filter:none;
  }

  .inner-hero:before{
    background:
      linear-gradient(
        90deg,
        rgba(10,10,9,.96) 0%,
        rgba(10,10,9,.90) 38%,
        rgba(10,10,9,.62) 62%,
        rgba(10,10,9,.18) 100%
      ),
      linear-gradient(
        0deg,
        rgba(10,10,9,.80) 0%,
        rgba(10,10,9,.08) 42%,
        transparent 72%
      );
  }
}
/* =========================================================================
 * INSIGHTS HERO
 * Uses the Featured Image of the WordPress Posts Page.
 * Desktop: image stays bright/red with a controlled left-side fade for copy.
 * Mobile: stronger dark overlay for readability.
 * ===================================================================== */

.archive-hero.archive-hero-visual{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:470px;
  padding:92px 0 76px;
  color:#fff;
  background:#090909;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.archive-hero.archive-hero-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--archive-hero-bg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

.archive-hero.archive-hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(
      90deg,
      rgba(7,7,7,.94) 0%,
      rgba(7,7,7,.78) 34%,
      rgba(7,7,7,.30) 56%,
      rgba(7,7,7,.02) 78%
    );
  pointer-events:none;
}

.archive-hero-visual .archive-hero-grid{
  min-height:300px;
  align-items:end;
}

.archive-hero-visual .section-kicker{
  color:#d7d1c9;
}

.archive-hero-visual .section-kicker::before{
  background:var(--red);
}

.archive-hero-visual h1{
  color:#fff;
  max-width:850px;
}

.archive-hero-visual p,
.archive-hero-visual .archive-description{
  color:#d1cbc3;
  max-width:670px;
  font-size:16px;
  line-height:1.7;
}

.archive-hero-visual .archive-note{
  color:#bdb6ad;
}

@media (max-width:760px){
  .archive-hero.archive-hero-visual{
    min-height:430px;
    padding:72px 0 58px;
  }

  .archive-hero.archive-hero-visual::before{
    background-position:68% center;
  }

  .archive-hero.archive-hero-visual::after{
    background:
      linear-gradient(
        90deg,
        rgba(7,7,7,.96) 0%,
        rgba(7,7,7,.88) 48%,
        rgba(7,7,7,.58) 72%,
        rgba(7,7,7,.26) 100%
      ),
      linear-gradient(
        0deg,
        rgba(7,7,7,.72) 0%,
        rgba(7,7,7,.06) 52%
      );
  }

  .archive-hero-visual .archive-hero-grid{
    min-height:280px;
    grid-template-columns:1fr;
    gap:28px;
  }

  .archive-hero-visual .archive-note{
    padding-bottom:0;
  }
}
/* Partner logos: grayscale by default, full color on hover */
.logoitem img{
  filter:grayscale(1);
  opacity:.63;
  transition:filter .25s ease, opacity .25s ease, transform .25s ease;
}

.logoitem:hover img{
  filter:grayscale(0);
  opacity:1;
  transform:scale(1.05);
}
/* =========================================================================
 * VELOCIS FOOTER V2
 * Compact, balanced, with a dark contact panel.
 * Paste at the VERY END of style.css.
 * ===================================================================== */

.site-footer{
  position:relative;
  background:#f1ede6;
  border-top:0;
  padding:58px 0 22px;
}

.site-footer::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:var(--wine);
}

.site-footer .foot-grid{
  display:grid;
  grid-template-columns:1.35fr 1fr .95fr 1.2fr;
  gap:56px;
  align-items:start;
  padding:0 0 46px;
  border-bottom:1px solid rgba(42,35,29,.15);
}

.site-footer .foot-brand,
.site-footer .foot-section,
.site-footer .foot-explore,
.site-footer .foot-contact{
  min-width:0;
}

.site-footer .foot-logo,
.site-footer .foot-logo .custom-logo-link{
  display:inline-flex;
  align-items:center;
  line-height:0;
}

.site-footer .foot-logo img,
.site-footer .foot-logo img.custom-logo,
.site-footer .foot-brand img{
  display:block!important;
  width:150px!important;
  max-width:150px!important;
  height:auto!important;
  max-height:68px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0 0 18px!important;
}

.site-footer .foot-wordmark{
  display:inline-block;
  margin-bottom:18px;
  color:var(--ink);
  font-family:'Inter Tight','Inter',sans-serif;
  font-size:22px;
  font-weight:750;
  letter-spacing:-.03em;
  text-decoration:none;
}

.site-footer .foot-brand p{
  max-width:290px;
  margin:0;
  color:#6f6961;
  font-size:14px;
  line-height:1.65;
}

.site-footer .foot-license{
  display:inline-flex;
  align-items:center;
  margin-top:19px;
  padding:8px 11px;
  border:1px solid rgba(178,44,47,.42);
  border-radius:6px;
  color:var(--wine);
  font-size:10px;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.site-footer h4,
.site-footer .foot-contact-kicker{
  display:block;
  margin:0 0 16px;
  color:#8a8278;
  font-family:'IBM Plex Mono',monospace;
  font-size:10.5px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.site-footer .foot-links{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}

.site-footer .foot-links li{
  list-style:none;
  margin:0;
  padding:0;
}

.site-footer .foot-links a{
  color:#5e5952;
  font-size:13.5px;
  line-height:1.45;
  text-decoration:none;
  transition:color .18s ease,transform .18s ease;
}

.site-footer .foot-links a:hover{
  color:var(--wine);
  transform:translateX(2px);
}

.site-footer .foot-explore{
  display:grid;
  gap:30px;
}

.site-footer .foot-contact{
  position:relative;
  overflow:hidden;
  padding:24px 24px 22px;
  background:#141210;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  box-shadow:0 18px 40px rgba(31,22,18,.12);
}

.site-footer .foot-contact::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-85px;
  top:-100px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(185,43,47,.30),transparent 70%);
  pointer-events:none;
}

.site-footer .foot-contact-kicker{
  position:relative;
  z-index:1;
  margin-bottom:10px;
  color:#a9a198;
}

.site-footer .foot-contact h3{
  position:relative;
  z-index:1;
  margin:0 0 18px;
  color:#fff;
  font-family:'Inter Tight','Inter',sans-serif;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.025em;
}

.site-footer .foot-address{
  position:relative;
  z-index:1;
  margin:0 0 5px;
  color:#beb6ad;
  font-size:13px;
  line-height:1.55;
}

.site-footer .foot-contact-link{
  position:relative;
  z-index:1;
  display:block;
  margin-top:7px;
  color:#ddd7d0;
  font-size:13px;
  line-height:1.45;
  text-decoration:none;
}

.site-footer .foot-contact-link:hover{
  color:#fff;
}

.site-footer .foot-cta{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:20px;
  padding:12px 14px;
  background:var(--wine);
  border:1px solid var(--wine);
  border-radius:8px;
  color:#fff!important;
  font-size:12px;
  font-weight:750;
  text-decoration:none;
  transition:background .18s ease,transform .18s ease;
}

.site-footer .foot-cta:hover{
  background:#c2363a;
  transform:translateY(-1px);
}

.site-footer .foot-linkedin{
  position:relative;
  z-index:1;
  display:flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  margin-top:14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  color:#d5cec6;
  text-decoration:none;
}

.site-footer .foot-linkedin:hover{
  color:#fff;
  border-color:rgba(255,255,255,.35);
}

.site-footer .foot-linkedin svg{
  width:15px;
  height:15px;
}

.site-footer .foot-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding-top:20px;
}

.site-footer .foot-bottom p,
.site-footer .foot-legal a{
  margin:0;
  color:#8a8278;
  font-family:'IBM Plex Mono',monospace;
  font-size:10.5px;
  line-height:1.5;
}

.site-footer .foot-legal{
  display:flex;
  align-items:center;
  gap:18px;
}

.site-footer .foot-legal a{
  text-decoration:none;
}

.site-footer .foot-legal a:hover{
  color:var(--wine);
}

@media (max-width:1100px){
  .site-footer .foot-grid{
    grid-template-columns:1.25fr 1fr 1fr;
    gap:38px;
  }

  .site-footer .foot-contact{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1.1fr .9fr auto;
    column-gap:28px;
    align-items:center;
  }

  .site-footer .foot-contact h3{
    margin-bottom:0;
  }

  .site-footer .foot-contact-kicker{
    grid-column:1;
  }

  .site-footer .foot-address,
  .site-footer .foot-contact-link{
    grid-column:2;
  }

  .site-footer .foot-cta{
    grid-column:3;
    grid-row:1/4;
    margin-top:0;
    min-width:190px;
  }

  .site-footer .foot-linkedin{
    grid-column:2;
  }
}

@media (max-width:760px){
  .site-footer{
    padding:42px 0 18px;
  }

  .site-footer .foot-grid{
    grid-template-columns:1fr 1fr;
    gap:30px 22px;
    padding-bottom:30px;
  }

  .site-footer .foot-brand{
    grid-column:1/-1;
  }

  .site-footer .foot-logo img,
  .site-footer .foot-logo img.custom-logo,
  .site-footer .foot-brand img{
    width:138px!important;
    max-width:138px!important;
    max-height:60px!important;
    margin-bottom:14px!important;
  }

  .site-footer .foot-brand p{
    max-width:310px;
    font-size:13px;
  }

  .site-footer .foot-explore{
    gap:24px;
  }

  .site-footer .foot-contact{
    grid-column:1/-1;
    display:block;
    padding:22px 20px;
  }

  .site-footer .foot-contact h3{
    margin-bottom:16px;
    font-size:21px;
  }

  .site-footer .foot-cta{
    margin-top:18px;
    min-width:0;
  }

  .site-footer .foot-bottom{
    display:block;
    padding-top:18px;
  }

  .site-footer .foot-legal{
    margin-top:9px;
    gap:14px;
  }
}
/* =========================================================================
 * SINGLE POST HERO — SAFE V2
 * Unique .vpost-* classes avoid conflicts with the old article hero styles.
 * The image is NEVER sticky and is contained to the right side on desktop.
 * Add this at the VERY END of style.css.
 * ===================================================================== */

.vpost-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:590px;
  background:#090909;
  color:#fff;
}

.vpost-hero-media{
  position:absolute!important;
  z-index:-2!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  width:49%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  border-radius:0!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  transform:none!important;
  filter:none!important;
}

.vpost-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(
      90deg,
      #090909 0%,
      #090909 46%,
      rgba(9,9,9,.94) 53%,
      rgba(9,9,9,.56) 66%,
      rgba(9,9,9,.08) 84%,
      rgba(9,9,9,0) 100%
    ),
    radial-gradient(circle at 60% 50%,rgba(167,43,45,.12),transparent 33%);
  pointer-events:none;
}

.vpost-hero-inner{
  position:relative;
  z-index:2;
  display:flex;
  min-height:590px;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding-top:54px;
  padding-bottom:58px;
}

.vpost-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin-bottom:28px;
  color:#948e86;
  font-size:10.5px;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.vpost-breadcrumb a{
  color:#948e86;
  text-decoration:none;
}

.vpost-breadcrumb a:hover{
  color:#fff;
}

.vpost-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  color:#d44f52;
  font-size:10.5px;
  letter-spacing:.13em;
}

.vpost-kicker span{
  display:block;
  width:36px;
  height:1px;
  background:#bd3438;
}

.vpost-hero h1{
  width:56%;
  max-width:820px;
  margin:0;
  color:#fff;
  font-size:clamp(46px,5.1vw,76px);
  line-height:.98;
  letter-spacing:-.047em;
}

.vpost-deck{
  width:52%;
  max-width:720px;
  margin:24px 0 0;
  color:#c7c0b8;
  font-size:16px;
  line-height:1.65;
}

.vpost-meta{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:27px;
  color:#aaa39a;
  font-size:10.5px;
  letter-spacing:.10em;
  text-transform:uppercase;
}

/* Kill the old standalone image if any older markup remains cached. */
.single-article .article-feature{
  display:none!important;
}

/* Ensure no prior post-hero image rules can make this media sticky. */
.vpost-hero-media,
.vpost-hero-media *{
  position:absolute;
}

.article-layout{
  padding-top:64px;
}

/* The sidebar may stay sticky; only the featured image is never sticky. */
@media (min-width:1101px){
  .article-aside .aside-card.sticky{
    position:sticky;
    top:118px;
  }
}

@media (max-width:1100px){
  .vpost-hero{
    min-height:0;
    padding-bottom:0;
  }

  .vpost-hero::before{
    background:
      linear-gradient(
        90deg,
        rgba(9,9,9,.98) 0%,
        rgba(9,9,9,.94) 56%,
        rgba(9,9,9,.58) 100%
      );
  }

  .vpost-hero-inner{
    min-height:460px;
    padding-top:48px;
    padding-bottom:48px;
  }

  .vpost-hero-media{
    width:52%!important;
  }

  .vpost-hero h1{
    width:67%;
    font-size:clamp(43px,6.7vw,68px);
  }

  .vpost-deck{
    width:62%;
  }
}

@media (max-width:760px){
  .vpost-hero{
    display:flex;
    flex-direction:column;
  }

  .vpost-hero-media{
    position:relative!important;
    z-index:0!important;
    order:2;
    width:100%!important;
    height:230px!important;
    background-position:center!important;
  }

  .vpost-hero::before{
    display:none;
  }

  .vpost-hero-inner{
    order:1;
    min-height:0;
    padding-top:34px;
    padding-bottom:34px;
  }

  .vpost-breadcrumb{
    margin-bottom:20px;
    font-size:9.5px;
  }

  .vpost-kicker{
    margin-bottom:15px;
    font-size:9.5px;
  }

  .vpost-kicker span{
    width:28px;
  }

  .vpost-hero h1{
    width:100%;
    max-width:none;
    font-size:clamp(35px,10.5vw,49px);
    line-height:.99;
  }

  .vpost-deck{
    width:100%;
    max-width:none;
    margin-top:18px;
    font-size:15px;
    line-height:1.58;
  }

  .vpost-meta{
    gap:11px;
    margin-top:20px;
    font-size:9.5px;
  }

  .article-layout{
    padding-top:38px;
  }
}
/* =========================================================================
 * BLOG POST FINAL FIX
 *
 * WHY THIS IS NEEDED:
 * A generic theme rule uses `header { position: sticky; ... }`.
 * Because the article hero is also a <header>, the entire blog hero becomes
 * sticky. This block explicitly restores normal document flow and integrates
 * the Featured Image into the right side of the hero.
 *
 * Paste this at the VERY END of style.css.
 * Do NOT change single.php again.
 * ===================================================================== */

/* 1) The article hero must NEVER inherit the sticky site-header behavior. */
.single-article .article-hero.article-hero-integrated{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  inset:auto!important;
  z-index:1!important;

  display:block!important;
  min-height:460px!important;
  height:auto!important;
  margin:0!important;
  padding:46px 0 48px!important;

  background-color:#090909!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;

  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}

/* 2) Desktop hero: one combined background, image on the right. */
.single-article .article-hero.article-hero-integrated.has-image{
  background-image:
    linear-gradient(
      90deg,
      #090909 0%,
      #090909 39%,
      rgba(9,9,9,.98) 45%,
      rgba(9,9,9,.83) 53%,
      rgba(9,9,9,.42) 64%,
      rgba(9,9,9,.08) 78%,
      rgba(9,9,9,0) 100%
    ),
    var(--post-hero-image)!important;

  background-size:
    100% 100%,
    58% 100%!important;

  background-position:
    center,
    right center!important;

  background-repeat:
    no-repeat,
    no-repeat!important;
}

/* Previous pseudo-element versions must not interfere. */
.single-article .article-hero.article-hero-integrated::before,
.single-article .article-hero.article-hero-integrated::after{
  content:none!important;
  display:none!important;
}

/* 3) Keep the copy compact enough that the image is actually visible. */
.single-article .article-hero-integrated .article-hero-inner{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  min-height:0!important;
  max-width:none!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

.single-article .article-hero-integrated .breadcrumb{
  width:55%!important;
  max-width:760px!important;
  margin:0 0 20px!important;
}

.single-article .article-hero-integrated .section-kicker{
  width:55%!important;
  max-width:760px!important;
  margin:0 0 16px!important;
}

.single-article .article-hero-integrated h1{
  width:56%!important;
  max-width:760px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(42px,4.2vw,66px)!important;
  line-height:.99!important;
  letter-spacing:-.045em!important;
}

.single-article .article-hero-integrated .article-deck{
  width:52%!important;
  max-width:680px!important;
  margin:20px 0 0!important;
  color:#c8c1b9!important;
  font-size:16px!important;
  line-height:1.58!important;
}

.single-article .article-hero-integrated .article-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  width:55%!important;
  max-width:760px!important;
  gap:16px!important;
  margin:22px 0 0!important;
  color:#aaa39a!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}

/* 4) There must be NO second featured image below the hero. */
.single-article .article-feature{
  display:none!important;
}

/* 5) Make the article itself comfortable to read. */
.single-article .article-layout{
  display:grid!important;
  grid-template-columns:minmax(0,760px) 280px!important;
  gap:72px!important;
  align-items:start!important;
  padding-top:54px!important;
  padding-bottom:84px!important;
}

.single-article .article-body.entry-content{
  width:100%!important;
  max-width:760px!important;
  font-size:17px!important;
  line-height:1.76!important;
}

.single-article .article-body.entry-content > p{
  margin:0 0 1.35em!important;
}

.single-article .article-body.entry-content h2{
  margin:2.05em 0 .65em!important;
  font-size:clamp(28px,2.35vw,36px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}

.single-article .article-body.entry-content h3{
  margin:1.8em 0 .55em!important;
  font-size:24px!important;
  line-height:1.15!important;
}

.single-article .article-body.entry-content ul,
.single-article .article-body.entry-content ol{
  margin:1em 0 1.55em!important;
}

.single-article .article-body.entry-content li{
  margin-bottom:.65em!important;
  line-height:1.68!important;
}

/* The article CTA card may stay sticky; the HERO does not. */
@media (min-width:1101px){
  .single-article .article-aside .aside-card.sticky{
    position:sticky!important;
    top:118px!important;
  }
}

@media (max-width:1100px){
  .single-article .article-hero.article-hero-integrated{
    min-height:420px!important;
    padding:40px 0 42px!important;
  }

  .single-article .article-hero.article-hero-integrated.has-image{
    background-size:
      100% 100%,
      54% 100%!important;
  }

  .single-article .article-hero-integrated h1{
    width:64%!important;
    font-size:clamp(40px,6vw,60px)!important;
  }

  .single-article .article-hero-integrated .breadcrumb,
  .single-article .article-hero-integrated .section-kicker,
  .single-article .article-hero-integrated .article-meta{
    width:64%!important;
  }

  .single-article .article-hero-integrated .article-deck{
    width:60%!important;
  }

  .single-article .article-layout{
    grid-template-columns:1fr!important;
    gap:38px!important;
  }

  .single-article .article-aside{
    max-width:760px!important;
  }

  .single-article .article-aside .aside-card.sticky{
    position:static!important;
    top:auto!important;
  }
}

@media (max-width:760px){
  .single-article .article-hero.article-hero-integrated{
    min-height:0!important;
    padding:32px 0 235px!important;
  }

  .single-article .article-hero.article-hero-integrated.has-image{
    background-image:
      linear-gradient(
        180deg,
        #090909 0%,
        #090909 57%,
        rgba(9,9,9,.94) 67%,
        rgba(9,9,9,.14) 100%
      ),
      var(--post-hero-image)!important;

    background-size:
      100% 100%,
      100% 215px!important;

    background-position:
      center,
      center bottom!important;
  }

  .single-article .article-hero-integrated .breadcrumb,
  .single-article .article-hero-integrated .section-kicker,
  .single-article .article-hero-integrated h1,
  .single-article .article-hero-integrated .article-deck,
  .single-article .article-hero-integrated .article-meta{
    width:100%!important;
    max-width:none!important;
  }

  .single-article .article-hero-integrated h1{
    font-size:clamp(34px,10vw,48px)!important;
  }

  .single-article .article-hero-integrated .article-deck{
    font-size:15px!important;
  }

  .single-article .article-layout{
    padding-top:36px!important;
    padding-bottom:52px!important;
  }

  .single-article .article-body.entry-content{
    font-size:16px!important;
    line-height:1.72!important;
  }
}
/* Blog post right sidebar — sticky */
@media (min-width:1101px){

  .single-article .article-aside{
    position:sticky !important;
    top:118px !important;
    align-self:start !important;
    height:max-content !important;
  }

  .single-article .article-aside .aside-card.sticky{
    position:static !important;
    top:auto !important;
  }

}

/* Tablet/mobile — normal flow */
@media (max-width:1100px){

  .single-article .article-aside{
    position:static !important;
    top:auto !important;
    height:auto !important;
  }

}
/* =========================================================================
 * QILIN WHITE PAPER — GATED DOWNLOAD CARD
 * Appears only on the Qilin Ransomware post, underneath the Analyst card.
 * The whole .article-aside remains sticky using your existing blog sidebar CSS.
 * Add at the VERY END of style.css.
 * ===================================================================== */

.single-article .article-aside{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.whitepaper-card{
  position:relative;
  overflow:hidden;
  padding:23px 22px 22px;
  background:#eee9e1;
  border:1px solid rgba(33,28,23,.12);
  border-radius:15px;
  box-shadow:0 16px 38px rgba(31,22,18,.09);
}

.whitepaper-card::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-72px;
  top:-74px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(180,43,47,.16),transparent 70%);
  pointer-events:none;
}

.whitepaper-card-kicker{
  position:relative;
  z-index:1;
  display:block;
  margin-bottom:18px;
  color:var(--wine);
  font-size:10px;
  line-height:1.3;
  letter-spacing:.12em;
}

.whitepaper-card-icon{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin-bottom:17px;
  border-radius:10px;
  background:rgba(180,43,47,.09);
  color:var(--wine);
}

.whitepaper-card-icon svg{
  width:21px;
  height:21px;
}

.whitepaper-card h3{
  position:relative;
  z-index:1;
  margin:0 0 10px;
  color:#111;
  font-size:21px;
  line-height:1.08;
  letter-spacing:-.025em;
}

.whitepaper-card p{
  position:relative;
  z-index:1;
  margin:0;
  color:#655f58;
  font-size:12.5px;
  line-height:1.58;
}

.whitepaper-card-btn{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid rgba(33,28,23,.12);
  color:var(--wine);
  font-size:12px;
  font-weight:750;
  text-decoration:none;
}

.whitepaper-card-btn span{
  transition:transform .18s ease;
}

.whitepaper-card-btn:hover span{
  transform:translateX(3px);
}

@media (max-width:1100px){
  .single-article .article-aside{
    max-width:760px;
  }
}
/* =========================================================================
 * RESOURCES LIBRARY
 * Add at the VERY END of style.css.
 * ===================================================================== */

.resource-library{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:34px 0 56px;
}

.resource-card{
  position:relative;
  overflow:hidden;
  display:flex;
  min-height:390px;
  flex-direction:column;
  padding:28px;
  background:#11100f;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  color:#fff;
  box-shadow:0 18px 44px rgba(31,22,18,.10);
}

.resource-card::before{
  content:"";
  position:absolute;
  width:270px;
  height:270px;
  right:-125px;
  top:-135px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(184,43,47,.28),rgba(184,43,47,0) 70%);
  pointer-events:none;
}

.resource-card::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:44%;
  height:48%;
  opacity:.18;
  background:
    linear-gradient(135deg,transparent 0 45%,rgba(208,54,57,.85) 45% 46%,transparent 46% 100%),
    linear-gradient(45deg,transparent 0 58%,rgba(208,54,57,.55) 58% 59%,transparent 59% 100%);
  pointer-events:none;
}

.resource-card-featured{
  grid-column:1/-1;
  min-height:345px;
  padding:34px;
  background:
    linear-gradient(90deg,#0d0c0b 0%,#0d0c0b 57%,#241011 100%);
}

.resource-card-featured .resource-card-copy{
  max-width:780px;
}

.resource-card-number{
  position:absolute;
  top:22px;
  right:24px;
  z-index:1;
  color:rgba(255,255,255,.26);
  font-size:12px;
  letter-spacing:.12em;
}

.resource-type{
  position:relative;
  z-index:1;
  display:block;
  margin-bottom:18px;
  color:#d65154;
  font-size:10.5px;
  line-height:1.4;
  letter-spacing:.13em;
}

.resource-card h2{
  position:relative;
  z-index:1;
  max-width:670px;
  margin:0 0 15px!important;
  color:#fff!important;
  font-size:clamp(26px,2.3vw,38px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}

.resource-card p{
  position:relative;
  z-index:1;
  max-width:690px;
  margin:0!important;
  color:#bdb6ae!important;
  font-size:14.5px!important;
  line-height:1.68!important;
}

.resource-meta{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}

.resource-meta span{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  color:#aaa198;
  font-size:9px;
  line-height:1.2;
  letter-spacing:.09em;
}

.resource-download{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:auto;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.10);
  color:#fff!important;
  font-size:13px;
  font-weight:750;
  text-decoration:none!important;
}

.resource-download span{
  color:#d94e51;
  font-size:18px;
  transition:transform .18s ease;
}

.resource-download:hover span{
  transform:translateX(4px);
}

.resource-card:hover{
  border-color:rgba(202,56,59,.34);
  transform:translateY(-2px);
  transition:transform .18s ease,border-color .18s ease;
}

@media(max-width:820px){
  .resource-library{
    grid-template-columns:1fr;
  }

  .resource-card-featured{
    grid-column:auto;
  }

  .resource-card{
    min-height:0;
    padding:24px;
  }

  .resource-card-featured{
    min-height:0;
    padding:26px 24px;
  }

  .resource-download{
    margin-top:26px;
  }
}
/* =========================================================================
 * HOMEPAGE CAPABILITIES — 6 CARD LAYOUT
 * ===================================================================== */

@media (min-width:901px){

  .capabilities .bento{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-auto-rows:255px !important;
    gap:14px !important;
  }

  /* AI Security */
  .capabilities .cap-1{
    grid-column:1 / 3 !important;
    grid-row:1 / 3 !important;
  }

  /* Quantum Readiness */
  .capabilities .cap-2{
    grid-column:3 !important;
    grid-row:1 !important;
  }

  /* Cyber Defense */
  .capabilities .cap-3{
    grid-column:4 !important;
    grid-row:1 !important;
  }

  /* Investigations & DFIR */
  .capabilities .cap-4{
    grid-column:3 / 5 !important;
    grid-row:2 !important;
  }

  /* Identity & Zero Trust */
  .capabilities .cap-5{
    grid-column:1 / 3 !important;
    grid-row:3 !important;
  }

  /* Risk & Compliance */
  .capabilities .cap-6{
    grid-column:3 / 5 !important;
    grid-row:3 !important;
  }
}
/* =========================================================================
 * QUANTUM READINESS ASSESSMENT — CODED 3-PHASE APPROACH
 * Add this at the VERY END of style.css
 * ===================================================================== */

.qra-process{
  margin:34px 0 48px;
  padding:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  background:
    radial-gradient(circle at 17% 25%,rgba(22,119,255,.10),transparent 26%),
    radial-gradient(circle at 50% 25%,rgba(153,55,255,.10),transparent 26%),
    radial-gradient(circle at 84% 25%,rgba(220,43,48,.10),transparent 26%),
    #080808;
  box-shadow:0 22px 55px rgba(0,0,0,.20);
}

.qra-process-head{
  max-width:760px;
  margin:0 auto 30px;
  text-align:center;
}

.qra-process-kicker{
  display:block;
  margin-bottom:9px;
  color:#c46a6d;
  font-size:10px;
  letter-spacing:.17em;
}

.qra-process-head h3{
  margin:0 0 9px!important;
  color:#fff!important;
  font-size:clamp(30px,3vw,44px)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}

.qra-process-head p{
  margin:0!important;
  color:#aaa39a!important;
  font-size:15px!important;
  line-height:1.55!important;
}

.qra-process-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr);
  align-items:stretch;
  gap:10px;
}

.qra-phase{
  position:relative;
  display:flex;
  min-width:0;
  min-height:100%;
  flex-direction:column;
  padding:22px 20px 20px;
  overflow:hidden;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));
}

.qra-phase-discover{
  border:1px solid rgba(30,132,255,.72);
  box-shadow:inset 0 0 28px rgba(30,132,255,.045);
}

.qra-phase-assess{
  border:1px solid rgba(158,61,242,.72);
  box-shadow:inset 0 0 28px rgba(158,61,242,.045);
}

.qra-phase-prepare{
  border:1px solid rgba(229,47,53,.72);
  box-shadow:inset 0 0 28px rgba(229,47,53,.045);
}

.qra-phase-top{
  display:flex;
  align-items:flex-start;
  gap:14px;
}

.qra-phase-icon{
  display:flex;
  flex:0 0 62px;
  width:62px;
  height:62px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#0b0b0b;
}

.qra-phase-icon svg{
  width:33px;
  height:33px;
  fill:none;
  stroke:#fff;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.qra-phase-discover .qra-phase-icon{
  border:1px solid #2687ff;
  box-shadow:0 0 18px rgba(38,135,255,.30);
}

.qra-phase-assess .qra-phase-icon{
  border:1px solid #a142ef;
  box-shadow:0 0 18px rgba(161,66,239,.30);
}

.qra-phase-prepare .qra-phase-icon{
  border:1px solid #e53237;
  box-shadow:0 0 18px rgba(229,50,55,.30);
}

.qra-phase-label{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin:2px 0 8px;
  line-height:1;
}

.qra-phase-label strong{
  font-size:22px;
  font-weight:850;
}

.qra-phase-label span{
  font-size:14px;
  font-weight:800;
  letter-spacing:.05em;
}

.qra-phase-discover .qra-phase-label{
  color:#2687ff;
}

.qra-phase-assess .qra-phase-label{
  color:#a142ef;
}

.qra-phase-prepare .qra-phase-label{
  color:#e53237;
}

.qra-phase h4{
  margin:0!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.25!important;
  letter-spacing:-.018em!important;
}

.qra-phase-line{
  height:1px;
  margin:18px 0;
}

.qra-phase-discover .qra-phase-line{
  background:rgba(38,135,255,.55);
}

.qra-phase-assess .qra-phase-line{
  background:rgba(161,66,239,.55);
}

.qra-phase-prepare .qra-phase-line{
  background:rgba(229,50,55,.55);
}

.entry-content .qra-phase ul{
  display:block;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.entry-content .qra-phase li{
  position:relative;
  margin:0 0 13px!important;
  padding:0 0 0 17px!important;
  color:#d1cbc4!important;
  font-size:13.5px!important;
  line-height:1.5!important;
}

.entry-content .qra-phase li::before{
  content:""!important;
  position:absolute!important;
  top:.62em!important;
  left:0!important;
  width:6px!important;
  height:6px!important;
  margin:0!important;
  border-radius:50%!important;
}

.entry-content .qra-phase-discover li::before{
  background:#2687ff!important;
}

.entry-content .qra-phase-assess li::before{
  background:#a142ef!important;
}

.entry-content .qra-phase-prepare li::before{
  background:#e53237!important;
}

.qra-phase-output{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.09);
}

.qra-phase-output span{
  display:block;
  margin-bottom:6px;
  color:#8e877f;
  font-size:9px;
  letter-spacing:.14em;
}

.qra-phase-output strong{
  display:block;
  color:#fff;
  font-size:12px;
  line-height:1.45;
}

.qra-flow-arrow{
  display:flex;
  align-items:center;
  justify-content:center;
}

.qra-flow-arrow span{
  display:flex;
  width:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:50%;
  background:#101010;
  color:#cfc7be;
  font-size:20px;
  line-height:1;
}

@media(max-width:1180px){
  .qra-process-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .qra-flow-arrow{
    height:25px;
  }

  .qra-flow-arrow span{
    width:32px;
    height:32px;
    transform:rotate(90deg);
  }
}

@media(max-width:760px){
  .qra-process{
    margin:28px 0 38px;
    padding:22px 14px 16px;
    border-radius:18px;
  }

  .qra-process-head{
    margin-bottom:20px;
  }

  .qra-phase{
    padding:18px 16px 16px;
    border-radius:15px;
  }

  .qra-phase-icon{
    width:52px;
    height:52px;
    flex-basis:52px;
  }

  .qra-phase-icon svg{
    width:28px;
    height:28px;
  }

  .qra-phase-label strong{
    font-size:19px;
  }

  .qra-phase-label span{
    font-size:12px;
  }

  .qra-phase h4{
    font-size:16px!important;
  }
}
/* =========================================================================
 * QUANTUM 3-PHASE — COMPACT + ALIGNED
 * Replaces the previous 148px alignment fix
 * ===================================================================== */

@media (min-width:1181px){

  /* Same header height across all cards, but much tighter */
  .qra-phase-top{
    min-height:116px !important;
    gap:11px !important;
  }

  /* Smaller icons = more room for titles */
  .qra-phase-icon{
    width:48px !important;
    height:48px !important;
    flex:0 0 48px !important;
  }

  .qra-phase-icon svg{
    width:25px !important;
    height:25px !important;
  }

  /* Give title area all available width */
  .qra-phase-top > div:last-child{
    min-width:0;
    flex:1;
  }

  .qra-phase-label{
    margin-top:0 !important;
    margin-bottom:7px !important;
    gap:6px !important;
  }

  .qra-phase-label strong{
    font-size:20px !important;
  }

  .qra-phase-label span{
    font-size:13px !important;
  }

  .qra-phase h4{
    font-size:16px !important;
    line-height:1.22 !important;
  }

  /* Divider lands at identical height */
  .qra-phase-line{
    margin:14px 0 18px !important;
  }

  .qra-phase ul{
    margin-top:0 !important;
  }

}
/* =========================================================
   FINAL MOBILE LAYOUT FIX
   Homepage hero + 24/7 card + DFIR
   ========================================================= */

@media (max-width:760px){

  /* ---------- HOMEPAGE HERO ---------- */

  .hero{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    padding-top:0 !important;
  }

  .hero-grid{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    padding-top:70px !important;
    padding-bottom:55px !important;
    gap:28px !important;
  }

  .hero-copy-panel{
    width:100% !important;
    max-width:100% !important;
  }

  .hero h1{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(44px, 12vw, 58px) !important;
    line-height:.94 !important;
  }

  .hero-sub{
    width:100% !important;
    max-width:100% !important;
    font-size:15px !important;
    line-height:1.6 !important;
  }


  /* ---------- 24/7 CARD ---------- */

  .hero-side{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
  }

  .ops-card{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:18px !important;
    box-sizing:border-box !important;
  }

  .ops-head{
    font-size:11px !important;
  }

  .ops-metric strong{
    font-size:42px !important;
  }

  .ops-metric span{
    font-size:11px !important;
  }

  .op{
    grid-template-columns:8px minmax(0,1fr) auto !important;
    font-size:11px !important;
  }

  .op small{
    font-size:10.5px !important;
  }


  /* ---------- DFIR / CYBER DISASTER ---------- */

  .dfir{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    padding:64px 0 70px !important;
  }

  .dfir-grid{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    width:100% !important;
    gap:36px !important;
  }

  .dfir-grid > *{
    width:100% !important;
    min-width:0 !important;
  }

  .dfir h2{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(42px, 12vw, 54px) !important;
    line-height:.96 !important;
  }

  .dfir h2 em{
    display:block !important;
  }

  .dfir .lead{
    width:100% !important;
    max-width:100% !important;
    font-size:14.5px !important;
    line-height:1.65 !important;
  }

  .process-panel{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
  }

  .process-panel .step{
    grid-template-columns:34px minmax(0,1fr) 26px !important;
  }


  /* Prevent either section from creating horizontal overflow */

  .hero,
  .hero-grid,
  .hero-side,
  .ops-card,
  .dfir,
  .dfir-grid,
  .process-panel{
    max-width:100vw;
    box-sizing:border-box;
  }
}
/* ==========================================================
   FINAL MOBILE WIDTH FIX
   DFIR + homepage hero navigation
   ========================================================== */

@media (max-width:760px){

  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
  }

  /* ==========================================
     HOMEPAGE HERO
     ========================================== */

  .hero,
  .hero .wrap,
  .hero-grid,
  .hero-copy-panel,
  .hero-side,
  .storybar,
  .story-grid{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .hero .wrap{
    width:calc(100% - 34px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* 4 clickable hero choices:
     01 02
     03 04
     all INSIDE the screen */
  .storybar{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    overflow:hidden !important;
  }

  .storybar .wrap{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }

  .story-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    overflow:hidden !important;
  }

  .story{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:13px 12px 14px !important;
    overflow:hidden !important;
  }

  .story small,
  .story b{
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
  }


  /* ==========================================
     DFIR — WHEN CYBER DISASTER STRIKES
     ========================================== */

  .dfir{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .dfir .wrap{
    width:calc(100% - 34px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .dfir-grid{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .dfir-grid > *{
    display:block;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .dfir h2{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(42px,12vw,54px) !important;
    line-height:.96 !important;
  }

  .dfir h2 em{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
  }

  .dfir .lead{
    width:100% !important;
    max-width:100% !important;
  }

  .dfir-cta{
    width:100% !important;
    max-width:100% !important;
  }

  /* Response process MUST start underneath copy */
  .process-panel{
    display:block !important;
    position:relative !important;
    float:none !important;
    clear:both !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:36px 0 0 !important;
    transform:none !important;

    box-sizing:border-box !important;
  }

  .process-panel-head,
  .process-panel .process,
  .process-panel .step{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .process-panel .step{
    grid-template-columns:34px minmax(0,1fr) 26px !important;
  }
}
/* =========================================================
   LARGE LOGO AT PAGE TOP → NORMAL SIZE ON SCROLL
   DESKTOP ONLY
   ========================================================= */

@media (min-width:1101px){

  body > header{
    height:124px;
    transition:
      height .35s ease,
      box-shadow .35s ease;
  }

  body > header nav.wrap{
    height:124px;
    transition:height .35s ease;
  }

  body > header .logo img,
  body > header .logo .custom-logo,
  body > header .logo .custom-logo-link img{
    width:auto !important;
    height:auto !important;
    max-height:100px !important;
    max-width:340px !important;

    transition:
      max-height .35s ease,
      max-width .35s ease;
  }

  /* AFTER SCROLL */
  body > header.is-scrolled{
    height:84px;
    box-shadow:0 10px 28px rgba(0,0,0,.12);
  }

  body > header.is-scrolled nav.wrap{
    height:84px;
  }

  body > header.is-scrolled .logo img,
  body > header.is-scrolled .logo .custom-logo,
  body > header.is-scrolled .logo .custom-logo-link img{
    max-height:48px !important;
    max-width:220px !important;
  }

}