@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
@font-face{font-family:'Cabin';src:url('../fonts/cabin-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Cabin';src:url('../fonts/cabin-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Cabin';src:url('../fonts/cabin-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Cabin';src:url('../fonts/cabin.ttf') format('truetype');font-weight:600 700;font-style:normal;font-display:swap}

:root{
  --ink:#0a0b0d;
  --navy:#164882;
  --blue:#37b8f5;
  --sky:#dff4ff;
  --paper:#f5f6f7;
  --white:#fff;
  --grey:#555d65;
  --line:#d9dde1;
  --radius:24px;
  --shadow:0 20px 50px rgba(22,72,130,.09);
  --max:1400px;
  --nav-h:88px;
  --card-gap:24px;
  --column-gap:48px;
  --font-body:'Manrope',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-title:'Outfit',sans-serif;
  --bg:var(--paper);
  --gutter:50px;
  --text-h1:clamp(46px,4.8vw,68px);
  --text-h2:clamp(32px,3.2vw,44px);
  --text-h3:clamp(22px,2vw,28px);
  --text-h4:clamp(18px,1.4vw,22px);
  --text-h5:16px;
  --text-h6:14px;
  --text-lead:clamp(18px,1.2vw,20px);
  --text-body:16px;
  --text-secondary:14.5px;
  --text-caption:13px;
  --text-eyebrow:12px;
  --body-leading:1.65;
  --heading-leading:1.15;
  --body-ink:#2d3238;
  --section-pad:96px;
  --section-pad-sm:64px;
  --icon-xs:14px;
  --icon-sm:18px;
  --icon-md:24px;
  --icon-lg:30px;
  --badge-sm:34px;
  --badge-md:46px;
  --badge-lg:54px;
}
*{box-sizing:border-box}
html{background:var(--paper);overflow-x:clip}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--body-leading);overflow-x:clip;text-rendering:optimizeLegibility}
body.no-scroll{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font-family:var(--font-body);font-size:inherit;line-height:inherit}
button{cursor:pointer}
::selection{background:var(--blue);color:var(--ink)}
.skip-link{position:fixed;z-index:200;left:16px;top:-80px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;transition:.2s}
.skip-link:focus{top:16px}
.container{width:min(calc(100% - var(--gutter) * 2),var(--max));margin-inline:auto}
.section{position:relative;padding:var(--section-pad) 0}
.section-sm{position:relative;padding:var(--section-pad-sm) 0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--navy);font-weight:600;font-size:var(--text-eyebrow);letter-spacing:.12em;text-transform:uppercase}
.eyebrow::before{content:"";width:30px;height:2px;background:var(--blue)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-title);line-height:var(--heading-leading);letter-spacing:-.035em;margin:0;color:var(--ink)}
h1{font-size:var(--text-h1);font-weight:700}
h2{font-size:var(--text-h2);font-weight:600}
h3{font-size:var(--text-h3);font-weight:600}
h4{font-size:var(--text-h4);font-weight:600}
h5{font-size:var(--text-h5);font-weight:600}
h6{font-size:var(--text-h6);font-weight:600}
p{margin:0 0 1.25rem;font-family:var(--font-body);font-size:var(--text-body);line-height:var(--body-leading);color:var(--body-ink)}
.lead{font-size:var(--text-lead);line-height:1.58;color:var(--body-ink);max-width:720px}
.muted{color:var(--grey)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--column-gap);margin-bottom:48px}.section-head h2{margin-top:8px}
.section-head>.lead{max-width:520px;margin:0 0 4px 0;text-align:right;justify-self:end}

/* ============================================================
   Unified Button Design System
   ============================================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 22px;border:1px solid transparent;border-radius:999px;font-family:var(--font-body);font-size:15.5px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn .icon,.btn i[data-lucide],.btn svg{width:var(--icon-sm);height:var(--icon-sm);stroke-width:1.85;flex-shrink:0}

/* Primary Button (Light Backgrounds) */
.btn-primary{background:var(--ink);color:#fff;border-color:transparent;box-shadow:0 8px 24px rgba(10,11,13,.14)}
.btn-primary:hover{background:var(--blue);color:var(--ink);border-color:var(--blue);box-shadow:0 14px 34px rgba(55,184,245,.34)}

/* Secondary / Ghost Button (Light Backgrounds) */
.btn-ghost,.btn-secondary{background:transparent;border-color:rgba(10,11,13,.22);color:var(--ink);box-shadow:none}
.btn-ghost:hover,.btn-secondary:hover{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 10px 26px rgba(10,11,13,.18)}

.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--navy);border-bottom:1px solid rgba(22,72,130,.25);padding-bottom:2px}
.icon{width:var(--icon-md);height:var(--icon-md);stroke-width:1.8;flex-shrink:0}
.icon-sm{width:var(--icon-sm);height:var(--icon-sm);stroke-width:1.8;flex-shrink:0}
.icon-xs{width:var(--icon-xs);height:var(--icon-xs);stroke-width:2;flex-shrink:0}
.icon-lg{width:var(--icon-lg);height:var(--icon-lg);stroke-width:1.75;flex-shrink:0}

.site-header{position:fixed;z-index:100;inset:0 0 auto;background:rgba(255,255,255,.92);color:var(--ink);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:transform .35s,box-shadow .35s}
.site-header.scrolled{box-shadow:0 10px 34px rgba(22,72,130,.1)}
.nav-wrap{min-height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:block;flex:0 0 auto}
.brand img{width:300px;height:auto}
.nav-links{display:flex;align-items:center;gap:27px;list-style:none;margin:0;padding:0;font-size:15px;font-weight:500}
.nav-links a,.nav-dropdown-toggle{position:relative;border:0;background:none;padding:12px 0;color:rgba(10,11,13,.86);display:inline-flex;align-items:center;gap:6px}
.nav-links a::after,.nav-dropdown-toggle::after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:2px;background:var(--blue);transition:right .25s}
.nav-links a:hover::after,.nav-links a.active::after,.nav-dropdown-toggle:hover::after,.nav-dropdown-toggle.active::after{right:0}
.nav-item{position:relative}
.nav-dropdown{position:absolute;top:calc(100% + 10px);left:-24px;width:310px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(22,72,130,.14);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s;list-style:none;margin:0}
.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown,.nav-item.is-open .nav-dropdown{opacity:1;visibility:visible;transform:none}
.nav-dropdown-toggle .icon{width:14px;height:14px;stroke-width:2;transition:transform .25s}
.nav-item:hover .nav-dropdown-toggle .icon,.nav-item:focus-within .nav-dropdown-toggle .icon,.nav-item.is-open .nav-dropdown-toggle .icon{transform:rotate(180deg)}
.nav-dropdown a{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px}
.nav-dropdown a{color:rgba(10,11,13,.86)}.nav-dropdown a:hover{background:var(--sky);color:var(--navy)}
.nav-actions{display:flex;align-items:center;gap:12px}
.lang-toggle{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:rgba(255,255,255,.72)}
.lang-toggle button{min-width:37px;height:34px;border:0;border-radius:999px;background:transparent;font-size:15px;font-weight:500;color:var(--grey)}
.site-header:not(.home-site-header) .btn-primary{background:var(--ink);color:#fff;box-shadow:0 8px 24px rgba(10,11,13,.14)}
.site-header:not(.home-site-header) .btn-primary:hover{background:var(--blue);color:var(--ink);box-shadow:0 14px 34px rgba(55,184,245,.34)}
.menu-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.72);color:var(--ink);align-items:center;justify-content:center}

.home-site-header{position:fixed;inset:0 0 auto;width:100%;z-index:100;transform:none;background:transparent;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;transition:background .35s cubic-bezier(.16,1,.3,1),backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease,border-color .35s ease,box-shadow .35s ease,min-height .35s ease}
.home-site-header.scrolled{background:rgba(5,22,42,.78);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 16px 44px -10px rgba(0,0,0,.45)}
.home-site-header.scrolled .nav-wrap{min-height:82px}
.home-site-header .nav-wrap{width:min(calc(100% - 100px),var(--max));max-width:none;min-height:100px;padding:0}
.home-site-header .brand img{width:300px;height:auto}
.home-site-header .nav-links{gap:6px;padding:6px;background:rgba(7,27,50,.24);border:1px solid rgba(255,255,255,.18);border-radius:999px;backdrop-filter:blur(12px)}
.home-site-header .nav-links a,.home-site-header .nav-dropdown-toggle{padding:10px 20px;border-radius:999px;color:rgba(255,255,255,.9);font-weight:500;letter-spacing:0}
.home-site-header .nav-links a::after,.home-site-header .nav-dropdown-toggle::after{display:none}
.home-site-header .nav-links a:hover,.home-site-header .nav-links a.active,.home-site-header .nav-dropdown-toggle:hover,.home-site-header .nav-dropdown-toggle.active{background:rgba(255,255,255,.17);color:#fff}
.home-site-header .nav-dropdown{top:calc(100% + 14px);background:rgba(7,27,50,.94);border-color:rgba(255,255,255,.18)}
.home-site-header .nav-dropdown a{color:rgba(255,255,255,.9)}
.home-site-header .nav-dropdown a:hover{background:rgba(55,184,245,.18);color:#fff}
.nav-service-num{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;color:#0284c7;flex-shrink:0;width:24px;line-height:inherit;opacity:.95}
.home-site-header .nav-service-num{color:#37b8f5}
.nav-service-title{flex:1;min-width:0;line-height:inherit}
.nav-dropdown a:hover .nav-service-num{color:inherit}
.mobile-sub a{display:flex;align-items:flex-start;gap:8px}
.home-site-header .lang-toggle{border-color:rgba(255,255,255,.26);background:rgba(7,27,50,.24)}
.home-site-header .lang-toggle button{color:rgba(255,255,255,.72)}
.home-site-header .lang-toggle button.active{background:var(--blue);color:var(--ink)}
.home-site-header .btn-primary{background:#fff;color:var(--ink);box-shadow:none}
.home-site-header .btn-primary:hover{background:var(--blue);color:var(--ink)}

main{padding-top:0}
.hero{min-height:100svh;display:flex;align-items:stretch;padding:0;overflow:hidden}

.hero-stage{position:relative;width:100%;min-height:100svh;overflow:hidden;border:0;border-radius:0;background:var(--navy);box-shadow:none}
.hero-media{position:absolute;z-index:0;inset:0;min-height:0;overflow:hidden}
.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;box-shadow:none;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.hero-stage-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,24,45,.94) 0%,rgba(7,32,59,.7) 36%,rgba(7,32,59,.12) 68%),linear-gradient(0deg,rgba(5,22,42,.78) 0%,transparent 48%)}
.hero-grid{position:relative;z-index:2;width:min(calc(100% - var(--gutter) * 2),var(--max));min-height:100svh;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:end;gap:var(--column-gap);padding:140px 0 72px}
.hero-copy{position:relative;z-index:2;padding:0}
.hero-copy > .eyebrow{display:flex;width:max-content;margin-bottom:20px;color:#fff}
.hero-copy h1{max-width:880px;margin-top:18px;color:#fff;font-size:var(--text-h1);line-height:1.1;letter-spacing:-.03em;font-weight:700;text-transform:none;text-wrap:balance}
.hero-side{justify-self:end;max-width:460px;padding:0 0 8px;color:#fff}
.hero-side .lead{max-width:460px;margin:0 0 24px;font-size:var(--text-lead);line-height:1.55;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.35)}
/* Buttons on Dark Backgrounds (Hero, Dark Bands, Header) */
.hero-actions{display:flex;flex-wrap:nowrap;gap:12px;align-items:center}
.hero-actions .btn{flex:0 0 auto;white-space:nowrap}
.hero-actions .btn-primary,
.cta-actions .btn-primary,
.home-site-header .btn-primary{background:#fff;color:var(--ink);border-color:transparent;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.hero-actions .btn-primary:hover,
.cta-actions .btn-primary:hover,
.home-site-header .btn-primary:hover{background:var(--blue);color:var(--ink);border-color:var(--blue);box-shadow:0 14px 34px rgba(55,184,245,.38)}
.hero-actions .btn-ghost,
.cta-actions .btn-ghost{background:rgba(6,27,50,.34);border-color:rgba(255,255,255,.5);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none}
.hero-actions .btn-ghost:hover,
.cta-actions .btn-ghost:hover{background:#fff;color:var(--ink);border-color:#fff;box-shadow:0 12px 30px rgba(255,255,255,.22)}
.hero-proof{display:flex;align-items:flex-start;flex-direction:column;gap:10px;margin:0;padding:0;border:0}
.proof-item{display:flex;align-items:center;gap:11px;min-height:40px;padding:6px 18px 6px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.11);backdrop-filter:blur(10px);font-size:18px;color:#fff}
.proof-dot{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:none}
.hero-media img,.page-hero-media img,.image-band img{will-change:transform;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.hero-media:hover img,.page-hero-media:hover img,.image-band:hover img{transform:scale(1.035)}
.marquee{overflow:hidden;border-block:1px solid var(--line);background:#fff}
.marquee-track{display:flex;width:max-content;will-change:transform;animation:marquee 30s linear infinite;padding:16px 0}
.marquee-group{display:flex;flex:0 0 auto;min-width:max-content;padding:0}
.marquee-item{display:flex;align-items:center;gap:16px;padding:0 28px;font-family:var(--font-body);font-size:18px;white-space:nowrap}
.marquee-item::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue)}
@keyframes marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-33.333333%,0,0)}}

.problem-section{position:relative;background:linear-gradient(180deg,#ffffff 0%,#f4f7fb 100%);border-block:1px solid rgba(22,72,130,.08);padding:clamp(80px,8vw,120px) 0;overflow:hidden}
.problem-section::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(22,72,130,.06) 1.2px,transparent 1.2px);background-size:28px 28px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 60%,transparent 100%);pointer-events:none}
.problem-section::after{content:"";position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:min(1360px,100%);height:560px;background:radial-gradient(ellipse at 50% 0%,rgba(55,184,245,.18) 0%,rgba(22,72,130,.04) 55%,transparent 70%);pointer-events:none}

/* Problem & Solution Bento Section (shadcn elevated) */
.problem-section{position:relative;overflow:hidden;padding:90px 0}
.problem-section::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(22,72,130,.08) 1.2px,transparent 1.2px);background-size:24px 24px;pointer-events:none;mask-image:radial-gradient(ellipse 75% 65% at 50% 50%,black 25%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 50%,black 25%,transparent 85%)}

.problem-bento-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,0.86fr);gap:clamp(24px,3vw,36px);align-items:stretch;width:100%}

.problem-bento-card{position:relative;border-radius:28px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .3s ease}

/* Left Card: Problem / Pain */
.problem-pain-card{background:#ffffff;border:1px solid rgba(22,72,130,.12);padding:clamp(32px,3.8vw,48px);box-shadow:0 20px 50px -15px rgba(22,72,130,.08),0 0 0 1px rgba(22,72,130,.03);gap:24px}
.problem-pain-card:hover{transform:translateY(-3px);border-color:rgba(22,72,130,.2);box-shadow:0 30px 65px -12px rgba(22,72,130,.13),0 0 0 1px rgba(22,72,130,.06)}

.problem-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;flex-wrap:wrap}

.problem-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#f5f8fc;border:1px solid rgba(22,72,130,.14);box-shadow:0 2px 8px rgba(22,72,130,.04);color:var(--navy);font-family:var(--font-body);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;line-height:1}
.problem-badge .badge-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px var(--blue);flex-shrink:0}

.problem-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#f8fafc;border:1px solid rgba(111,116,121,.2);color:#475569;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1}
.problem-status-badge .status-badge-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--navy);width:15px;height:15px;flex-shrink:0}
.problem-status-badge .status-badge-icon .icon{width:15px;height:15px;stroke-width:2.2;display:block}

.problem-card-body{display:flex;flex-direction:column;gap:16px;flex:1;justify-content:center}
.problem-statement-lead{font-family:var(--font-body);font-size:clamp(20px,2vw,26px);line-height:1.38;font-weight:600;letter-spacing:-.025em;color:#1e293b;margin:0}

.problem-climax-callout{position:relative;padding:18px 20px 18px 24px;border-radius:16px;background:linear-gradient(135deg,#f4f8fd 0%,#ebf3fb 100%);border:1px solid rgba(22,72,130,.14);overflow:hidden}
.problem-climax-callout::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--blue) 0%,var(--navy) 100%)}
.problem-statement-climax{font-family:var(--font-body);font-size:clamp(17px,1.6vw,20px);line-height:1.45;font-weight:700;color:var(--navy);letter-spacing:-.02em;margin:0}

.problem-card-footer{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid rgba(22,72,130,.08)}
.problem-friction-label{font-family:var(--font-body);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}
.problem-friction-row{display:flex;flex-wrap:wrap;gap:8px}
.friction-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#fef2f2;border:1px solid rgba(239,68,68,.24);color:#991b1b;font-size:12.5px;font-weight:700;transition:all .2s ease;box-shadow:0 1px 3px rgba(239,68,68,.06)}
.friction-pill:hover{background:#fee2e2;border-color:rgba(239,68,68,.4);transform:translateY(-1px);box-shadow:0 3px 8px rgba(239,68,68,.12)}
.friction-icon-circle{width:16px;height:16px;border-radius:50%;background:rgba(239,68,68,.14);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.friction-icon-circle .icon{width:11px;height:11px;stroke-width:2.6;color:#dc2626;display:block}

.statement{width:100%!important;max-width:100%!important;font-family:var(--font-body);font-weight:500;font-size:clamp(24px,2.2vw,33px);line-height:1.32;letter-spacing:-.025em;color:#2c3542;margin:0;hyphens:none;word-break:normal}
.statement .accent{font-weight:700;color:var(--navy);background:linear-gradient(135deg,#071e3d 0%,#164882 40%,#1e92e2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline}

/* Right Card: Solution / Unified Engine */
.problem-sol-card{background:linear-gradient(150deg,#05162e 0%,#0c264b 50%,#154884 100%);border:1px solid rgba(255,255,255,.18);padding:clamp(32px,3.8vw,48px);color:#ffffff;overflow:hidden;box-shadow:0 30px 80px -15px rgba(5,22,46,.5),inset 0 1px 0 rgba(255,255,255,.2);gap:22px}
.problem-sol-card:hover{transform:translateY(-3px);box-shadow:0 38px 95px -12px rgba(5,22,46,.65),inset 0 1px 0 rgba(255,255,255,.28);border-color:rgba(255,255,255,.26)}
.sol-card-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(540px 280px at 90% 0%,rgba(55,184,245,.22) 0%,transparent 65%),radial-gradient(420px 240px at 10% 100%,rgba(55,184,245,.14) 0%,transparent 60%)}

.solution-ribbon-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#ffffff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px);line-height:1}
.solution-ribbon-badge .badge-dot.dot-success{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981;flex-shrink:0}

.solution-partner-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(55,184,245,.14);border:1px solid rgba(55,184,245,.32);color:#c5ebff;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1}
.solution-partner-badge .partner-badge-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--blue);width:15px;height:15px;flex-shrink:0}
.solution-partner-badge .partner-badge-icon .icon{width:15px;height:15px;stroke-width:2.2;display:block}

.sol-card-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px;flex:1;justify-content:center}
.sol-title-wrap h3{font-family:var(--font-body);color:#ffffff;font-size:clamp(24px,2.4vw,30px);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0 0 10px}
.sol-title-wrap .lead{color:rgba(255,255,255,.86);margin:0;font-size:15px;line-height:1.62}

.sol-pillars-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sol-pillar-item{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);transition:all .25s ease;user-select:none;position:relative}
.sol-pillar-item:hover{background:rgba(255,255,255,.14);border-color:rgba(55,184,245,.45);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.pillar-icon-wrap{width:30px;height:30px;border-radius:8px;background:rgba(55,184,245,.18);border:1px solid rgba(55,184,245,.3);color:var(--blue);display:grid;place-items:center;flex-shrink:0}
.pillar-icon-wrap .icon{width:15px;height:15px;stroke-width:2;display:block}
.pillar-name{font-family:var(--font-body);font-size:13.5px;font-weight:700;color:#ffffff;letter-spacing:-.01em;flex:1}
.pillar-hover-arrow{opacity:0.35;transition:all .25s ease;color:var(--blue);display:inline-flex;align-items:center;margin-left:auto}
.pillar-hover-arrow .icon{width:14px;height:14px;stroke-width:2.2;display:block}
.sol-pillar-item:hover .pillar-hover-arrow{opacity:1;transform:translate(2px,-2px);color:#ffffff}

.sol-card-footer{position:relative;z-index:1}
.solution-ribbon-btn{display:inline-flex;align-items:center;justify-content:space-between;width:100%;background:#ffffff;color:var(--navy);font-family:var(--font-body);font-weight:700;font-size:15px;padding:10px 12px 10px 20px;border-radius:999px;box-shadow:0 12px 28px rgba(0,0,0,.22);transition:all .35s cubic-bezier(.16,1,.3,1)}
.solution-ribbon-btn:hover{background:var(--blue);color:#071a33;transform:translateY(-2px);box-shadow:0 18px 40px rgba(55,184,245,.45)}
.solution-ribbon-btn .btn-arrow-ring{width:34px;height:34px;border-radius:50%;background:#071a33;color:#ffffff;display:grid;place-items:center;transition:transform .35s ease,background .35s ease,color .35s ease}
.solution-ribbon-btn:hover .btn-arrow-ring{background:#ffffff;color:#071a33;transform:rotate(45deg)}
.solution-ribbon-btn .btn-arrow-ring .icon{width:16px;height:16px;stroke-width:2.2}

.solution-card{position:relative;min-height:420px;padding:clamp(38px,4vw,58px);border-radius:var(--radius);background:linear-gradient(145deg,#fff 0%,#fff 60%,#eef9ff 100%);border:1px solid var(--line);box-shadow:0 18px 44px rgba(22,72,130,.1);overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.solution-card::after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,var(--sky),transparent 68%);right:-70px;bottom:-80px}
.solution-card .service-icon{margin-bottom:24px}.solution-card h3{margin-bottom:18px;max-width:18ch}.solution-card .lead{max-width:54ch;margin-bottom:0;line-height:1.6}

@media(max-width:1024px){
  .problem-bento-grid{grid-template-columns:1fr;gap:24px}
  .statement{font-size:clamp(22px,3.8vw,30px)}
}
.related-service-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:48px 54px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#fff 0%,#fff 58%,#eaf8ff 100%);box-shadow:0 18px 44px rgba(22,72,130,.09);overflow:hidden}.related-service-card::after{content:"";position:absolute;width:240px;height:240px;right:-76px;bottom:-116px;border-radius:50%;background:radial-gradient(circle,rgba(55,184,245,.28),transparent 70%);pointer-events:none}.related-service-copy{position:relative;z-index:1;max-width:700px}.related-service-copy h2{margin:0 0 14px}.related-service-copy .lead{margin:0;max-width:62ch}.related-service-card .btn{position:relative;z-index:1;flex:0 0 auto;min-width:190px}

.services-stack{padding:var(--section-pad) 0}
.services-stack .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--column-gap);margin-bottom:54px}
.services-stack .section-head h2{max-width:17ch;margin-top:10px}
.services-stack .section-head .lead{max-width:450px;margin:0 0 6px 0;text-align:right}
.stack-list{width:100%;display:grid;gap:var(--card-gap);padding-bottom:120px}
.stack-card{position:sticky;top:120px;width:100%;height:clamp(580px,64vh,660px);min-height:580px;border-radius:36px;overflow:hidden;background:var(--navy);box-shadow:0 10px 26px rgba(14,43,77,.12);transition:box-shadow .3s}
.stack-card:nth-child(2){top:140px}.stack-card:nth-child(3){top:160px}.stack-card:nth-child(4){top:180px}
.stack-card:hover{box-shadow:0 14px 32px rgba(14,43,77,.16)}
.stack-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.stack-shade{position:absolute;inset:0;background:linear-gradient(105deg,rgba(5,22,42,.9) 0%,rgba(5,22,42,.55) 38%,rgba(5,22,42,.1) 72%)}
.stack-card:hover .stack-bg{transform:scale(1.05)}
.stack-top{position:absolute;z-index:2;top:28px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between}
.stack-num{font-family:var(--font-body);font-weight:600;font-size:15px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.stack-icon{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff}
.stack-icon .icon{width:24px;height:24px}
.stack-copy{position:absolute;z-index:2;left:clamp(28px,3.5vw,48px);right:clamp(28px,3.5vw,48px);bottom:clamp(32px,3.8vw,50px);max-width:720px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.stack-copy h3{color:#fff;font-family:var(--font-title);font-weight:600;font-size:clamp(26px,2.6vw,34px);line-height:1.15;letter-spacing:-.03em;max-width:20ch;margin:0}
.stack-copy p{color:rgba(255,255,255,.92);font-family:var(--font-body);font-size:16px;max-width:54ch;margin:0;line-height:1.6;font-weight:400}
.stack-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border:1px solid transparent;border-radius:999px;background:#fff;color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:15px;line-height:1.2;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.15);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease;margin-top:4px}
.stack-cta:hover{background:var(--blue);color:var(--ink);border-color:var(--blue);transform:translateY(-2px);box-shadow:0 14px 34px rgba(55,184,245,.38)}
.stack-cta .icon{width:var(--icon-sm);height:var(--icon-sm);stroke-width:1.8;flex-shrink:0}

.process-section{position:relative;background:linear-gradient(180deg,#ffffff 0%,var(--bg) 100%);border-block:1px solid rgba(22,72,130,.08);padding:var(--section-pad) 0;overflow:hidden}
.process-section::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(22,72,130,.07) 1.2px,transparent 1.2px);background-size:32px 32px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 60%,transparent 100%);pointer-events:none}
.process-section::after{content:"";position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:min(1380px,100%);height:580px;background:radial-gradient(ellipse at 50% 0%,rgba(55,184,245,.2) 0%,rgba(22,72,130,.04) 55%,transparent 70%);pointer-events:none}

.process-header{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:100%;margin-bottom:48px}
.process-header .statement{font-family:var(--font-title);font-size:var(--text-h2);line-height:var(--heading-leading);letter-spacing:-.035em;color:var(--ink);margin:0;width:100%;max-width:100%}

/* Alternating Vertical Timeline */
.alt-timeline{position:relative;z-index:1;max-width:1220px;margin:0 auto;width:100%}

/* Center Glowing Track with Liquid Fill */
.alt-timeline-track{position:absolute;left:50%;top:40px;bottom:40px;width:4px;background:rgba(22,72,130,.12);transform:translateX(-50%);border-radius:999px;overflow:hidden;pointer-events:none}
.alt-timeline-fill{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--blue) 0%,var(--navy) 100%);transform-origin:top center;box-shadow:0 0 16px rgba(55,184,245,.7)}

.alt-timeline-list{display:flex;flex-direction:column;gap:clamp(52px,6vw,76px);position:relative}

.alt-timeline-item{position:relative;display:flex;align-items:center;width:100%}

/* Center Node */
.alt-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:#ffffff;border:3px solid var(--blue);box-shadow:0 0 24px rgba(55,184,245,.4),0 8px 20px rgba(22,72,130,.14);display:grid;place-items:center;z-index:3;transition:all .4s cubic-bezier(.16,1,.3,1)}
.alt-node-num{font-family:var(--font-title);font-weight:700;font-size:16.5px;color:var(--navy);transition:color .3s ease}
.alt-node-pulse{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--blue);opacity:.6;animation:altPulse 2.4s cubic-bezier(.24,0,.38,1) infinite}
@keyframes altPulse{0%{transform:scale(.85);opacity:.8}70%{transform:scale(1.45);opacity:0}100%{transform:scale(1.45);opacity:0}}

.alt-timeline-item.is-active .alt-node,
.alt-timeline-item:hover .alt-node{background:var(--navy);border-color:var(--blue);box-shadow:0 0 30px rgba(55,184,245,.7);transform:translate(-50%,-50%) scale(1.1)}
.alt-timeline-item.is-active .alt-node-num,
.alt-timeline-item:hover .alt-node-num{color:#ffffff}

/* Cards */
.alt-card{width:calc(50% - 60px);background:#ffffff;border:1px solid rgba(22,72,130,.12);border-radius:30px;padding:clamp(34px,3.8vw,46px) clamp(30px,3.5vw,42px);box-shadow:0 20px 54px -12px rgba(22,72,130,.09);display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}
.alt-card.alt-card-compact{padding:clamp(24px,2.6vw,32px) clamp(28px,3vw,38px)}
.alt-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4.5px;background:linear-gradient(90deg,var(--blue),var(--navy));opacity:0;transition:opacity .35s ease}

/* Active and Hover States on Scroll */
.alt-timeline-item.is-active .alt-card,
.alt-timeline-item:hover .alt-card{transform:scale(1.02);box-shadow:0 30px 72px -12px rgba(22,72,130,.18);border-color:rgba(55,184,245,.5)}
.alt-timeline-item.is-active .alt-card::before,
.alt-timeline-item:hover .alt-card::before{opacity:1}

/* Left vs Right */
.alt-item-left .alt-card{margin-right:auto}
.alt-item-right .alt-card{margin-left:auto}

.alt-card-header{display:flex;align-items:center;gap:20px}
.alt-card-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,rgba(55,184,245,.16) 0%,rgba(22,72,130,.06) 100%);border:1px solid rgba(55,184,245,.28);color:var(--navy);display:grid;place-items:center;flex-shrink:0;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 20px rgba(22,72,130,.08)}
.alt-timeline-item.is-active .alt-card-icon,
.alt-timeline-item:hover .alt-card-icon{background:var(--navy);color:#ffffff;transform:scale(1.1) rotate(4deg);box-shadow:0 10px 24px rgba(22,72,130,.25)}
.alt-card-icon .icon{width:26px;height:26px;stroke-width:1.8}

.alt-card-title{font-family:var(--font-title);font-size:clamp(24px,2.4vw,30px);font-weight:700;letter-spacing:-.025em;color:var(--ink);margin:0}
.alt-card-desc{font-family:var(--font-body);font-size:17px;line-height:1.72;color:#525a66;margin:0}

/* Mobile & Tablet Adaptation */
@media(max-width:860px){
  .alt-timeline-track{left:28px;transform:none}
  .alt-node{left:28px;transform:translate(-50%,-50%)}
  .alt-card{width:calc(100% - 76px);margin-left:76px!important;margin-right:0!important}
}
@media(max-width:540px){
  .alt-timeline-track{left:22px}
  .alt-node{left:22px;width:44px;height:44px}
  .alt-node-num{font-size:14px}
  .alt-card{width:calc(100% - 58px);margin-left:58px!important;padding:24px 20px}
  .alt-card-title{font-size:20px}
  .alt-card-icon{width:44px;height:44px}
}

/* Step Cards Masonry Grid (for Subpages like Web Development & Recruitment) */
.step-masonry-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,1.8vw,26px);width:100%;margin-top:clamp(40px,4.5vw,56px)}

.step-masonry-card{position:relative;background:#ffffff;border:1px solid rgba(22,72,130,.12);border-radius:26px;padding:clamp(28px,3vw,38px) clamp(24px,2.5vw,32px);box-shadow:0 14px 40px -10px rgba(22,72,130,.07);display:flex;flex-direction:column;justify-content:space-between;gap:26px;overflow:hidden;transition:all .35s cubic-bezier(.16,1,.3,1)}
.step-masonry-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--navy));opacity:0;transition:opacity .3s ease}
.step-masonry-card:hover{transform:translateY(-6px);box-shadow:0 24px 56px -10px rgba(22,72,130,.16);border-color:rgba(55,184,245,.45)}
.step-masonry-card:hover::before{opacity:1}

/* Masonry Span Configurations for 5 Steps */
.step-m-card-1{grid-column:span 7;min-height:190px}
.step-m-card-2{grid-column:span 5;min-height:190px}
.step-m-card-3{grid-column:span 4;min-height:175px}
.step-m-card-4{grid-column:span 4;min-height:175px}
.step-m-card-5{grid-column:span 4;min-height:175px}

/* Watermark Step Number */
.step-m-watermark{position:absolute;right:18px;bottom:-10px;font-family:var(--font-title);font-size:clamp(68px,7vw,94px);font-weight:800;color:rgba(22,72,130,.04);line-height:1;pointer-events:none;transition:all .35s ease;user-select:none}
.step-masonry-card:hover .step-m-watermark{color:rgba(55,184,245,.08);transform:translateY(-4px)}

.step-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%}
.step-card-num{font-family:var(--font-title);font-weight:700;font-size:14.5px;color:var(--navy);background:#f0f4f9;border:1px solid rgba(22,72,130,.1);padding:5px 12px;border-radius:999px;letter-spacing:.04em}
.step-card-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,rgba(55,184,245,.15) 0%,rgba(22,72,130,.05) 100%);border:1px solid rgba(55,184,245,.24);color:var(--navy);display:grid;place-items:center;transition:all .35s ease}
.step-masonry-card:hover .step-card-icon{background:var(--navy);color:#ffffff;transform:scale(1.08) rotate(3deg);box-shadow:0 8px 20px rgba(22,72,130,.22)}
.step-card-icon .icon{width:24px;height:24px;stroke-width:1.8}

.step-card-bottom{position:relative;z-index:1}
.step-card-title{font-family:var(--font-title);font-size:clamp(20px,2vw,25px);font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:0;line-height:1.24}

@media(max-width:960px){
  .step-m-card-1,.step-m-card-2{grid-column:span 6}
  .step-m-card-3,.step-m-card-4{grid-column:span 6}
  .step-m-card-5{grid-column:span 12}
}
@media(max-width:600px){
  .step-masonry-grid{grid-template-columns:1fr;gap:14px}
  .step-m-card-1,.step-m-card-2,.step-m-card-3,.step-m-card-4,.step-m-card-5{grid-column:span 1;min-height:auto}
}

.metrics-band{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.metrics-band::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 300px at 82% 8%,rgba(55,184,245,.18),transparent 60%),radial-gradient(480px 300px at 4% 100%,rgba(55,184,245,.1),transparent 55%);pointer-events:none}
.metrics-band::after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-80px;bottom:-110px;box-shadow:0 0 0 26px rgba(255,255,255,.03),0 0 0 52px rgba(255,255,255,.02);pointer-events:none}
.metrics-panel{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(44px,5vw,80px);align-items:center}
.metrics-panel-single{grid-template-columns:1fr;text-align:center}
.metrics-panel-single .metrics-intro{align-items:center}
.metrics-panel-single .metrics-copy{margin-inline:auto}
.metrics-panel-single .world-row{justify-content:center}
.metrics-intro{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}
.metrics-headline{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.metrics-headline h2{margin:0}
.metrics-intro h2{max-width:16ch;margin:0;font-size:clamp(42px,4.4vw,62px);background:linear-gradient(180deg,#fff 35%,#a9e2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.metrics-kicker{display:inline-flex;align-items:center;gap:9px;width:max-content;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);color:var(--blue);font-weight:600;letter-spacing:.12em;margin-bottom:0}
.metrics-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px var(--blue)}
.partner-logo{width:150px;height:auto;padding:10px 16px;border-radius:12px;background:#fff;margin-bottom:20px}
.metrics-copy{color:rgba(255,255,255,.82);max-width:450px;font-size:18px;line-height:1.7;letter-spacing:-.015em;margin:0;text-align:left;justify-self:start;border-left:3px solid var(--blue);border-radius:2px;padding-left:22px}
.metrics-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.metrics-list-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:clamp(22px,2.4vw,32px) clamp(18px,2vw,28px);border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));transition:border-color .3s,box-shadow .3s,background .3s}
.metric::before{content:"";position:absolute;inset:0 0 auto;left:18px;right:18px;top:0;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--blue),transparent)}
.metric:hover{border-color:rgba(55,184,245,.55);box-shadow:0 18px 44px rgba(5,18,36,.3);background:linear-gradient(160deg,rgba(55,184,245,.16),rgba(255,255,255,.04))}
.metric-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(55,184,245,.2);color:var(--blue);box-shadow:0 0 26px rgba(55,184,245,.35),inset 0 0 12px rgba(55,184,245,.18)}.metric-icon .icon{width:28px;height:28px;stroke-width:1.8}
.metric strong{display:block;font-family:var(--font-title);font-size:clamp(2.2rem,2.7vw,3.2rem);line-height:1;letter-spacing:-.04em;margin-top:18px;background:linear-gradient(180deg,#fff 30%,#8fd4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.metric span{display:block;margin-top:8px;color:rgba(255,255,255,.82);font-size:15px;line-height:1.5}
.world-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.world-chip{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:8px 14px;color:#fff;font-size:.85rem;background:rgba(255,255,255,.07);transition:border-color .25s,background .25s,box-shadow .25s}
.world-chip:hover{border-color:var(--blue);background:rgba(55,184,245,.15);box-shadow:0 6px 18px rgba(55,184,245,.25)}

.value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--card-gap);margin-top:clamp(28px,3.2vw,44px)}
.value-card{position:relative;min-height:220px;padding:clamp(28px,3vw,38px);background:#fff;border:1px solid var(--line);border-radius:24px;transition:all .35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;box-shadow:0 10px 30px rgba(22,72,130,.04);grid-column:auto !important;overflow:hidden}
.value-card:hover{transform:translateY(-6px);border-color:var(--blue);box-shadow:0 20px 48px rgba(22,72,130,.12)}
.value-index{position:absolute;right:22px;top:20px;font-family:var(--font-title);font-weight:800;font-size:22px;color:rgba(22,72,130,.12);letter-spacing:.04em;transition:color .3s ease}
.value-card:hover .value-index{color:var(--blue)}
.value-icon-badge{width:52px;height:52px;border-radius:16px;background:rgba(55,184,245,.14);display:grid;place-items:center;color:var(--navy);margin-bottom:20px;transition:transform .35s,background .35s,box-shadow .35s;box-shadow:0 4px 14px rgba(55,184,245,.15)}
.value-icon-badge .icon-lg{width:26px;height:26px;color:var(--navy);stroke:var(--navy);transition:transform .35s ease,stroke .35s ease}
.value-card:hover .value-icon-badge{transform:scale(1.1) rotate(4deg);background:var(--navy)}
.value-card:hover .value-icon-badge .icon-lg{color:#fff;stroke:#fff;transform:scale(1.08)}
.value-card .value-copy{width:100%}
.value-card .value-copy h3{font-family:var(--font-title);font-size:clamp(22px,2vw,27px);font-weight:700;margin:0 0 10px;color:var(--ink);line-height:1.2}
.value-card .value-copy p{font-size:16px;color:var(--grey);line-height:1.6;margin:0}
.value-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:768px){.value-grid,.value-grid-3{grid-template-columns:1fr}}

.image-band{position:relative;min-height:650px;display:flex;align-items:end;overflow:hidden;border-radius:40px;margin:0 24px}
.image-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.image-band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,13,.56),rgba(10,11,13,.08) 72%)}
.image-band-copy{position:relative;z-index:2;color:#fff;padding:70px;max-width:680px}.image-band-copy .eyebrow{margin-bottom:24px}.image-band h2{color:#fff;margin:0 0 22px}.image-band .lead{color:rgba(255,255,255,.86);line-height:1.6;margin:0}

.cta-band{padding:0;border:0}
.cta-shell{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(135deg,var(--navy),#1f5b98 70%,#247caf);color:#fff;padding:54px 64px 44px;min-height:280px;display:flex;align-items:stretch;justify-content:space-between;gap:48px}
.cta-orbit{position:absolute;border:1px solid rgba(255,255,255,.5);border-radius:50%;pointer-events:none;z-index:0;will-change:transform}.cta-orbit-one{width:330px;height:330px;right:-80px;top:-190px}.cta-orbit-two{width:170px;height:170px;right:230px;top:-20px}
.cta-copy{position:relative;z-index:1;max-width:620px;align-self:center}.cta-kicker{color:var(--blue);margin-bottom:16px}
.cta-shell h2{color:#fff;font-family:var(--font-title);font-size:var(--text-h2);font-weight:600;line-height:var(--heading-leading);margin:0 0 16px;position:relative;z-index:1}
.cta-shell p:not(.eyebrow){color:rgba(255,255,255,.88);font-family:var(--font-body);font-size:var(--text-body);line-height:1.6;max-width:54ch;margin:0}
.cta-actions{position:relative;z-index:1;align-self:center;display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin-top:auto}
.cta-actions .btn{white-space:nowrap}

.page-hero{position:relative;min-height:560px;display:flex;align-items:flex-end;overflow:hidden;background:var(--navy);color:#fff}
.page-hero-media{position:absolute;inset:0;z-index:0;background:var(--navy)}
.page-hero-media img,.page-hero-media video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.page-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,24,45,.94) 0%,rgba(7,32,59,.72) 40%,rgba(7,32,59,.16) 74%);pointer-events:none}
.page-hero-content{position:relative;z-index:2;width:min(calc(100% - var(--gutter) * 2),var(--max));margin-inline:auto;padding:clamp(110px,11vw,140px) 0 72px;display:flex;flex-direction:column;align-items:flex-start}
.page-hero-content .breadcrumbs{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);color:#fff;font-size:13.5px;font-weight:600;letter-spacing:.02em}
.page-hero-content .breadcrumbs a{color:#fff;transition:color .25s}
.page-hero-content .breadcrumbs a:hover{color:var(--blue)}
.page-hero-content .breadcrumbs span{color:rgba(255,255,255,.55)}
.page-hero-content .eyebrow{color:var(--blue);margin-bottom:16px}
.page-hero-content h1{color:#fff;font-family:var(--font-title);font-size:var(--text-h1);font-weight:700;line-height:1.12;max-width:16ch;margin:0}
.page-hero-content .lead{color:rgba(255,255,255,.92);font-family:var(--font-body);font-size:var(--text-lead);line-height:1.55;max-width:640px;margin:20px 0 0;text-shadow:0 2px 16px rgba(0,0,0,.35)}
body[data-page="blog-post"] .page-hero{height:auto!important;min-height:0!important;display:block!important;padding-top:100px!important}
body[data-page="blog-post"] .page-hero-content{padding:80px 0!important;margin:0 auto!important}
body[data-page="blog-post"] .page-hero-content h1{font-size:clamp(36px,3.8vw,54px)!important;max-width:min(100%,1060px)!important;width:100%!important;line-height:1.16!important;letter-spacing:-.035em!important}
body[data-page="blog-post"] .page-hero-content .lead{max-width:min(100%,860px)!important;font-size:clamp(17px,1.2vw,20px)!important;line-height:1.6!important;margin-top:20px!important}
.page-hero-legal{align-items:center}
.page-hero-legal .page-hero-shade{background:linear-gradient(135deg,#0b2a4e 0%,var(--navy) 55%,#1e5f9e 100%)}
.page-hero-legal .page-hero-content{padding:130px 0 80px}
.breadcrumbs{display:flex;gap:8px;align-items:center;margin-bottom:26px;font-size:.8rem;color:var(--grey)}
.breadcrumbs a:hover{color:var(--navy)}

.story-head{max-width:900px}
.story-head h2{font-size:clamp(52px,5.4vw,72px);margin-bottom:22px}
.story-head .lead{font-size:20px;line-height:1.7;color:#3d4146;max-width:840px;margin:0}
.story-mission{position:relative;margin-top:clamp(40px,4.5vw,64px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(22px,3vw,40px);align-items:center;padding:clamp(28px,3vw,44px) clamp(26px,3vw,48px);border-radius:28px;background:linear-gradient(135deg,#0b2a4e 0%,var(--navy) 55%,#1e5f9e 100%);color:#fff;overflow:hidden;box-shadow:0 24px 60px rgba(12,47,84,.2)}
.story-mission::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 200px at 88% 0%,rgba(55,184,245,.2),transparent 60%);pointer-events:none}
.story-mission-icon{position:relative;z-index:1;width:64px;height:64px;border-radius:20px;background:#fff;color:var(--navy);display:grid;place-items:center;box-shadow:0 14px 34px rgba(5,18,36,.28)}
.story-mission-icon .icon{width:30px;height:30px;stroke-width:1.6}
.story-mission-body{position:relative;z-index:1}
.story-mission-body h3{color:#fff;margin-bottom:10px;font-size:clamp(24px,2.4vw,32px)}
.story-mission-body p{color:rgba(255,255,255,.85);margin:0;line-height:1.65;max-width:62ch}
.story-mission-cta{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 24px;border:1px solid transparent;border-radius:999px;background:#fff;color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:16px;line-height:1.2;white-space:nowrap;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.15);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease;justify-self:end}
.story-mission-cta:hover{background:var(--blue);color:var(--ink);border-color:var(--blue);transform:translateY(-2px);box-shadow:0 14px 34px rgba(55,184,245,.38)}
.story-mission-cta .icon{width:20px;height:20px;stroke-width:1.8;flex-shrink:0}
.story-presence{margin-top:clamp(28px,3vw,44px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:clamp(24px,2.6vw,36px);border-top:1px solid var(--line)}
.story-presence h3{font-size:clamp(24px,2.4vw,32px)}
.story-presence .world-row{margin:0}
.story-presence .world-chip{color:var(--navy);border-color:var(--line);background:#fff}
.story-presence .world-chip:hover{border-color:var(--blue)}
.content-grid{display:grid;grid-template-columns:minmax(260px,.34fr) minmax(0,.66fr);gap:var(--column-gap);align-items:center}
.content-aside{position:sticky;top:130px;align-self:start}
.content-aside h2{font-size:50px}
.prose{font-size:18px;color:#3e444a}
.prose h2{color:var(--ink);margin:58px 0 20px;font-size:50px}
.prose h3{color:var(--ink);margin:34px 0 12px}
.prose p{max-width:820px}
.bullet-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:var(--card-gap)}
.bullet-list li{position:relative;padding:18px 20px 18px 56px;background:#fff;border:1px solid var(--line);border-radius:16px}
.bullet-list li::before{content:"✓";position:absolute;left:22px;top:22px;width:auto;height:auto;border-radius:0;background:none;box-shadow:none;color:var(--blue);font-weight:700;font-size:16px}
.case-head{max-width:920px;margin-bottom:clamp(36px,4vw,56px)}
.case-head h2{font-size:clamp(40px,4.4vw,60px);margin-bottom:20px}
.case-head .lead{font-size:18px;line-height:1.7;color:#3d4146;margin:0}
.vendors-compare{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center;padding:clamp(28px,3.5vw,48px);border:1px dashed rgba(22,72,130,.35);border-radius:32px;background:rgba(255,255,255,.55)}
.vendors-side{display:flex;flex-direction:column;align-items:center;gap:18px}
.vendors-pile{position:relative;width:160px;height:130px}
.vendor-sheet{position:absolute;top:16px;left:50%;width:118px;height:92px;margin-left:-59px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(14,43,77,.08);display:grid;place-items:center;color:#c3ccd4}
.vendor-sheet .icon{width:28px;height:28px}
.sheet-1{transform:rotate(-7deg) translateX(-42px)}
.sheet-2{transform:rotate(-3.5deg) translateX(-21px)}
.sheet-3{transform:none}
.sheet-4{transform:rotate(3.5deg) translateX(21px)}
.sheet-5{transform:rotate(7deg) translateX(42px)}
.vendors-caption{margin:0;font-weight:600;color:var(--grey);font-size:16px}
.vendors-arrow{width:56px;height:56px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px rgba(22,72,130,.3)}
.vendors-arrow .icon{width:22px;height:22px}
.vendors-win{display:flex;align-items:center;gap:16px;padding:20px 28px;border-radius:20px;background:linear-gradient(135deg,#0b2a4e 0%,var(--navy) 60%,#1e5f9e 100%);color:#fff;box-shadow:0 18px 44px rgba(12,47,84,.24)}
.vendors-win-icon{width:46px;height:46px;flex:0 0 auto;border-radius:14px;background:#fff;color:var(--navy);display:grid;place-items:center}
.vendors-win-icon .icon{width:24px;height:24px}
.vendors-win strong{font-family:var(--font-title);font-size:20px;letter-spacing:-.02em}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--card-gap);margin-top:clamp(36px,4vw,56px)}
.feature-card{position:relative;padding:clamp(26px,2.6vw,38px);background:#fff;border:1px solid var(--line);border-radius:24px;transition:transform .3s,border-color .3s,box-shadow .3s}
.feature-card:hover{transform:translateY(-6px);border-color:rgba(55,184,245,.55);box-shadow:var(--shadow)}
.feature-icon{width:52px;height:52px;border-radius:16px;background:var(--sky);display:grid;place-items:center;color:var(--navy);margin-bottom:20px}
.feature-icon .icon{width:26px;height:26px}
.feature-card h3{font-size:clamp(22px,2.2vw,28px);margin-bottom:10px}
.feature-card p{color:var(--grey);font-size:18px;margin:0}
.service-block{border-top:1px solid var(--line);padding:clamp(48px,6vw,80px) 0}
@media(min-width:1101px){.container,.home-site-header .nav-wrap,.hero-grid,.page-hero-content{width:min(calc(100% - var(--gutter) * 2),var(--max))}}
.anchor-nav{position:sticky;z-index:20;top:0;background:rgba(245,246,247,.9);backdrop-filter:blur(15px);border-block:1px solid var(--line)}
.anchor-nav .container{display:flex;justify-content:center;gap:8px;overflow:auto;padding-block:12px;scrollbar-width:none}.anchor-nav a{flex:0 0 auto;padding:9px 14px;border-radius:999px;font-size:.83rem;font-weight:600;background:#fff;border:1px solid var(--line)}.anchor-nav a:hover{background:var(--navy);color:#fff}
.faq-shell{text-align:center}.faq-shell .eyebrow{margin-inline:auto}.faq-shell h2{margin-inline:auto}.faq-list{display:grid;gap:var(--card-gap);max-width:900px;margin:36px auto 0;text-align:left}.faq{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.faq button{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;padding:24px;background:none;border:0;font-family:var(--font-body);font-size:18px}.faq .answer{max-height:0;overflow:hidden;transition:max-height .35s}.faq .answer p{padding:0 24px 24px;color:var(--grey);margin:0}.faq.open .answer{max-height:240px}.faq.open button svg{transform:rotate(45deg)}

.team-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(24px,2.5vw,32px);width:100%;max-width:none}
.team-card{grid-column:span 2;position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;box-shadow:0 10px 28px rgba(22,72,130,.06);display:flex;flex-direction:column}
.team-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(22,72,130,.14);border-color:rgba(55,184,245,.5)}
.team-card:nth-child(1){grid-column:1 / span 2}
.team-card:nth-child(2){grid-column:3 / span 2}
.team-card:nth-child(3){grid-column:5 / span 2}
.team-card:nth-child(4){grid-column:2 / span 2}
.team-card:nth-child(5){grid-column:4 / span 2}
@media(max-width:991px){
  .team-grid{grid-template-columns:repeat(2,1fr);max-width:760px}
  .team-card:nth-child(1),.team-card:nth-child(2),.team-card:nth-child(3),.team-card:nth-child(4){grid-column:auto}
  .team-card:nth-child(5){grid-column:1 / -1;max-width:360px;margin-inline:auto;width:100%}
}
@media(max-width:640px){
  .team-grid{grid-template-columns:1fr;max-width:380px}
  .team-card:nth-child(5){max-width:none}
}
.team-photo{height:275px;overflow:hidden;background:var(--sky)}
.team-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.92);transition:.6s cubic-bezier(.2,.8,.2,1)}
.team-card:hover .team-photo img{transform:scale(1.05)}
.team-info{padding:26px 24px 24px;display:flex;flex-direction:column;flex:1}
.team-info h3{font-family:var(--font-title);font-size:clamp(20px,1.6vw,24px);font-weight:700;margin:0 0 6px}
.team-role{color:var(--navy);font-weight:700;font-size:14px;margin:0 0 12px;line-height:1.35}
.team-bio{font-size:14.5px;color:var(--grey);line-height:1.6;margin:0 0 18px}

.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:var(--column-gap);align-items:start}.catalog-main{display:grid;gap:var(--card-gap)}.catalog-main>#catalog{display:grid;gap:var(--card-gap)}.catalog-group{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}.catalog-group h2{font-size:clamp(22px,2vw,26px);font-weight:600;margin-bottom:16px}.service-option{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 12px;border-top:1px solid var(--line);border-radius:14px;transition:background .2s ease;cursor:pointer}
.service-option:hover{background:rgba(55,184,245,.05)}
.service-option-main{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.service-desc{font-size:13.5px;line-height:1.45;color:var(--grey);font-weight:400}
.quantity-wrap{display:inline-flex;align-items:center;gap:8px;margin-top:6px}
.service-action-wrap{display:flex;align-items:center;gap:14px;justify-content:flex-end;flex-shrink:0}.service-option:first-of-type{border-top:0}.service-check{width:22px;height:22px;accent-color:var(--navy);margin-top:2px}.service-name{font-weight:600;font-size:15px;color:var(--ink)}.service-price{font-family:var(--font-body);font-weight:600;font-size:15px;white-space:nowrap;color:var(--navy)}.quantity{width:76px;padding:7px 9px;border:1px solid var(--line);border-radius:10px}.summary-panel{position:sticky;top:110px;background:var(--ink);color:#fff;border-radius:26px;padding:28px;box-shadow:var(--shadow)}.summary-panel h2{font-size:22px;font-weight:600;margin:0;color:#fff}.summary-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}.summary-item{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:10px;font-size:14.5px}.summary-empty{color:rgba(255,255,255,.62);font-size:14.5px}.summary-total{display:flex;justify-content:space-between;align-items:end;margin:20px 0}.summary-total strong{font-family:var(--font-title);font-size:1.9rem;font-weight:700;color:var(--blue)}.summary-note{font-size:13.5px;color:rgba(255,255,255,.62)}

.form-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:42px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--card-gap)}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-weight:600;font-size:18px}.field input,.field textarea,.field select{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);outline:none;transition:.2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(55,184,245,.14)}.field textarea{min-height:150px;resize:vertical}.form-status{display:none;margin-top:18px;padding:14px;border-radius:12px;background:#e8f7ee;color:#145c2e}.form-status.show{display:block}
.contact-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:var(--column-gap)}.contact-panel{background:var(--navy);color:#fff;border-radius:28px;padding:40px}.contact-panel h2{color:#fff;font-family:var(--font-title);font-size:clamp(26px,2.6vw,34px);font-weight:600;margin:0 0 16px}.contact-row{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.17)}.contact-row:last-child{border:0}.contact-row svg,.contact-row .icon{width:22px;height:22px;stroke-width:1.8;color:var(--blue);flex:0 0 auto;margin-top:3px}.contact-row p{margin:0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.5}.contact-row strong{display:block;color:#fff;margin-bottom:2px;font-size:15.5px}
.contact-row .contact-mail{color:#fff}
.contact-row .contact-mail:hover{color:var(--blue)}.map-frame{margin-top:40px;border-radius:24px;overflow:hidden;min-height:360px;border:1px solid var(--line);background:#eaf0f4}.map-frame iframe{width:100%;height:400px;border:0}
.contact-section{padding:var(--section-pad) 0}

.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.filter-chip{padding:8px 16px;border:1px solid var(--line);background:#fff;border-radius:999px;font-weight:600;font-size:.82rem;transition:all .2s ease}.filter-chip.active{background:var(--navy);color:#fff}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:24px}.blog-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 40px rgba(22,72,130,.07);transition:transform .3s,border-color .3s,box-shadow .3s}.blog-card:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:var(--shadow)}.blog-card-media{position:relative;height:230px;overflow:hidden;background:var(--sky)}.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.blog-card:hover .blog-card-media img{transform:scale(1.045)}.blog-card-source{position:absolute;left:16px;bottom:16px;padding:6px 12px;border-radius:999px;background:rgba(10,11,13,.76);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em}.blog-card-body{display:flex;flex:1;flex-direction:column;padding:24px}.blog-card-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--navy);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.blog-card-meta time{color:var(--grey);font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap}.blog-card h3{font-family:var(--font-title);font-size:clamp(19px,1.8vw,23px);font-weight:600;line-height:1.3;margin-bottom:12px}
.blog-card h3 a{transition:color .3s;color:var(--ink)}
.blog-card h3 a:hover{color:var(--blue)}.blog-card-body p{color:var(--grey);font-size:15px;line-height:1.6;margin:0 0 18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.blog-card-body .text-link{margin-top:auto;align-self:flex-start}.blog-card.is-hidden{display:none}

.legal-shell{display:grid;grid-template-columns:260px minmax(0,800px);gap:var(--column-gap);align-items:start}
.blog-shell{grid-template-columns:240px minmax(0,1fr)}
.blog-shell .legal-content h2{max-width:none}
.blog-toc{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);display:grid;gap:4px}
.blog-toc-title{font-family:var(--font-title);font-weight:700;font-size:16px;margin:0 0 10px;color:var(--navy)}
.blog-toc a{font-size:14px;line-height:1.5;padding:5px 0;color:var(--grey);border-left:2px solid var(--line);padding-left:10px;transition:color .25s,border-color .25s}
.blog-toc a:hover{color:var(--blue);border-color:var(--blue)}
.blog-body{display:grid;gap:18px}
.blog-body p{font-size:18px;line-height:1.75;color:#3d4146;margin:0}
.blog-body h2{font-size:clamp(28px,3vw,38px);margin:34px 0 4px;scroll-margin-top:24px}
.blog-body h3{font-size:22px;margin:26px 0 4px}
.blog-body ul{display:grid;gap:10px;padding-left:22px;margin:6px 0}
.blog-body li{font-size:18px;line-height:1.7;color:#3d4146}
.blog-source-link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;background:var(--sky);color:var(--navy);font-size:14px;font-weight:700;line-height:1.3}
.blog-source-link:hover{background:var(--blue);color:var(--ink)}
.blog-source-link .icon{width:15px;height:15px}
.blog-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-nav{position:sticky;top:120px;display:grid;gap:8px}.legal-nav a{padding:10px 13px;border-left:2px solid var(--line);font-size:18px;color:var(--grey)}.legal-nav a:hover{color:var(--navy);border-color:var(--blue)}.legal-content h2{font-size:50px;margin:58px 0 16px}.legal-content h2:first-child{margin-top:0}.legal-content h3{margin:28px 0 12px}.legal-content p,.legal-content li{color:#4f555b}.legal-content ul{padding-left:22px}.legal-meta{padding:20px;background:var(--sky);border-radius:14px;margin-bottom:34px}
.legal-mail{color:var(--blue);text-decoration:underline}
.legal-mail:hover{color:var(--navy)}

.site-footer{background:var(--ink);color:#fff;padding:0 0 24px}.site-footer .footer-grid{padding-top:48px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:var(--column-gap)}.footer-brand img{width:300px}.footer-brand p{color:rgba(255,255,255,.6);max-width:390px;margin-top:18px;font-size:14.5px;line-height:1.55}.site-footer h3{font-family:var(--font-title);font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--blue);margin-bottom:14px}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:9px;color:rgba(255,255,255,.7);font-size:14.5px}.footer-links a:hover{color:#fff}.social-row{display:flex;gap:10px;margin-top:18px}.social-placeholder{width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center;color:rgba(255,255,255,.42)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:54px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:.76rem;color:rgba(255,255,255,.52)}.footer-legal{display:flex;gap:18px;flex-wrap:wrap}

main>section.section:nth-of-type(even):not(.metrics-band):not(.cta-band),main>section.section-sm:nth-of-type(even):not(.metrics-band):not(.cta-band),main>section.service-block:nth-of-type(even){background:#fff;border-block:1px solid rgba(10,11,13,.055)}
main>section.section:nth-of-type(odd):not(.metrics-band):not(.cta-band),main>section.section-sm:nth-of-type(odd):not(.metrics-band):not(.cta-band),main>section.service-block:nth-of-type(odd){background:var(--paper)}
main>section.metrics-band{background:var(--navy);border:0;padding:var(--section-pad) 0}
main>section.cta-band{background:transparent;border:0}
main>section.problem-section{background:#fff;border-block:1px solid rgba(10,11,13,.055)}

.reveal{opacity:1;transform:none}
.motion-ready .reveal{opacity:1;transform:none}
.motion-ready .hero-media,.motion-ready .page-hero-media{opacity:1;transform:none}

@media(max-width:1200px){
  :root{--nav-h:78px}.nav-links{display:none}.menu-toggle{display:flex}.brand img{width:300px}.nav-actions .btn{display:none}
  .mobile-menu{position:fixed;z-index:99;inset:0;background:#fff;color:var(--ink);padding:calc(var(--nav-h) + 28px) 24px 48px;transform:translateX(100%);transition:.35s;overflow:auto;-webkit-overflow-scrolling:touch;visibility:hidden;pointer-events:none}.mobile-menu.open{transform:none;visibility:visible;pointer-events:auto}.mobile-menu nav{display:grid;gap:4px}.mobile-menu a{font-family:var(--font-body);font-size:2rem;padding:10px 0;border-bottom:1px solid var(--line)}.mobile-nav-item{border-bottom:1px solid var(--line)}.mobile-nav-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-nav-row>a{flex:1;min-width:0;border-bottom:0;padding:10px 0}.mobile-sub-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;border:0;border-radius:50%;background:rgba(22,72,130,.08);color:var(--navy);cursor:pointer}.mobile-sub-toggle svg,.mobile-sub-toggle .icon{width:22px;height:22px;transition:transform .25s ease}.mobile-nav-item.is-open .mobile-sub-toggle svg,.mobile-nav-item.is-open .mobile-sub-toggle .icon{transform:rotate(180deg)}.mobile-sub{display:grid;padding:0 0 12px 20px;gap:2px}.mobile-sub[hidden]{display:none}.mobile-sub a{font-family:var(--font-body);font-size:18px;color:var(--grey);padding:10px 0;border-bottom:0}.home-site-header.scrolled,.menu-open .site-header,.menu-open .home-site-header{background:rgba(255,255,255,.98)!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important;transition:none!important}.menu-open .home-site-header .menu-toggle{border-color:var(--line)!important;background:rgba(255,255,255,.92)!important;color:var(--ink)!important}.menu-open .home-site-header .lang-toggle{border-color:var(--line)!important;background:rgba(255,255,255,.92)!important}.menu-open .home-site-header .lang-toggle button{color:var(--grey)!important}
  .hero-grid{grid-template-columns:1fr}.hero{padding-top:20px}.hero-media{min-height:560px}.page-hero{min-height:600px}.page-hero-content{padding:130px 0 80px}.solution-card{min-height:0;height:auto}.problem-section{padding:70px 0}.services-stack .section-head{margin-bottom:36px}.stack-card{top:105px!important;height:auto;min-height:540px}.stack-top{top:24px;left:26px;right:26px}.stack-copy{left:26px;right:26px;bottom:28px}.metrics-panel{grid-template-columns:1fr}.value-grid{grid-template-columns:repeat(3,1fr)}.catalog-layout{grid-template-columns:1fr}.summary-panel{position:relative;top:auto}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.process-track{grid-template-columns:1fr}
}
@media(min-width:1201px){.mobile-menu{display:none}}
@media(max-width:760px){
  .container{width:min(calc(100% - 28px),var(--max))}.section{padding:82px 0}.section-sm{padding:58px 0}.section-head{align-items:start;flex-direction:column}.section-head>.lead{justify-self:start;text-align:left}.brand img{width:185px}.nav-wrap{gap:9px}.lang-toggle button{min-width:32px}.menu-toggle{width:42px;height:42px}h1{font-size:clamp(3.1rem,15vw,5rem)}h2{font-size:clamp(2.25rem,11vw,3.6rem)}
  .hero{min-height:auto;padding-bottom:52px}.hero-grid{gap:22px}.hero-copy .lead{font-size:18px}.hero-proof{flex-direction:column;gap:12px}.hero-media{min-height:460px}.hero-media img{border-radius:80px 18px 70px 18px}.hero-orbit{width:90px;height:90px;right:0}.marquee-item{padding:0 18px}
  .solution-card{padding:28px}.problem-section{padding:54px 0}.solution-ribbon{grid-template-columns:1fr;gap:20px;padding:30px 22px}.solution-ribbon-actions{width:100%}.solution-ribbon-btn{width:100%;justify-content:space-between}.stack-card{min-height:auto;border-radius:26px}.stack-card{min-height:500px}.stack-top{top:20px;left:20px;right:20px}.stack-copy{left:20px;right:20px;bottom:24px;gap:14px}.stack-copy h3{font-size:clamp(30px,6vw,38px)}.stack-copy p{font-size:18px}.stack-icon{width:40px;height:40px}.services-stack{padding-bottom:100px}.stack-list{padding-bottom:120px}.process-track{grid-template-columns:1fr}.process-track::before{display:none}.process-step{text-align:left;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:8px 0}.process-dot{margin:0;width:60px;height:60px;font-size:18px}
}
@media(max-width:1200px){.hero-grid,.content-grid,.contact-grid,.catalog-layout,.legal-shell{gap:40px}.services-stack .section-head{gap:24px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1200px){.cta-inner h2{font-size:clamp(36px,5vw,52px)}.cta-inner .cta-actions{flex-wrap:wrap;justify-content:center}}
@media(max-width:1200px){.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.value-card,.value-card:nth-child(4),.value-card:nth-child(5){grid-column:auto}}
@media(max-width:760px){.content-grid,.contact-grid,.catalog-layout,.legal-shell{gap:30px}main>section.metrics-band{padding:48px 0}.blog-grid{grid-template-columns:1fr}.blog-grid-2{grid-template-columns:1fr}.blog-card-media{height:215px}}
@media(max-width:1200px){
  .home-site-header{top:0;width:100%}
  .home-site-header .nav-wrap{width:min(calc(100% - 40px),var(--max));padding:0}
  .home-site-header .menu-toggle{display:flex;border-color:rgba(255,255,255,.3);background:rgba(7,27,50,.32);color:#fff}
  .hero{padding:0}
  .hero-stage{min-height:100svh}
  .hero-grid{width:min(calc(100% - 40px),var(--max));min-height:100svh;grid-template-columns:1fr;align-content:end;gap:32px;padding:126px 0 80px}
  .hero-stage-shade{background:linear-gradient(90deg,rgba(5,24,45,.94) 0%,rgba(7,32,59,.7) 48%,rgba(7,32,59,.18) 100%),linear-gradient(0deg,rgba(5,22,42,.88) 0%,transparent 66%)}
  .hero-media{min-height:0}
  .hero-media img{object-position:68% center;border-radius:0}
  .hero-side{justify-self:start;max-width:580px;padding:0}
  .hero{height:900px;min-height:0;max-height:900px}
  .hero-stage,.hero-grid{height:100%;min-height:0}
  .hero-copy h1{font-size:clamp(64px,8vw,96px)}
}
@media(max-width:760px){
  .home-site-header{top:0;width:100%}
  .home-site-header .nav-wrap{width:calc(100% - 28px);min-height:82px;padding:0}
  .home-site-header .brand img{width:190px}
  .home-site-header .lang-toggle{display:none}
  .hero{padding:0}
  .hero-stage{min-height:100svh;border-radius:0}
  .hero-grid{width:calc(100% - 28px);min-height:100svh;gap:26px;padding:104px 0 28px}
  .hero-copy > .eyebrow{margin-bottom:18px}
  .hero-copy h1{font-size:clamp(44px,13vw,58px);line-height:.94;margin-top:24px}
  .hero-proof{gap:6px}
  .proof-item{min-height:31px;padding:4px 12px 4px 10px;font-size:18px}
  .hero-side .lead{font-size:18px;line-height:28px;margin-bottom:22px}
  .hero-actions{align-items:stretch;flex-direction:column}
  .hero-actions .btn{width:100%}
  .hero{height:auto;max-height:none;min-height:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.reveal{opacity:1;transform:none}.btn,.process-step,.team-photo img{transition:none}}


/* ==========================================================================
   Running / Live Animated SVGs
   ========================================================================== */

/* 1. Compass needle navigation hunting */
.live-svg-compass .svg-compass-needle{transform-origin:12px 12px;animation:compassHunting 4s cubic-bezier(.45,.05,.55,.95) infinite}
@keyframes compassHunting{
  0%,100%{transform:rotate(0deg)}
  20%{transform:rotate(32deg)}
  45%{transform:rotate(-24deg)}
  70%{transform:rotate(18deg)}
  85%{transform:rotate(-6deg)}
}

/* 2. Pencil / Ruler drafting tilt */
.live-svg-pencil{transform-origin:center;animation:pencilDraft 3.6s ease-in-out infinite}
@keyframes pencilDraft{
  0%,100%{transform:rotate(0deg) translateY(0)}
  40%{transform:rotate(12deg) translateY(-2px)}
  70%{transform:rotate(-6deg) translateY(1px)}
}

/* 3. Code-2 brackets expanding & pulsing */
.live-svg-code .svg-code-l{animation:codeLeft 2.4s ease-in-out infinite}
.live-svg-code .svg-code-r{animation:codeRight 2.4s ease-in-out infinite}
.live-svg-code .svg-code-slash{animation:codeSlash 2.4s ease-in-out infinite}
@keyframes codeLeft{0%,100%{transform:translateX(0)}50%{transform:translateX(-2.5px)}}
@keyframes codeRight{0%,100%{transform:translateX(0)}50%{transform:translateX(2.5px)}}
@keyframes codeSlash{0%,100%{opacity:.7}50%{opacity:1;filter:drop-shadow(0 0 3px var(--blue))}}

/* 4. Rocket hovering & thruster pulse */
.live-svg-rocket{animation:rocketFloat 3s ease-in-out infinite}
.live-svg-rocket .svg-rocket-flame{animation:rocketFlame 1.2s ease-in-out infinite alternate}
@keyframes rocketFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,-3px)}}
@keyframes rocketFlame{0%{opacity:.5;transform:scale(.85)}100%{opacity:1;transform:scale(1.15);stroke:var(--blue)}}

/* 5. Shield check breathing & glow */
.live-svg-shield{animation:shieldBreathe 3.2s ease-in-out infinite}
.live-svg-shield .svg-shield-tick{animation:tickGlow 2.4s ease-in-out infinite}
@keyframes shieldBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes tickGlow{0%,100%{stroke-width:2}50%{stroke-width:2.6;filter:drop-shadow(0 0 4px var(--blue))}}

/* 6. Sparkles twinkling */
.live-svg-sparkles .svg-sparkle-main{transform-origin:12px 12px;animation:sparkleTwinkle 2.8s ease-in-out infinite}
.live-svg-sparkles .svg-sparkle-star-1{animation:starFlicker 1.8s ease-in-out infinite alternate}
.live-svg-sparkles .svg-sparkle-star-2{animation:starFlicker 1.8s ease-in-out infinite alternate-reverse}
@keyframes sparkleTwinkle{0%,100%{transform:scale(1) rotate(0deg);opacity:.9}50%{transform:scale(1.18) rotate(18deg);filter:drop-shadow(0 0 5px var(--blue))}}
@keyframes starFlicker{0%{opacity:.3;transform:scale(.7)}100%{opacity:1;transform:scale(1.2)}}

/* 7. Refresh CW continuous smooth spin */
.live-svg-refresh{transform-origin:center center;animation:svgSpinContinuous 8s linear infinite}
@keyframes svgSpinContinuous{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* 8. Combine boxes connecting */
.live-svg-combine .svg-box-1{animation:combineP1 3s ease-in-out infinite alternate}
.live-svg-combine .svg-box-2{animation:combineP2 3s ease-in-out infinite alternate}
.live-svg-combine .svg-connect-line{animation:connectPulse 2s ease-in-out infinite}
@keyframes combineP1{0%{transform:scale(1)}100%{transform:scale(1.08)}}
@keyframes combineP2{0%{transform:scale(1)}100%{transform:scale(1.08)}}
@keyframes connectPulse{0%,100%{opacity:.5}50%{opacity:1;stroke-width:2.8;stroke:var(--blue)}}

/* 9. File text scanning lines */
.live-svg-file .svg-file-line-1{animation:fileScan 2.4s ease-in-out infinite 0s}
.live-svg-file .svg-file-line-2{animation:fileScan 2.4s ease-in-out infinite .3s}
.live-svg-file .svg-file-line-3{animation:fileScan 2.4s ease-in-out infinite .6s}
@keyframes fileScan{0%,100%{opacity:.4}50%{opacity:1;stroke:var(--blue)}}

/* Accelerated motion on Card Hover */
.step-masonry-card:hover .live-svg-compass .svg-compass-needle,
.alt-timeline-item:hover .live-svg-compass .svg-compass-needle{animation-duration:1.6s}
.step-masonry-card:hover .live-svg-rocket,
.alt-timeline-item:hover .live-svg-rocket{animation-duration:1.2s;transform:translate(3px,-4px)}
.step-masonry-card:hover .live-svg-refresh,
.alt-timeline-item:hover .live-svg-refresh{animation-duration:2.5s}
.step-masonry-card:hover .live-svg-sparkles .svg-sparkle-main,
.alt-timeline-item:hover .live-svg-sparkles .svg-sparkle-main{animation-duration:1.2s}


/* ==========================================================================
   Enhanced Partner Band (Recruitment Sperton Section)
   ========================================================================== */
.partner-band{padding:clamp(60px,7vw,96px) 0;position:relative}
.partner-band .metrics-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(36px,4.5vw,64px);align-items:stretch}
.partner-band .metrics-intro{display:flex;flex-direction:column;justify-content:space-between;height:100%}
.partner-band .metrics-list-3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr auto;gap:clamp(14px,1.6vw,20px);height:100%}
.partner-band .partner-metric-card{height:100%}

.partner-header-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.partner-logo-box{display:inline-flex;align-items:center;background:#ffffff;padding:8px 18px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.9)}
.partner-logo-box img{height:28px;width:auto;object-fit:contain;display:block}

.partner-badge-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;background:rgba(55,184,245,.14);border:1px solid rgba(55,184,245,.32);color:var(--blue);font-size:13.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.partner-badge-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px var(--blue);animation:partnerDotPulse 2s infinite}
@keyframes partnerDotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}

.partner-band .metrics-intro h2{font-size:clamp(36px,3.8vw,54px);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:#ffffff;margin:0 0 22px;background:linear-gradient(180deg,#ffffff 45%,#bfe7ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.partner-copy-card{position:relative;background:rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-left:3.5px solid var(--blue);border-radius:0 18px 18px 0;padding:22px 26px;box-shadow:0 14px 36px rgba(5,18,36,.25)}
.partner-copy-card p{color:rgba(255,255,255,.88);font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.68;letter-spacing:-.01em;margin:0}

/* Enhanced 2-Column (1x2 + span 2) Metric Cards Grid */
.partner-band .metrics-list-3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}

.partner-metric-card{position:relative;background:linear-gradient(155deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.03) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:clamp(24px,2.5vw,32px) clamp(20px,2.2vw,28px);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:175px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.22);transition:all .35s cubic-bezier(.16,1,.3,1)}
.partner-metric-card:nth-child(3){grid-column:span 2;flex-direction:row;align-items:center;min-height:auto;gap:24px;padding:20px 28px}
.partner-metric-card:nth-child(3) .partner-metric-icon{margin-bottom:0;flex-shrink:0}
.partner-metric-card:nth-child(3) .metric-text-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.partner-metric-card:nth-child(3) strong{margin-bottom:0;line-height:1;display:flex;align-items:center}
.partner-metric-card:nth-child(3) span{margin-top:0;line-height:1;display:flex;align-items:center}
.partner-metric-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3.5px;background:linear-gradient(90deg,var(--blue),transparent 85%);opacity:.85;transition:opacity .3s ease}
.partner-metric-card::after{content:"";position:absolute;inset:0;background:radial-gradient(200px circle at top left,rgba(55,184,245,.15),transparent 70%);opacity:0;transition:opacity .35s ease;pointer-events:none}

.partner-metric-card:hover{transform:translateY(-6px);border-color:rgba(55,184,245,.55);box-shadow:0 24px 54px -10px rgba(0,0,0,.35),0 0 28px rgba(55,184,245,.22);background:linear-gradient(155deg,rgba(55,184,245,.18) 0%,rgba(255,255,255,.05) 100%)}
.partner-metric-card:hover::before{opacity:1}
.partner-metric-card:hover::after{opacity:1}

.partner-metric-icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,rgba(55,184,245,.25) 0%,rgba(255,255,255,.06) 100%);border:1px solid rgba(55,184,245,.4);color:var(--blue);display:grid;place-items:center;box-shadow:0 0 22px rgba(55,184,245,.3),inset 0 0 10px rgba(55,184,245,.18);transition:all .35s ease;margin-bottom:18px}
.partner-metric-card:hover .partner-metric-icon{background:var(--blue);color:#ffffff;transform:scale(1.08);box-shadow:0 0 28px rgba(55,184,245,.6)}
.partner-metric-icon .icon{width:26px;height:26px;stroke-width:2}

.partner-metric-card strong{display:block;font-family:var(--font-title);font-weight:800;font-size:clamp(32px,3.2vw,46px);line-height:1;letter-spacing:-.03em;color:#ffffff;margin-bottom:8px;background:linear-gradient(180deg,#ffffff 35%,#9de0ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.partner-metric-card span{display:block;color:rgba(255,255,255,.84);font-size:15px;font-weight:600;letter-spacing:.01em;line-height:1.35}

@media(max-width:1080px){
  .partner-band .metrics-panel{grid-template-columns:1fr;gap:40px}
}
@media(max-width:640px){
  .partner-band .metrics-list-3{grid-template-columns:1fr;gap:14px}
  .partner-metric-card{min-height:auto;flex-direction:row;align-items:center;gap:18px;padding:20px}
  .partner-metric-icon{margin-bottom:0;flex-shrink:0}
}


/* 3x2 Grid for 6-Step Process (Recruitment) */
.step-grid-3x2{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px);width:100%;margin-top:clamp(40px,4.5vw,56px)}
.step-grid-3x2 .step-masonry-card{grid-column:auto!important;min-height:185px}

@media(max-width:960px){
  .step-grid-3x2{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .step-grid-3x2{grid-template-columns:1fr;gap:14px}
  .step-grid-3x2 .step-masonry-card{min-height:auto}
}

/* ==========================================================================
   Shared brand type and layout normalization
   ========================================================================== */
body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--body-leading);color:var(--ink)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:600;line-height:var(--heading-leading);letter-spacing:-.035em;color:var(--ink)}
h1{font-size:var(--text-h1)}
h2{font-size:var(--text-h2)}
h3{font-size:var(--text-h3)}
h4{font-size:var(--text-h4)}
h5{font-size:var(--text-h5)}
h6{font-size:var(--text-h6)}
p{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--body-leading);color:var(--body-ink)}
.lead{font-size:var(--text-lead);line-height:1.55}
.container,.hero-grid,.page-hero-content,.home-site-header .nav-wrap{width:min(calc(100% - var(--gutter) - var(--gutter)),var(--max))}
.image-band{width:min(calc(100% - var(--gutter) - var(--gutter)),var(--max));margin-inline:auto}
.page-hero-content h1{font-size:var(--text-h1)}
body[data-page="blog-post"] .page-hero-content h1{font-size:clamp(36px,3.8vw,54px)}
.section-head h2,.content-aside h2,.legal-content h2,.catalog-group h2,.summary-panel h2,.contact-panel h2,.prose h2,.story-head h2,.case-head h2,.metrics-intro h2,.metrics-panel-single h2{font-size:var(--text-h2);line-height:var(--heading-leading)}
 .sol-card-body h3,.value-card h3,.team-info h3,.feature-card h3,.story-mission-body h3,.story-presence h3,.alt-card-title,.step-card-title{font-size:var(--text-h3);line-height:var(--heading-leading)}
 .sol-card-body .lead,.solution-card .lead,.metrics-copy,.partner-copy-card p,.blog-body p,.blog-card-body p,.legal-content p,.feature-card p,.value-card p,.team-bio,.contact-row p,.alt-card-desc{font-size:var(--text-body);line-height:var(--body-leading)}
.process-header{margin-bottom:clamp(32px,3vw,48px)}
.step-masonry-grid,.step-grid-3x2{margin-top:0}

@media(max-width:1200px){
  :root{--gutter:40px}
  .content-grid,.contact-grid,.legal-shell{grid-template-columns:1fr}
  .hero-side{width:100%;max-width:580px;min-width:0}
  .page-hero-content>*,.hero-copy,.hero-side{min-width:0}
}

@media(max-width:760px){
  :root{--gutter:14px}
  .hero-side{max-width:none}
  .page-hero-content h1{max-width:100%;overflow-wrap:anywhere}
  .page-hero-content .lead,.hero-side .lead{max-width:100%;overflow-wrap:anywhere}
  .image-band{border-radius:26px}
}

/* Enhanced Global Reach Presence Panel */
.metrics-panel-single{position:relative;z-index:1;padding:clamp(48px,5vw,72px) 0;display:flex;flex-direction:column;align-items:center;text-align:center}
.metrics-panel-single .metrics-kicker{margin-inline:auto;margin-bottom:18px}
.metrics-panel-single h2{font-size:clamp(38px,4vw,56px);font-weight:800;letter-spacing:-.03em;color:#ffffff;background:linear-gradient(180deg,#ffffff 40%,#a5e0ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 18px}
.metrics-panel-single .metrics-copy{border-left:0;border-radius:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);padding:16px 28px;text-align:center;max-width:64ch;margin:0 auto 28px;color:rgba(255,255,255,.9);font-size:clamp(16px,1.15vw,18px);line-height:1.65}

.metrics-panel-single .world-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:800px;margin:0 auto}
.metrics-panel-single .world-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#ffffff;font-size:15px;font-weight:600;letter-spacing:.02em;box-shadow:0 6px 18px rgba(0,0,0,.15);transition:all .3s cubic-bezier(.16,1,.3,1)}
.metrics-panel-single .world-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px var(--blue)}
.metrics-panel-single .world-chip:hover{transform:translateY(-3px);background:rgba(55,184,245,.2);border-color:rgba(55,184,245,.6);box-shadow:0 10px 26px -4px rgba(0,0,0,.3),0 0 16px rgba(55,184,245,.35)}


/* Home Network Section 2x2 Grid */
.home-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}
.home-metrics-grid .partner-metric-card{min-height:190px}
.home-metrics-grid .partner-metric-card span{font-size:14px;line-height:1.5;color:rgba(255,255,255,.82);font-weight:400}

/* Global reach split layout */
.metrics-reach-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:stretch;text-align:left}
.metrics-reach-layout .metrics-intro{align-items:flex-start;min-width:0}
.metrics-reach-layout .metrics-kicker{margin-inline:0}
.metrics-reach-layout .metrics-copy{max-width:560px;margin:0;text-align:left}
.metrics-reach-layout .world-row{justify-content:flex-start;max-width:none;margin:26px 0 0}
.metrics-reach-media{position:relative;min-height:390px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:#0e3c6e;box-shadow:0 18px 44px rgba(5,18,36,.24)}
.metrics-reach-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,36,70,.3),transparent 55%),linear-gradient(0deg,rgba(5,22,42,.32),transparent 48%);pointer-events:none}
.metrics-reach-media img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.metrics-reach-media:hover img{transform:scale(1.035)}
@media(max-width:900px){
  .metrics-reach-layout{grid-template-columns:1fr;gap:32px}
  .metrics-reach-media{min-height:300px}
  .metrics-reach-media img{min-height:300px}
}
@media(max-width:600px){
  .metrics-reach-layout{gap:26px}
  .metrics-reach-media{min-height:250px;border-radius:22px}
  .metrics-reach-media img{min-height:250px}
  .metrics-reach-layout .metrics-copy{max-width:none}
}

/* Blue process cards with white content */
.process-section .alt-card,
.process-section .step-masonry-card{background:linear-gradient(135deg,var(--navy) 0%,#1f5b98 70%,#247caf 100%);border:0;box-shadow:0 18px 44px rgba(22,72,130,.18);color:#ffffff}
.process-section .alt-card::before,
.process-section .step-masonry-card::before{display:none}
.process-section .alt-card-title,
.process-section .step-card-title{color:#ffffff}
.process-section .alt-card-desc{color:rgba(255,255,255,.86)}
.process-section .alt-card-icon,
.process-section .step-card-icon{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.34);color:#ffffff;box-shadow:inset 0 0 12px rgba(255,255,255,.06),0 8px 20px rgba(5,18,36,.16)}
.process-section .step-card-num{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.34);color:#ffffff}
.process-section .step-m-watermark{color:rgba(255,255,255,.12)}
.process-section .alt-timeline-item.is-active .alt-card,
.process-section .alt-timeline-item:hover .alt-card{background:linear-gradient(135deg,#0b2a4e 0%,var(--navy) 55%,#2b86b9 100%);border-color:rgba(55,184,245,.7)}

/* Executive Milestone Roadmap */
.process-section .process-header{align-items:center;text-align:center}
.process-section .process-header .problem-badge{margin-inline:auto}
.process-section .process-header .statement{max-width:clamp(680px,74vw,1040px);text-align:center;text-wrap:balance}

.milestone-roadmap{position:relative;z-index:1;width:100%}
.milestone-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--steps,4),minmax(0,1fr));gap:clamp(16px,2vw,28px)}

.milestone-card{position:relative;background:#ffffff;border:1px solid rgba(22,72,130,.12);border-radius:26px;padding:clamp(26px,2.6vw,34px) clamp(22px,2.2vw,28px);box-shadow:0 16px 44px -10px rgba(22,72,130,.08);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;gap:16px;min-height:280px;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease}
.milestone-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3.5px;background:linear-gradient(90deg,var(--blue),var(--navy));opacity:0;transition:opacity .3s ease}
.milestone-card:hover{transform:translateY(-8px);border-color:rgba(55,184,245,.6);box-shadow:0 24px 54px -10px rgba(22,72,130,.18)}
.milestone-card:hover::before{opacity:1}

.milestone-top{display:contents}
.milestone-icon-wrap{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,rgba(55,184,245,.16) 0%,rgba(22,72,130,.07) 100%);border:1.5px solid rgba(55,184,245,.35);color:var(--navy);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(22,72,130,.08);transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .35s ease,color .35s ease,box-shadow .35s ease,border-color .35s ease;line-height:0;padding:0;overflow:hidden;margin-bottom:2px}
.milestone-card:hover .milestone-icon-wrap{background:linear-gradient(135deg,#164882,#0b2d52);border-color:#37b8f5;color:#37b8f5;transform:translateY(-4px) scale(1.1);box-shadow:0 12px 28px rgba(11,45,82,.28)}
.milestone-icon-wrap .icon,.milestone-icon-wrap svg{width:28px;height:28px;stroke-width:1.9;display:block;margin:0 auto;transition:transform .35s ease}
.milestone-card:hover .milestone-icon-wrap .icon,.milestone-card:hover .milestone-icon-wrap svg{transform:scale(1.08) rotate(-4deg);color:#37b8f5}

.milestone-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#eef8ff;border:1px solid rgba(55,184,245,.34);color:var(--blue);font-size:13.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;align-self:flex-start}
.milestone-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}

.milestone-body{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1;text-align:left}
.milestone-body h3{font-family:var(--font-title);font-size:clamp(20px,1.8vw,24px);font-weight:700;letter-spacing:-.025em;color:var(--ink);margin:0;line-height:1.2}
.milestone-body p{font-size:15px;line-height:1.62;color:var(--grey);margin:0}

.milestone-phase-marker{display:none}

@media(max-width:960px){
  .milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .milestone-card{min-height:auto}
}
@media(max-width:640px){
  .milestone-grid{grid-template-columns:1fr;gap:16px}
  .milestone-card{padding:22px 20px}
}

/* Open editorial service chapters: no repeated outer card and no image slot */
.service-block.service-block-chapter{scroll-margin-top:120px;padding:var(--section-pad) 0;border-top:1px solid rgba(22,72,130,.11);background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(238,248,255,.34))}
.service-chapter{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(46px,8vw,126px);align-items:start}
.service-chapter-intro{position:sticky;top:116px;min-width:0;padding-top:8px}
.service-chapter-kicker{display:flex;align-items:center;gap:14px}
.service-chapter-number{font-family:var(--font-title);font-size:clamp(48px,5vw,72px);font-weight:600;line-height:1;letter-spacing:-.05em;color:var(--navy)}
.service-chapter-rule{width:40px;height:2px;flex:0 0 auto;background:var(--blue)}
.service-chapter-kicker .eyebrow{margin:0;color:var(--navy);letter-spacing:.14em}
.service-chapter-kicker .eyebrow::before{display:none}
.service-chapter-intro h2{max-width:14ch;margin:16px 0 0;font-family:var(--font-title);font-size:var(--text-h2);line-height:var(--heading-leading);letter-spacing:-.035em}
.service-chapter-intro .lead,.service-chapter-note{max-width:460px;margin:24px 0 0;color:var(--grey);font-size:17px;line-height:1.65}
.service-chapter-note{font-size:16px}
.service-chapter-meta{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:38px;padding:15px 0;border-top:1px solid rgba(22,72,130,.18);border-bottom:1px solid rgba(22,72,130,.18);color:var(--navy);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.service-chapter-meta span:first-child{color:var(--blue);font-family:var(--font-title);font-size:13px;letter-spacing:.12em}
.service-chapter-meta span:last-child{color:var(--grey)}
.service-chapter-deliveries{min-width:0;padding-top:12px}
.service-chapter-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:0 0 18px;border-bottom:2px solid var(--navy);color:var(--navy);font-family:var(--font-title);font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.service-chapter-list-head span:last-child{color:var(--blue);font-size:16px;letter-spacing:.08em}
.service-offering{display:grid;grid-template-columns:48px minmax(0,1fr) 38px;gap:20px;align-items:start;padding:27px 0;border-bottom:1px solid rgba(22,72,130,.15);transition:padding .28s,background .28s,transform .28s;scroll-margin-top:110px}
.service-offering-index{padding-top:3px;color:var(--blue);font-family:var(--font-title);font-size:13px;font-weight:700;letter-spacing:.12em}
.service-offering-copy h3{margin:0 0 8px;font-size:clamp(22px,2.2vw,31px);line-height:1.08;letter-spacing:-.035em}
.service-offering-copy p{max-width:58ch;margin:0;color:var(--grey);font-size:16px;line-height:1.6}
.service-offering-arrow{display:grid;place-items:center;width:36px;height:36px;margin-top:0;border:1px solid rgba(22,72,130,.2);border-radius:50%;color:var(--navy);text-decoration:none;transition:background .28s,color .28s,border-color .28s,transform .28s}
.service-offering-arrow .icon{width:17px;height:17px}
.service-offering-arrow:focus-visible{outline:3px solid rgba(55,189,249,.45);outline-offset:3px;background:var(--navy);color:#fff}
.service-offering:hover{background:transparent!important;transform:none!important;padding-inline:0!important;border-radius:0!important;box-shadow:none!important}
.service-offering:hover .service-offering-arrow{border-color:var(--navy);background:var(--navy);color:#fff;transform:rotate(45deg)}
.service-offering-arrow-wrap,.catalog-detail-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}
.service-offering-arrow-wrap[data-tooltip]::before,.catalog-detail-wrap[data-tooltip]::before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);padding:5px 10px;background:var(--ink);color:#fff;font-family:var(--font-body);font-size:11.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap;border-radius:6px;box-shadow:0 4px 14px rgba(10,11,13,.2);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:50}
.service-offering-arrow-wrap[data-tooltip]::after,.catalog-detail-wrap[data-tooltip]::after{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%) translateY(4px);border-width:6px 5px 0 5px;border-style:solid;border-color:var(--ink) transparent transparent transparent;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:50}
.service-offering-arrow-wrap:hover::before,.service-offering-arrow-wrap:hover::after,.catalog-detail-wrap:hover::before,.catalog-detail-wrap:hover::after,.service-offering-arrow-wrap:focus-within::before,.service-offering-arrow-wrap:focus-within::after,.catalog-detail-wrap:focus-within::before,.catalog-detail-wrap:focus-within::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.catalog-detail-link{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(22,72,130,.2);border-radius:50%;color:var(--navy);text-decoration:none;transition:background .25s,color .25s,border-color .25s,transform .25s;flex-shrink:0}
.catalog-detail-link .icon{width:16px;height:16px}
.catalog-detail-link:hover{border-color:var(--navy);background:var(--navy);color:#fff;transform:rotate(45deg)}
.catalog-detail-link:focus-visible{outline:3px solid rgba(55,189,249,.45);outline-offset:2px;background:var(--navy);color:#fff}
.service-chapter-approach{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(46px,8vw,126px);margin-top:clamp(58px,7vw,94px);padding-top:30px;border-top:1px solid rgba(22,72,130,.16)}
.service-chapter-approach .eyebrow{margin-bottom:18px}
.service-chapter-approach h3{margin:0;font-family:var(--font-title);font-size:var(--text-h3);line-height:1.2;letter-spacing:-.025em}
.service-chapter-approach>div:last-child{padding-top:4px}
.service-chapter-approach>div:last-child>p{max-width:65ch;margin:0;color:var(--grey);font-size:17px;line-height:1.72}
.service-chapter-approach .service-note{margin-top:16px;color:var(--grey);font-size:14px}
@media(max-width:900px){
  .service-chapter{grid-template-columns:1fr;gap:44px}
  .service-chapter-intro{position:relative;top:auto}
  .service-chapter-intro h2{max-width:14ch}
  .service-chapter-approach{grid-template-columns:1fr;gap:24px}
}
@media(max-width:600px){
  .service-block.service-block-chapter{padding:64px 0}
  .service-chapter{gap:34px}
  .service-chapter-kicker{gap:10px}
  .service-chapter-number{font-size:78px}
  .service-chapter-rule{width:28px}
  .service-chapter-kicker .eyebrow{font-size:10px}
  .service-chapter-intro h2{margin-top:24px;font-size:clamp(38px,11vw,54px)}
  .service-chapter-intro .lead,.service-chapter-note{font-size:16px}
  .service-chapter-meta{margin-top:28px}
  .service-chapter-deliveries{padding-top:0}
  .service-chapter-list-head{font-size:11px}
  .service-offering{grid-template-columns:32px minmax(0,1fr) 32px;gap:12px;padding:22px 0}
  .service-offering-copy h3{font-size:21px}
  .service-offering-copy p{font-size:15px}
  .service-offering-arrow{width:32px;height:32px}
  .service-offering:hover{padding-inline:10px}
  .service-chapter-approach{margin-top:52px;padding-top:26px}
}

/* Who We Work With - aligned with the site-wide eyebrow and body scale */
.global-presence-eyebrow{font-size:.76rem !important;font-weight:600 !important;letter-spacing:.14em !important;color:var(--blue) !important;margin-bottom:20px !important;text-transform:uppercase}
.global-presence-eyebrow::before{width:34px !important;height:2px !important;background:var(--blue) !important}
.global-presence-details{font-size:18px !important;line-height:1.65 !important;color:rgba(255,255,255,.94) !important;max-width:620px !important}

/* Clean Editorial Global Presence Band */
.image-band-global{position:relative;overflow:hidden}
.image-band-global .globe-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Homepage network imagery */
.network-team-media{position:relative;max-width:540px;margin:30px 0 0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#0d3562;box-shadow:0 16px 38px rgba(5,18,36,.22)}
.network-team-media img{display:block;width:100%;height:210px;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.network-team-media:hover img{transform:scale(1.035)}
.network-team-media figcaption{position:absolute;right:14px;bottom:14px;padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(5,22,42,.72);backdrop-filter:blur(10px);color:#fff;font-size:12.5px;font-weight:700}

/* Motion testimonials sourced from the Sperton network */
.testimonial-section{overflow:hidden;background:#07101c!important;color:#fff;border-block:0!important}
.testimonial-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:42px}
.testimonial-head h2{max-width:760px;color:#fff;font-family:var(--font-title);font-size:var(--text-h2);line-height:var(--heading-leading);letter-spacing:-.035em}
.testimonial-head .lead{max-width:690px;margin-top:16px;color:rgba(255,255,255,.7)}
.testimonial-source{flex:0 0 auto;color:var(--blue)}
.testimonial-viewport{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.testimonial-track{display:flex;width:max-content;animation:testimonialMarquee 68s linear infinite;will-change:transform}
.testimonial-group{display:flex;gap:20px;padding-right:20px}
.testimonial-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:min(410px,78vw);min-height:250px;padding:30px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.095),rgba(255,255,255,.035));box-shadow:0 18px 44px rgba(0,0,0,.2)}
.testimonial-quote-mark{position:absolute;right:24px;top:8px;color:rgba(55,184,245,.32);font-family:var(--font-title);font-size:76px;line-height:1}
.testimonial-card blockquote{position:relative;z-index:1;margin:0;padding-right:34px;color:#fff;font-family:var(--font-title);font-size:clamp(23px,2vw,29px);font-weight:600;line-height:1.3;letter-spacing:-.025em}
.testimonial-person{margin-top:30px}
.testimonial-person strong,.testimonial-person span{display:block}
.testimonial-person strong{color:#fff;font-size:15px}
.testimonial-person div>span{max-width:290px;margin-top:3px;color:rgba(255,255,255,.58);font-size:12.5px;line-height:1.35}
@keyframes testimonialMarquee{to{transform:translateX(-50%)}}

/* Global audience split */
.audience-visual-section{padding:var(--section-pad) 0;background:#fff!important}
.audience-visual-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);min-height:520px;overflow:hidden;border-radius:32px;background:linear-gradient(145deg,#071d39,#164882);box-shadow:0 24px 64px rgba(14,46,82,.22)}
.audience-visual-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,5vw,72px)}
.audience-visual-copy h2{color:#fff;font-family:var(--font-title);font-size:var(--text-h2);line-height:var(--heading-leading);letter-spacing:-.035em}
.audience-visual-copy .global-presence-details{max-width:540px!important;margin-top:22px}
.audience-globe-media{position:relative;min-width:0;overflow:hidden;background:#0c2747}
.audience-globe-media::before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:52%;background:linear-gradient(90deg,#123b68 0%,rgba(18,59,104,.98) 16%,rgba(15,51,91,.76) 50%,rgba(12,39,71,0) 100%);pointer-events:none}
.audience-globe-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:none}

/* Gentle idle motion for the top-aligned Why Choose Us icons */
.value-card .value-icon-badge{animation:valueIconFloat 4.6s ease-in-out infinite}
.value-card:nth-child(2) .value-icon-badge{animation-delay:-1.1s}
.value-card:nth-child(3) .value-icon-badge{animation-delay:-2.2s}
.value-card:nth-child(4) .value-icon-badge{animation-delay:-3.3s}
@keyframes valueIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

@media(max-width:900px){
  .testimonial-head{align-items:flex-start;flex-direction:column}
  .audience-visual-grid{grid-template-columns:1fr}
  .audience-globe-media{min-height:410px}
}

@media(max-width:600px){
  .network-team-media img{height:190px}
  .testimonial-head{padding-bottom:30px}
  .testimonial-card{width:300px;min-height:230px;padding:24px}
  .testimonial-card blockquote{font-size:22px}
  .testimonial-viewport{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
  .audience-visual-section{padding-block:60px 72px}
  .audience-visual-grid{min-height:0;border-radius:26px}
  .audience-visual-copy{padding:36px 24px 30px}
  .audience-visual-copy h2{font-size:clamp(38px,12vw,50px)}
  .audience-globe-media{min-height:330px}
  .audience-globe-media img{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .testimonial-track,.value-card .value-icon-badge{animation:none!important}
}




/* ==========================================================================
   ITEM 11: ORDER INDICATIVE PRICING DISCLAIMER & DEDICATED PRICING PAGE
   ========================================================================== */

/* 4-Column Value Grid */
.value-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--card-gap);margin-top:clamp(28px,3.2vw,44px)}
@media(max-width:1200px){.value-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.value-grid-4{grid-template-columns:1fr}}

/* Order Page Indicative Notice Banner */
.order-notice-banner{
  background:linear-gradient(135deg,rgba(22,72,130,0.04) 0%,rgba(55,184,245,0.08) 100%);
  border:1.5px solid rgba(55,184,245,0.35);
  border-radius:20px;
  padding:24px 28px;
  display:flex;
  gap:20px;
  align-items:flex-start;
  margin-bottom:24px;
}
.notice-icon-box{
  width:46px;
  height:46px;
  border-radius:12px;
  background:var(--navy);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.notice-icon-box svg{
  width:24px;
  height:24px;
  color:var(--blue);
}
.notice-content{
  flex:1;
}
.notice-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(22,72,130,0.08);
  color:var(--navy);
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
  margin-bottom:8px;
}
.notice-content h3{
  font-family:var(--font-body);
  font-size:20px;
  font-weight:700;
  color:var(--navy);
  margin:0 0 6px;
  line-height:1.3;
}
.notice-content p{
  font-size:15px;
  line-height:1.6;
  color:var(--ink);
  margin:0;
}

/* Order Summary Box Enhancements */
.summary-header-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.summary-indicative-tag{
  display:inline-block;
  padding:5px 11px;
  border-radius:999px;
  background:rgba(55,184,245,0.18);
  border:1px solid rgba(55,184,245,0.4);
  color:var(--blue);
  font-size:11.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
  white-space:nowrap;
}
.summary-scope-clarifier{
  display:block;
  font-size:12.5px;
  color:rgba(255,255,255,0.6);
  margin-top:4px;
  font-weight:400;
  line-height:1.35;
}
.summary-agent-box{
  margin-top:20px;
  padding:14px 16px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:14px;
  display:flex;
  gap:12px;
  align-items:center;
}
.agent-box-icon{
  width:32px;
  height:32px;
  border-radius:8px;
  background:rgba(55,184,245,0.15);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.agent-box-icon svg{
  width:18px;
  height:18px;
  color:var(--blue);
}
.summary-agent-box p{
  font-size:13px;
  line-height:1.45;
  color:rgba(255,255,255,0.78);
  margin:0;
}
.order-reassurance-note{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13.5px;
  color:var(--grey);
  margin-top:12px;
  line-height:1.4;
}
.order-reassurance-note svg{
  width:16px;
  height:16px;
  color:#16a34a;
  flex-shrink:0;
}

/* Pricing Page Styles */
.pricing-policy-section{
  padding:var(--section-pad) 0;
  margin-top:0;
  position:relative;
  z-index:3;
}
.pricing-policy-banner{
  background:#fff;
  border:1.5px solid var(--line);
  border-radius:24px;
  padding:34px 40px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:32px;
  align-items:center;
  box-shadow:0 18px 45px rgba(22,72,130,0.07);
}
.policy-icon-col{
  flex-shrink:0;
}
.policy-icon-badge{
  width:60px;
  height:60px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--navy) 0%,#1f5799 100%);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.policy-icon-badge svg{
  width:32px;
  height:32px;
  color:var(--blue);
}
.policy-badge-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:8px;
}
.policy-pill{
  padding:4px 12px;
  border-radius:999px;
  background:rgba(55,184,245,0.15);
  color:var(--navy);
  font-weight:700;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:0.04em;
}
.policy-sub{
  font-size:13.5px;
  font-weight:600;
  color:var(--grey);
}
.policy-copy-col h2{
  font-size:clamp(22px,2.2vw,28px);
  margin:0 0 10px;
  color:var(--ink);
  line-height:1.25;
}
.policy-copy-col p{
  font-size:15.5px;
  line-height:1.65;
  color:var(--grey);
  margin:0;
}
.policy-action-col{
  flex-shrink:0;
}

/* Pricing Rates Breakdown */
.pricing-categories-list{
  display:grid;
  gap:32px;
  margin-top:40px;
}
.pricing-category-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:32px 36px;
  box-shadow:0 10px 30px rgba(22,72,130,0.04);
  transition:transform 0.3s ease, border-color 0.3s ease;
}
.pricing-category-card:hover{
  border-color:rgba(55,184,245,0.5);
}
.pricing-category-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
  padding-bottom:24px;
  border-bottom:1px solid var(--line);
  margin-bottom:20px;
}
.cat-title-wrap{
  display:flex;
  align-items:center;
  gap:18px;
}
.cat-icon-badge{
  width:50px;
  height:50px;
  border-radius:14px;
  background:var(--sky);
  color:var(--navy);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.cat-icon-badge svg{
  width:26px;
  height:26px;
}
.cat-kicker{
  display:block;
  font-size:12px;
  font-weight:700;
  color:var(--blue);
  text-transform:uppercase;
  letter-spacing:0.06em;
  margin-bottom:4px;
}
.cat-title-wrap h3{
  font-size:clamp(22px,2vw,26px);
  margin:0 0 4px;
  color:var(--ink);
}
.cat-tagline{
  font-size:14.5px;
  color:var(--grey);
  margin:0;
}
.btn-sm{
  min-height:38px;
  padding:8px 18px;
  font-size:14px;
  gap:8px;
}
.btn-sm .icon,.btn-sm i[data-lucide],.btn-sm svg{
  width:16px;
  height:16px;
}

/* Pricing Table */
.pricing-table-responsive{
  width:100%;
  overflow-x:auto;
}
.pricing-table{
  width:100%;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
  text-align:left;
  font-size:14.5px;
}
.pricing-col-service,
.pricing-table th:nth-child(1),
.pricing-table td:nth-child(1){
  width:32%;
}
.pricing-col-unit,
.pricing-table th:nth-child(2),
.pricing-table td:nth-child(2){
  width:21%;
}
.pricing-col-rate,
.pricing-table th:nth-child(3),
.pricing-table td:nth-child(3){
  width:16%;
}
.pricing-col-notes,
.pricing-table th:nth-child(4),
.pricing-table td:nth-child(4){
  width:31%;
}
.pricing-table thead tr{
  height:48px;
}
.pricing-table tbody tr{
  height:72px;
}
.pricing-table th{
  padding:14px 16px;
  font-family:var(--font-body);
  font-weight:600;
  font-size:13px;
  color:var(--grey);
  text-transform:uppercase;
  letter-spacing:0.05em;
  border-bottom:1.5px solid var(--line);
  white-space:nowrap;
  box-sizing:border-box;
  vertical-align:middle;
}
.pricing-table td{
  padding:12px 16px;
  border-bottom:1px solid rgba(0,0,0,0.06);
  vertical-align:middle;
  box-sizing:border-box;
  line-height:1.4;
}
.pricing-table tbody tr:last-child td{
  border-bottom:0;
}
.pricing-table tbody tr:hover td{
  background:rgba(235,247,254,0.3);
}
.pricing-service-name{
  font-weight:600;
  color:var(--ink);
  line-height:1.35;
  overflow-wrap:break-word;
}
.rate-highlight{
  font-family:var(--font-body);
  font-weight:700;
  font-size:16.5px;
  color:var(--navy);
  white-space:nowrap;
}
.pricing-model-pill{
  display:inline-block;
  padding:4px 10px;
  border-radius:8px;
  background:var(--sky);
  color:var(--navy);
  font-size:12px;
  font-weight:600;
  white-space:normal;
  line-height:1.3;
  box-sizing:border-box;
}
.pricing-turnaround{
  color:var(--grey);
  font-size:13.5px;
  white-space:normal;
  line-height:1.35;
  overflow-wrap:break-word;
}

/* Pricing Steps Grid */
.pricing-steps-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--card-gap);
  margin-top:40px;
}
.pricing-step-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:32px 28px;
  position:relative;
  box-shadow:0 10px 30px rgba(22,72,130,0.04);
}
.pricing-step-card .step-card-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-title);
  font-size:32px;
  font-weight:800;
  color:#0b2d52 !important;
  background:linear-gradient(135deg, #eef7ff 0%, #e1effc 100%) !important;
  border:2px solid rgba(55,184,245,0.45) !important;
  border-radius:20px;
  width:72px;
  height:72px;
  margin-bottom:22px;
  box-shadow:0 10px 24px rgba(11,45,82,0.08);
  letter-spacing:-0.03em;
}
.pricing-step-card h3{
  font-size:20px;
  margin:0 0 10px;
  color:var(--ink);
}
.pricing-step-card p{
  font-size:15px;
  line-height:1.6;
  color:var(--grey);
  margin:0;
}

@media(max-width:992px){
  .pricing-policy-banner{
    grid-template-columns:1fr;
    text-align:left;
    padding:28px;
  }
  .pricing-steps-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:768px){
  .order-notice-banner{
    flex-direction:column;
    padding:20px;
  }
  .pricing-category-header{
    flex-direction:column;
    align-items:flex-start;
  }
  .pricing-category-card{
    padding:20px;
  }
}


/* === Enable Works Website Changes (from docx) === */

/* Social Links in Footer */
.social-link{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center;color:rgba(255,255,255,.75);transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;text-decoration:none}
.social-link:hover{transform:translateY(-2px);border-color:var(--blue);background:rgba(55,184,245,.15);color:var(--blue)}
.social-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* Team Card Email Link */
.team-email{margin-top:auto;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#f5f8fc;border:1px solid rgba(22,72,130,.12);border-radius:999px;color:var(--navy);font-size:13.5px;font-weight:600;text-decoration:none;transition:all .25s ease;width:max-content;word-break:break-all}
.team-email .icon{width:14px;height:14px;color:var(--blue);flex-shrink:0}
.team-email:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-1px);box-shadow:0 6px 16px rgba(22,72,130,.15)}
.team-email:hover .icon{color:var(--blue)}

/* Secondary Button (Harmonized) */
.custom-scope-action .btn{min-width:200px}
.custom-scope-action{margin:18px 0 24px}

/* Tech Stack Platforms Grid */
.tech-stack-section{padding:50px 0;background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,rgba(223,244,255,.25) 100%);border-block:1px solid rgba(22,72,130,.08)}
.tech-stack-header{margin-bottom:32px;text-align:center}
.tech-stack-header .eyebrow{justify-content:center}
.tech-stack-title{font-size:clamp(26px,2.6vw,38px);color:var(--ink);letter-spacing:-.02em}
.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;align-items:stretch}
.tech-chip{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid rgba(22,72,130,.1);border-radius:18px;padding:16px 18px;box-shadow:0 4px 14px rgba(22,72,130,.04);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.tech-chip:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(22,72,130,.1);border-color:rgba(55,184,245,.5)}
.tech-chip-icon{width:40px;height:40px;border-radius:12px;background:rgba(22,72,130,.05);display:grid;place-items:center;color:var(--navy);flex-shrink:0}
.tech-chip-icon .icon{width:22px;height:22px}
.tech-chip-text{display:flex;flex-direction:column}
.tech-chip-text strong{font-family:var(--font-title);font-size:15px;color:var(--ink);line-height:1.25}
.tech-chip-text span{font-size:12px;color:var(--grey);margin-top:2px;line-height:1.3}

/* Service Editorial Showcase Sections */
.service-editorial-section{padding:var(--section-pad) 0}
.service-editorial-card{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,4vw,60px);align-items:center;background:#fff;border:1px solid var(--line);border-radius:32px;padding:clamp(28px,3.5vw,48px);box-shadow:0 16px 48px rgba(22,72,130,.06)}
.service-editorial-reverse{grid-template-columns:1fr 1fr}
.service-editorial-reverse .service-editorial-media,.service-editorial-reverse .editorial-media-col{order:2}
.service-editorial-reverse .service-editorial-copy,.service-editorial-reverse .editorial-copy-col{order:1}
.service-editorial-media,.editorial-media-col{position:relative;border-radius:22px;overflow:hidden;background:var(--sky);box-shadow:0 12px 34px rgba(22,72,130,.08);min-height:360px}
.service-editorial-media img,.editorial-media-col img{width:100%;height:100%;object-fit:cover;min-height:360px;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.service-editorial-card:hover .service-editorial-media img,.service-editorial-card:hover .editorial-media-col img{transform:scale(1.035)}
.service-editorial-copy,.editorial-copy-col{display:flex;flex-direction:column}
.editorial-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--sky);color:var(--navy);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;align-self:flex-start}
.editorial-dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}
.service-editorial-copy h2,.service-editorial-copy h3,.editorial-copy-col h3{font-family:var(--font-title);font-size:clamp(28px,3vw,40px);margin:0 0 16px;line-height:1.18;letter-spacing:-.025em;color:var(--navy)}
.service-editorial-copy .lead,.editorial-lead{font-size:16.5px;line-height:1.65;color:var(--grey);margin-bottom:28px}
.editorial-stat-row,.editorial-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:24px;border-top:1px solid var(--line)}
.editorial-stat,.editorial-stat-item{display:flex;flex-direction:column}
.editorial-stat strong,.editorial-stat-item strong{font-family:var(--font-title);font-size:clamp(24px,2.2vw,32px);color:var(--navy);font-weight:700;line-height:1.1}
.editorial-stat span,.editorial-stat-item span{font-size:13px;color:var(--grey);margin-top:4px;font-weight:500}

/* About Story Media */
.story-split-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,3.5vw,50px);align-items:center;margin-bottom:48px}
.story-editorial-media,.story-media-box{position:relative;border-radius:26px;overflow:hidden;background:var(--sky);box-shadow:0 14px 40px rgba(22,72,130,.1);min-height:380px}
.story-editorial-media img,.story-media-box img{width:100%;height:100%;object-fit:cover;min-height:380px;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.story-split-grid:hover .story-editorial-media img,.story-split-grid:hover .story-media-box img{transform:scale(1.035)}
.story-media-badge{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:rgba(10,11,13,.82);color:#fff;backdrop-filter:blur(10px);font-size:13.5px;font-weight:600}
.story-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px var(--blue);flex-shrink:0}

/* Catalog Quantity Input */
.service-option-main{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:0}
.quantity{width:64px;padding:6px 8px;border:1.5px solid var(--line);border-radius:10px;font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--ink);text-align:center;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
.quantity:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(55,184,245,.18)}

/* Responsive Overrides */
@media(max-width:960px){
  .service-editorial-card,.service-editorial-reverse{grid-template-columns:1fr;gap:28px}
  .service-editorial-reverse .service-editorial-media,.service-editorial-reverse .editorial-media-col{order:0}
  .service-editorial-reverse .service-editorial-copy,.service-editorial-reverse .editorial-copy-col{order:1}
  .story-split-grid{grid-template-columns:1fr;gap:28px}
  .service-editorial-media,.editorial-media-col,.story-editorial-media,.story-media-box{min-height:280px}
  .service-editorial-media img,.editorial-media-col img,.story-editorial-media img,.story-media-box img{min-height:280px}
}
@media(max-width:600px){
  .editorial-stat-row,.editorial-stats-row{grid-template-columns:1fr;gap:12px}
  .tech-stack-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .tech-chip{padding:12px 14px;gap:10px}
  .tech-chip-icon{width:34px;height:34px}
  .tech-chip-icon .icon{width:18px;height:18px}
}
@media(max-width:420px){
  .tech-stack-grid{grid-template-columns:1fr}
}

/* Editorial body imagery for transactional and policy pages */
.body-visual-section{overflow:hidden;padding:var(--section-pad) 0}
.body-visual-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);min-height:420px;border:1px solid rgba(55,184,245,.2);border-radius:30px;overflow:hidden;background:var(--navy);box-shadow:0 22px 58px rgba(16,51,93,.14)}
.body-visual-reverse{grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr)}
.body-visual-reverse .body-visual-media{order:2}
.body-visual-media{min-width:0;overflow:hidden;background:var(--sky)}
.body-visual-media img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.body-visual-card:hover .body-visual-media img{transform:scale(1.025)}
.body-visual-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,5vw,72px)}
.body-visual-copy .eyebrow{color:var(--blue);margin-bottom:18px}
.body-visual-copy h2{max-width:560px;color:#fff;font-family:var(--font-title);font-size:var(--text-h2);line-height:var(--heading-leading);letter-spacing:-.035em}
.body-visual-copy>p:last-child{max-width:560px;margin-top:20px;color:rgba(255,255,255,.76);font-size:17px;line-height:1.7}

/* Mobile layout integrity fixes */
@media(max-width:760px){
  .page-hero{
    min-height:520px;
  }
  .page-hero-content{
    padding:118px 0 54px;
  }
  body[data-page="blog-post"] .page-hero{
    height:auto!important;
    min-height:0!important;
  }
  .page-hero-legal{
    min-height:420px;
  }
  .page-hero-legal .page-hero-content{
    padding:116px 0 54px;
  }
  .anchor-nav .container{
    justify-content:flex-start;
    padding-inline:14px;
    scroll-padding-inline:14px;
  }

  .cta-inner{padding:clamp(40px,6vw,64px) 24px}
  .cta-inner h2{font-size:clamp(32px,10vw,48px)}
  .cta-inner .cta-actions{width:100%}
  .cta-inner .cta-actions .btn{width:100%;justify-content:center;text-align:center;white-space:normal}

  .footer-grid{
    grid-template-columns:1fr;
    gap:36px;
  }
  .footer-grid>div:last-child{grid-column:auto}
  .footer-brand img{width:min(100%,280px)}
  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
    margin-top:44px;
  }

  .story-mission{
    grid-template-columns:1fr;
    align-items:start;
    padding:28px 24px;
  }
  .story-mission-body{width:100%}
  .story-mission-cta{
    justify-self:start;
    white-space:normal;
  }

  .value-grid,.value-grid-3{grid-template-columns:1fr}

  .form-card{padding:28px 22px}
  .form-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}

  .pricing-category-card,.pricing-table-responsive,
  .catalog-main,.catalog-main>#catalog,.catalog-group{
    min-width:0;
    max-width:100%;
  }
  .pricing-table-responsive{
    width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .pricing-table{min-width:760px}

  .service-option{
    grid-template-columns:auto minmax(0,1fr);
    gap:10px 12px;
    align-items:flex-start;
  }
  .service-option-main{min-width:0}
  .service-name{overflow-wrap:anywhere}
  .service-action-wrap{
    grid-column:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    margin-top:6px;
  }
  .service-price{
    white-space:normal;
  }
  .summary-item,.summary-total{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .summary-item span{min-width:0;overflow-wrap:anywhere}

  .stack-list{
    gap:18px;
    padding-bottom:0;
  }
  .stack-card{
    position:relative;
    top:auto!important;
    min-height:460px;
  }
  .services-stack{padding-bottom:82px}

  .body-visual-section{padding-block:36px 72px}
  .body-visual-card,.body-visual-reverse{grid-template-columns:1fr;min-height:0;border-radius:24px}
  .body-visual-reverse .body-visual-media{order:0}
  .body-visual-media img{height:240px;min-height:240px}
  .body-visual-copy{padding:30px 24px 34px}
  .body-visual-copy h2{font-size:clamp(28px,9vw,38px)}
  .body-visual-copy>p:last-child{font-size:15.5px}
}

/* Deliverable Micro-UI Containers */
.stack-deliverable-preview{position:relative;z-index:2;width:100%;height:168px;margin-top:auto;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(55,184,245,.14);overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 1px 1px rgba(255,255,255,.06);transition:border-color .3s ease,background .3s ease}
.stack-card:hover .stack-deliverable-preview{background:rgba(255,255,255,.06);border-color:rgba(55,184,245,.32)}

/* 1. Preview Browser (Web Dev) */
.preview-browser{padding:12px 14px;gap:10px}
.preview-browser-header{display:flex;align-items:center;gap:6px}
.preview-dot{width:7px;height:7px;border-radius:50%;display:inline-block}
.dot-red{background:#ef4444}
.dot-yellow{background:#f59e0b}
.dot-green{background:#10b981}
.preview-address{flex:1;margin-left:4px;font-size:11px;font-family:var(--font-body);color:rgba(255,255,255,.5);background:rgba(0,0,0,.25);padding:2px 8px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-perf-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#10b981;background:rgba(16,185,129,.15);padding:2px 6px;border-radius:999px}
.preview-perf-pill .icon{width:11px;height:11px}
.preview-browser-body{display:flex;flex-direction:column;gap:8px}
.preview-code-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}
.code-tag{font-family:var(--font-body);color:#37b8f5}
.code-badge{font-size:10.5px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);padding:2px 7px;border-radius:4px}
.preview-wireframe-grid{display:flex;flex-direction:column;gap:5px;opacity:.75}
.wireframe-hero{width:100%;height:26px;border-radius:5px;background:rgba(55,184,245,.16)}
.wireframe-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.wireframe-cols span{height:18px;border-radius:4px;background:rgba(255,255,255,.07)}

/* 2. Preview Marketing (Sparkline & ROAS) */
.preview-marketing{padding:12px 14px;justify-content:space-between}
.preview-chart-header{display:flex;justify-content:space-between;align-items:flex-start}
.preview-metric-lead{display:flex;flex-direction:column}
.metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.6);font-weight:600}
.metric-value{font-family:var(--font-title);font-size:19px;font-weight:700;color:#fff;line-height:1.1;margin-top:2px}
.metric-trend{color:#10b981;font-size:14px}
.preview-sync-pill{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:#37b8f5;background:rgba(55,184,245,.14);border:1px solid rgba(55,184,245,.25);padding:3px 8px;border-radius:999px}
.preview-sync-pill .icon{width:12px;height:12px}
.preview-chart-visual{position:relative;margin-top:4px}
.sparkline-svg{width:100%;height:48px;display:block}
.preview-chart-stats{display:flex;justify-content:space-between;margin-top:4px;font-size:10.5px;color:rgba(255,255,255,.65)}
.preview-chart-stats strong{color:#fff}

/* 3. Preview Booking (Calendar & Qualified Slot) */
.preview-booking{padding:12px 14px;justify-content:center}
.booking-slot-card{display:flex;flex-direction:column;gap:8px}
.slot-header{display:flex;justify-content:space-between;align-items:center}
.slot-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#37b8f5}
.slot-badge .icon{width:13px;height:13px}
.slot-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#10b981;background:rgba(16,185,129,.14);padding:2px 7px;border-radius:999px}
.slot-prospect{display:flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px}
.prospect-avatar{width:28px;height:28px;border-radius:50%;background:rgba(55,184,245,.2);color:#37b8f5;display:grid;place-items:center;flex-shrink:0}
.prospect-avatar .icon{width:14px;height:14px}
.prospect-meta{display:flex;flex-direction:column}
.prospect-meta strong{font-size:12px;color:#fff;font-weight:600}
.prospect-meta span{font-size:10.5px;color:rgba(255,255,255,.6)}
.slot-footer{display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.65);align-items:center}
.slot-date{display:inline-flex;align-items:center;gap:4px}
.slot-date .icon{width:12px;height:12px}
.slot-verified{display:inline-flex;align-items:center;gap:4px;color:#10b981;font-weight:600}
.slot-verified .icon{width:13px;height:13px}

/* 4. Preview Talent (Recruitment Match) */
.preview-talent{padding:12px 14px;justify-content:center}
.talent-candidate-card{display:flex;flex-direction:column;gap:8px}
.candidate-header{display:flex;justify-content:space-between;align-items:center}
.candidate-badge-wrap{display:flex;align-items:center;gap:8px}
.candidate-avatar{width:26px;height:26px;border-radius:8px;background:rgba(55,184,245,.18);color:#37b8f5;display:grid;place-items:center;flex-shrink:0}
.candidate-avatar .icon{width:14px;height:14px}
.candidate-details{display:flex;flex-direction:column}
.candidate-details strong{font-size:12px;color:#fff}
.candidate-details span{font-size:10px;color:rgba(255,255,255,.55)}
.candidate-speed-badge{font-size:10px;font-weight:700;color:#37b8f5;background:rgba(55,184,245,.12);border:1px solid rgba(55,184,245,.25);padding:2px 6px;border-radius:999px}
.candidate-tags{display:flex;gap:6px;flex-wrap:wrap}
.tag-pill{font-size:10px;color:rgba(255,255,255,.75);background:rgba(255,255,255,.07);padding:2px 7px;border-radius:4px}
.tag-verified{color:#10b981;background:rgba(16,185,129,.14)}
.candidate-footer{display:flex;justify-content:space-between;font-size:10.5px;color:rgba(255,255,255,.6);align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:6px}
.candidate-flag{display:inline-flex;align-items:center;gap:4px;color:#10b981;font-weight:600}
.candidate-flag .icon{width:12px;height:12px}

body[data-page="home"] .home-process-section{padding-block:clamp(40px,4.5vw,64px);background:#f7f6f3;border:0;box-shadow:none}
body[data-page="home"] .home-process-section::before,body[data-page="home"] .home-process-section::after{display:none}
body[data-page="home"] .home-process-section .container{width:min(calc(100% - var(--gutter) * 2),var(--max))}
body[data-page="home"] .home-process-split{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,72px);align-items:stretch}
body[data-page="home"] .home-process-content{padding:clamp(34px,3.8vw,58px) 0;border-radius:32px;background:#fff;overflow:hidden}
body[data-page="home"] .home-process-content .process-header{display:block;max-width:820px;margin:0 0 clamp(30px,3.5vw,46px);text-align:left}
body[data-page="home"] .home-process-content .process-header .problem-badge{margin:0 0 22px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:13px}
body[data-page="home"] .home-process-content .process-header .badge-dot{background:#7450ff;box-shadow:none;filter:none}
body[data-page="home"] .home-process-content .statement{max-width:24ch;color:#101114;font-family:var(--font-title);font-size:var(--text-h2);line-height:var(--heading-leading);letter-spacing:-.035em;text-align:left}
body[data-page="home"] .home-process-content .milestone-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid rgba(14,24,43,.14)}
body[data-page="home"] .home-process-content .milestone-card{display:grid;grid-template-columns:64px minmax(150px,.62fr) minmax(0,1.45fr);align-items:center;min-height:108px;padding:16px 0;background:transparent;border:0;border-bottom:1px solid rgba(14,24,43,.14);border-radius:0;box-shadow:none;overflow:visible;transition:none}
body[data-page="home"] .home-process-content .milestone-card+.milestone-card{border-left:0}
body[data-page="home"] .home-process-content .milestone-card:hover{transform:none;box-shadow:none}
body[data-page="home"] .home-process-content .milestone-card::before,body[data-page="home"] .home-process-content .milestone-card:hover::before{display:none}
body[data-page="home"] .home-process-content .milestone-top{display:contents;margin:0}
body[data-page="home"] .home-process-content .milestone-icon-wrap{grid-column:1;grid-row:1;width:48px;height:48px;border:1px solid rgba(14,24,43,.2);border-radius:50%;background:transparent;color:var(--ink);box-shadow:none}
body[data-page="home"] .home-process-content .milestone-icon-wrap .icon{width:24px;height:24px}
body[data-page="home"] .home-process-content .milestone-card:hover .milestone-icon-wrap{background:transparent;color:var(--ink);transform:none}
body[data-page="home"] .home-process-content .milestone-badge{grid-column:2;grid-row:1;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:clamp(18px,1.55vw,22px);font-weight:700;letter-spacing:-.035em;text-transform:none}
body[data-page="home"] .home-process-content .milestone-badge-dot{display:none}
body[data-page="home"] .home-process-content .milestone-body{grid-column:3;grid-row:1}
body[data-page="home"] .home-process-content .milestone-body h3{display:none}
body[data-page="home"] .home-process-content .milestone-body p{margin:0;color:#48556a;font-size:15.5px;line-height:1.55}
body[data-page="home"] .home-process-content .milestone-phase-marker{display:none}
body[data-page="home"] .home-process-visual{position:relative;align-self:center;min-height:0;height:750px;margin:0;border-radius:32px;overflow:hidden;background:#0b1624}
body[data-page="home"] .home-process-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,31,.03),rgba(8,18,31,.27))}
body[data-page="home"] .home-process-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

body[data-page="home"] .testimonial-group{gap:0;padding-right:0}
body[data-page="home"] .testimonial-card{width:min(520px,84vw);min-height:260px;padding:28px 42px;background:transparent;border:0;border-left:1px solid rgba(255,255,255,.18);border-radius:0;box-shadow:none}
body[data-page="home"] .testimonial-card blockquote{font-size:clamp(25px,2.1vw,32px)}
body[data-page="home"] .testimonial-quote-mark{right:28px}

body[data-page="home"] .testimonial-section + .section .value-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(30px,3.5vw,48px);border-block:1px solid var(--line)}
body[data-page="home"] .testimonial-section + .section .value-card{min-height:0;padding:28px clamp(18px,2vw,30px) 32px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;transition:none}
body[data-page="home"] .testimonial-section + .section .value-card+.value-card{border-left:1px solid var(--line)}
body[data-page="home"] .testimonial-section + .section .value-card:hover{transform:none;border-color:transparent;box-shadow:none}
body[data-page="home"] .testimonial-section + .section .value-index{position:static;display:block;margin-bottom:24px;color:var(--blue);font-size:14px;letter-spacing:.12em}
body[data-page="home"] .testimonial-section + .section .value-icon-badge{width:auto;height:auto;margin:0 0 20px;border-radius:0;background:transparent;box-shadow:none}
body[data-page="home"] .testimonial-section + .section .value-icon-badge .icon-lg{width:24px;height:24px;color:var(--navy);stroke:var(--navy)}
body[data-page="home"] .testimonial-section + .section .value-card:hover .value-icon-badge{transform:none;background:transparent}
body[data-page="home"] .testimonial-section + .section .value-card:hover .value-icon-badge .icon-lg{color:var(--navy);stroke:var(--navy);transform:none}
body[data-page="home"] .testimonial-section + .section .value-copy h3{font-size:clamp(20px,1.8vw,25px)}

/* Home: Why Choose Us — asymmetric feature layout. */
body[data-page="home"] .home-why-section{padding-block:clamp(72px,8vw,112px);background:#fff}
body[data-page="home"] .home-why-head{display:flex;align-items:end;justify-content:space-between;gap:48px;margin:0 0 42px}
body[data-page="home"] .home-why-head h2{margin:0;font-size:clamp(42px,4.5vw,68px);letter-spacing:-.055em}
body[data-page="home"] .home-why-head .lead{max-width:48ch;margin:0;text-align:right}
body[data-page="home"] .home-why-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(210px,1fr));gap:14px;margin:0;border:0}
body[data-page="home"] .home-why-grid .value-card{display:flex;min-height:0;padding:28px;border:0;border-radius:14px;background:#f1f5fa;box-shadow:none;overflow:hidden}
body[data-page="home"] .home-why-grid .value-card:nth-child(1){grid-column:span 4;grid-row:1}
body[data-page="home"] .home-why-grid .value-card:nth-child(2){grid-column:span 4;grid-row:1}
body[data-page="home"] .home-why-grid .value-card:nth-child(3){grid-column:span 8;grid-row:2}
body[data-page="home"] .home-why-grid .value-card:nth-child(4){grid-column:span 4;grid-row:span 2;background:linear-gradient(145deg,#164882,#081b33);color:#fff}
body[data-page="home"] .home-why-grid .value-card:hover{transform:none;border-color:transparent;box-shadow:none}
body[data-page="home"] .home-why-grid .value-index{display:none}
body[data-page="home"] .home-why-grid .value-icon-badge{width:40px;height:40px;margin:0 0 24px;border:1px solid rgba(10,11,13,.55);border-radius:50%;background:transparent}
body[data-page="home"] .home-why-grid .value-icon-badge .icon-lg{width:19px;height:19px;color:var(--ink);stroke:currentColor}
body[data-page="home"] .home-why-grid .value-copy{display:flex;flex:1;flex-direction:column}
body[data-page="home"] .home-why-grid .value-copy h3{margin:0 0 12px;font-size:clamp(21px,1.7vw,27px);line-height:1.08;letter-spacing:-.04em;color:var(--ink)}
body[data-page="home"] .home-why-grid .value-copy p{max-width:56ch;margin:0;color:#526073;font-size:15px;line-height:1.55}
body[data-page="home"] .home-why-grid .value-card:nth-child(4) .value-icon-badge{border-color:rgba(255,255,255,.65);color:#fff}
body[data-page="home"] .home-why-grid .value-card:nth-child(4) .value-copy{justify-content:center}
body[data-page="home"] .home-why-grid .value-card:nth-child(4) .value-copy h3{color:#fff;font-size:clamp(26px,2.2vw,34px)}
body[data-page="home"] .home-why-grid .value-card:nth-child(4) .value-copy p{color:rgba(255,255,255,.84);font-size:15px;line-height:1.62}

@media(max-width:960px){
  body[data-page="home"] .services-stack .stack-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
  body[data-page="home"] .services-stack .stack-card,body[data-page="home"] .services-stack .stack-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:460px}
  body[data-page="home"] .home-process-split{grid-template-columns:1fr;gap:28px}
  body[data-page="home"] .home-process-visual{min-height:440px}
  body[data-page="home"] .home-why-head{align-items:flex-start;flex-direction:column;gap:20px}
  body[data-page="home"] .home-why-head .lead{text-align:left}
  body[data-page="home"] .home-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
  body[data-page="home"] .home-why-grid .value-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:240px}
  body[data-page="home"] .home-why-grid .value-card:nth-child(4){grid-column:span 2}
  body[data-page="home"] .testimonial-section + .section .value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="home"] .testimonial-section + .section .value-card:nth-child(odd){border-left:0}
  body[data-page="home"] .testimonial-section + .section .value-card:nth-child(n+3){border-top:1px solid var(--line)}
}
@media(max-width:600px){
  body[data-page="home"] .services-stack .stack-list{grid-template-columns:1fr}
  body[data-page="home"] .services-stack .stack-card,body[data-page="home"] .services-stack .stack-card:nth-child(n){min-height:440px}
  body[data-page="home"] .home-process-content{padding:34px 24px;border-radius:24px}
  body[data-page="home"] .home-process-content .statement{font-size:clamp(38px,11vw,52px)}
  body[data-page="home"] .home-process-content .milestone-card{grid-template-columns:42px 1fr;align-items:start;gap:4px 12px;min-height:0;padding:22px 0}
  body[data-page="home"] .home-process-content .milestone-icon-wrap{grid-column:1;grid-row:1;width:34px;height:34px}
  body[data-page="home"] .home-process-content .milestone-badge{grid-column:2;grid-row:1;font-size:19px;line-height:34px}
  body[data-page="home"] .home-process-content .milestone-body{grid-column:2;grid-row:2}
  body[data-page="home"] .home-process-content .milestone-body p{font-size:15px}
  body[data-page="home"] .home-process-visual{min-height:360px;border-radius:24px}
  body[data-page="home"] .home-why-section{padding-block:64px}
  body[data-page="home"] .home-why-grid{grid-template-columns:1fr}
  body[data-page="home"] .home-why-grid .value-card:nth-child(n),body[data-page="home"] .home-why-grid .value-card:nth-child(4){grid-column:auto;min-height:0;padding:24px}
  body[data-page="home"] .testimonial-section + .section .value-grid{grid-template-columns:1fr}
  body[data-page="home"] .testimonial-section + .section .value-card+.value-card{border-left:0;border-top:1px solid var(--line)}
  body[data-page="home"] .testimonial-card{width:88vw;padding:24px 28px}
}

/* Cabin is the single typeface for interface and display copy. */
body{font-family:var(--font-body)}
h1,h2,h3,h4,h5,h6,.metric strong,.vendors-win strong,.summary-total strong,.rate-highlight,.pricing-step-card .step-card-num,.blog-toc-title{font-family:var(--font-title)}

/* Keep the recruitment proof points in one visual grid even if older markup is cached. */
.editorial-stats-row>.editorial-stats-row{display:contents}

/* Problem section header on homepage */
.problem-section-header{text-align:center;max-width:820px;margin:0 auto clamp(36px,4.5vw,56px)}
.problem-section-header .eyebrow{justify-content:center;margin-bottom:14px;color:#0b5b9c}
.problem-section-header .eyebrow::before{background:#37b8f5}
.problem-section-header .problem-title{font-family:var(--font-title);font-size:var(--text-h2);line-height:var(--heading-leading);letter-spacing:-.035em;color:var(--ink);margin:0 0 16px}
.problem-section-header .lead{font-family:var(--font-body);color:var(--grey);font-size:16.5px;line-height:1.6;margin:0 auto;max-width:68ch}

/* Services stack section on homepage */
body[data-page="home"] .services-stack{padding:var(--section-pad) 0;background:#ffffff}
body[data-page="home"] .services-stack .section-head{display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(36px,4.5vw,56px);text-align:center;max-width:820px;margin-inline:auto}
body[data-page="home"] .services-stack .section-head h2{font-family:var(--font-title);font-size:var(--text-h2);line-height:var(--heading-leading);letter-spacing:-.035em;color:var(--ink);margin:0 0 14px;text-align:center}
body[data-page="home"] .services-stack .section-head .lead{font-family:var(--font-body);color:var(--grey);font-size:16.5px;line-height:1.6;margin:0 auto;max-width:64ch;text-align:center}

/* Network: one connected field instead of four detached glass cards. */
body[data-page="home"] .network-band{padding-block:clamp(76px,8vw,112px);background:linear-gradient(145deg,#123f73 0%,#0b2f5b 52%,#061525 100%);color:#fff}
body[data-page="home"] .network-band .metrics-panel{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(44px,6vw,96px);align-items:start;padding:0;background:transparent;border:0;box-shadow:none}
body[data-page="home"] .network-band .metrics-intro{padding:8px 0 0}
body[data-page="home"] .network-band .metrics-headline h2{color:#fff;font-size:clamp(44px,4.7vw,68px);line-height:1.03}
body[data-page="home"] .network-band .metrics-copy{max-width:48ch;padding-left:20px;border-left:3px solid var(--blue);color:rgba(255,255,255,.88);font-size:17px;line-height:1.7}
body[data-page="home"] .network-band .world-chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.35);color:#fff}
body[data-page="home"] .network-band .network-team-media{max-width:none;margin-top:32px;border-radius:18px}
body[data-page="home"] .network-band .network-team-media img{height:230px}
body[data-page="home"] .network-band .metrics-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body[data-page="home"] .network-band .metric{min-height:220px;padding:28px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:none}
body[data-page="home"] .network-band .metric:hover{transform:translateY(-4px);background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.055))}
body[data-page="home"] .network-band .metric strong{color:#fff}
body[data-page="home"] .network-band .metric span{color:rgba(255,255,255,.82)}

/* Testimonials share the recruitment-card navy field and keep their eyebrow high contrast. */
body[data-page="home"] .testimonial-section{background:linear-gradient(160deg,#0b2949 0%,#164882 100%)!important}
body[data-page="home"] .testimonial-section .eyebrow{color:#fff}
body[data-page="home"] .testimonial-section .eyebrow::before{background:var(--blue)}

/* Let the global team image own the full canvas, with the copy protected by a soft left overlay. */
body[data-page="home"] .audience-visual-grid{position:relative;display:block;min-height:540px;background:#0b2949}
body[data-page="home"] .audience-globe-media{position:absolute;inset:0;background:#0b2949}
body[data-page="home"] .audience-globe-media::before{z-index:2;width:73%;background:linear-gradient(90deg,#0b2949 0%,rgba(11,41,73,.98) 23%,rgba(11,41,73,.84) 47%,rgba(11,41,73,.35) 69%,rgba(11,41,73,0) 100%)}
body[data-page="home"] .audience-globe-media img{width:100%;height:100%;object-position:center}
body[data-page="home"] .audience-visual-copy{position:relative;z-index:3;min-height:540px;max-width:min(56%,690px);padding:clamp(42px,5vw,72px)}
body[data-page="home"] .audience-visual-copy .eyebrow{color:#fff}
body[data-page="home"] .audience-visual-copy .lead{color:rgba(255,255,255,.9)}

/* Problem / solution: introduce a clear two-sided operating model, without changing any copy. */
body[data-page="home"] .problem-section{padding-block:clamp(76px,8vw,116px);background:#f4f7fb!important;border:0}
body[data-page="home"] .problem-section::before,body[data-page="home"] .problem-section::after{display:none}
body[data-page="home"] .problem-bento-grid{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(24px,3vw,44px);align-items:stretch}
body[data-page="home"] .problem-bento-card{min-height:610px;border-radius:24px;box-shadow:none}
body[data-page="home"] .problem-pain-card{padding:clamp(34px,4vw,60px);background:#fff;border:1px solid #dce5f0}
body[data-page="home"] .problem-pain-card:hover{transform:none;box-shadow:none;border-color:#cdd9e8}
body[data-page="home"] .problem-statement-lead{max-width:22ch;font-size:clamp(28px,3vw,44px);line-height:1.17;color:#10213b}
body[data-page="home"] .problem-climax-callout{max-width:720px;margin-top:16px;padding:20px 24px;border-radius:12px;background:#edf5ff}
body[data-page="home"] .problem-card-footer{padding-top:24px}
body[data-page="home"] .problem-sol-card{padding:clamp(34px,4vw,60px);background:linear-gradient(155deg,#0b2949 0%,#081b33 58%,#164882 100%);border-color:rgba(55,184,245,.3);box-shadow:none}
body[data-page="home"] .problem-sol-card:hover{transform:none;box-shadow:none}
body[data-page="home"] .problem-sol-card .sol-title-wrap h3{font-size:clamp(32px,3.4vw,50px);line-height:1.05}
body[data-page="home"] .problem-sol-card .lead{font-size:17px;line-height:1.58}
body[data-page="home"] .problem-sol-card .sol-pillars-grid{gap:10px}
body[data-page="home"] .problem-sol-card .sol-pillar-item{min-height:58px}

/* Footer matches the lead service navy, and legal information is comfortably readable. */
.site-footer{background:linear-gradient(145deg,#0b2f5b 0%,#164882 100%)}
.site-footer .footer-bottom{font-size:15px;color:rgba(255,255,255,.82)}
.site-footer .footer-bottom a{font-size:15px;color:rgba(255,255,255,.9)}
.site-footer .footer-bottom a:hover{color:#fff}

@media(max-width:960px){
  body[data-page="home"] .network-band .metrics-panel,body[data-page="home"] .problem-bento-grid{grid-template-columns:1fr}
  body[data-page="home"] .network-band .metrics-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="home"] .problem-bento-card{min-height:0}
  body[data-page="home"] .audience-visual-copy{max-width:72%}
}
@media(max-width:600px){
  body[data-page="home"] .services-stack .stack-list{grid-template-rows:none}
  body[data-page="home"] .services-stack .stack-card,body[data-page="home"] .services-stack .stack-card:nth-child(n){min-height:430px}
  body[data-page="home"] .network-band .metrics-list{grid-template-columns:1fr}
  body[data-page="home"] .network-band .metric{min-height:0}
  body[data-page="home"] .audience-visual-grid,body[data-page="home"] .audience-visual-copy{min-height:500px}
  body[data-page="home"] .audience-globe-media::before{width:100%;background:linear-gradient(90deg,rgba(11,41,73,.97),rgba(11,41,73,.74) 62%,rgba(11,41,73,.35))}
  body[data-page="home"] .audience-visual-copy{max-width:100%;padding:36px 24px}
  .site-footer .footer-bottom,.site-footer .footer-bottom a{font-size:14px}
}

/* Why Choose Us — one quiet editorial panel with a visual proof point and a reason strip. */
body[data-page="home"] .home-why-section{padding-block:clamp(72px,8vw,112px);background:#f6f8fb}
body[data-page="home"] .home-why-panel{padding:clamp(34px,5vw,72px);border-radius:28px;background:#fff;box-shadow:0 22px 58px rgba(13,38,70,.08)}
body[data-page="home"] .home-why-head{display:none}
body[data-page="home"] .home-why-main{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,.78fr);gap:clamp(44px,7vw,104px);align-items:center;padding-bottom:clamp(38px,5vw,64px)}
body[data-page="home"] .home-why-copy{max-width:510px}
body[data-page="home"] .home-why-copy .eyebrow{margin-bottom:22px;color:var(--ink)}
body[data-page="home"] .home-why-copy .eyebrow::before{background:#8fbd31}
body[data-page="home"] .home-why-copy h2{max-width:11ch;margin:0;font-family:var(--font-title);font-size:var(--text-h2);line-height:var(--heading-leading);letter-spacing:-.035em}
body[data-page="home"] .home-why-copy .lead{max-width:43ch;margin:clamp(28px,4vw,54px) 0 0;color:#25364d;font-size:16px;line-height:1.65}
body[data-page="home"] .home-why-media{height:370px;margin:0;border-radius:22px;overflow:hidden;background:#0b2949}
body[data-page="home"] .home-why-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body[data-page="home"] .home-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;gap:0;margin:0;padding-top:28px;border-top:1px solid #d6dde7}
body[data-page="home"] .home-why-grid .value-card,body[data-page="home"] .home-why-grid .value-card:nth-child(n){display:block;min-height:0;padding:0 22px 0 0;background:transparent;color:var(--ink);border:0;border-radius:0;box-shadow:none;overflow:visible}
body[data-page="home"] .home-why-grid .value-card+.value-card{padding-left:22px;border-left:1px solid #d6dde7}
body[data-page="home"] .home-why-grid .value-card:hover{transform:none;background:transparent;box-shadow:none}
body[data-page="home"] .home-why-grid .value-index{display:grid;place-items:center;width:28px;height:28px;margin:0 0 14px;border-radius:50%;background:#a3d13c;color:#10213b;font-size:11px;font-weight:800;letter-spacing:0}
body[data-page="home"] .home-why-grid .value-icon-badge{display:none}
body[data-page="home"] .home-why-grid .value-copy{display:block}
body[data-page="home"] .home-why-grid .value-copy h3,body[data-page="home"] .home-why-grid .value-card:nth-child(4) .value-copy h3{margin:0 0 10px;color:var(--ink);font-size:16px;line-height:1.15;letter-spacing:-.025em}
body[data-page="home"] .home-why-grid .value-copy p,body[data-page="home"] .home-why-grid .value-card:nth-child(4) .value-copy p{margin:0;color:#526073;font-size:13px;line-height:1.5}
@media(max-width:960px){
  body[data-page="home"] .home-why-main{grid-template-columns:1fr;gap:34px}
  body[data-page="home"] .home-why-copy h2{max-width:13ch}
  body[data-page="home"] .home-why-media{height:340px}
  body[data-page="home"] .home-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="home"] .home-why-grid .value-card:nth-child(n){padding:0 22px 22px 0}
  body[data-page="home"] .home-why-grid .value-card:nth-child(even){padding:0 0 22px 22px;border-left:1px solid #d6dde7}
  body[data-page="home"] .home-why-grid .value-card:nth-child(n+3){padding-top:22px;border-top:1px solid #d6dde7}
}
@media(max-width:600px){
  body[data-page="home"] .home-why-panel{padding:28px 22px;border-radius:22px}
  body[data-page="home"] .home-why-main{padding-bottom:34px}
  body[data-page="home"] .home-why-media{height:260px;border-radius:16px}
  body[data-page="home"] .home-why-grid{grid-template-columns:1fr;padding-top:22px}
  body[data-page="home"] .home-why-grid .value-card:nth-child(n),body[data-page="home"] .home-why-grid .value-card:nth-child(even){padding:18px 0;border:0}
  body[data-page="home"] .home-why-grid .value-card+.value-card{border-top:1px solid #d6dde7}
}

/* Audience copy: keep the desktop reading measure deliberate. */
@media(min-width:901px){body[data-page="home"] .audience-visual-copy .global-presence-details{max-width:470px!important}}

/* Network: a feature story paired with a vertical evidence ledger, not another card grid. */
body[data-page="home"] .network-band{background:linear-gradient(145deg,#0b2949 0%,#061525 100%)}
body[data-page="home"] .network-band .metrics-panel{grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr);gap:clamp(56px,8vw,128px);align-items:stretch}
body[data-page="home"] .network-band .metrics-intro{justify-content:flex-start;padding:0}
body[data-page="home"] .network-band .metrics-headline{padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.18)}
body[data-page="home"] .network-band .metrics-headline h2{max-width:10ch;font-size:clamp(50px,5.2vw,78px);letter-spacing:-.06em}
body[data-page="home"] .network-band .metrics-copy{max-width:470px;margin:28px 0 0;padding:0;border:0;color:#fff;font-size:17px;line-height:1.7}
body[data-page="home"] .network-band .world-row{margin-top:28px}
body[data-page="home"] .network-band .network-team-media{margin-top:34px;border:0;border-radius:20px;box-shadow:none}
body[data-page="home"] .network-band .network-team-media img{height:270px}
body[data-page="home"] .network-band .metrics-list{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(255,255,255,.18)}
body[data-page="home"] .network-band .metric{display:grid;grid-template-columns:66px 1fr;grid-template-rows:auto auto;column-gap:22px;align-content:center;min-height:calc(25% - 1px);padding:28px 0;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;background:transparent;box-shadow:none}
body[data-page="home"] .network-band .metric:hover{transform:translateX(8px);background:transparent}
body[data-page="home"] .network-band .metric-icon{grid-column:1;grid-row:1 / span 2;width:54px;height:54px;margin:0;border-radius:50%;background:rgba(55,184,245,.14);color:var(--blue)}
body[data-page="home"] .network-band .metric strong{grid-column:2;grid-row:1;font-size:clamp(34px,3.3vw,52px);line-height:.98}
body[data-page="home"] .network-band .metric span{grid-column:2;grid-row:2;max-width:38ch;margin-top:10px;font-size:15px;line-height:1.5}

/* Footer: use the deeper recruitment navy and keep all body copy crisp white. */
.site-footer{background:linear-gradient(145deg,#0b2949 0%,#061525 100%)}
.site-footer .footer-brand p,.site-footer .footer-links,.site-footer .footer-links a,.site-footer .footer-bottom,.site-footer .footer-bottom a{color:#fff}
.site-footer .footer-brand p{opacity:1}
.site-footer .footer-links a{opacity:1}
.site-footer .footer-links a:hover,.site-footer .footer-bottom a:hover{color:var(--blue)}

@media(max-width:960px){
  body[data-page="home"] .network-band .metrics-panel{grid-template-columns:1fr;gap:48px}
  body[data-page="home"] .network-band .metrics-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:0;gap:0 32px}
  body[data-page="home"] .network-band .metric{min-height:170px}
}
@media(max-width:600px){
  body[data-page="home"] .network-band .metrics-list{grid-template-columns:1fr}
  body[data-page="home"] .network-band .metrics-headline h2{font-size:clamp(46px,13vw,64px)}
  body[data-page="home"] .network-band .network-team-media img{height:220px}
  body[data-page="home"] .network-band .metric{min-height:0;padding:24px 0}
}

/* Service illustration set: new portrait assets are displayed at one shared scale. */
body[data-page="home"] .services-stack .stack-card:nth-child(1) .stack-bg,body[data-page="home"] .services-stack .stack-card:nth-child(2) .stack-bg,body[data-page="home"] .services-stack .stack-card:nth-child(3) .stack-bg,body[data-page="home"] .services-stack .stack-card:nth-child(4) .stack-bg{transform:scale(1.07)}

/* Problem to solution: a deliberate downward journey instead of two competing bento cards. */
body[data-page="home"] .problem-section{background:#fff!important}
body[data-page="home"] .problem-bento-grid{display:flex;flex-direction:column;gap:88px;max-width:1180px;margin-inline:auto}
body[data-page="home"] .problem-bento-card{min-height:0;width:100%;border-radius:24px}
body[data-page="home"] .problem-pain-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);grid-template-areas:"head body" "footer body";gap:26px 64px;padding:clamp(36px,5vw,70px);overflow:visible}
body[data-page="home"] .problem-pain-card .problem-card-header{grid-area:head;align-self:start}
body[data-page="home"] .problem-pain-card .problem-card-body{grid-area:body;justify-content:center;padding-left:36px;border-left:1px solid #d8e2ee}
body[data-page="home"] .problem-pain-card .problem-card-footer{grid-area:footer;align-self:end}
body[data-page="home"] .problem-pain-card::after{content:"↓";position:absolute;z-index:3;bottom:-64px;left:50%;display:grid;place-items:center;width:52px;height:52px;transform:translateX(-50%);border-radius:50%;background:#37b8f5;color:#061525;font-size:28px;font-weight:800;box-shadow:0 0 0 13px #fff}
body[data-page="home"] .problem-statement-lead{max-width:16ch;font-size:clamp(26px,2.7vw,40px)}
body[data-page="home"] .problem-sol-card{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);grid-template-areas:"head body" "footer body";gap:28px 70px;padding:clamp(36px,5vw,70px);background:linear-gradient(145deg,#0b2949,#061525)}
body[data-page="home"] .problem-sol-card .problem-card-header{grid-area:head;align-self:start}
body[data-page="home"] .problem-sol-card .sol-card-body{grid-area:body;justify-content:center}
body[data-page="home"] .problem-sol-card .sol-card-footer{grid-area:footer;align-self:end}
body[data-page="home"] .problem-sol-card .sol-pillars-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body[data-page="home"] .problem-sol-card .sol-pillar-item{min-height:70px;padding:14px 16px}
body[data-page="home"] .problem-sol-card .sol-title-wrap h3{font-size:clamp(36px,3.8vw,56px);line-height:1.02}

/* Why Choose Us: always four equal desktop columns, using the established blue palette. */
body[data-page="home"] .home-why-section{background:#eef4fa}
body[data-page="home"] .home-why-panel{border:1px solid rgba(22,72,130,.12);box-shadow:none}
body[data-page="home"] .home-why-copy .eyebrow::before,body[data-page="home"] .home-why-grid .value-index{background:var(--blue)}
body[data-page="home"] .home-why-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none}
body[data-page="home"] .home-why-grid .value-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:0}
body[data-page="home"] .home-why-grid .value-index{color:#061525}
@media(max-width:960px){
  body[data-page="home"] .problem-pain-card,body[data-page="home"] .problem-sol-card{display:flex;flex-direction:column;gap:28px}
  body[data-page="home"] .problem-pain-card .problem-card-body{padding:0;border:0}
  body[data-page="home"] .problem-bento-grid{gap:78px}
}

/* The problem / solution narrative is intentionally open, not a pair of product cards. */
body[data-page="home"] .problem-section{padding-block:clamp(96px,10vw,150px);background:#f7f9fc!important}
body[data-page="home"] .problem-bento-grid{gap:74px;max-width:1280px}
body[data-page="home"] .problem-pain-card{padding:0 0 74px;background:transparent;border:0;border-bottom:1px solid #cfd9e6;border-radius:0;box-shadow:none}
body[data-page="home"] .problem-pain-card:hover{border-color:#cfd9e6}
body[data-page="home"] .problem-pain-card .problem-card-header{padding-top:8px}
body[data-page="home"] .problem-pain-card .problem-card-body{padding-left:clamp(32px,5vw,82px);border-left:2px solid #37b8f5}
body[data-page="home"] .problem-pain-card .problem-card-footer{max-width:440px;padding-top:24px;border-top:1px solid #cfd9e6}
body[data-page="home"] .problem-pain-card::after{bottom:-27px;box-shadow:0 0 0 10px #f7f9fc}
body[data-page="home"] .problem-sol-card{display:grid;grid-template-columns:minmax(0,.78fr) minmax(390px,1.22fr);grid-template-areas:"head visual" "body visual" "footer visual";min-height:590px;gap:28px 64px;padding:clamp(42px,5vw,76px);border:0;border-radius:0;background:#061525;overflow:hidden}
body[data-page="home"] .problem-sol-card .problem-card-header{grid-area:head;position:relative;z-index:2}
body[data-page="home"] .problem-sol-card .sol-card-body{grid-area:body;position:relative;z-index:2}
body[data-page="home"] .problem-sol-card .sol-card-footer{grid-area:footer;position:relative;z-index:2;max-width:420px}
body[data-page="home"] .problem-sol-card .sol-card-glow{position:absolute;inset:0;background:linear-gradient(90deg,#061525 0%,rgba(6,21,37,.9) 32%,rgba(6,21,37,.1) 72%),url('../images/generated/problem-flow-operations-v1.webp') right center/auto 100% no-repeat;opacity:1}
body[data-page="home"] .problem-sol-card .sol-title-wrap h3{max-width:11ch;font-size:clamp(38px,4.2vw,64px)}
body[data-page="home"] .problem-sol-card .sol-title-wrap .lead{max-width:46ch;font-size:16px}
body[data-page="home"] .problem-sol-card .sol-pillars-grid{margin-top:10px;grid-template-columns:1fr}
body[data-page="home"] .problem-sol-card .sol-pillar-item{border-color:rgba(255,255,255,.17);background:transparent}
@media(max-width:960px){
  body[data-page="home"] .problem-pain-card{padding-bottom:62px}
  body[data-page="home"] .problem-sol-card{display:flex;min-height:0}
  body[data-page="home"] .problem-sol-card .sol-card-glow{background:linear-gradient(180deg,rgba(6,21,37,.2),#061525 82%),url('../images/generated/problem-flow-operations-v1.webp') center top/cover no-repeat}
}

/* Network proof: one generous visual story plus a consistent evidence rail. */
body[data-page="home"] .network-band{padding-block:clamp(88px,9vw,132px);background:linear-gradient(135deg,#0b2949 0%,#061525 78%)}
body[data-page="home"] .network-band .metrics-panel{grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);gap:clamp(56px,8vw,120px);max-width:1280px;margin-inline:auto}
body[data-page="home"] .network-band .metrics-intro{display:flex;min-height:650px;flex-direction:column}
body[data-page="home"] .network-band .metrics-headline{padding-bottom:30px}
body[data-page="home"] .network-band .metrics-headline h2{max-width:9ch;font-size:clamp(52px,5.1vw,76px);line-height:1.01;letter-spacing:-.055em}
body[data-page="home"] .network-band .metrics-copy{max-width:470px;margin-top:30px;font-size:16px;line-height:1.65}
body[data-page="home"] .network-band .world-row{gap:9px;margin-top:26px}
body[data-page="home"] .network-band .world-chip{padding:8px 13px;font-size:13px}
body[data-page="home"] .network-band .network-team-media{width:100%;height:285px;margin-top:auto;border-radius:20px;box-shadow:0 20px 44px rgba(0,0,0,.2)}
body[data-page="home"] .network-band .network-team-media img{height:100%;object-position:center 52%}
body[data-page="home"] .network-band .network-team-media figcaption{right:16px;bottom:16px;left:auto;max-width:calc(100% - 32px);padding:9px 13px;font-size:12px}
body[data-page="home"] .network-band .metrics-list{align-self:stretch;justify-content:center;border-top:0}
body[data-page="home"] .network-band .metric{grid-template-columns:58px minmax(0,1fr);column-gap:20px;min-height:132px;padding:25px 0;border-bottom:0;border-left:2px solid rgba(55,184,245,.95)}
body[data-page="home"] .network-band .metric+.metric{margin-top:18px}
body[data-page="home"] .network-band .metric-icon{width:46px;height:46px;background:rgba(55,184,245,.12)}
body[data-page="home"] .network-band .metric strong{font-size:clamp(34px,3vw,46px);letter-spacing:-.045em}
body[data-page="home"] .network-band .metric span{max-width:34ch;margin-top:8px;color:rgba(255,255,255,.92);font-size:15px;line-height:1.48}
body[data-page="home"] .network-band .metric:hover{transform:translateX(6px)}

/* Why Choose Us: a single aligned benefits row, with actual icons—not decorative counters. */
body[data-page="home"] .home-why-section{padding:var(--section-pad) 0;background:#f3f7fb}
body[data-page="home"] .home-why-panel{max-width:1280px;margin-inline:auto;padding:clamp(36px,5vw,68px);border:1px solid #d7e2ee;border-radius:28px;background:#fff}
body[data-page="home"] .home-why-main{align-items:center;gap:clamp(44px,7vw,96px);padding-bottom:42px}
body[data-page="home"] .home-why-copy .eyebrow{color:#0b2949}
body[data-page="home"] .home-why-copy h2{max-width:10ch;color:#061525}
body[data-page="home"] .home-why-copy .lead{max-width:470px;margin-top:28px;color:#31465f;font-size:16px;line-height:1.65}
body[data-page="home"] .home-why-media{height:320px;border-radius:20px}
body[data-page="home"] .home-why-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding-top:34px;border-top:1px solid #d7e2ee}
body[data-page="home"] .home-why-grid .value-card,body[data-page="home"] .home-why-grid .value-card:nth-child(n){display:flex;min-height:196px;flex-direction:column;align-items:flex-start;padding:0 28px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-page="home"] .home-why-grid .value-card+.value-card{padding-left:28px;border-left:1px solid #d7e2ee}
body[data-page="home"] .home-why-grid .value-index{display:none}
body[data-page="home"] .home-why-grid .value-icon-badge{display:grid;place-items:center;width:46px;height:46px;margin:0 0 19px;border:1px solid rgba(55,184,245,.28);border-radius:14px;background:#e9f7fe;color:#0879bb}
body[data-page="home"] .home-why-grid .value-icon-badge svg{width:22px;height:22px;stroke-width:1.8}
body[data-page="home"] .home-why-grid .value-copy h3,body[data-page="home"] .home-why-grid .value-card:nth-child(4) .value-copy h3{margin:0 0 11px;color:#061525;font-size:20px;line-height:1.13;letter-spacing:-.03em}
body[data-page="home"] .home-why-grid .value-copy p,body[data-page="home"] .home-why-grid .value-card:nth-child(4) .value-copy p{max-width:28ch;margin:0;color:#465c75;font-size:15px;line-height:1.52}
body[data-page="home"] .home-why-grid .value-card:hover{transform:none;background:transparent;box-shadow:none}

@media(max-width:960px){
  body[data-page="home"] .network-band .metrics-panel{grid-template-columns:1fr;gap:52px}
  body[data-page="home"] .network-band .metrics-intro{min-height:0}
  body[data-page="home"] .network-band .network-team-media{height:310px;margin-top:38px}
  body[data-page="home"] .network-band .metrics-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 36px}
  body[data-page="home"] .network-band .metric+.metric{margin-top:0}
  body[data-page="home"] .home-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  body[data-page="home"] .home-why-grid .value-card:nth-child(n){min-height:0;padding:0 28px 0 0;border:0}
  body[data-page="home"] .home-why-grid .value-card:nth-child(even){padding:0 0 0 28px;border-left:1px solid #d7e2ee}
}
@media(max-width:600px){
  body[data-page="home"] .network-band .network-team-media{height:240px}
  body[data-page="home"] .network-band .metrics-list{grid-template-columns:1fr;gap:14px}
  body[data-page="home"] .network-band .metric{min-height:122px;padding:22px 0}
  body[data-page="home"] .home-why-panel{padding:30px 22px;border-radius:22px}
  body[data-page="home"] .home-why-main{padding-bottom:32px}
  body[data-page="home"] .home-why-media{height:250px}
  body[data-page="home"] .home-why-grid{grid-template-columns:1fr;gap:0;padding-top:26px}
  body[data-page="home"] .home-why-grid .value-card:nth-child(n),body[data-page="home"] .home-why-grid .value-card:nth-child(even){min-height:0;padding:22px 0;border:0}
  body[data-page="home"] .home-why-grid .value-card+.value-card{border-top:1px solid #d7e2ee}
}

/* Problem → solution: one connected operating story, not two unrelated cards. */
body[data-page="home"] .problem-section{padding-block:clamp(96px,10vw,148px);background:#f4f7fb!important}
body[data-page="home"] .problem-story{position:relative;max-width:1280px;margin-inline:auto}
body[data-page="home"] .problem-story-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(52px,9vw,136px);align-items:end;padding:0 clamp(22px,4vw,62px) 54px;border-bottom:1px solid #cbd8e7}
body[data-page="home"] .problem-story-copy{max-width:650px}
body[data-page="home"] .problem-story-copy .problem-badge{margin-bottom:25px}
body[data-page="home"] .problem-story-copy .problem-statement-lead{max-width:16ch;margin:0;color:#061525;font-family:var(--font-title);font-size:var(--text-h2);line-height:var(--heading-leading);letter-spacing:-.035em}
body[data-page="home"] .problem-story-copy .problem-statement-climax{max-width:43ch;margin:24px 0 0;padding-left:22px;border-left:3px solid #37b8f5;color:#174b84;font-size:16.5px;line-height:1.55}
body[data-page="home"] .problem-costs{display:flex;min-height:230px;flex-direction:column;justify-content:flex-end;padding:28px 0 0;border-top:2px solid #37b8f5}
body[data-page="home"] .problem-costs .problem-status-badge{align-self:flex-start;margin-bottom:30px}
body[data-page="home"] .problem-costs .problem-friction-label{margin:0 0 15px;color:#53677e;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
body[data-page="home"] .problem-costs .problem-friction-row{gap:9px}
body[data-page="home"] .problem-costs .friction-pill{padding:8px 11px;font-size:12px}
body[data-page="home"] .problem-merge{position:relative;z-index:2;display:flex;align-items:center;gap:0;width:min(100% - 44px,780px);margin:-1px auto 0}
body[data-page="home"] .problem-merge-line{display:block;height:1px;flex:1;background:#cbd8e7}
body[data-page="home"] .problem-merge-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 18px;border:8px solid #f4f7fb;border-radius:50%;background:#37b8f5;color:#061525}
body[data-page="home"] .problem-merge-icon svg{width:22px;height:22px;stroke-width:2.1}
body[data-page="home"] .unified-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);gap:clamp(42px,7vw,110px);min-height:454px;margin-top:48px;padding:clamp(40px,5vw,72px);overflow:hidden;border:1px solid rgba(55,184,245,.24);border-radius:26px;background:linear-gradient(128deg,#061525 0%,#0b2949 64%,#123e70 100%);box-shadow:0 22px 50px rgba(6,21,37,.16)}
body[data-page="home"] .unified-stage .sol-card-glow{position:absolute;inset:auto -7% -65% auto;width:680px;height:680px;border:1px solid rgba(55,184,245,.17);border-radius:50%;background:transparent;opacity:1}
body[data-page="home"] .unified-stage .sol-card-glow::before,body[data-page="home"] .unified-stage .sol-card-glow::after{position:absolute;inset:11%;border:1px solid rgba(55,184,245,.13);border-radius:50%;content:""}
body[data-page="home"] .unified-stage .sol-card-glow::after{inset:22%}
body[data-page="home"] .unified-stage-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}
body[data-page="home"] .unified-stage-labels{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
body[data-page="home"] .unified-stage h3{max-width:16ch;margin:0;color:#fff;font-family:var(--font-title);font-size:clamp(28px,2.8vw,38px);line-height:1.15;letter-spacing:-.03em}
body[data-page="home"] .unified-stage .lead{max-width:46ch;margin:22px 0 0;color:rgba(255,255,255,.9);font-size:16px;line-height:1.65}
body[data-page="home"] .unified-stage .solution-ribbon-btn{width:min(100%,360px);margin-top:auto;padding-top:36px}
body[data-page="home"] .unified-services{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:14px}
body[data-page="home"] .unified-services .sol-pillar-item{min-height:116px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(4px)}
body[data-page="home"] .unified-services .pillar-icon-wrap{width:38px;height:38px;margin-bottom:16px;border-color:rgba(55,184,245,.55);background:rgba(55,184,245,.12)}
body[data-page="home"] .unified-services .pillar-name{font-size:15px}
body[data-page="home"] .unified-services .pillar-hover-arrow{top:17px;right:17px;opacity:.72}

@media(max-width:960px){
  body[data-page="home"] .problem-story-intro{grid-template-columns:1fr;gap:36px;padding-bottom:44px}
  body[data-page="home"] .problem-costs{min-height:0;padding-top:24px}
  body[data-page="home"] .unified-stage{grid-template-columns:1fr;gap:36px;min-height:0}
  body[data-page="home"] .unified-stage .solution-ribbon-btn{margin-top:32px}
  body[data-page="home"] .unified-services{align-self:auto}
}
@media(max-width:600px){
  body[data-page="home"] .problem-story-intro{padding-inline:0}
  body[data-page="home"] .problem-story-copy .problem-statement-lead{font-size:clamp(33px,9.5vw,46px)}
  body[data-page="home"] .problem-story-copy .problem-statement-climax{font-size:16px}
  body[data-page="home"] .problem-merge{width:100%}
  body[data-page="home"] .unified-stage{margin-top:36px;padding:30px 22px;border-radius:22px}
  body[data-page="home"] .unified-stage-labels{margin-bottom:24px}
  body[data-page="home"] .unified-stage h3{font-size:clamp(35px,10vw,48px)}
  body[data-page="home"] .unified-services{grid-template-columns:1fr}
  body[data-page="home"] .unified-services .sol-pillar-item{min-height:76px}
body[data-page="home"] .unified-services .pillar-icon-wrap{margin-bottom:0}
}


/* Why Choose Us: normalized icon badges and harmonious typography scale. */
body[data-page="home"] .home-why-grid{padding-top:0!important;border-top:0!important;border-bottom:0!important}
body[data-page="home"] .home-why-grid .value-card,body[data-page="home"] .home-why-grid .value-card:nth-child(n){min-height:200px;padding-top:16px;padding-bottom:16px}
body[data-page="home"] .home-why-grid .value-index{display:none!important}
body[data-page="home"] .home-why-grid .value-icon-badge{display:flex!important;align-items:center;justify-content:center;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;flex-shrink:0!important;margin:0 0 20px;padding:0;border:1px solid rgba(22,72,130,.12);border-radius:14px;background:rgba(55,184,245,.12);color:var(--navy)}
body[data-page="home"] .home-why-grid .value-icon-badge svg,body[data-page="home"] .home-why-grid .value-icon-badge .icon-lg{width:24px!important;height:24px!important;color:var(--navy)!important;stroke:currentColor!important;stroke-width:1.8}
body[data-page="home"] .home-why-grid .value-copy h3,body[data-page="home"] .home-why-grid .value-card:nth-child(4) .value-copy h3{margin-bottom:10px;font-family:var(--font-title);font-size:var(--text-h3);font-weight:600;line-height:1.2}
body[data-page="home"] .home-why-grid .value-copy p,body[data-page="home"] .home-why-grid .value-card:nth-child(4) .value-copy p{font-size:15px;line-height:1.55}
@media(max-width:960px){body[data-page="home"] .home-why-grid .value-card,body[data-page="home"] .home-why-grid .value-card:nth-child(n){min-height:0;padding-top:20px;padding-bottom:20px}}

/* ============================================================
   Global Presence Section (Network Band)
   White branding background, zero corner color bleed, container matched
   ============================================================ */
body[data-page="home"] .network-band{padding:var(--section-pad) 0;background:#ffffff!important;color:#061525}
body[data-page="home"] .network-band::before,body[data-page="home"] .network-band::after{display:none!important}
body[data-page="home"] .network-band .container{width:min(calc(100% - var(--gutter) * 2),var(--max));margin-inline:auto;max-width:1400px}
body[data-page="home"] .network-editorial{width:100%;max-width:none;margin-inline:auto}
body[data-page="home"] .network-editorial-head{display:grid;grid-template-columns:minmax(0,.92fr) minmax(400px,1.08fr);gap:clamp(44px,6vw,96px);align-items:end;padding:0}
body[data-page="home"] .network-editorial-head .eyebrow{margin:0 0 20px;color:#0b5b9c}
body[data-page="home"] .network-editorial-head .eyebrow::before{background:#37b8f5;box-shadow:none}
body[data-page="home"] .network-editorial-head h2{max-width:16ch;margin:0;color:#061525;font-family:var(--font-title);font-size:var(--text-h2);line-height:var(--heading-leading);letter-spacing:-.035em;font-weight:700}
body[data-page="home"] .network-editorial-summary{padding:0 0 6px;border-left:2px solid #37b8f5}
body[data-page="home"] .network-editorial-summary>p{max-width:48ch;margin:0;padding-left:24px;color:#23435f;font-size:17px;line-height:1.65}
body[data-page="home"] .network-editorial-summary .world-row{margin:28px 0 0;padding-left:24px;gap:9px}
body[data-page="home"] .network-editorial-summary .world-chip{padding:8px 13px;border:1px solid #c0d4e7;border-radius:999px;background:#f3f7fb;color:#0b365c;font-size:13px;font-weight:700;box-shadow:none}
body[data-page="home"] .network-globe-stage{position:relative;height:clamp(490px,43vw,610px);margin:clamp(40px,4.5vw,58px) 0 0;overflow:hidden;border:1px solid #d0deeb;border-radius:24px;background:#061525;box-shadow:0 24px 48px rgba(27,78,125,.12);isolation:isolate}
body[data-page="home"] .network-globe-stage::after{position:absolute;top:0;left:0;right:0;bottom:164px;background:linear-gradient(90deg,rgba(4,28,55,.3) 0%,transparent 65%),linear-gradient(0deg,rgba(3,22,43,.5) 0%,transparent 55%);content:"";pointer-events:none;transition:opacity .4s ease}
body[data-page="home"] .network-globe-stage>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:none}
body[data-page="home"] .network-globe-stage figcaption{position:absolute;z-index:1;top:28px;left:32px;right:auto;bottom:auto;max-width:230px;padding:0;border:0;border-radius:0;background:transparent;color:rgba(255,255,255,.94);font-size:13px;font-weight:800;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}
body[data-page="home"] .network-proof-strip{position:absolute;z-index:2;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#ffffff;overflow:hidden;border:none;outline:none;box-shadow:0 -4px 24px rgba(0,0,0,.04)}
body[data-page="home"] .network-proof{display:grid;gap:16px;min-height:154px;align-content:center;padding:26px 28px;background:#ffffff}
body[data-page="home"] .network-proof+.network-proof{border-left:1px solid #e2edf6}
body[data-page="home"] .network-proof-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#eef7fc;color:var(--navy)}
body[data-page="home"] .network-proof-icon svg{width:24px;height:24px;stroke-width:1.8}
body[data-page="home"] .network-proof strong{display:block;color:#061525;font-size:clamp(29px,2.7vw,42px);line-height:.95;letter-spacing:-.05em}
body[data-page="home"] .network-proof span{display:block;max-width:26ch;margin-top:9px;color:#39546f;font-size:14px;line-height:1.45}
@media(max-width:1060px){
  body[data-page="home"] .network-editorial-head{grid-template-columns:1fr;gap:30px}
  body[data-page="home"] .network-editorial-head h2{max-width:11ch}
  body[data-page="home"] .network-proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="home"] .network-globe-stage::after{bottom:276px}
  body[data-page="home"] .network-proof{min-height:138px}
  body[data-page="home"] .network-proof:nth-child(3){border-left:0}
  body[data-page="home"] .network-proof:nth-child(n+3){border-top:1px solid #e2edf6}
  body[data-page="home"] .network-globe-stage{height:650px}
}
@media(max-width:600px){
  body[data-page="home"] .network-editorial-head{padding-inline:0}
  body[data-page="home"] .network-editorial-head h2{font-size:clamp(42px,12vw,58px)}
  body[data-page="home"] .network-editorial-summary>p,body[data-page="home"] .network-editorial-summary .world-row{padding-left:18px}
  body[data-page="home"] .network-globe-stage{height:720px;margin-top:40px;border-radius:20px}
  body[data-page="home"] .network-globe-stage>img{object-position:58% center}
  body[data-page="home"] .network-globe-stage figcaption{top:22px;left:22px;font-size:11px}
  body[data-page="home"] .network-proof-strip{grid-template-columns:1fr}
  body[data-page="home"] .network-globe-stage::after{bottom:390px}
  body[data-page="home"] .network-proof{min-height:98px;padding:19px 22px}
  body[data-page="home"] .network-proof+.network-proof,body[data-page="home"] .network-proof:nth-child(3){border-left:0;border-top:1px solid #e2edf6}
  body[data-page="home"] .network-proof-icon{width:40px;height:40px}
}

/* ============================================================
   Services Stack (Home Page 2x2 Grid Layout)
   Expansive, spacious cards with readable micro-deliverable UIs
   ============================================================ */
/* ============================================================
   Problem & Solution Section (Home Page Editorial Stage)
   Two-card architectural contrast, strictly authentic copy
   ============================================================ */
body[data-page="home"] .problem-section{padding:var(--section-pad) 0;background:#f8fafc!important}
body[data-page="home"] .problem-stage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);gap:clamp(24px,2.8vw,36px);align-items:stretch}
body[data-page="home"] .problem-editorial-card{position:relative;border-radius:26px;padding:clamp(36px,4.5vw,54px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
body[data-page="home"] .card-problem{background:#ffffff;border:1px solid #dce5ef;box-shadow:0 16px 40px rgba(22,72,130,.05)}
body[data-page="home"] .card-problem .problem-card-title{font-family:var(--font-title);font-size:clamp(26px,2.4vw,34px);font-weight:700;color:#061525;line-height:1.2;letter-spacing:-.025em;margin:0 0 18px}
body[data-page="home"] .card-problem .problem-card-lead{font-size:17px;line-height:1.7;color:#465c75;margin:0}

body[data-page="home"] .card-solution{background:linear-gradient(150deg,#092240 0%,#051426 100%);border:1px solid rgba(55,184,245,.28);color:#ffffff;box-shadow:0 22px 54px rgba(6,21,37,.22)}
body[data-page="home"] .card-solution .problem-card-title{font-family:var(--font-title);font-size:clamp(26px,2.4vw,34px);font-weight:700;color:#ffffff;line-height:1.2;letter-spacing:-.025em;margin:0 0 18px}
body[data-page="home"] .card-solution .problem-card-lead{font-size:17px;line-height:1.7;color:rgba(255,255,255,.85);margin:0 0 24px}
body[data-page="home"] .solution-proof-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
body[data-page="home"] .solution-proof-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#ffffff;font-size:13.5px;font-weight:600}
body[data-page="home"] .chip-check{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#10b981;color:#ffffff}
body[data-page="home"] .chip-check svg{width:11px;height:11px;stroke-width:2.5}
body[data-page="home"] .solution-card-action{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:auto}
body[data-page="home"] .solution-card-action .btn-primary{background:var(--blue);color:#061525;font-weight:700;border-color:transparent;box-shadow:0 8px 24px rgba(55,184,245,.35)}
body[data-page="home"] .solution-card-action .btn-primary:hover{background:#5fc9fa;box-shadow:0 12px 32px rgba(55,184,245,.5)}
body[data-page="home"] .solution-card-action .btn-ghost{color:#ffffff;border-color:rgba(255,255,255,.25)}
body[data-page="home"] .solution-card-action .btn-ghost:hover{background:rgba(255,255,255,.12);color:#ffffff;border-color:rgba(255,255,255,.4)}
@media(max-width:960px){
  body[data-page="home"] .problem-stage-grid{grid-template-columns:1fr;gap:24px}
  body[data-page="home"] .problem-editorial-card{padding:32px 24px}
}

/* ============================================================
   Why Choose Us Section (Home Page Modern Bento Grid)
   Zero duplicate headings, premium icons, subtle card shadows
   ============================================================ */
body[data-page="home"] .home-why-section{padding:var(--section-pad) 0;background:#ffffff!important}
body[data-page="home"] .home-why-header{max-width:800px;margin:0 auto clamp(36px,4.5vw,56px);text-align:center}
body[data-page="home"] .home-why-header .eyebrow{justify-content:center;margin-bottom:14px}
body[data-page="home"] .home-why-header h2{font-size:var(--text-h2);font-weight:700;color:#061525;margin:0 0 16px;letter-spacing:-.03em}
body[data-page="home"] .home-why-header .lead{font-size:17px;line-height:1.65;color:#465c75;margin:0 auto;max-width:64ch}
body[data-page="home"] .home-why-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.8vw,24px)}
body[data-page="home"] .why-bento-card{position:relative;background:#ffffff;border:1px solid #dce5ef;border-radius:22px;padding:clamp(26px,2.6vw,34px) clamp(22px,2vw,28px);display:flex;flex-direction:column;justify-content:space-between;min-height:250px;box-shadow:0 10px 30px rgba(22,72,130,.04);transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}
body[data-page="home"] .why-bento-card:hover{transform:translateY(-5px);border-color:rgba(55,184,245,.5);box-shadow:0 20px 48px rgba(22,72,130,.12)}
body[data-page="home"] .why-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:22px}
body[data-page="home"] .why-card-index{font-family:var(--font-title);font-weight:700;font-size:16px;color:var(--navy);background:rgba(55,184,245,.12);border:1px solid rgba(55,184,245,.22);padding:6px 14px;border-radius:999px;letter-spacing:.04em}
body[data-page="home"] .why-card-icon-wrap{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,rgba(55,184,245,.14) 0%,rgba(22,72,130,.05) 100%);border:1px solid rgba(55,184,245,.24);color:#0b5b9c;display:grid;place-items:center;transition:transform .3s ease,background .3s ease,color .3s ease}
body[data-page="home"] .why-bento-card:hover .why-card-icon-wrap{transform:scale(1.08) rotate(3deg);background:var(--navy);color:#ffffff}
body[data-page="home"] .why-card-icon-wrap svg{width:22px;height:22px;stroke-width:1.8}
body[data-page="home"] .why-card-body h3{font-family:var(--font-title);font-size:20px;font-weight:700;color:#061525;margin:0 0 10px;line-height:1.25;letter-spacing:-.02em}
body[data-page="home"] .why-card-body p{font-size:15px;line-height:1.6;color:#465c75;margin:0}
@media(max-width:1060px){body[data-page="home"] .home-why-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  body[data-page="home"] .home-why-bento{grid-template-columns:1fr}
  body[data-page="home"] .why-bento-card{padding:24px 20px;min-height:auto}
}

/* ============================================================
   Services Benefits Bento Grid (services.html)
   Anti-slop, clean, replacement for obsolete model-compare-matrix
   ============================================================ */
.services-benefits-section{padding:var(--section-pad) 0;background:#ffffff}
.benefits-bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.8vw,24px);margin-top:clamp(36px,4vw,52px)}
.benefit-bento-card{position:relative;background:#ffffff;border:1px solid #dce5ef;border-radius:22px;padding:clamp(26px,2.6vw,34px) clamp(22px,2vw,28px);display:flex;flex-direction:column;justify-content:space-between;min-height:250px;box-shadow:0 10px 30px rgba(22,72,130,.04);transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}
.benefit-bento-card:hover{transform:translateY(-5px);border-color:rgba(55,184,245,.5);box-shadow:0 20px 48px rgba(22,72,130,.12)}
.benefit-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:22px}
.benefit-card-index{font-family:var(--font-title);font-weight:700;font-size:13px;color:var(--navy);background:rgba(55,184,245,.12);border:1px solid rgba(55,184,245,.22);padding:4px 10px;border-radius:999px;letter-spacing:.04em}
.benefit-icon-wrap{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,rgba(55,184,245,.14) 0%,rgba(22,72,130,.05) 100%);border:1px solid rgba(55,184,245,.24);color:#0b5b9c;display:grid;place-items:center;transition:transform .3s ease,background .3s ease,color .3s ease}
.benefit-bento-card:hover .benefit-icon-wrap{transform:scale(1.08) rotate(3deg);background:var(--navy);color:#ffffff}
.benefit-icon-wrap svg{width:22px;height:22px;stroke-width:1.8}
.benefit-card-body h3{font-family:var(--font-title);font-size:20px;font-weight:700;color:#061525;margin:0 0 10px;line-height:1.25;letter-spacing:-.02em}
.benefit-card-body p{font-size:15px;line-height:1.6;color:#465c75;margin:0}
@media(max-width:1060px){.benefits-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .benefits-bento-grid{grid-template-columns:1fr}
  .benefit-bento-card{padding:24px 20px;min-height:auto}
}

/* Full portraits prevent face cropping in the team roster. */
.team-photo{height:320px}
.team-photo img{object-position:center 18%}

/* Six delivery platforms read as a deliberate 3 × 2 system on desktop. */
.tech-stack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tech-chip{min-height:108px;padding:20px 22px}
.tech-chip-icon{width:48px;height:48px}
.tech-chip-icon .icon{width:25px;height:25px}

/* Delivery rows are informational; remove faux navigation arrows everywhere they are rendered. */
.service-offering{grid-template-columns:48px minmax(0,1fr)}
.service-offering-arrow-wrap{display:none!important}
@media(max-width:960px){
  body[data-page="home"] .home-why-main{grid-template-columns:1fr;gap:34px}
  .tech-stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  body[data-page="home"] .home-why-media{height:280px}
  body[data-page="home"] .home-why-grid .value-icon-badge{width:44px;height:44px;min-width:44px}
  body[data-page="home"] .home-why-grid .value-icon-badge svg{width:22px;height:22px}
  .team-photo{height:290px}
  .tech-stack-grid{grid-template-columns:1fr}
  .service-offering{grid-template-columns:32px minmax(0,1fr)}
}

/* Technology lists are one editorial grid, not six independent cards. */
.tech-stack-section{padding:var(--section-pad) 0;background:#f3f7fa;border:0}
.tech-stack-header{max-width:780px;margin:0 auto clamp(36px,4.5vw,52px);text-align:center}
.tech-stack-header .eyebrow{justify-content:center;margin-bottom:14px}
.tech-stack-title{max-width:25ch;margin:0 auto;text-align:center;font-size:var(--text-h2);line-height:1.15;letter-spacing:-.03em}
.tech-stack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(22,72,130,.22);border-left:1px solid rgba(22,72,130,.22);background:transparent}
.tech-chip{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:18px;min-height:136px;padding:24px 26px;border:0;border-right:1px solid rgba(22,72,130,.22);border-bottom:1px solid rgba(22,72,130,.22);border-radius:0;background:transparent;box-shadow:none;transform:none!important}
.tech-chip:hover{background:rgba(55,184,245,.07);box-shadow:none;border-color:rgba(22,72,130,.22)}
.tech-chip-icon{width:48px;height:48px;border-radius:12px;background:rgba(55,184,245,.12);color:#0b5b9c;display:grid;place-items:center}
.tech-chip-icon .icon{width:24px;height:24px;stroke-width:1.6}
.tech-chip-text strong{font-size:17px;line-height:1.25;font-weight:600}
.tech-chip-text span{margin-top:4px;font-size:14px;line-height:1.45}

/* Deliverables are a quiet information list with a meaningful visual cue. */
.service-offering{grid-template-columns:42px 52px minmax(0,1fr);gap:18px;align-items:center;padding:29px 0}
.service-offering-index{padding-top:0;align-self:start;margin-top:9px}
.service-offering-icon{display:grid;place-items:center;width:48px;height:48px;color:#0b5b9c;border-left:1px solid rgba(55,184,245,.5)}
.service-offering-icon .icon{width:28px;height:28px;stroke-width:1.5}
.service-offering-copy h3{margin:0 0 9px;font-size:clamp(20px,1.75vw,26px);line-height:1.18;letter-spacing:-.025em;font-weight:600}
.service-offering-copy p{font-size:16px;line-height:1.58}

@media(max-width:960px){
  .tech-stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  body[data-page="home"] .home-why-grid .value-icon-badge{width:44px;height:44px;min-width:44px}
  body[data-page="home"] .home-why-grid .value-icon-badge .icon-lg{width:22px!important;height:22px!important}
  .tech-stack-section{padding:var(--section-pad-sm) 0}
  .tech-stack-header{margin-bottom:32px}
  .tech-stack-title{font-size:30px}
  .tech-stack-grid{grid-template-columns:1fr}
  .tech-chip{grid-template-columns:44px minmax(0,1fr);min-height:110px;padding:20px 18px;gap:16px}
  .tech-chip-icon{width:44px;height:44px}
  .tech-chip-icon .icon{width:22px;height:22px}
  .service-offering{grid-template-columns:30px 40px minmax(0,1fr);gap:12px;padding:20px 0}
  .service-offering-icon{width:40px;height:40px}
  .service-offering-icon .icon{width:22px;height:22px}
  .service-offering-copy h3{font-size:19px}
}

/* Keep the roster readable and visually even without changing profile copy. */
.team-bio{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;min-height:5.8em}

/* ============================================================
   Homepage redesign — editorial, alive, on-brand (2026-09-07)
   Scope: body[data-page="home"] only.
   Wording and typefaces untouched: only scale, spacing, color,
   surfaces, layout and motion are adjusted below. No text edits.
   ============================================================ */

/* ---------- Header: quieter, sharper ---------- */
body[data-page="home"] .home-site-header .brand img{width:300px}
body[data-page="home"] .home-site-header .nav-links{background:rgba(7,27,50,.36);border-color:rgba(255,255,255,.16)}
body[data-page="home"] .home-site-header .nav-links a,
body[data-page="home"] .home-site-header .nav-dropdown-toggle{padding:10px 18px;font-size:15px}
body[data-page="home"] .home-site-header.scrolled{background:rgba(5,22,42,.84)}

/* ---------- Hero: type-led, proof as meta row ---------- */
body[data-page="home"] .hero-grid{padding-bottom:84px}
body[data-page="home"] .hero-copy h1{max-width:14ch;font-size:90px;line-height:.99;letter-spacing:-.04em}
body[data-page="home"] .hero-proof{flex-direction:row;flex-wrap:wrap;gap:8px 20px;margin-top:22px;padding-top:16px}
body[data-page="home"] .hero-proof .proof-item{min-height:0;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.84)}
body[data-page="home"] .hero-proof .proof-item + .proof-item{padding-left:20px;border-left:1px solid rgba(255,255,255,.24)}
body[data-page="home"] .hero-proof .proof-dot{width:7px;height:7px}
body[data-page="home"] .hero-side{max-width:480px}
body[data-page="home"] .hero-side .lead{max-width:46ch;font-size:18px;line-height:1.62}
body[data-page="home"] .hero-actions{margin-top:6px}
body[data-page="home"] .hero-grid::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.16)}

/* ---------- Marquee: calm ink ticker, pauses on hover ---------- */
body[data-page="home"] .marquee{background:#0a0b0d;border-block:1px solid #0a0b0d}
body[data-page="home"] .marquee-track{padding:13px 0;animation-duration:38s}
body[data-page="home"] .marquee-item{padding:0 26px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.78)}
body[data-page="home"] .marquee-item::before{width:6px;height:6px}
body[data-page="home"] .marquee:hover .marquee-track{animation-play-state:paused}

/* ---------- Problem / solution: quiet paper, ledger proof ---------- */
body[data-page="home"] .problem-section{background:#f5f6f7!important}
body[data-page="home"] .problem-section::before,
body[data-page="home"] .problem-section::after{display:none}
body[data-page="home"] .problem-stage-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,2.6vw,34px);align-items:stretch}
body[data-page="home"] .problem-editorial-card{border-radius:20px;padding:clamp(34px,4vw,50px);display:flex;flex-direction:column;justify-content:center}
body[data-page="home"] .card-problem{box-shadow:0 14px 34px rgba(22,72,130,.06)}
body[data-page="home"] .card-problem .problem-card-title{font-size:clamp(28px,2.6vw,36px);letter-spacing:-.03em}
body[data-page="home"] .card-problem .problem-card-lead{font-size:17px;line-height:1.7}
body[data-page="home"] .card-solution{background:#0b2949;border-color:rgba(255,255,255,.14);box-shadow:0 24px 54px rgba(6,21,37,.24)}
body[data-page="home"] .card-solution .problem-card-title{font-size:clamp(28px,2.6vw,36px);letter-spacing:-.03em}
body[data-page="home"] .card-solution .problem-card-lead{font-size:16.5px;line-height:1.66}
body[data-page="home"] .solution-proof-row{display:grid;gap:0;margin:26px 0 30px;border-top:1px solid rgba(255,255,255,.16)}
body[data-page="home"] .solution-proof-chip{padding:11px 0;border:0;border-bottom:1px solid rgba(255,255,255,.16);border-radius:0;background:transparent;font-size:14.5px}

/* ---------- Services: bright application cards on a deep navy stage ---------- */
body[data-page="home"] .services-stack{position:relative;overflow:hidden;background:linear-gradient(145deg,#0b2d52 0%,#164882 58%,#123b6b 100%)!important}
body[data-page="home"] .services-stack::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 8% 0%,rgba(55,184,245,.16),transparent 68%),radial-gradient(620px 420px at 94% 100%,rgba(55,184,245,.12),transparent 66%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,auto,52px 52px,52px 52px;pointer-events:none}
body[data-page="home"] .services-stack .container{position:relative;z-index:1}
body[data-page="home"] .services-stack .section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end;gap:32px;max-width:none;margin-inline:0;text-align:left}
body[data-page="home"] .services-stack .section-head .eyebrow{color:#8cddff}
body[data-page="home"] .services-stack .section-head h2{max-width:16ch;color:#fff;font-size:clamp(36px,3.8vw,56px);letter-spacing:-.04em;text-align:left}
body[data-page="home"] .services-stack .section-head .lead{max-width:44ch;margin:0;justify-self:end;color:rgba(255,255,255,.76);text-align:left;font-size:17px}
body[data-page="home"] .services-stack .stack-list{counter-reset:svc;gap:clamp(18px,2vw,26px)!important}
body[data-page="home"] .services-stack .stack-card{min-height:590px;padding:34px;border:1px solid rgba(223,244,255,.66)!important;border-radius:22px;background:linear-gradient(150deg,#fbfdff,#edf5fc)!important;box-shadow:0 22px 56px rgba(3,18,34,.24)!important}
body[data-page="home"] .services-stack .stack-card:hover{border-color:#7dd7ff!important;box-shadow:0 34px 76px rgba(3,18,34,.38)!important}
body[data-page="home"] .services-stack .stack-card .stack-card-glow{display:none}
body[data-page="home"] .services-stack .stack-arrow{background:var(--ink);border-color:var(--ink);color:#fff}
body[data-page="home"] .services-stack .stack-copy h3{max-width:100%;color:#0a1c33!important;font-size:clamp(25px,2.2vw,31px)!important;letter-spacing:-.03em}
body[data-page="home"] .services-stack .stack-copy h3::before{content:"0" counter(svc);display:block;margin-bottom:10px;font-size:13px;letter-spacing:.14em;color:#0b5b9c}
body[data-page="home"] .services-stack .stack-card{counter-increment:svc}
body[data-page="home"] .services-stack .stack-copy p{max-width:46ch;color:#4c5f76!important;font-size:15.5px;line-height:1.62}
body[data-page="home"] .services-stack .stack-deliverable-preview{height:clamp(250px,21vw,286px);margin-top:30px;border:1px solid #c9dceb;border-radius:18px;background:#fff;box-shadow:0 16px 34px rgba(22,72,130,.1)}
body[data-page="home"] .services-stack .stack-card:hover .stack-deliverable-preview{border-color:#37b8f5;box-shadow:0 20px 44px rgba(22,72,130,.18)}
body[data-page="home"] .preview-browser,body[data-page="home"] .preview-marketing,body[data-page="home"] .preview-booking,body[data-page="home"] .preview-talent{padding:22px 24px}
body[data-page="home"] .preview-address{font-size:13px;padding:5px 10px}
body[data-page="home"] .preview-dot{width:9px;height:9px}
body[data-page="home"] .preview-perf-pill,body[data-page="home"] .preview-sync-pill{font-size:12px;padding:5px 9px}
body[data-page="home"] .preview-code-row,body[data-page="home"] .slot-badge,body[data-page="home"] .slot-footer{font-size:13px}
body[data-page="home"] .wireframe-hero{height:54px}
body[data-page="home"] .wireframe-cols span{height:38px}
body[data-page="home"] .preview-wireframe-grid,body[data-page="home"] .wireframe-cols{gap:10px}
body[data-page="home"] .metric-label{font-size:13px}
body[data-page="home"] .metric-value{font-size:30px}
body[data-page="home"] .sparkline-svg{height:112px}
body[data-page="home"] .preview-chart-stats{font-size:12px}
body[data-page="home"] .booking-slot-card,body[data-page="home"] .talent-candidate-card{gap:18px}
body[data-page="home"] .slot-prospect{padding:16px}
body[data-page="home"] .prospect-avatar,body[data-page="home"] .candidate-avatar{width:42px;height:42px}
body[data-page="home"] .prospect-meta strong,body[data-page="home"] .candidate-details strong{font-size:15px}
body[data-page="home"] .prospect-meta span,body[data-page="home"] .candidate-details span{font-size:12px}
body[data-page="home"] .candidate-tags{gap:8px}
body[data-page="home"] .tag-pill,body[data-page="home"] .candidate-speed-badge{padding:6px 10px;font-size:12px}
/* Light-theme preview internals (same words, readable surfaces) */
body[data-page="home"] .preview-address{background:#eaf2f9;color:#5a6f86}
body[data-page="home"] .code-badge{background:#eaf2f9;color:#47617c}
body[data-page="home"] .wireframe-cols span{background:#dbe6f1}
body[data-page="home"] .preview-metric-lead .metric-label{color:#5b6b7f}
body[data-page="home"] .preview-metric-lead .metric-value{color:#0a1c33}
body[data-page="home"] .preview-chart-stats{color:#5b6b7f}
body[data-page="home"] .preview-chart-stats strong{color:#0a1c33}
body[data-page="home"] .slot-prospect{background:#f1f6fb;border-color:#dbe4ee}
body[data-page="home"] .prospect-meta strong{color:#0a1c33}
body[data-page="home"] .prospect-meta span{color:#5b6b7f}
body[data-page="home"] .slot-footer{color:#5b6b7f}
body[data-page="home"] .candidate-details strong{color:#0a1c33}
body[data-page="home"] .candidate-details span{color:#5b6b7f}
body[data-page="home"] .tag-pill{background:#eaf2f9;color:#47617c}
body[data-page="home"] .candidate-footer{border-top-color:#d9e4ee;color:#5b6b7f}

/* ---------- Process: open rows, sticky calm visual ---------- */
body[data-page="home"] .home-process-section{background:#f5f6f7}
body[data-page="home"] .home-process-section::before,
body[data-page="home"] .home-process-section::after{display:none}
body[data-page="home"] .home-process-split{gap:clamp(40px,5vw,72px)}
body[data-page="home"] .home-process-content{padding:8px 0;background:transparent;border-radius:0}
body[data-page="home"] .home-process-content .statement{font-size:clamp(34px,3.4vw,52px);letter-spacing:-.04em}
body[data-page="home"] .home-process-content .milestone-card{padding:20px 12px;border-radius:14px;transition:background .25s ease,transform .25s ease}
body[data-page="home"] .home-process-content .milestone-card:hover{background:rgba(255,255,255,.75);transform:translateX(4px)}
body[data-page="home"] .home-process-content .milestone-badge{font-size:clamp(18px,1.6vw,21px);letter-spacing:-.02em;text-transform:none}
body[data-page="home"] .home-process-content .milestone-body p{font-size:15.5px}
body[data-page="home"] .home-process-visual{align-self:center;width:100%;max-width:680px;height:auto;min-height:0;aspect-ratio:4/3;border:1px solid #b9cee0;border-radius:20px;overflow:hidden;background:#071a30;box-shadow:0 24px 56px rgba(22,72,130,.16)}
body[data-page="home"] .home-process-visual img{width:100%;height:100%;object-fit:cover;min-height:0}

@media(max-width:960px){
  body[data-page="home"] .services-stack .stack-card{min-height:540px;padding:28px}
  body[data-page="home"] .services-stack .stack-deliverable-preview{height:250px}
  body[data-page="home"] .home-process-visual{min-height:0;aspect-ratio:16/10}
}
@media(max-width:600px){
  body[data-page="home"] .services-stack .stack-card{min-height:510px;padding:24px}
  body[data-page="home"] .services-stack .stack-deliverable-preview{height:230px}
  body[data-page="home"] .preview-browser,body[data-page="home"] .preview-marketing,body[data-page="home"] .preview-booking,body[data-page="home"] .preview-talent{padding:18px}
  body[data-page="home"] .home-process-visual{min-height:0;aspect-ratio:4/3}
}

/* ---------- Network: restrained evidence rail ---------- */
body[data-page="home"] .network-band{background:#fff!important}
body[data-page="home"] .network-editorial-head h2{font-size:clamp(38px,3.8vw,56px);letter-spacing:-.04em}
body[data-page="home"] .network-globe-stage{height:clamp(520px,46vw,640px);border-radius:20px;box-shadow:0 20px 44px rgba(27,78,125,.1)}
body[data-page="home"] .network-proof-strip{border-top:1px solid #e2edf6}
body[data-page="home"] .network-proof{min-height:148px;padding:24px 26px;transition:background .25s ease}
body[data-page="home"] .network-proof:hover{background:#f2f8fd}
body[data-page="home"] .network-proof strong{font-size:clamp(30px,2.6vw,40px)}
body[data-page="home"] .network-proof span{font-size:13.5px;line-height:1.5}

/* ---------- Testimonials: slower, quieter dark moment ---------- */
body[data-page="home"] .testimonial-head{padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.14)}
body[data-page="home"] .testimonial-head h2{font-size:clamp(34px,3.4vw,52px);letter-spacing:-.04em}
body[data-page="home"] .testimonial-viewport{padding-top:40px}
body[data-page="home"] .testimonial-track{animation-duration:88s}
body[data-page="home"] .testimonial-card{width:min(430px,82vw);border-radius:20px;background:rgba(255,255,255,.035);margin:0 12px}
body[data-page="home"] .testimonial-card blockquote{font-size:clamp(22px,1.9vw,27px);line-height:1.32}
body[data-page="home"] .testimonial-person{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}

/* ---------- Why: asymmetric bento with one ink anchor ---------- */
body[data-page="home"] .home-why-section{background:#eef3f8!important}
body[data-page="home"] .home-why-header h2{letter-spacing:-.04em}
body[data-page="home"] .home-why-bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,1.8vw,24px)}
body[data-page="home"] .why-bento-card{min-height:242px;border-radius:20px}
body[data-page="home"] .home-why-bento .why-bento-card:nth-child(1){grid-column:span 7}
body[data-page="home"] .home-why-bento .why-bento-card:nth-child(2){grid-column:span 5}
body[data-page="home"] .home-why-bento .why-bento-card:nth-child(3){grid-column:span 5}
body[data-page="home"] .home-why-bento .why-bento-card:nth-child(4){grid-column:span 7;background:#0b2949;border-color:rgba(255,255,255,.14)}
body[data-page="home"] .home-why-bento .why-bento-card:nth-child(4) .why-card-body h3{color:#fff}
body[data-page="home"] .home-why-bento .why-bento-card:nth-child(4) .why-card-body p{color:rgba(255,255,255,.8)}
body[data-page="home"] .home-why-bento .why-bento-card:nth-child(4) .why-card-index{background:rgba(55,184,245,.16);border-color:rgba(55,184,245,.35);color:#9fdcff}
body[data-page="home"] .home-why-bento .why-bento-card:nth-child(4) .why-card-icon-wrap{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
body[data-page="home"] .home-why-bento .why-bento-card:nth-child(4):hover .why-card-icon-wrap{background:var(--blue);color:var(--ink)}

/* ---------- Audience: compact split, less duplication weight ---------- */
body[data-page="home"] .audience-visual-grid{min-height:480px;border-radius:24px}
body[data-page="home"] .audience-visual-copy h2{font-size:clamp(36px,3.6vw,54px);letter-spacing:-.04em}
body[data-page="home"] .audience-globe-media::before{width:46%}

/* ---------- CTA: now inside footer, clean full-width Dribbble-style ---------- */
body[data-page="home"] .site-footer .cta-band{background:transparent;padding:0 0 0;border:0;overflow:hidden}
.cta-band{padding:0 0 0;border:0}
.cta-inner{position:relative;padding:clamp(60px,7vw,96px) clamp(36px,4.5vw,56px);border:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}
.cta-glow{position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:600px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(55,184,245,.18) 0%,rgba(55,184,245,.06) 40%,transparent 70%);pointer-events:none;z-index:0}
.cta-kicker{position:relative;z-index:1;color:var(--blue);margin-bottom:20px;font-size:var(--text-eyebrow);font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.cta-kicker::before{content:"";width:32px;height:2px;background:var(--blue);margin-right:12px;display:inline-block;vertical-align:middle}
.cta-inner h2{position:relative;z-index:1;font-family:var(--font-title);font-size:clamp(40px,4.5vw,64px);font-weight:700;letter-spacing:-.045em;line-height:1.08;max-width:18ch;margin:0 auto 20px;background:linear-gradient(135deg,#fff 0%,#c5ebff 50%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}
.cta-sub{position:relative;z-index:1;color:rgba(255,255,255,.72);font-size:clamp(17px,1.4vw,20px);line-height:1.6;max-width:52ch;margin:0 auto 36px}
.cta-inner .cta-actions{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.cta-inner .btn-lg{min-height:52px;padding:14px 30px;font-size:16.5px}
body[data-page="home"] .cta-inner .btn-primary{background:var(--blue);color:#061525;font-weight:700;box-shadow:0 8px 28px rgba(55,184,245,.35)}
body[data-page="home"] .cta-inner .btn-primary:hover{background:#5fc9fa;box-shadow:0 12px 36px rgba(55,184,245,.5);transform:translateY(-2px)}
body[data-page="home"] .cta-inner .btn-ghost{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06)}
body[data-page="home"] .cta-inner .btn-ghost:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.45);transform:translateY(-2px)}

/* ---------- Focus visibility on the new surfaces ---------- */
body[data-page="home"] .stack-card:focus-visible,
body[data-page="home"] .testimonial-source:focus-visible{outline:2px solid var(--blue);outline-offset:4px}

/* ---------- Responsive: keep the editorial rhythm on small screens ---------- */
@media(max-width:1100px){
  body[data-page="home"] .services-stack .section-head{grid-template-columns:1fr;gap:18px}
  body[data-page="home"] .services-stack .section-head .lead{justify-self:start}
  body[data-page="home"] .home-process-visual,
  body[data-page="home"] .home-process-visual img{min-height:520px}
}
@media(max-width:960px){
  body[data-page="home"] .hero-grid{padding-bottom:64px}
  body[data-page="home"] .problem-stage-grid{grid-template-columns:1fr}
  body[data-page="home"] .home-process-split{grid-template-columns:1fr}
  body[data-page="home"] .home-process-visual{min-height:400px}
  body[data-page="home"] .home-process-visual img{min-height:400px}
  body[data-page="home"] .home-why-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="home"] .home-why-bento .why-bento-card:nth-child(n){grid-column:auto}
  body[data-page="home"] .cta-inner{padding:clamp(40px,6vw,64px) 24px}
}
@media(max-width:760px){
  body[data-page="home"] .home-site-header .brand img{width:200px}
  body[data-page="home"] .hero-copy h1{font-size:clamp(46px,13.5vw,64px)}
  body[data-page="home"] .hero-proof{flex-direction:column;align-items:flex-start;gap:9px}
  body[data-page="home"] .hero-proof .proof-item + .proof-item{padding-left:0;border-left:0}
  body[data-page="home"] .hero-side .lead{font-size:17px}
  body[data-page="home"] .services-stack .stack-card{padding:26px 22px}
  body[data-page="home"] .services-stack .stack-deliverable-preview{height:196px}
  body[data-page="home"] .home-why-bento{grid-template-columns:1fr}
  body[data-page="home"] .why-bento-card{min-height:0}
  body[data-page="home"] .network-proof{min-height:0}
  body[data-page="home"] .cta-inner{padding:clamp(36px,5vw,48px) 20px}
  body[data-page="home"] .cta-inner h2{font-size:clamp(28px,8vw,42px)}
  body[data-page="home"] .cta-inner .cta-actions{flex-direction:column;width:100%}
  body[data-page="home"] .cta-inner .cta-actions .btn{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .marquee-track,
  body[data-page="home"] .testimonial-track,
  body[data-page="home"] .problem-live-visual .live-route,
  body[data-page="home"] .problem-live-visual .live-bottleneck rect,
  body[data-page="home"] .problem-live-visual .live-bottleneck-pulse{animation:none}
  body[data-page="home"] .stack-card,
  body[data-page="home"] .why-bento-card,
  body[data-page="home"] .home-process-content .milestone-card,
  body[data-page="home"] .network-proof{transition:none}
}

/* ============================================================
   Flag carousel — replaces the country-name marquee
   ============================================================ */
body[data-page="home"] .flag-carousel{overflow:hidden;background:#0a0b0d;border-block:1px solid #1a1b1e;position:relative}
body[data-page="home"] .flag-carousel::before,
body[data-page="home"] .flag-carousel::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:80px;pointer-events:none}
body[data-page="home"] .flag-carousel::before{left:0;background:linear-gradient(90deg,#0a0b0d,transparent)}
body[data-page="home"] .flag-carousel::after{right:0;background:linear-gradient(-90deg,#0a0b0d,transparent)}
body[data-page="home"] .flag-carousel-track{display:flex;width:max-content;will-change:transform;gap:0;padding:14px 0}
body[data-page="home"] .flag-item{display:inline-flex;align-items:center;gap:10px;padding:0 32px;font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78);white-space:nowrap;transition:color .25s ease}
body[data-page="home"] .flag-item .flag{width:40px;height:30px;border-radius:3px;object-fit:cover;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.2)}
body[data-page="home"] .flag-item:hover{color:#fff}
body[data-page="home"] .flag-carousel:hover .flag-carousel-track{animation-play-state:running}

/* ============================================================
   Globe float animation on the network section
   ============================================================ */
body[data-page="home"] .network-globe-stage{position:relative}
body[data-page="home"] .network-globe-stage .globe-glow{position:absolute;z-index:0;inset:-20%;border-radius:50%;background:radial-gradient(circle,rgba(55,184,245,.1) 0%,transparent 60%);pointer-events:none;opacity:.6}
body[data-page="home"] .network-globe-stage img{position:relative;z-index:1}
body[data-page="home"] .network-globe-stage figcaption{position:relative;z-index:1}
body[data-page="home"] .network-globe-stage .globe-ring{position:absolute;z-index:0;border-radius:50%;border:1px solid rgba(55,184,245,.18);pointer-events:none;inset:-8%;opacity:.5}
body[data-page="home"] .network-globe-stage .globe-ring-2{position:absolute;z-index:0;border-radius:50%;border:1px solid rgba(55,184,245,.1);pointer-events:none;inset:-16%;opacity:.3}

/* ============================================================
   Services card preview micro-interactions
   ============================================================ */
body[data-page="home"] .stack-card{position:relative;overflow:visible}
body[data-page="home"] .stack-deliverable-preview{transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}
body[data-page="home"] .stack-card:hover .stack-deliverable-preview{transform:translateY(-8px) scale(1.025)}
body[data-page="home"] .stack-deliverable-preview::after{content:"";position:absolute;z-index:4;inset:0;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.72) 49%,transparent 64%);transform:translateX(-130%);pointer-events:none;animation:previewShine 5.5s ease-in-out infinite}
body[data-page="home"] .stack-card:nth-child(2) .stack-deliverable-preview::after{animation-delay:1.2s}
body[data-page="home"] .stack-card:nth-child(3) .stack-deliverable-preview::after{animation-delay:2.4s}
body[data-page="home"] .stack-card:nth-child(4) .stack-deliverable-preview::after{animation-delay:3.6s}

/* Live app animations */
body[data-page="home"] .preview-browser .wireframe-hero{transform-origin:left center;animation:skeletonLoad 2.2s ease-in-out infinite}
body[data-page="home"] .preview-browser .wireframe-cols span:nth-child(1){transform-origin:left center;animation:skeletonLoad 2.2s ease-in-out .25s infinite}
body[data-page="home"] .preview-browser .wireframe-cols span:nth-child(2){transform-origin:left center;animation:skeletonLoad 2.2s ease-in-out .5s infinite}
body[data-page="home"] .preview-browser .wireframe-cols span:nth-child(3){transform-origin:left center;animation:skeletonLoad 2.2s ease-in-out .75s infinite}
body[data-page="home"] .preview-browser .preview-dot{animation:dotPulse 3s ease-in-out infinite}
body[data-page="home"] .preview-browser .dot-red{animation-delay:0s}
body[data-page="home"] .preview-browser .dot-yellow{animation-delay:.4s}
body[data-page="home"] .preview-browser .dot-green{animation-delay:.8s}
body[data-page="home"] .preview-browser .preview-perf-pill{animation:perfFlash 4s ease-in-out infinite}

body[data-page="home"] .preview-marketing .sparkline-svg path:nth-child(2){stroke-dasharray:320;stroke-dashoffset:320;animation:drawChart 2.7s cubic-bezier(.16,1,.3,1) infinite}
body[data-page="home"] .preview-marketing .sparkline-svg circle{transform-box:fill-box;transform-origin:center;animation:chartDot 2.7s ease-in-out infinite}
body[data-page="home"] .preview-marketing .metric-value{animation:metricCount 3.2s ease-in-out infinite}

body[data-page="home"] .preview-booking .slot-status{animation:statusPulse 2s ease-in-out infinite}
body[data-page="home"] .preview-booking .slot-prospect{animation:slotSlide 3.6s ease-in-out infinite}
body[data-page="home"] .preview-booking .slot-verified{animation:vettedGlow 3s ease-in-out infinite}

body[data-page="home"] .preview-talent .tag-pill:nth-child(1){animation:tagAppear 3.2s ease-in-out .1s infinite}
body[data-page="home"] .preview-talent .tag-pill:nth-child(2){animation:tagAppear 3.2s ease-in-out .4s infinite}
body[data-page="home"] .preview-talent .tag-pill:nth-child(3){animation:tagAppear 3.2s ease-in-out .7s infinite}
body[data-page="home"] .preview-talent .candidate-speed-badge{animation:speedPulse 3s ease-in-out infinite}

@keyframes previewShine{0%,58%{transform:translateX(-130%)}76%,100%{transform:translateX(130%)}}
@keyframes skeletonLoad{0%,100%{opacity:.38;transform:scaleX(.58)}48%,62%{opacity:1;transform:scaleX(1)}}
@keyframes dotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}
@keyframes perfFlash{0%,72%,100%{background:rgba(55,184,245,.12);color:#47617c;transform:scale(1)}82%,92%{background:#37b8f5;color:#fff;transform:scale(1.12)}}
@keyframes drawChart{0%,10%{stroke-dashoffset:320}62%,100%{stroke-dashoffset:0}}
@keyframes chartDot{0%,52%{opacity:0;transform:scale(0)}66%{opacity:1;transform:scale(1.65)}78%,100%{opacity:1;transform:scale(1)}}
@keyframes metricCount{0%,100%{opacity:1;transform:translateY(0) scale(1)}48%{opacity:.55;transform:translateY(4px) scale(.92)}62%{opacity:1;transform:translateY(0) scale(1.08)}}
@keyframes statusPulse{0%,100%{opacity:1;background:rgba(34,197,94,.12);color:#16a34a;box-shadow:0 0 0 0 rgba(34,197,94,.3)}50%{opacity:1;background:rgba(34,197,94,.23);color:#15803d;box-shadow:0 0 0 8px rgba(34,197,94,0)}}
@keyframes slotSlide{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(-10px);opacity:.92;box-shadow:0 12px 24px rgba(22,72,130,.12)}}
@keyframes vettedGlow{0%,100%{color:#16a34a}50%{color:#22c55e;text-shadow:0 0 6px rgba(34,197,94,.3)}}
@keyframes tagAppear{0%,12%{opacity:.25;transform:translateX(-14px) scale(.92)}34%,82%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:.25;transform:translateX(8px) scale(.94)}}
@keyframes speedPulse{0%,100%{box-shadow:0 0 0 0 rgba(55,184,245,.42);transform:scale(1)}50%{box-shadow:0 0 0 9px rgba(55,184,245,0);transform:scale(1.08)}}
body[data-page="home"] .stack-arrow{transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease}
body[data-page="home"] .stack-card:hover .stack-arrow{transform:rotate(45deg) scale(1.1)}

/* ============================================================
   Process visual parallax enhancement
   ============================================================ */
body[data-page="home"] .home-process-visual img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
body[data-page="home"] .home-process-section:hover .home-process-visual img{transform:scale(1.02)}

/* ============================================================
   Marquee replaced by carousel — hide legacy CSS
   ============================================================ */
body[data-page="home"] .marquee{display:none}

/* ============================================================
   Back to top button
   ============================================================ */
.back-to-top{position:fixed;z-index:999;bottom:32px;right:32px;width:48px;height:48px;border-radius:50%;background:var(--blue);color:#061525;border:none;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 24px rgba(55,184,245,.35);opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease,background .2s ease;pointer-events:none}
.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.back-to-top:hover{background:#5fc9fa;box-shadow:0 12px 32px rgba(55,184,245,.5)}
.back-to-top svg{width:20px;height:20px}

/* ============================================================
   Cross-page design system — consistent editorial aesthetic
   Applies homepage patterns to about, services, pricing, blog,
   contact, order, and service subpages.
   ============================================================ */

/* --- Page Hero: 600px height with vertical middle alignment (non-home pages) --- */
.page-hero {
  min-height: 600px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.page-hero-content {
  padding-top: clamp(100px, 10vw, 120px) !important;
  padding-bottom: clamp(40px, 5vw, 60px) !important;
  margin-block: auto !important;
}
.page-hero-content h1 {
  letter-spacing: -0.04em;
}
.page-hero-content .lead {
  max-width: 560px;
}

/* --- Section headlines: consistent editorial tone --- */
.section-head h2{letter-spacing:-.035em;font-weight:700}
.section-head .lead{color:var(--grey);font-size:17px;line-height:1.65}

/* --- Value cards: refined surface + hover --- */
.value-card{background:#f8fafc;border:1px solid #e4e9f0;border-radius:22px;transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .32s ease,box-shadow .32s ease}
.value-card:hover{transform:translateY(-6px);border-color:var(--blue);box-shadow:0 20px 50px rgba(22,72,130,.1)}
.value-card .value-copy h3{letter-spacing:-.025em}

/* --- Feature cards: matching value cards --- */
.feature-card{background:#f8fafc;border:1px solid #e4e9f0;border-radius:22px}
.feature-card:hover{transform:translateY(-6px);border-color:var(--blue);box-shadow:0 20px 50px rgba(22,72,130,.1)}
.feature-icon{border-radius:16px}

/* --- Team cards: softer surface --- */
.team-card{background:#f8fafc;border:1px solid #e4e9f0;border-radius:22px}
.team-card:hover{border-color:var(--blue);box-shadow:0 20px 50px rgba(22,72,130,.1)}
.team-info{padding:24px 22px 22px}

/* --- Blog cards: editorial polish --- */
.blog-card, .insights-card {
  background: #ffffff;
  border: 1px solid #dce7f0;
  border-radius: 22px;
  overflow: hidden;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
}
.blog-card:hover, .insights-card:hover {
  transform: translateY(-8px) scale(1.025) !important;
  border-color: #37b8f5 !important;
  box-shadow: 0 24px 54px rgba(22, 72, 130, 0.16) !important;
}

/* --- Pricing: consistent card treatment --- */
.pricing-policy-banner{background:#f8fafc;border:1.5px solid #e4e9f0;border-radius:22px;box-shadow:0 12px 36px rgba(22,72,130,.05)}
.pricing-category-card{background:#f8fafc;border:1px solid #e4e9f0;border-radius:22px;transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .32s ease,box-shadow .32s ease}
.pricing-category-card:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 18px 44px rgba(22,72,130,.09)}
.pricing-step-card{background:#f8fafc;border:1px solid #e4e9f0;border-radius:22px}
.pricing-step-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(22,72,130,.09)}

/* --- Catalog: refined --- */
.catalog-group{background:#f8fafc;border:1px solid #e4e9f0;border-radius:22px}

/* --- Contact: panel polish --- */
.form-card{background:#f8fafc;border:1px solid #e4e9f0;border-radius:22px}
.contact-panel{border-radius:22px}

/* --- FAQ: lighter surface --- */
.faq{background:#f8fafc;border:1px solid #e4e9f0;border-radius:18px}
.faq button{font-weight:600}

/* --- Service chapters: consistent light editorial --- */
.service-block.service-block-chapter{background:linear-gradient(180deg,rgba(248,250,252,.9),rgba(244,248,252,.5))}
.service-offering{border-bottom-color:rgba(22,72,130,.1)}
.service-offering:hover{background:rgba(55,184,245,.06)}
.service-offering-copy h3{letter-spacing:-.03em}

/* --- Step masonry cards: matching value cards --- */
.step-masonry-card{background:#f8fafc;border:1px solid #e4e9f0;border-radius:22px}
.step-masonry-card:hover{transform:translateY(-6px);border-color:var(--blue);box-shadow:0 20px 50px rgba(22,72,130,.1)}

/* --- Editorial showcase cards: lighter bg --- */
.service-editorial-card{background:#f8fafc;border:1px solid #e4e9f0;border-radius:28px}
.service-editorial-card:hover{box-shadow:0 20px 56px rgba(22,72,130,.08)}

/* --- Anchor nav: refined --- */
.anchor-nav{background:rgba(248,250,252,.92);backdrop-filter:blur(16px);border-bottom:1px solid #e4e9f0}
.anchor-nav a{transition:background .2s ease,color .2s ease,border-color .2s ease}
.anchor-nav a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* --- Related service card: matching editorial style --- */
.related-service-card{background:#f8fafc;border:1px solid #e4e9f0;border-radius:22px;transform:none!important;transition:none!important}
.related-service-card:hover{transform:none!important;box-shadow:0 18px 44px rgba(22,72,130,.09)!important;border-color:#e4e9f0!important}

/* --- Metrics band: keep dark but soften --- */
.metrics-band{position:relative;overflow:hidden}

/* --- Bullet list items: consistent pill style --- */
.bullet-list li{background:#f8fafc;border:1px solid #e4e9f0;border-radius:14px}
.bullet-list li::before{color:var(--blue)}

/* --- Filter chips: refined --- */
.filter-chip{border:1px solid #e4e9f0;background:#f8fafc;border-radius:999px;transition:all .2s ease}
.filter-chip:hover{border-color:var(--blue);background:rgba(55,184,245,.06)}
.filter-chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}

/* --- Page-wide smooth scroll feel --- */
html{scroll-behavior:smooth}
html.lenis,lenis.lenis{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}

/* --- Reduced motion: disable smooth scroll too --- */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* Final responsive guards for the enlarged homepage previews. */
@media(max-width:960px){
  body[data-page="home"] .services-stack .stack-card,body[data-page="home"] .services-stack .stack-card:nth-child(n){min-height:540px;padding:28px}
  body[data-page="home"] .services-stack .stack-deliverable-preview{height:250px}
  body[data-page="home"] .home-process-visual{height:auto;min-height:0;aspect-ratio:16/10}
}
@media(max-width:600px){
  body[data-page="home"] .services-stack .stack-card,body[data-page="home"] .services-stack .stack-card:nth-child(n){min-height:510px;padding:24px}
  body[data-page="home"] .services-stack .stack-deliverable-preview{height:230px}
  body[data-page="home"] .preview-browser,body[data-page="home"] .preview-marketing,body[data-page="home"] .preview-booking,body[data-page="home"] .preview-talent{padding:18px}
  body[data-page="home"] .home-process-visual{height:auto;min-height:0;aspect-ratio:4/3}
}

/* ============================================================
   Editorial cleanup: fewer containers, clearer hierarchy
   ============================================================ */

/* Services overview heading uses a deliberate left/right split. */
body[data-page="services"] .case-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(48px,7vw,112px);align-items:start;max-width:none;margin-bottom:clamp(44px,5vw,68px)}
body[data-page="services"] .case-head h2{max-width:18ch;margin:0;text-wrap:balance}
body[data-page="services"] .case-head .lead{max-width:52ch;margin:6px 0 0 auto;text-align:right}
body[data-page="services"] .benefits-bento-grid{margin-top:0}
.benefit-card-top,.why-card-top{justify-content:flex-start}

/* Technology names now have enough width to wrap as phrases, not orphan words. */
.tech-stack-header{max-width:1080px}
.tech-stack-title{width:100%;max-width:1000px;text-wrap:balance}
.tech-chip-icon{border:1px solid rgba(55,184,245,.22)}
.tech-chip-icon svg{stroke-width:1.8}

/* Editorial image/copy sections are open layouts rather than cards inside sections. */
.service-editorial-card,.service-editorial-card.service-editorial-reverse{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.service-editorial-card:hover{box-shadow:none}
.service-editorial-media,.editorial-media-col{border-radius:20px;box-shadow:0 18px 44px rgba(22,72,130,.1)}

/* Service chapter lists use the icon as the only marker. */
.service-chapter-kicker{gap:12px}
.service-chapter-meta{display:block;margin-top:30px;padding:13px 0;border-block:1px solid rgba(22,72,130,.16)}
.service-chapter-meta span:first-child{color:var(--grey);font-family:var(--font-body);font-size:11.5px;letter-spacing:.1em}
.service-chapter-list-head{justify-content:flex-start}
.service-offering{grid-template-columns:56px minmax(0,1fr);gap:22px;align-items:center;padding:28px 0}
.service-offering-icon{width:48px;height:48px;border:1px solid rgba(55,184,245,.28);border-radius:50%;background:rgba(55,184,245,.1);color:#0b5b9c}
.service-offering-icon .icon{width:23px;height:23px;stroke-width:1.8}
.service-offering:hover .service-offering-icon{background:var(--navy);border-color:var(--navy);color:#fff;transform:scale(1.06)}
.service-offering-copy h3{max-width:34ch;text-wrap:balance}

/* About story: open editorial split with a quiet mission rail. */
body[data-page="about"] .story-split-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(40px,5vw,76px);align-items:center;margin-bottom:clamp(48px,5.5vw,72px)}
body[data-page="about"] .story-head h2{font-size:clamp(42px,4.4vw,60px);letter-spacing:-.035em;line-height:1.12;margin:0 0 20px 0;color:var(--ink)}
body[data-page="about"] .story-head .lead{max-width:58ch;font-size:clamp(17px,1.25vw,19.5px);line-height:1.7;color:#38424d;margin:0}
body[data-page="about"] .story-mission-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:clamp(32px,3.6vw,46px) clamp(28px,3.2vw,42px);border:1px solid #d8e4ee;border-radius:24px;background:#fff;box-shadow:0 16px 44px rgba(22,72,130,.08);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
body[data-page="about"] .story-mission-card:hover{transform:translateY(-4px);border-color:rgba(55,184,245,.6);box-shadow:0 24px 54px rgba(22,72,130,.12)}
body[data-page="about"] .story-mission-icon{width:58px;height:58px;border-radius:18px;background:#eaf7fd;border:1px solid rgba(55,184,245,.32);color:var(--navy);display:grid;place-items:center;transition:transform .3s ease,background .3s ease,color .3s ease}
body[data-page="about"] .story-mission-card:hover .story-mission-icon{transform:scale(1.05);background:var(--navy);color:#fff}
body[data-page="about"] .story-mission-icon .icon{width:28px;height:28px;stroke-width:1.8}
body[data-page="about"] .story-mission-body h3{color:var(--ink);font-family:var(--font-title);font-size:clamp(26px,2.4vw,34px);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:0 0 12px 0}
body[data-page="about"] .story-mission-body p{color:#4a5460;font-size:clamp(16px,1.1vw,17.5px);line-height:1.65;margin:0;max-width:50ch}
body[data-page="about"] .story-mission-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 28px;border:1px solid transparent;border-radius:999px;background:var(--ink);color:#fff;font-family:var(--font-body);font-weight:600;font-size:15.5px;line-height:1.2;text-decoration:none;margin-top:8px;box-shadow:0 8px 20px rgba(0,0,0,.14);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,background-color .25s ease,color .25s ease}
body[data-page="about"] .story-mission-cta:hover{background:var(--blue);color:var(--ink);transform:translateY(-2px);box-shadow:0 12px 28px rgba(55,184,245,.35)}
body[data-page="about"] .story-mission-cta .icon{width:18px;height:18px;stroke-width:2;transition:transform .2s ease}
body[data-page="about"] .story-mission-cta:hover .icon{transform:translate(2px,-2px)}
@media(max-width:960px){
  body[data-page="about"] .story-split-grid{grid-template-columns:1fr;gap:36px;margin-bottom:44px}
  body[data-page="about"] .story-head h2{font-size:clamp(34px,6.5vw,44px)}
  body[data-page="about"] .story-mission-card{padding:28px 24px}
}
body[data-page="about"] .story-presence{padding:25px 0;border-block:1px solid #d9e4ef}

/* Team Slider: Horizontal portrait carousel with floating info cards matching reference */
body[data-page="about"] #team.team-slider-section {
  background: #ffffff !important;
  padding: clamp(64px, 7.5vw, 100px) 0;
  position: relative;
  overflow: hidden;
}
body[data-page="about"] .team-slider-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: clamp(32px, 4vw, 48px);
}
body[data-page="about"] .team-slider-title-col {
  max-width: 680px;
}
body[data-page="about"] .team-slider-title-col .eyebrow {
  margin-bottom: 12px;
}
body[data-page="about"] .team-slider-title-col h2 {
  font-size: clamp(36px, 4.2vw, 54px);
  line-height: 1.12;
  letter-spacing: -0.035em;
  margin: 0 0 14px 0;
  color: var(--ink);
}
body[data-page="about"] .team-slider-title-col .lead {
  font-size: clamp(16px, 1.2vw, 18px);
  color: var(--grey);
  line-height: 1.6;
  margin: 0;
  max-width: 58ch;
}
body[data-page="about"] .team-slider-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
body[data-page="about"] .team-slider-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1.5px solid #d0dce8;
  background: #ffffff;
  color: var(--navy);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 14px rgba(11, 45, 82, 0.05);
}
body[data-page="about"] .team-slider-btn svg,
body[data-page="about"] .team-slider-btn .icon {
  width: 20px;
  height: 20px;
  stroke-width: 2.2;
  transition: transform 0.2s ease;
}
body[data-page="about"] .team-slider-btn:hover:not(:disabled) {
  background: var(--navy);
  color: #ffffff;
  border-color: var(--navy);
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(11, 45, 82, 0.16);
}
body[data-page="about"] .team-slider-btn:hover:not(:disabled) svg {
  color: #ffffff;
  stroke: #ffffff;
}
body[data-page="about"] .team-slider-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
  transform: none;
  box-shadow: none;
}
body[data-page="about"] .team-slider-viewport {
  position: relative;
  width: 100%;
}
body[data-page="about"] .team-slider-track {
  display: flex;
  gap: 26px;
  overflow-x: auto;
  scroll-behavior: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 8px 4px 32px 4px;
  cursor: grab;
}
body[data-page="about"] .team-slider-track::-webkit-scrollbar {
  display: none;
}
body[data-page="about"] .team-slider-track.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  user-select: none;
}
body[data-page="about"] .team-slider-track .team-card {
  flex: 0 0 calc((100% - 78px) / 4);
  width: calc((100% - 78px) / 4);
  height: 350px;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  background: #232b35;
  box-shadow: 0 14px 34px rgba(11, 45, 82, 0.09);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
}
body[data-page="about"] .team-slider-track .team-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 48px rgba(11, 45, 82, 0.16);
}
body[data-page="about"] .team-photo-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 24px;
  background: #1e2632;
}
body[data-page="about"] .team-photo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 15%;
  display: block;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
body[data-page="about"] .team-slider-track .team-card:hover .team-photo-wrap img {
  transform: scale(1.045);
}
body[data-page="about"] .team-photo-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(15, 23, 42, 0.45) 0%, rgba(15, 23, 42, 0.06) 42%, transparent 70%);
  pointer-events: none;
}
body[data-page="about"] .team-floating-badge {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  background: #ffffff;
  border-radius: 16px;
  padding: 12px 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18), 0 3px 8px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  z-index: 3;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
body[data-page="about"] .team-badge-info {
  min-width: 0;
  flex: 1;
}
body[data-page="about"] .team-member-name {
  font-size: clamp(19px, 1.45vw, 22px);
  font-weight: 700;
  color: #0b2d52;
  margin: 0 0 4px 0;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.015em;
}
body[data-page="about"] .team-member-role {
  font-size: 13.5px;
  color: #556980;
  margin: 0;
  line-height: 1.35;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body[data-page="about"] .team-badge-email {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #0b2d52;
  color: #ffffff;
  flex-shrink: 0;
  text-decoration: none;
  transition: all 0.2s ease;
}
body[data-page="about"] .team-badge-email:hover {
  background: #37b8f5;
  color: #061525;
  transform: scale(1.08);
}
body[data-page="about"] .team-badge-email svg,
body[data-page="about"] .team-badge-email .icon {
  width: 18px;
  height: 18px;
  stroke-width: 2;
  color: #ffffff;
}
body[data-page="about"] .team-badge-email:hover svg,
body[data-page="about"] .team-badge-email:hover .icon {
  color: #061525;
}
@media (max-width: 960px) {
  body[data-page="about"] .team-slider-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  body[data-page="about"] .team-slider-nav {
    align-self: flex-end;
  }
  body[data-page="about"] .team-slider-track {
    gap: 20px;
  }
  body[data-page="about"] .team-slider-track .team-card {
    flex: 0 0 calc((100% - 20px) / 2);
    width: calc((100% - 20px) / 2);
    height: 350px;
  }
}
@media (max-width: 600px) {
  body[data-page="about"] .team-slider-track {
    gap: 16px;
  }
  body[data-page="about"] .team-slider-track .team-card {
    flex: 0 0 85vw;
    width: 85vw;
    max-width: 330px;
    height: 350px;
  }
  body[data-page="about"] .team-floating-badge {
    bottom: 14px;
    left: 14px;
    right: 14px;
    padding: 12px 14px;
    border-radius: 14px;
  }
  body[data-page="about"] .team-member-name {
    font-size: 16.5px;
  }
  body[data-page="about"] .team-member-role {
    font-size: 12.5px;
  }
  body[data-page="about"] .team-badge-email {
    width: 36px;
    height: 36px;
  }
}

/* Pricing policy is an open evidence rail, not another card. */
.pricing-policy-section{padding:clamp(58px,6vw,82px) 0}
.pricing-policy-banner{position:relative;grid-template-columns:64px minmax(0,1fr) auto;gap:28px;padding:34px 0;border:0;border-block:1px solid rgba(22,72,130,.2);border-radius:0;background:transparent;box-shadow:none}
.pricing-policy-banner::before{display:none!important}
.policy-icon-badge{width:56px;height:56px;border-radius:50%;box-shadow:0 10px 24px rgba(22,72,130,.18)}
.policy-copy-col h2{font-size:clamp(26px,2.5vw,34px);letter-spacing:-.03em}
.policy-copy-col p{max-width:82ch}
.pricing-policy-banner .btn-primary{background:var(--blue);color:#061525;box-shadow:0 10px 28px rgba(55,184,245,.28)}

/* The visual shows disconnected workstreams building up at an operational bottleneck. */
body[data-page="home"] .problem-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.88fr);gap:clamp(36px,7vw,104px);align-items:end;margin:0 0 clamp(42px,5vw,68px)}
body[data-page="home"] .problem-section-title{max-width:12ch;margin:0;color:#061525;font-family:var(--font-title);font-size:clamp(38px,4.4vw,60px);font-weight:700;line-height:1.04;letter-spacing:-.045em}
body[data-page="home"] .problem-section-head .lead{max-width:48ch;margin:0;justify-self:end;color:#465c75;font-size:17px;line-height:1.68;text-align:right}
body[data-page="home"] .problem-stage-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,4vw,58px);align-items:stretch}
body[data-page="home"] .problem-live-visual{position:relative;min-height:clamp(410px,37vw,530px);overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(55,184,245,.18),transparent 28%),radial-gradient(circle at 50% 50%,rgba(22,72,130,.06),transparent 64%)}
body[data-page="home"] .problem-live-visual::before{content:"";position:absolute;inset:6% 2%;background-image:linear-gradient(rgba(22,72,130,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(22,72,130,.075) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 72%)}
body[data-page="home"] .problem-live-visual svg{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:visible}
body[data-page="home"] .problem-live-visual .live-route{fill:none;stroke:#164882;stroke-width:2.5;stroke-dasharray:8 15;opacity:.62;animation:problemHandoffFlow 2.1s linear infinite}
body[data-page="home"] .problem-live-visual .route-two{animation-delay:-.7s}
body[data-page="home"] .problem-live-visual .route-three{animation-delay:-1.4s}
body[data-page="home"] .problem-live-visual .route-out{opacity:.32;animation-direction:reverse}
body[data-page="home"] .problem-live-visual .live-node{fill:#fff;stroke:#164882;stroke-width:3.5}
body[data-page="home"] .problem-live-visual .live-node-muted{fill:#edf5fa;opacity:.68}
body[data-page="home"] .problem-live-visual .live-bottleneck rect{fill:#164882;stroke:#37b8f5;stroke-width:3;filter:drop-shadow(0 0 14px rgba(55,184,245,.38));animation:problemBottleneckPulse 2.1s ease-in-out infinite}
body[data-page="home"] .problem-live-visual .live-bottleneck path{fill:none;stroke:#37b8f5;stroke-width:3;stroke-linecap:round}
body[data-page="home"] .problem-live-visual .live-bottleneck-pulse{fill:none;stroke:rgba(55,184,245,.42);stroke-width:2;animation:problemBottleneckHalo 2.1s ease-out infinite;transform-origin:308px 250px}
body[data-page="home"] .card-solution{min-height:clamp(410px,37vw,530px)}
body[data-page="home"] .card-solution>*{position:relative;z-index:1}
@keyframes problemHandoffFlow{to{stroke-dashoffset:-46}}
@keyframes problemBottleneckPulse{0%,100%{opacity:1;transform:scaleX(1);transform-origin:308px 250px}50%{opacity:.78;transform:scaleX(.88);transform-origin:308px 250px}}
@keyframes problemBottleneckHalo{0%{opacity:.75;transform:scale(.62)}75%,100%{opacity:0;transform:scale(1.5)}}

@media(max-width:960px){
  body[data-page="home"] .problem-section-head{grid-template-columns:1fr;gap:20px}
  body[data-page="home"] .problem-section-head .lead{justify-self:start;text-align:left}
  body[data-page="home"] .problem-stage-grid{grid-template-columns:1fr;gap:32px}
}

/* Distinct section boundaries enabled */

@media(max-width:900px){
  body[data-page="services"] .case-head,body[data-page="about"] .story-split-grid{grid-template-columns:1fr;gap:26px}
  body[data-page="services"] .case-head .lead{max-width:65ch;margin:0;text-align:left}
  .pricing-policy-banner{grid-template-columns:56px minmax(0,1fr)}
  .policy-action-col{grid-column:2}
}
@media(max-width:600px){
  .service-offering{grid-template-columns:44px minmax(0,1fr);gap:14px;padding:22px 0}
  .service-offering-icon{width:42px;height:42px}
  body[data-page="about"] .story-mission{grid-template-columns:46px minmax(0,1fr);padding:24px 0}
  body[data-page="about"] .story-mission-cta{grid-column:2;justify-self:start}
  .pricing-policy-banner{grid-template-columns:1fr;gap:18px;padding:28px 0}
  .policy-action-col{grid-column:auto}
  .pricing-policy-banner .btn{width:100%}
  body[data-page="home"] .problem-section-head{grid-template-columns:1fr;gap:18px;margin-bottom:34px}
  body[data-page="home"] .problem-section-head .lead{justify-self:start;text-align:left}
  body[data-page="home"] .problem-stage-grid{grid-template-columns:1fr;gap:24px}
  body[data-page="home"] .problem-live-visual{min-height:310px}
}

/* ============================================================
   Final shared refinements: roster, evidence and service detail
   ============================================================ */



/* About Why Choose: the homepage bento language, adapted for five proofs. */
body[data-page="about"] .about-why-section{background:#eef3f8!important}
body[data-page="about"] .about-why-header{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px;margin:0 auto clamp(36px,4.5vw,56px)}
body[data-page="about"] .about-why-header .eyebrow{justify-content:center;margin:0 auto 14px;color:#0b5b9c;text-align:center}
body[data-page="about"] .about-why-header h2{max-width:none;margin:0 auto;font-size:clamp(38px,4.2vw,56px);line-height:1.12;letter-spacing:-.035em;text-align:center}
body[data-page="about"] .about-why-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,1.8vw,24px)}
body[data-page="about"] .about-why-card{grid-column:span 4;display:flex;min-height:230px;flex-direction:column;justify-content:space-between;gap:34px;padding:clamp(26px,3vw,38px);border:1px solid #d8e4ee;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(22,72,130,.055);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
body[data-page="about"] .about-why-card:nth-child(1){grid-column:span 7}
body[data-page="about"] .about-why-card:nth-child(2){grid-column:span 5}
body[data-page="about"] .about-why-card:hover{transform:translateY(-5px);border-color:rgba(55,184,245,.6);box-shadow:0 22px 48px rgba(22,72,130,.12)}
body[data-page="about"] .about-why-card:nth-child(5){background:linear-gradient(145deg,#0b2d52,#164882);border-color:rgba(55,184,245,.35)}
body[data-page="about"] .about-why-card:nth-child(5) h3{color:#fff}
body[data-page="about"] .about-why-card:nth-child(5) p{color:rgba(255,255,255,.78)}
body[data-page="about"] .about-why-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(55,184,245,.32);border-radius:18px;background:#eaf7fd;color:var(--navy);transition:transform .3s ease,background .3s ease,color .3s ease}
body[data-page="about"] .about-why-icon svg{width:31px;height:31px;stroke-width:1.9}
body[data-page="about"] .about-why-card:hover .about-why-icon{transform:rotate(4deg) scale(1.06);background:var(--navy);color:#fff}
body[data-page="about"] .about-why-card:nth-child(5) .about-why-icon{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff}
body[data-page="about"] .about-why-card h3{margin:0 0 10px;font-size:clamp(22px,2vw,28px);letter-spacing:-.03em}
body[data-page="about"] .about-why-card p{max-width:48ch;margin:0;color:var(--grey);font-size:15.5px;line-height:1.62}

/* Services overview: retain the split, but give the support copy a clear rail. */
body[data-page="services"] .case-head{align-items:end}
body[data-page="services"] .case-head .lead{max-width:58ch;padding:8px 0 8px 24px;border-left:3px solid var(--blue);text-align:left}

/* Order page: open evidence rail and a brighter navy summary surface. */
.order-notice-banner{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:24px;margin-bottom:34px;padding:30px 0;border:0;border-block:1px solid rgba(22,72,130,.2);border-radius:0;background:transparent}
.order-notice-banner::before{display:none!important}
.notice-icon-box{width:58px;height:58px;border-radius:50%;box-shadow:0 10px 24px rgba(22,72,130,.16)}
.notice-icon-box svg{width:28px;height:28px}
.notice-badge{padding:0;background:transparent;letter-spacing:.1em}
.notice-content h3{font-family:var(--font-title);font-size:clamp(23px,2.2vw,30px);letter-spacing:-.025em}
.notice-content p{max-width:74ch;color:var(--grey)}
.summary-panel{background:linear-gradient(145deg,#0b2d52 0%,#164882 68%,#123b6b 100%);border:1px solid rgba(55,184,245,.28);box-shadow:0 22px 50px rgba(11,45,82,.2)}

/* Prominent, high-contrast icon system. */
.benefit-icon-wrap,body[data-page="home"] .why-card-icon-wrap{width:60px;height:60px;border-radius:17px}
.benefit-icon-wrap svg,body[data-page="home"] .why-card-icon-wrap svg{width:29px;height:29px;stroke-width:1.9}
.tech-chip-icon{width:52px;height:52px;border-radius:15px;background:#eef7fc}
.tech-chip-icon .icon,.tech-chip-icon svg{width:27px;height:27px;stroke-width:1.9}
.feature-icon,.value-icon-badge{width:58px;height:58px;border-radius:17px}
.feature-icon .icon,.value-icon-badge .icon-lg{width:29px;height:29px}
.policy-icon-badge,.cat-icon-badge{width:60px;height:60px}

/* Service chapters: enhanced points styling with top icon badge, increased height & gap, and paragraph line breaks */
.service-chapter{grid-template-columns:minmax(340px,1.12fr) minmax(0,0.88fr)!important;gap:clamp(36px,5vw,68px)!important}
.service-chapter-approach{grid-template-columns:minmax(340px,1.12fr) minmax(0,0.88fr)!important;gap:clamp(36px,5vw,68px)!important}
.service-offering{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important;padding:28px 0!important;border-bottom:1px solid rgba(22,72,130,.12)!important;background:transparent!important;transform:none!important}
.service-offering:last-child{border-bottom:0!important}
.service-offering:hover{background:transparent!important;transform:none!important;padding-inline:0!important;border-radius:0!important;box-shadow:none!important}
.service-offering-icon{width:52px!important;height:52px!important;border-radius:14px!important;background:#eef8ff!important;border:1.5px solid rgba(55,184,245,.38)!important;color:var(--navy)!important;display:grid!important;place-items:center!important;box-shadow:0 4px 14px rgba(22,72,130,.08)!important;flex-shrink:0!important;margin-bottom:0!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service-offering-icon .icon,.service-offering-icon svg{width:25px!important;height:25px!important;color:var(--navy)!important;stroke:var(--navy)!important;stroke-width:2!important}
.service-offering-copy{width:100%!important}
.service-offering-copy h3{margin-bottom:8px!important;font-size:clamp(17px,1.35vw,21px)!important;line-height:1.55!important;font-weight:400!important;letter-spacing:0.5px!important;font-family:var(--font-body),sans-serif!important;max-width:100%!important;color:var(--navy)!important}
.service-offering-copy p{max-width:100%!important;font-size:15px!important;line-height:1.68!important;font-weight:400!important;color:var(--grey)!important}
.service-chapter-approach>div:last-child>p+p,
.service-chapter-approach .service-note,
p.service-note{margin-top:28px!important;display:block!important;color:var(--grey)!important;font-size:15px!important;line-height:1.72!important}
.service-chapter-visual{height:clamp(400px,36vw,470px)!important;width:100%!important;max-width:100%!important;margin:28px 0 0;overflow:hidden;border:1px solid rgba(55,184,245,.24);border-radius:20px;background:linear-gradient(145deg,#eaf7fd,#d7edf9);box-shadow:0 18px 42px rgba(22,72,130,.12)}
.service-chapter-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .55s ease}
.service-chapter-visual:hover img{transform:scale(1.035)}
.service-block.service-block-chapter:nth-of-type(even) .service-chapter-visual img{object-position:center}
.recruitment-offerings-layout{display:grid;grid-template-columns:minmax(340px,1.12fr) minmax(0,0.88fr)!important;gap:clamp(36px,5vw,68px)!important;align-items:start}
.recruitment-offerings-layout>.service-chapter-visual{position:sticky;top:116px;height:420px;margin:0}

/* Header logo 300px across site */
.brand img,
.site-header .brand img,
.home-site-header .brand img,
body[data-page="home"] .home-site-header .brand img{width:300px!important;max-width:300px!important;height:auto!important}

/* Menu and Sub-Menu font sizing strictly 15px */
.nav-links,
.nav-links a,
.nav-dropdown-toggle,
.nav-dropdown a,
.home-site-header .nav-links,
.home-site-header .nav-links a,
.home-site-header .nav-dropdown-toggle,
.home-site-header .nav-dropdown a,
body[data-page="home"] .home-site-header .nav-links a,
body[data-page="home"] .home-site-header .nav-dropdown-toggle,
body[data-page="home"] .home-site-header .nav-dropdown a,
.mobile-menu nav a,
.mobile-sub a{font-size:15px!important}

/* Homepage spacing, proportions and network globe display */
body[data-page="home"] .process-header .problem-badge{margin-bottom:12px}
body[data-page="home"] .home-process-visual{height:clamp(640px,50vw,720px)!important;aspect-ratio:auto!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 24px 56px rgba(22,72,130,.16)!important}
body[data-page="home"] .home-process-visual::after{display:none!important}
body[data-page="home"] .home-process-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
body[data-page="home"] .network-editorial-summary>p{max-width:65ch}
body[data-page="home"] .network-globe-stage{display:grid!important;grid-template-rows:minmax(460px,1fr) auto!important;min-height:clamp(620px,52vw,760px)!important;height:auto!important;overflow:hidden;background:#061525}
body[data-page="home"] .network-globe-stage>img{position:relative!important;inset:auto!important;grid-row:1;width:100%!important;height:100%!important;min-height:460px!important;box-sizing:border-box;padding:0!important;object-fit:cover!important;object-position:center center!important;transform-origin:center}
body[data-page="home"] .network-proof-strip{position:relative;right:auto;bottom:auto;left:auto;grid-row:2}
body[data-page="home"] .network-globe-stage figcaption{position:absolute;z-index:3;top:28px;left:32px}

/* ============================================================
   Clear Section Architecture & Boundaries Across All Pages
   Distinct contrast between intro, tech stack, and service chapters
   ============================================================ */

/* 1. Service Intro ("What This Service Covers") */
.service-intro-section,
main > section.section:has(.content-grid) {
  background: #ffffff !important;
  padding: clamp(68px, 6.5vw, 94px) 0 !important;
  border-bottom: 1px solid #dce6f1 !important;
}

/* 2. Platforms & Tech Stack ("Technologies & Standards") - distinct cool ice-slate canvas below intro */
.tech-stack-section {
  background: #edf4fa !important;
  padding: clamp(68px, 6.2vw, 92px) 0 !important;
  border-top: 1px solid #d2e1ef !important;
  border-bottom: 1px solid #d2e1ef !important;
}
.tech-stack-section .tech-stack-header {
  margin-bottom: clamp(34px, 4vw, 48px);
}
.tech-stack-section .tech-chip {
  background: #ffffff !important;
  border: 1px solid #d8e5f2 !important;
  box-shadow: 0 8px 24px rgba(22, 72, 130, .07) !important;
}

/* 3. Service Editorial Card ("Production Standards", etc.) */
.service-editorial-section {
  background: #ffffff !important;
  padding: clamp(68px, 6.2vw, 94px) 0 !important;
  border-bottom: 1px solid #dce6f1 !important;
}

/* 4. Service Delivery Chapters - alternating blue background ("like services area on home") with high-contrast white font */
.service-block.service-block-chapter {
  padding: clamp(74px, 7vw, 106px) 0 !important;
  border-top: 1px solid #d5e3f1 !important;
  border-bottom: 1px solid #d5e3f1 !important;
}

/* Dark blue chapters (1st, 3rd, 5th etc.): rich gradient like home services with white typography */
.service-block.service-block-chapter.chapter-dark,
.recruitment-offerings-section.chapter-dark {
  position: relative !important;
  background: linear-gradient(145deg, #0b2d52 0%, #164882 58%, #123b6b 100%) !important;
  border-top: 1px solid rgba(55, 184, 245, 0.22) !important;
  border-bottom: 1px solid rgba(55, 184, 245, 0.22) !important;
  color: #ffffff !important;
}

/* Left column typography in chapter-dark */
.service-block.service-block-chapter.chapter-dark .service-chapter-kicker .eyebrow,
.recruitment-offerings-section.chapter-dark .section-head .eyebrow {
  color: #37b8f5 !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
}
.service-block.service-block-chapter.chapter-dark .service-chapter-rule {
  background: #37b8f5 !important;
}
.service-block.service-block-chapter.chapter-dark .service-chapter-intro h2,
.recruitment-offerings-section.chapter-dark .section-head h2 {
  color: #ffffff !important;
}
.service-block.service-block-chapter.chapter-dark .service-chapter-intro .lead,
.service-block.service-block-chapter.chapter-dark .service-chapter-note,
.recruitment-offerings-section.chapter-dark .section-head .lead {
  color: rgba(255, 255, 255, 0.88) !important;
  max-width: 460px !important;
}
.service-block.service-block-chapter.chapter-dark .service-chapter-meta {
  border-block: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}
.service-block.service-block-chapter.chapter-dark .service-chapter-meta span:first-child {
  color: #37b8f5 !important;
}
.service-block.service-block-chapter.chapter-dark .service-chapter-meta span:last-child {
  color: rgba(255, 255, 255, 0.78) !important;
}
.service-block.service-block-chapter.chapter-dark .service-chapter-visual,
.recruitment-offerings-section.chapter-dark .service-chapter-visual {
  border: 1px solid rgba(55, 184, 245, 0.35) !important;
  background: linear-gradient(145deg, #092240, #051426) !important;
  box-shadow: 0 18px 42px rgba(4, 15, 30, 0.45) !important;
}

/* Right column deliveries in chapter-dark */
.service-block.service-block-chapter.chapter-dark .service-chapter-list-head,
.recruitment-offerings-section.chapter-dark .service-chapter-list-head {
  border-bottom: 2px solid rgba(55, 184, 245, 0.6) !important;
  color: #ffffff !important;
}
.service-block.service-block-chapter.chapter-dark .service-chapter-list-head span,
.recruitment-offerings-section.chapter-dark .service-chapter-list-head span {
  color: #ffffff !important;
}
.service-block.service-block-chapter.chapter-dark .service-chapter-list-head span:last-child,
.recruitment-offerings-section.chapter-dark .service-chapter-list-head span:last-child {
  color: #37b8f5 !important;
}
.service-block.service-block-chapter.chapter-dark .service-offering,
.recruitment-offerings-section.chapter-dark .service-offering {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: transparent !important;
  transform: none !important;
}
.service-block.service-block-chapter.chapter-dark .service-offering:last-child,
.recruitment-offerings-section.chapter-dark .service-offering:last-child {
  border-bottom: 0 !important;
}
.service-block.service-block-chapter.chapter-dark .service-offering:hover,
.recruitment-offerings-section.chapter-dark .service-offering:hover {
  background: transparent !important;
  transform: none !important;
  padding-inline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.service-block.service-block-chapter.chapter-dark .service-offering-icon,
.recruitment-offerings-section.chapter-dark .service-offering-icon {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(55, 184, 245, 0.45) !important;
  box-shadow: 0 4px 16px rgba(4, 16, 32, 0.3) !important;
  color: #37b8f5 !important;
}
.service-block.service-block-chapter.chapter-dark .service-offering-icon .icon,
.service-block.service-block-chapter.chapter-dark .service-offering-icon svg,
.recruitment-offerings-section.chapter-dark .service-offering-icon .icon,
.recruitment-offerings-section.chapter-dark .service-offering-icon svg {
  color: #37b8f5 !important;
  stroke: #37b8f5 !important;
}
/* Ensure brand svgs inside chapter-dark offerings adopt the exact monochrome #37b8f5 like Image 2 */
.service-block.service-block-chapter.chapter-dark .service-offering-icon svg path,
.service-block.service-block-chapter.chapter-dark .service-offering-icon svg circle,
.service-block.service-block-chapter.chapter-dark .service-offering-icon svg polygon,
.service-block.service-block-chapter.chapter-dark .service-offering-icon svg ellipse,
.recruitment-offerings-section.chapter-dark .service-offering-icon svg path,
.recruitment-offerings-section.chapter-dark .service-offering-icon svg circle,
.recruitment-offerings-section.chapter-dark .service-offering-icon svg polygon,
.recruitment-offerings-section.chapter-dark .service-offering-icon svg ellipse {
  fill: #37b8f5 !important;
  color: #37b8f5 !important;
  stroke: none !important;
}
.service-block.service-block-chapter.chapter-dark .service-offering-icon svg:not(.live-svg-brand) path,
.service-block.service-block-chapter.chapter-dark .service-offering-icon svg:not(.live-svg-brand) circle,
.service-block.service-block-chapter.chapter-dark .service-offering-icon svg:not(.live-svg-brand) polygon,
.recruitment-offerings-section.chapter-dark .service-offering-icon svg:not(.live-svg-brand) path,
.recruitment-offerings-section.chapter-dark .service-offering-icon svg:not(.live-svg-brand) circle,
.recruitment-offerings-section.chapter-dark .service-offering-icon svg:not(.live-svg-brand) polygon {
  fill: none !important;
  stroke: #37b8f5 !important;
  stroke-width: 2 !important;
}
.service-block.service-block-chapter.chapter-dark .service-offering-icon svg rect,
.recruitment-offerings-section.chapter-dark .service-offering-icon svg rect {
  display: none !important;
}
.service-block.service-block-chapter.chapter-dark .service-offering-copy h3,
.recruitment-offerings-section.chapter-dark .service-offering-copy h3 {
  color: #ffffff !important;
}
.service-block.service-block-chapter.chapter-dark .service-offering-copy p,
.recruitment-offerings-section.chapter-dark .service-offering-copy p {
  color: rgba(255, 255, 255, 0.86) !important;
}

/* Approach section in chapter-dark */
.service-block.service-block-chapter.chapter-dark .service-chapter-approach {
  border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
}
.service-block.service-block-chapter.chapter-dark .service-chapter-approach h3 {
  color: #ffffff !important;
}
.service-block.service-block-chapter.chapter-dark .service-chapter-approach > div:last-child > p {
  color: rgba(255, 255, 255, 0.88) !important;
}
.service-block.service-block-chapter.chapter-dark .service-chapter-approach .service-note,
.service-block.service-block-chapter.chapter-dark p.service-note {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* Light chapters (2nd, 4th etc.): clean white background with dark typography */
.service-block.service-block-chapter.chapter-light {
  background: #ffffff !important;
  border-top: 1px solid #d5e3f1 !important;
  border-bottom: 1px solid #d5e3f1 !important;
}

/* 5. Process Section */
.process-section {
  background: #edf4fa !important;
  border-top: 1px solid #d2e1ef !important;
  border-bottom: 1px solid #d2e1ef !important;
  padding: clamp(74px, 7vw, 104px) 0 !important;
}

/* 6. FAQ Section */
main > section:has(.faq-shell),
.faq-shell {
  background: #ffffff !important;
  border-top: none !important;
}

/* Service chapter text width */
.service-chapter-intro h2,
.service-block.service-block-chapter .service-chapter-intro h2 {
  max-width: 100% !important;
}
.service-chapter-intro .lead,
.service-chapter-note,
.service-block.service-block-chapter .service-chapter-intro .lead,
.service-block.service-block-chapter .service-chapter-note {
  max-width: 580px !important;
}

/* 7. Partner Band (Clean light section contrasting with dark section below) */
.partner-band.metrics-band {
  background: #f4f8fc !important;
  border-top: 1px solid #d8e5f2 !important;
  border-bottom: 1px solid #d8e5f2 !important;
}
.partner-band.metrics-band::before,
.partner-band.metrics-band::after {
  display: none !important;
}
.partner-band .partner-badge-pill {
  background: #e5f0fa !important;
  border: 1px solid rgba(22, 72, 130, 0.22) !important;
  color: #164882 !important;
}
.partner-band .metrics-intro h2 {
  color: #0b2d52 !important;
  background: none !important;
  -webkit-text-fill-color: #0b2d52 !important;
}
.partner-band .partner-copy-card {
  background: #ffffff !important;
  border: 1px solid #d8e5f2 !important;
  border-left: 4px solid var(--blue) !important;
  box-shadow: 0 10px 30px rgba(11, 45, 82, 0.05) !important;
}
.partner-band .partner-copy-card p {
  color: #3b4d66 !important;
}
.partner-band .partner-metric-card {
  background: #ffffff !important;
  border: 1px solid #d8e5f2 !important;
  box-shadow: 0 12px 32px rgba(11, 45, 82, 0.05) !important;
}
.partner-band .partner-metric-card strong {
  color: #0b2d52 !important;
  background: none !important;
  -webkit-text-fill-color: #0b2d52 !important;
}
.partner-band .partner-metric-card span {
  color: #556987 !important;
}
.partner-band .partner-metric-icon {
  background: rgba(55, 184, 245, 0.12) !important;
  border: 1.5px solid rgba(55, 184, 245, 0.3) !important;
  color: #164882 !important;
  box-shadow: 0 4px 14px rgba(22, 72, 130, 0.08) !important;
}
.partner-band .partner-metric-card:hover {
  background: #ffffff !important;
  border-color: rgba(55, 184, 245, 0.5) !important;
  box-shadow: 0 18px 40px rgba(11, 45, 82, 0.12) !important;
}

/* 8. Recruitment Offerings Image Containment (No Clipping) */
.recruitment-offerings-layout > .service-chapter-visual {
  position: sticky !important;
  top: 116px !important;
  height: clamp(490px, 44vw, 560px) !important;
  margin: 0 !important;
  background: linear-gradient(145deg, #0e3b68, #072343) !important;
  border: 1px solid rgba(55, 184, 245, 0.35) !important;
  border-radius: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.recruitment-offerings-layout > .service-chapter-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: clamp(14px, 2vw, 24px) !important;
}

/* 9. Country Flags in Global Presence Chips */
.world-chip.has-flag::before,
.world-chip:has(.flag)::before {
  display: none !important;
}
.world-chip,
.world-chip.has-flag,
.world-chip:has(.flag) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
}
.world-chip .flag,
.world-chip img.flag {
  display: inline-block !important;
  width: 20px !important;
  height: 15px !important;
  object-fit: cover !important;
  border-radius: 2px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

/* 10. 3x2 Grid for 6-Step Process & Refined Milestone Step Cards (Balanced, Space-between Header, Rich Descriptions) */
.milestone-steps-6 .milestone-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(20px, 2.4vw, 32px) !important;
}
body[data-page="home"] .home-process-content .milestone-card-header {
  display: contents !important;
}
.milestone-card-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin-bottom: 20px !important;
}
.milestone-icon-wrap {
  width: 58px !important;
  height: 58px !important;
  border-radius: 16px !important;
  background: #eef8ff !important;
  border: 1.5px solid rgba(55, 184, 245, 0.35) !important;
  color: var(--navy) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 6px 16px rgba(22, 72, 130, 0.08) !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}
.milestone-icon-wrap .icon,
.milestone-icon-wrap svg {
  width: 26px !important;
  height: 26px !important;
  stroke: var(--navy) !important;
  stroke-width: 2 !important;
  display: block !important;
  margin: 0 auto !important;
}
.milestone-card:hover .milestone-icon-wrap {
  background: var(--navy) !important;
  border-color: var(--navy) !important;
  color: #37b8f5 !important;
  transform: translateY(-2px) scale(1.05) !important;
  box-shadow: 0 10px 24px rgba(11, 45, 82, 0.2) !important;
}
.milestone-card:hover .milestone-icon-wrap .icon,
.milestone-card:hover .milestone-icon-wrap svg {
  color: #37b8f5 !important;
  stroke: #37b8f5 !important;
}
.milestone-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: #f0f4f9 !important;
  border: 1px solid rgba(22, 72, 130, 0.14) !important;
  color: var(--navy) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}
.milestone-badge-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--blue) !important;
}
.milestone-card:not(body[data-page="home"] .home-process-content .milestone-card) {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 230px !important;
  padding: 30px 28px !important;
  background: #ffffff !important;
  border: 1px solid rgba(22, 72, 130, 0.12) !important;
  border-radius: 24px !important;
  box-shadow: 0 10px 30px rgba(22, 72, 130, 0.06) !important;
  overflow: hidden !important;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}
.milestone-card:not(body[data-page="home"] .home-process-content .milestone-card):hover {
  transform: translateY(-6px) !important;
  border-color: rgba(55, 184, 245, 0.5) !important;
  box-shadow: 0 20px 48px rgba(22, 72, 130, 0.12) !important;
}
.milestone-body:not(body[data-page="home"] .home-process-content .milestone-body) {
  margin-top: 0 !important;
  width: 100% !important;
  position: relative !important;
  z-index: 1 !important;
  text-align: left !important;
}
.milestone-body:not(body[data-page="home"] .home-process-content .milestone-body) h3 {
  font-family: var(--font-title) !important;
  font-size: clamp(20px, 1.6vw, 24px) !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
}
.milestone-desc {
  font-size: 14.5px !important;
  line-height: 1.62 !important;
  color: var(--grey) !important;
  margin: 0 !important;
  max-width: 100% !important;
}
.milestone-card:not(body[data-page="home"] .home-process-content .milestone-card) .milestone-phase-marker {
  display: block !important;
  position: absolute !important;
  right: 20px !important;
  bottom: 6px !important;
  font-family: var(--font-title) !important;
  font-size: 64px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: rgba(22, 72, 130, 0.05) !important;
  pointer-events: none !important;
  user-select: none !important;
  z-index: 0 !important;
}
@media (max-width: 960px) {
  .milestone-steps-6 .milestone-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .milestone-steps-6 .milestone-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 11. Redesigned Indicative Pricing Policy Banner (No top blue border, large circular white icon) */
.pricing-policy-banner::before,
.order-notice-banner::before {
  display: none !important;
}
.pricing-policy-banner {
  background: #ffffff !important;
  border: 1px solid #d5e3f1 !important;
  border-radius: 24px !important;
  padding: clamp(32px, 3.5vw, 44px) clamp(28px, 3vw, 42px) !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  gap: clamp(24px, 3vw, 36px) !important;
  align-items: center !important;
  box-shadow: 0 18px 46px rgba(11, 45, 82, 0.06) !important;
}
.policy-icon-badge {
  width: 76px !important;
  height: 76px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #164882 0%, #0b2d52 100%) !important;
  box-shadow: 0 10px 24px rgba(11, 45, 82, 0.22) !important;
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
}
.policy-icon-badge svg,
.policy-icon-badge .icon {
  width: 38px !important;
  height: 38px !important;
  color: #ffffff !important;
  stroke: #ffffff !important;
  stroke-width: 2.2 !important;
}
.pricing-policy-banner .policy-copy-col h2 {
  font-size: clamp(24px, 2.2vw, 32px) !important;
  font-weight: 700 !important;
  color: #0b2d52 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.25 !important;
}
.pricing-policy-banner .policy-copy-col p {
  font-size: 15.5px !important;
  line-height: 1.68 !important;
  color: #48556a !important;
  margin: 0 !important;
}
@media (max-width: 900px) {
  .pricing-policy-banner {
    grid-template-columns: 1fr !important;
    text-align: left !important;
    gap: 20px !important;
  }
}

/* 11b. Global Reach Section: Blue & Deep Navy Multi-Stop Gradient Combination with exact 80px padding */
body[data-page="recruitment"] .metrics-band:not(.partner-band),
.metrics-band:has(.metrics-reach-layout) {
  background: radial-gradient(circle at 18% 30%, rgba(55, 184, 245, 0.28) 0%, transparent 55%),
              radial-gradient(circle at 82% 70%, rgba(22, 72, 130, 0.45) 0%, transparent 60%),
              linear-gradient(135deg, #05162a 0%, #0b2d52 40%, #114276 75%, #185a9d 100%) !important;
  border: 0 !important;
  position: relative !important;
  padding: 80px 0 !important;
}
body[data-page="recruitment"] .metrics-band:not(.partner-band) .metrics-panel-single,
.metrics-band:has(.metrics-reach-layout) .metrics-panel-single,
body[data-page="recruitment"] .metrics-reach-layout {
  padding: 0 !important;
}

/* 12. Delivery Offerings Icons & Authentic Brand SVGs */
.service-offering-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  background: #eef8ff !important;
  border: 1.5px solid rgba(55, 184, 245, 0.38) !important;
  box-shadow: 0 4px 14px rgba(22, 72, 130, 0.08) !important;
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.service-offering:hover .service-offering-icon {
  transform: scale(1.04) !important;
  border-color: rgba(55, 184, 245, 0.65) !important;
  box-shadow: 0 8px 22px rgba(22, 72, 130, 0.14) !important;
}
.service-offering-icon .icon:not(.live-svg-brand),
.service-offering-icon svg:not(.live-svg-brand),
.service-block.service-block-chapter.chapter-light .service-offering-icon .icon:not(.live-svg-brand),
.service-block.service-block-chapter.chapter-light .service-offering-icon svg:not(.live-svg-brand) {
  width: 25px !important;
  height: 25px !important;
  color: var(--navy) !important;
  stroke: var(--navy) !important;
  stroke-width: 2 !important;
}

/* Restore cyan border and high contrast on blue bg chapter-dark sections */
.service-block.service-block-chapter.chapter-dark .service-offering-icon,
.recruitment-offerings-section.chapter-dark .service-offering-icon {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(55, 184, 245, 0.45) !important;
  box-shadow: 0 4px 16px rgba(4, 16, 32, 0.3) !important;
}
.service-block.service-block-chapter.chapter-dark .service-offering-icon .icon:not(.live-svg-brand),
.service-block.service-block-chapter.chapter-dark .service-offering-icon svg:not(.live-svg-brand),
.recruitment-offerings-section.chapter-dark .service-offering-icon .icon:not(.live-svg-brand),
.recruitment-offerings-section.chapter-dark .service-offering-icon svg:not(.live-svg-brand) {
  color: #37b8f5 !important;
  stroke: #37b8f5 !important;
  stroke-width: 2 !important;
}

/* Authentic brand icons: stroke strictly disabled so vectors render pristine */
.live-svg-brand,
.service-offering-icon svg.live-svg-brand,
.tech-chip-icon svg.live-svg-brand,
.live-svg-brand path,
.service-offering-icon svg.live-svg-brand path,
.tech-chip-icon svg.live-svg-brand path,
.live-svg-brand rect,
.service-offering-icon svg.live-svg-brand rect,
.tech-chip-icon svg.live-svg-brand rect,
.live-svg-brand circle,
.service-offering-icon svg.live-svg-brand circle,
.tech-chip-icon svg.live-svg-brand circle {
  stroke: none !important;
  stroke-width: 0 !important;
}
.service-offering-icon svg.live-svg-brand,
.tech-chip-icon svg.live-svg-brand {
  width: 27px !important;
  height: 27px !important;
}
.service-offering-icon svg.live-svg-meta,
.tech-chip-icon svg.live-svg-meta {
  width: 28px !important;
  height: 28px !important;
  fill: #0081FB !important;
}
/* Meta Ads on dark chapters: high contrast cyan so it never blends into dark navy */
.service-block.service-block-chapter.chapter-dark .service-offering-icon svg.live-svg-meta {
  fill: #37b8f5 !important;
}
.service-offering-icon svg.live-svg-google-ads,
.tech-chip-icon svg.live-svg-google-ads {
  width: 28px !important;
  height: 28px !important;
}
.service-offering-icon svg.live-svg-wordpress,
.tech-chip-icon svg.live-svg-wordpress {
  width: 27px !important;
  height: 27px !important;
  color: #21759B !important;
  fill: #21759B !important;
}
.service-offering-icon svg.live-svg-php,
.tech-chip-icon svg.live-svg-php {
  width: 27px !important;
  height: 27px !important;
  color: #777BB4 !important;
  fill: #777BB4 !important;
}

/* 13. Order Summary Panel: Keep "Your Quote" in one single line with high contrast */
.summary-panel h2 {
  white-space: nowrap !important;
  font-size: clamp(22px, 1.8vw, 26px) !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  margin: 0 0 16px 0 !important;
  letter-spacing: -0.02em !important;
}
.summary-panel {
  background: linear-gradient(145deg, #0b2d52 0%, #164882 68%, #123b6b 100%) !important;
  border: 1px solid rgba(55, 184, 245, 0.35) !important;
  box-shadow: 0 22px 50px rgba(11, 45, 82, 0.25) !important;
}
.summary-panel .summary-item {
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}
.summary-panel .summary-tick {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  color: #fff !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}
.summary-panel .summary-tick svg,
.summary-panel .summary-tick .icon {
  width: 12px !important;
  height: 12px !important;
  stroke-width: 2.8 !important;
  color: #fff !important;
}
.summary-panel .summary-item span:first-child {
  color: #ffffff !important;
  font-weight: 500 !important;
}
.summary-panel .summary-item strong {
  color: #37b8f5 !important;
  font-weight: 700 !important;
}
.summary-panel .summary-total span {
  color: rgba(255, 255, 255, 0.95) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}
.summary-panel .summary-total strong {
  color: #37b8f5 !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
}
.summary-panel .summary-note {
  color: rgba(255, 255, 255, 0.82) !important;
  line-height: 1.55 !important;
}

/* 14. Homepage Process Section: Perfect Vertical Alignment of Step Badges to Icons & Visual Center to Left Column */
body[data-page="home"] .home-process-split {
  align-items: center !important;
}
body[data-page="home"] .home-process-content {
  align-self: center !important;
  padding: 0 !important;
}
body[data-page="home"] .home-process-content .milestone-card {
  align-items: center !important;
}
body[data-page="home"] .home-process-content .milestone-icon-wrap {
  margin: 0 !important;
  align-self: center !important;
}
body[data-page="home"] .home-process-content .milestone-badge {
  align-self: center !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
body[data-page="home"] .home-process-content .milestone-body {
  align-self: center !important;
  margin: 0 !important;
}
body[data-page="home"] .home-process-visual {
  align-self: center !important;
  margin: 0 !important;
}
@media (max-width: 960px) {
  body[data-page="home"] .home-process-split {
    align-items: stretch !important;
  }
}


@media(max-width:1100px){
  body[data-page="about"] .about-why-card,body[data-page="about"] .about-why-card:nth-child(n){grid-column:span 6}
  body[data-page="about"] .about-why-card:last-child{grid-column:4/span 6}
  body[data-page="home"] .network-globe-stage>img{inset:auto!important;height:100%}
  body[data-page="home"] .home-process-visual{height:auto;aspect-ratio:16/10}
}
@media(max-width:900px){
  body[data-page="about"] .about-why-header{margin-bottom:32px}
  .recruitment-offerings-layout{grid-template-columns:1fr;gap:32px}
  .recruitment-offerings-layout>.service-chapter-visual{position:relative;top:auto;height:330px}
}
@media(max-width:700px){
  body[data-page="about"] .about-why-bento{grid-template-columns:1fr}
  body[data-page="about"] .about-why-card,body[data-page="about"] .about-why-card:nth-child(n),body[data-page="about"] .about-why-card:last-child{grid-column:auto;min-height:0}
  .order-notice-banner{grid-template-columns:52px minmax(0,1fr);gap:16px;padding:26px 0}
  .notice-icon-box{width:50px;height:50px}
  .service-chapter-visual{height:300px}
  body[data-page="home"] .network-globe-stage{height:auto!important;min-height:560px!important;grid-template-rows:360px auto!important}
  body[data-page="home"] .network-globe-stage>img{inset:auto!important;min-height:360px!important;height:100%!important;padding:0!important;object-fit:cover!important;object-position:center center!important}
  body[data-page="home"] .network-proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="home"] .network-proof{min-height:190px;padding:18px 16px}
  body[data-page="home"] .network-proof+.network-proof{border-top:0}
  body[data-page="home"] .network-proof:nth-child(even){border-left:1px solid #e2edf6}
  body[data-page="home"] .network-proof:nth-child(3){border-left:0}
  body[data-page="home"] .network-proof:nth-child(n+3){border-top:1px solid #e2edf6}
  body[data-page="home"] .network-proof span{font-size:12.5px}
  body[data-page="home"] .home-process-visual{height:auto;aspect-ratio:6/5}
}

/* ============================================================
   Interactive 3D Particle Globe Stage
   ============================================================ */
.interactive-particle-globe-stage {
  position: relative !important;
  width: 100% !important;
  min-height: 440px !important;
  height: clamp(420px, 38vw, 500px) !important;
  background: radial-gradient(circle at 50% 50%, #0c2340 0%, #061527 100%) !important;
  border: 1px solid rgba(55, 184, 245, 0.3) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 48px rgba(4, 18, 36, 0.45) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: grab;
  user-select: none;
  touch-action: none;
}
.interactive-particle-globe-stage.is-interacting {
  cursor: grabbing !important;
}
.interactive-particle-globe-stage .particle-globe-canvas {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.interactive-particle-globe-stage .globe-play-hint {
  position: absolute;
  bottom: 18px;
  right: 18px;
  z-index: 4;
  padding: 7px 15px;
  border-radius: 999px;
  background: rgba(5, 22, 42, 0.78);
  border: 1px solid rgba(55, 184, 245, 0.38);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #7dd7ff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: opacity 0.25s ease;
}
.interactive-particle-globe-stage.is-interacting .globe-play-hint {
  opacity: 0.15;
}

/* ============================================================
   Authentic Brand Logos in Tech Chips (Vibrant & Sharp)
   ============================================================ */
.tech-chip-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 15px !important;
  background: #eef7fc !important;
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
}
.tech-chip-icon svg.live-svg-brand {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-linkedin {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-linkedin rect {
  fill: #0A66C2 !important;
  display: block !important;
}
.tech-chip-icon svg.live-svg-linkedin path {
  fill: #ffffff !important;
}
.tech-chip-icon svg.live-svg-meta {
  width: 28px !important;
  height: 28px !important;
  fill: #0081FB !important;
}
.tech-chip-icon svg.live-svg-meta path {
  fill: #0081FB !important;
}
.tech-chip-icon svg.live-svg-google-ads {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-google-ads path.gads-green {
  fill: #34A853 !important;
}
.tech-chip-icon svg.live-svg-google-ads path.gads-blue {
  fill: #4285F4 !important;
}
.tech-chip-icon svg.live-svg-google-ads path.gads-yellow {
  fill: #FBBC04 !important;
}
.tech-chip-icon svg.live-svg-ga4 {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-ga4 path:first-child {
  fill: #F9AB00 !important;
}
.tech-chip-icon svg.live-svg-ga4 path:nth-of-type(2) {
  fill: #E37400 !important;
}
.tech-chip-icon svg.live-svg-ga4 circle {
  fill: #F9AB00 !important;
}
.tech-chip-icon svg.live-svg-gtm {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-gtm path:first-child {
  fill: #246FDB !important;
}
.tech-chip-icon svg.live-svg-gtm path:last-child {
  fill: #8AB4F8 !important;
}
.tech-chip-icon svg.live-svg-wordpress {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-wordpress path {
  fill: #21759B !important;
}
.tech-chip-icon svg.live-svg-php {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-php path {
  fill: #777BB4 !important;
}
.tech-chip-icon svg.live-svg-mailchimp {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-mailchimp rect {
  fill: #FFE01B !important;
}
.tech-chip-icon svg.live-svg-mailchimp path {
  fill: #241C15 !important;
}
.tech-chip-icon svg.live-svg-teamtailor {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-teamtailor rect {
  fill: #FF4B64 !important;
}
.tech-chip-icon svg.live-svg-teamtailor path {
  fill: #ffffff !important;
}
.tech-chip-icon svg.live-svg-greenhouse {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-greenhouse rect {
  fill: #008554 !important;
}
.tech-chip-icon svg.live-svg-greenhouse path {
  fill: #ffffff !important;
}
.tech-chip-icon svg.live-svg-hubspot {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-hubspot path {
  fill: #FF7A59 !important;
}
.tech-chip-icon svg.live-svg-apollo {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-apollo rect {
  fill: #181D27 !important;
}
.tech-chip-icon svg.live-svg-apollo path {
  fill: #FFB100 !important;
}
.tech-chip-icon svg.live-svg-lighthouse {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-lighthouse path:first-child {
  fill: #F44B21 !important;
}
.tech-chip-icon svg.live-svg-lighthouse path:last-child {
  fill: #FFD043 !important;
}
.tech-chip-icon svg.live-svg-react {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-react ellipse {
  stroke: #61DAFB !important;
}
.tech-chip-icon svg.live-svg-react circle {
  fill: #61DAFB !important;
}
.tech-chip-icon svg.live-svg-html5 {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-html5 path {
  fill: #E34F26 !important;
}
.tech-chip-icon svg.live-svg-dnv {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-dnv rect {
  fill: #003865 !important;
}
.tech-chip-icon svg.live-svg-dnv path {
  fill: #ffffff !important;
}
.tech-chip-icon svg.live-svg-iso {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-iso rect {
  fill: #005A9C !important;
}
.tech-chip-icon svg.live-svg-iso path {
  fill: #ffffff !important;
}
.tech-chip-icon svg.live-svg-gdpr {
  width: 28px !important;
  height: 28px !important;
}
.tech-chip-icon svg.live-svg-gdpr path:first-child {
  fill: #003399 !important;
}
.tech-chip-icon svg.live-svg-gdpr path:last-child {
  fill: #FFCC00 !important;
}

/* ============================================================
   Our Process Section Subtext: Strictly 16px
   ============================================================ */
.process-section .milestone-desc,
.process-section .milestone-body p,
.home-process-content .milestone-desc,
.home-process-content .milestone-body p,
.milestone-desc,
.milestone-body p,
.milestone-card .milestone-desc,
body[data-page="home"] .home-process-content .milestone-body p,
.alt-card p {
  font-size: 16px !important;
  line-height: 1.62 !important;
}

/* Home and services overview share the full-image sticky stack */
:is(body[data-page="home"], body[data-page="services"]) .services-stack{position:relative;overflow:visible;background:#fff!important;padding:var(--section-pad) 0}
:is(body[data-page="home"], body[data-page="services"]) .services-stack::before{display:none}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .container{position:static}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .section-head{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--column-gap);max-width:none;margin:0 0 54px;text-align:left}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .section-head .eyebrow{color:var(--navy)}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .section-head h2{max-width:17ch;margin:10px 0 0;color:var(--ink);font-size:var(--text-h2);letter-spacing:-.035em;text-align:left}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .section-head .lead{max-width:450px;margin:0 0 6px;color:var(--grey);font-size:var(--text-body);text-align:right}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-list{display:grid;grid-template-columns:1fr!important;gap:var(--card-gap)!important;padding-bottom:120px!important;counter-reset:none}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card{position:sticky!important;top:120px!important;display:block;min-height:480px;height:clamp(480px,56vh,540px);margin:0;padding:0!important;overflow:hidden!important;border:0!important;border-radius:36px;background:var(--navy)!important;box-shadow:0 10px 26px rgba(14,43,77,.12)!important;color:#fff;text-decoration:none;transform:none!important}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card:nth-child(2){top:120px!important;z-index:2}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card:nth-child(3){top:120px!important;z-index:3}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card:nth-child(4){top:120px!important;z-index:4}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card:nth-child(5){top:120px!important;z-index:5}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card:hover{transform:none!important;box-shadow:0 14px 32px rgba(14,43,77,.16)!important}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-bg{display:block;transform:none!important}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card:hover .stack-bg{transform:scale(1.05)!important}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-arrow{position:absolute;z-index:3;top:28px;right:32px;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(5,22,42,.42);color:#fff;transition:transform .3s ease,background .3s ease,color .3s ease}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-arrow .icon{width:20px;height:20px}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card:hover .stack-arrow{transform:rotate(45deg)!important;background:var(--blue);color:var(--ink)}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-copy{position:absolute;z-index:2;right:clamp(28px,3.5vw,48px);bottom:clamp(32px,3.8vw,50px);left:clamp(28px,3.5vw,48px);display:flex;max-width:720px;margin:0;gap:14px}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-copy h3{max-width:20ch;margin:0;color:#fff!important;font-size:clamp(26px,2.6vw,34px)!important;font-weight:600;line-height:1.15;letter-spacing:-.03em}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-copy h3::before{content:none}
:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-copy p{max-width:54ch;margin:0;color:rgba(255,255,255,.92)!important;font-size:16px;line-height:1.6}
@media(max-width:960px){
  :is(body[data-page="home"], body[data-page="services"]) .services-stack .section-head{margin-bottom:36px}
  :is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card{top:105px!important;min-height:460px;height:460px}
  :is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card:nth-child(2),
  :is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card:nth-child(3),
  :is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card:nth-child(4),
  :is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card:nth-child(5){top:105px!important}
}
@media(max-width:600px){
  :is(body[data-page="home"], body[data-page="services"]) .services-stack .section-head{flex-direction:column;align-items:flex-start;gap:18px}
  :is(body[data-page="home"], body[data-page="services"]) .services-stack .section-head .lead{text-align:left}
  :is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card,:is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-card:nth-child(n){position:relative!important;top:auto!important;min-height:380px;height:380px;border-radius:26px}
  :is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-arrow{top:20px;right:20px;width:40px;height:40px}
  :is(body[data-page="home"], body[data-page="services"]) .services-stack .stack-copy{right:22px;bottom:24px;left:22px}
}

/* All rendered text shares the requested tracking. */
body,body *{letter-spacing:.5px!important}

/* Keep the homepage title clear of the lower supporting copy on desktop. */
@media(min-width:961px){
  body[data-page="home"] .hero-copy{transform:translateY(-340px)}
  body[data-page="home"] .hero-copy h1{max-width:none;font-size:clamp(42px,3.125vw,60px);white-space:nowrap}
}

/* Home process: a centered journey without the previous photo card. */
body[data-page="home"] .home-process-section{background:#fff!important;padding:clamp(80px,9vw,128px) 0;overflow:hidden}
body[data-page="home"] .home-process-section::before,body[data-page="home"] .home-process-section::after{display:none}
body[data-page="home"] .home-process-head{max-width:760px;margin:0 auto clamp(56px,6vw,84px);text-align:center}
body[data-page="home"] .home-process-head h2{margin:0;color:#061525;font-family:var(--font-title);font-size:clamp(38px,4.4vw,60px);font-weight:700;line-height:1.08}
body[data-page="home"] .home-process-timeline{position:relative;min-height:390px;width:100%;margin:0 auto}
body[data-page="home"] .home-process-route{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible}
body[data-page="home"] .home-process-route path{fill:none;stroke:#37b8f5;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(55,184,245,.32))}
body[data-page="home"] .home-process-timeline ol{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:390px;margin:0;padding:0;list-style:none}
body[data-page="home"] .home-process-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0 24px}
body[data-page="home"] .home-process-step:nth-child(odd){justify-content:flex-start}
body[data-page="home"] .home-process-step:nth-child(even){justify-content:flex-end;padding-bottom:2px}
body[data-page="home"] .home-process-number{margin-bottom:12px;color:#0b8ed0;font-size:18px;font-weight:800;line-height:1;letter-spacing:.08em}
body[data-page="home"] .home-process-icon{display:grid;place-items:center;align-self:center;order:3;width:54px;height:54px;margin-top:22px;border:4px solid #fff;border-radius:16px;background:#164882;color:#fff;box-shadow:0 0 0 2px rgba(55,184,245,.45),0 12px 28px rgba(22,72,130,.2)}
body[data-page="home"] .home-process-icon .icon{width:24px;height:24px;stroke-width:1.9}
body[data-page="home"] .home-process-step h3{order:1;margin:0 0 8px;color:#061525;font-family:var(--font-title);font-size:clamp(21px,2vw,28px);font-weight:700;line-height:1.16}
body[data-page="home"] .home-process-step p{order:2;max-width:24ch;margin:0;color:#39546f;font-size:16px;line-height:1.6}
body[data-page="home"] .home-process-step:nth-child(even) .home-process-icon{order:0;margin:0 0 22px}
body[data-page="home"] .home-process-step:nth-child(even) .home-process-number{order:1}
body[data-page="home"] .home-process-step:nth-child(even) h3{order:2}
body[data-page="home"] .home-process-step:nth-child(even) p{order:3}
@media(max-width:960px){
  body[data-page="home"] .home-process-timeline{min-height:0}
  body[data-page="home"] .home-process-route{display:none}
  body[data-page="home"] .home-process-timeline ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;gap:32px 24px}
  body[data-page="home"] .home-process-step,body[data-page="home"] .home-process-step:nth-child(even){justify-content:flex-start;padding:0}
  body[data-page="home"] .home-process-step:nth-child(even) .home-process-icon{order:3;margin:22px 0 0}
  body[data-page="home"] .home-process-step:nth-child(even) .home-process-number{order:0}
  body[data-page="home"] .home-process-step:nth-child(even) h3{order:1}
  body[data-page="home"] .home-process-step:nth-child(even) p{order:2}
}
@media(max-width:600px){
  body[data-page="home"] .home-process-section{padding:72px 0}
  body[data-page="home"] .home-process-head{margin-bottom:46px}
  body[data-page="home"] .home-process-timeline ol{grid-template-columns:1fr;gap:0}
  body[data-page="home"] .home-process-step,body[data-page="home"] .home-process-step:nth-child(even){display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:18px;padding:24px 0;border-top:1px solid #d9e4ee}
  body[data-page="home"] .home-process-step:last-child{border-bottom:1px solid #d9e4ee}
  body[data-page="home"] .home-process-icon,body[data-page="home"] .home-process-step:nth-child(even) .home-process-icon{grid-column:1;grid-row:1 / span 3;order:initial;margin:0}
  body[data-page="home"] .home-process-number,body[data-page="home"] .home-process-step:nth-child(even) .home-process-number{grid-column:2;grid-row:1;order:initial;margin:0 0 7px}
  body[data-page="home"] .home-process-step h3,body[data-page="home"] .home-process-step:nth-child(even) h3{grid-column:2;grid-row:2;order:initial}
body[data-page="home"] .home-process-step p,body[data-page="home"] .home-process-step:nth-child(even) p{grid-column:2;grid-row:3;order:initial;max-width:none}
}

/* Global network: supporting content and the globe share one two-column row. */
body[data-page="home"] .network-editorial{width:100%;max-width:none}
body[data-page="home"] .network-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:clamp(48px,6vw,104px)}
body[data-page="home"] .network-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(12px,2vw,32px) 0}
body[data-page="home"] .network-copy .eyebrow{margin:0 0 20px;color:#0b5b9c}
body[data-page="home"] .network-copy h2{max-width:14ch;margin:0 0 32px;color:#061525;font-family:var(--font-title);font-size:clamp(38px,3.8vw,56px);font-weight:700;line-height:1.08;letter-spacing:-.04em}
body[data-page="home"] .network-copy .network-editorial-summary{padding:0;border:0}
body[data-page="home"] .network-copy .network-editorial-summary>p{max-width:52ch;margin:0;padding:0;color:#23435f;font-size:17px;line-height:1.65}
body[data-page="home"] .network-copy .network-editorial-summary .world-row{margin:28px 0 0;padding:0;gap:9px}
body[data-page="home"] .network-globe-stage{position:relative!important;display:block!important;min-height:0!important;height:clamp(420px,34vw,520px)!important;margin:0!important;overflow:hidden;border:1px solid #d0deeb;border-radius:24px;background:#061525;box-shadow:0 24px 48px rgba(27,78,125,.12);isolation:isolate}
body[data-page="home"] .network-globe-stage::after{display:none}
body[data-page="home"] .network-globe-stage>img{position:relative!important;z-index:1;display:block;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;object-fit:cover!important;object-position:68% center!important;transform-origin:68% 50%;animation:networkGlobeRotate 16s ease-in-out infinite}
body[data-page="home"] .network-particle-orb-stage .particle-globe-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block}
body[data-page="home"] .network-globe-stage.home-lottie-orb{height:clamp(500px,42vw,640px)!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.site-lottie-orb-animation{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:grid;place-items:center}
.site-lottie-orb-animation svg{display:block;width:100%!important;height:100%!important;transform-origin:center}
body[data-page="home"] .site-lottie-orb-animation svg{transform:scale(1.16)}
body[data-page="recruitment"] .metrics-reach-media.recruitment-lottie-orb{position:relative;width:100%;height:clamp(500px,42vw,640px)!important;min-height:500px!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body[data-page="recruitment"] .site-lottie-orb-animation svg{transform:scale(1.16)}

/* Match recruitment offerings to the service-chapter two-column alignment. */
body[data-page="recruitment"] .recruitment-offerings-section>.container{
  display:grid;
  grid-template-columns:minmax(340px,1.12fr) minmax(0,.88fr);
  gap:clamp(36px,5vw,68px);
  align-items:start;
}
body[data-page="recruitment"] .recruitment-offerings-left {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 32px;
  position: sticky;
  top: 116px;
  align-self: start;
}
body[data-page="recruitment"] .recruitment-offerings-section .section-head{
  display:block!important;
  max-width:none!important;
  margin:0!important;
  text-align:left!important;
}
body[data-page="recruitment"] .recruitment-offerings-section .section-head>div{display:block!important;width:100%}
body[data-page="recruitment"] .recruitment-offerings-section .section-head .eyebrow{margin:0 0 14px!important}
body[data-page="recruitment"] .recruitment-offerings-section .section-head h2{max-width:15ch!important;margin:0!important}
body[data-page="recruitment"] .recruitment-offerings-section .section-head .lead{
  max-width:48ch!important;
  margin:20px 0 0!important;
  text-align:left!important;
  line-height:1.65!important;
}
body[data-page="recruitment"] .recruitment-offerings-layout{display:contents!important}
body[data-page="recruitment"] .recruitment-offerings-left>.service-chapter-visual{position:relative!important;top:auto!important;width:100%;margin:0!important}
body[data-page="recruitment"] .recruitment-offerings-layout>.service-chapter-deliveries{min-width:0;padding-top:0}
body[data-page="home"] .network-globe-stage .globe-glow,body[data-page="home"] .network-globe-stage .globe-ring,body[data-page="home"] .network-globe-stage .globe-ring-2{display:none}
body[data-page="home"] .network-proof-strip{position:static!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(28px,3vw,42px);border:1px solid #e2edf6;border-radius:20px;background:#fff;box-shadow:0 16px 34px rgba(27,78,125,.08)}
body[data-page="home"] .network-proof{min-height:148px;padding:24px 26px}
@keyframes networkGlobeRotate{0%,100%{transform:scale(1.04) rotate(-1.2deg)}50%{transform:scale(1.08) rotate(1.2deg)}}
@media(max-width:960px){
  body[data-page="home"] .network-layout{grid-template-columns:1fr;gap:36px}
  body[data-page="home"] .network-copy{padding:0}
  body[data-page="home"] .network-copy h2{max-width:16ch}
  body[data-page="home"] .network-globe-stage{height:clamp(380px,64vw,520px)!important}
  body[data-page="home"] .network-proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="recruitment"] .recruitment-offerings-section>.container{grid-template-columns:1fr;gap:32px}
  body[data-page="recruitment"] .recruitment-offerings-left{position:relative!important;top:auto!important;gap:28px}
}
@media(max-width:600px){
  body[data-page="home"] .network-copy h2{margin-bottom:24px}
  body[data-page="home"] .network-copy .network-editorial-summary>p{font-size:16px}
  body[data-page="home"] .network-globe-stage{height:330px!important;border-radius:20px}
  body[data-page="home"] .network-globe-stage.home-lottie-orb{height:390px!important}
  body[data-page="home"] .site-lottie-orb-animation svg{transform:scale(1.08)}
  body[data-page="recruitment"] .metrics-reach-media.recruitment-lottie-orb{height:390px!important;min-height:390px!important}
  body[data-page="recruitment"] .site-lottie-orb-animation svg{transform:scale(1.08)}
  body[data-page="recruitment"] .recruitment-offerings-section>.container{grid-template-columns:1fr;gap:32px}
  body[data-page="recruitment"] .recruitment-offerings-left{gap:28px}
  body[data-page="home"] .network-proof-strip{grid-template-columns:1fr}
  body[data-page="home"] .network-proof{min-height:0;padding:19px 22px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .network-globe-stage>img{animation:none}
}

/* Make the problem visual explain the fragmented-vendor reality in plain language. */
body[data-page="home"] .problem-live-visual{display:grid;place-items:center;min-height:clamp(410px,37vw,530px);padding:clamp(26px,3.5vw,46px);border:1px solid #d8e5ef;border-radius:20px;background:linear-gradient(145deg,#f8fbfd,#edf4f8)}
body[data-page="home"] .problem-live-visual::before{display:none}
body[data-page="home"] .problem-workflow{width:100%;max-width:590px}
body[data-page="home"] .problem-workflow-head span{display:block;margin-bottom:10px;color:#0b8ed0;font-size:13px;font-weight:800;text-transform:uppercase}
body[data-page="home"] .problem-workflow-head strong{display:block;max-width:22ch;color:#061525;font-family:var(--font-title);font-size:clamp(24px,2.15vw,32px);line-height:1.18}
body[data-page="home"] .problem-vendor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px}
body[data-page="home"] .problem-vendor{display:flex;align-items:center;gap:12px;min-height:84px;padding:14px;border:1px solid #cbddea;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(22,72,130,.06)}
body[data-page="home"] .problem-vendor-icon,body[data-page="home"] .problem-owner-icon{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;border-radius:10px;background:#e5f5fc;color:#0b5b9c}
body[data-page="home"] .problem-vendor-icon .icon,body[data-page="home"] .problem-owner-icon .icon{width:21px;height:21px}
body[data-page="home"] .problem-vendor strong,body[data-page="home"] .problem-vendor small{display:block}
body[data-page="home"] .problem-vendor strong{color:#0a2948;font-size:15px;font-weight:800;line-height:1.2}
body[data-page="home"] .problem-vendor small{margin-top:4px;color:#58708a;font-size:13px;line-height:1.3}
body[data-page="home"] .problem-owner{position:relative;display:flex;align-items:center;gap:14px;margin-top:42px;padding:18px 20px;border-radius:14px;background:#0d345d;color:#fff;box-shadow:0 14px 30px rgba(10,45,80,.18)}
body[data-page="home"] .problem-owner::before{position:absolute;top:-26px;left:50%;width:2px;height:20px;background:#37b8f5;content:""}
body[data-page="home"] .problem-owner-icon{background:#37b8f5;color:#061525}
body[data-page="home"] .problem-owner strong,body[data-page="home"] .problem-owner span:last-child{display:block}
body[data-page="home"] .problem-owner strong{font-size:17px;font-weight:800}
body[data-page="home"] .problem-owner span:last-child{margin-top:4px;color:rgba(255,255,255,.8);font-size:14px;line-height:1.4}

/* Testimonials remain readable and can be examined without motion on hover. */
body[data-page="home"] .testimonial-viewport:hover .testimonial-track,body[data-page="home"] .testimonial-viewport:focus-within .testimonial-track{animation-play-state:paused}
body[data-page="home"] .testimonial-card{border:1px solid #d5e3ee!important;background:#fff!important;box-shadow:0 16px 34px rgba(0,0,0,.12)}
body[data-page="home"] .testimonial-card blockquote{color:#061525!important}
body[data-page="home"] .testimonial-quote-mark{color:#0b8ed0!important}
body[data-page="home"] .testimonial-person strong{color:#061525!important;font-size:16px}
body[data-page="home"] .testimonial-person div>span{color:#526073!important;font-size:13.5px}

/* The floating navigation control must remain visible without a third-party icon loader. */
.back-to-top{background:#061525!important;color:#fff!important;box-shadow:0 8px 24px rgba(6,21,37,.28)!important}
.back-to-top:hover{background:#0b5b9c!important;box-shadow:0 12px 32px rgba(6,21,37,.38)!important}
.back-to-top svg{width:22px;height:22px;stroke-width:2.5}
@media(max-width:600px){
  body[data-page="home"] .problem-live-visual{min-height:0;padding:24px 18px}
  body[data-page="home"] .problem-vendor-grid{grid-template-columns:1fr}
}

/* Keep benefit cards quiet at rest and make their hover state a deliberate focus state. */
body[data-page="home"] .home-why-bento .why-bento-card,body[data-page="about"] .about-why-card{background:#fff!important;border-color:#d8e4ee!important}
body[data-page="home"] .home-why-bento .why-bento-card:nth-child(4),body[data-page="about"] .about-why-card:nth-child(5){background:#fff!important;border-color:#d8e4ee!important}
body[data-page="home"] .home-why-bento .why-bento-card:nth-child(4) .why-card-body h3,body[data-page="about"] .about-why-card:nth-child(5) h3{color:#061525!important}
body[data-page="home"] .home-why-bento .why-bento-card:nth-child(4) .why-card-body p,body[data-page="about"] .about-why-card:nth-child(5) p{color:#465c75!important}
body[data-page="home"] .home-why-bento .why-bento-card:nth-child(4) .why-card-icon-wrap,body[data-page="about"] .about-why-card:nth-child(5) .about-why-icon{background:#eef7fc!important;border-color:rgba(55,184,245,.24)!important;color:#0b5b9c!important}
body[data-page="home"] .home-why-bento .why-bento-card:hover,body[data-page="about"] .about-why-card:hover,.benefit-bento-card:hover{transform:translateY(-5px);border-color:rgba(55,184,245,.7)!important;background:linear-gradient(135deg,#0b2a4e 0%,var(--navy) 55%,#2b86b9 100%)!important;box-shadow:0 22px 48px rgba(22,72,130,.2)}
body[data-page="home"] .home-why-bento .why-bento-card:hover .why-card-body h3,body[data-page="about"] .about-why-card:hover h3,.benefit-bento-card:hover .benefit-card-body h3{color:#fff!important}
body[data-page="home"] .home-why-bento .why-bento-card:hover .why-card-body p,body[data-page="about"] .about-why-card:hover p,.benefit-bento-card:hover .benefit-card-body p{color:rgba(255,255,255,.82)!important}
body[data-page="home"] .home-why-bento .why-bento-card:hover .why-card-icon-wrap,body[data-page="about"] .about-why-card:hover .about-why-icon,.benefit-bento-card:hover .benefit-icon-wrap{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}

/* The audience section is content beside an image, not a dark image card. */
body[data-page="home"] .audience-visual-section{background:#fff!important}
body[data-page="home"] .audience-visual-grid{position:static;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);min-height:0!important;overflow:visible;border-radius:0;background:transparent!important;box-shadow:none}
body[data-page="home"] .audience-visual-copy{position:static;z-index:auto;min-height:0;max-width:none;padding:clamp(32px,4vw,60px) clamp(36px,6vw,96px) clamp(32px,4vw,60px) 0}
body[data-page="home"] .audience-visual-copy .eyebrow{color:#0b5b9c!important}
body[data-page="home"] .audience-visual-copy h2{color:#061525!important}
body[data-page="home"] .audience-visual-copy .lead{color:#465c75!important}
body[data-page="home"] .audience-globe-media{position:relative;inset:auto;min-height:clamp(360px,34vw,500px);overflow:hidden;border-radius:0;background:transparent}
body[data-page="home"] .audience-globe-media::before{display:none}
body[data-page="home"] .audience-globe-media img{width:100%;height:100%;object-fit:cover;object-position:center}
body[data-page="home"] .audience-globe-media video{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:24px;object-fit:cover;object-position:center;background:#061525}

/* Technology badges should read as separate interactive cards, not one connected table. */
.tech-stack-grid{gap:18px!important;border:0!important;background:transparent!important}
.tech-chip{border:1px solid #d8e4ee!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 22px rgba(22,72,130,.05)!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease!important}
.tech-chip:hover{transform:translateY(-5px)!important;border-color:rgba(55,184,245,.7)!important;background:#f4fbff!important;box-shadow:0 18px 38px rgba(22,72,130,.13)!important}
.tech-chip-icon{color:#0b8ed0!important}
.tech-chip-icon svg{filter:brightness(0) saturate(100%) invert(45%) sepia(96%) saturate(1240%) hue-rotate(165deg) brightness(94%) contrast(101%)}

@media(min-width:961px){
  body[data-page="home"] .hero-copy h1{line-height:1.13}
}
@media(max-width:960px){
  body[data-page="home"] .audience-visual-grid{grid-template-columns:1fr;gap:34px}
  body[data-page="home"] .audience-visual-copy{padding:0}
}

/* Brand marks retain their official colors. */
.tech-chip-icon svg{filter:none!important}

/* The recruitment globe is an open white particle field, not a dark card. */
.interactive-particle-globe-stage{min-height:440px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.interactive-particle-globe-stage .globe-play-hint{background:transparent!important;border-color:rgba(255,255,255,.5)!important;color:#fff!important}

/* Animated handoffs make the fragmented-vendor problem visible at a glance. */
body[data-page="home"] .problem-workflow-map{position:relative;margin-top:30px}
body[data-page="home"] .problem-workflow-map .problem-vendor-grid{position:relative;z-index:1;margin-top:0}
body[data-page="home"] .problem-flow-routes{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
body[data-page="home"] .problem-flow-line{fill:none;stroke:#37b8f5;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:4 9;opacity:.8;animation:problemVendorFlow 1.2s linear infinite}
body[data-page="home"] .problem-flow-dot{r:4;fill:#fff;filter:drop-shadow(0 0 4px #37b8f5)}
body[data-page="home"] .problem-workflow-map .problem-owner{position:relative;z-index:1}
body[data-page="home"] .problem-owner::before{display:none}
body[data-page="home"] .problem-vendor{animation:problemVendorPulse 2.4s ease-in-out infinite}
body[data-page="home"] .problem-vendor:nth-child(2){animation-delay:.6s}
body[data-page="home"] .problem-vendor:nth-child(3){animation-delay:1.2s}
body[data-page="home"] .problem-vendor:nth-child(4){animation-delay:1.8s}
@keyframes problemVendorFlow{to{stroke-dashoffset:-26}}
@keyframes problemVendorPulse{0%,100%{border-color:#cbddea;box-shadow:0 8px 20px rgba(22,72,130,.06)}50%{border-color:#37b8f5;box-shadow:0 10px 24px rgba(55,184,245,.2)}}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .problem-flow-line,body[data-page="home"] .problem-vendor{animation:none}
}

/* Problem visual: animation only, without copy, cards or a panel background. */
body[data-page="home"] .problem-live-visual{display:block;min-height:clamp(410px,37vw,530px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-page="home"] .problem-motion{position:relative;width:100%;height:100%;min-height:clamp(410px,37vw,530px)}
body[data-page="home"] .problem-motion-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
body[data-page="home"] .problem-motion-routes path{fill:none;stroke:#37b8f5;stroke-width:2;stroke-linecap:round;stroke-dasharray:6 11;animation:problemVendorFlow 1.2s linear infinite}
body[data-page="home"] .problem-motion-routes circle{r:5;fill:#fff;filter:drop-shadow(0 0 5px #37b8f5)}
body[data-page="home"] .problem-motion-node,body[data-page="home"] .problem-motion-hub{position:absolute;display:grid;place-items:center;width:58px;height:58px;border:2px solid #37b8f5;border-radius:18px;background:#fff;color:#0b5b9c;box-shadow:0 12px 28px rgba(22,72,130,.16);transform:translate(-50%,-50%);animation:problemNodePulse 2.6s ease-in-out infinite}
body[data-page="home"] .problem-motion-node .icon,body[data-page="home"] .problem-motion-hub .icon{width:27px;height:27px}
body[data-page="home"] .problem-motion-node.node-one{top:20%;left:28.125%}
body[data-page="home"] .problem-motion-node.node-two{top:20%;left:71.875%;animation-delay:.65s}
body[data-page="home"] .problem-motion-node.node-three{top:50.5%;left:17.5%;animation-delay:1.3s}
body[data-page="home"] .problem-motion-node.node-four{top:50.5%;left:82.5%;animation-delay:1.95s}
body[data-page="home"] .problem-motion-hub{top:80.5%;left:50%;width:72px;height:72px;border-radius:22px;background:#164882;color:#fff;box-shadow:0 0 0 12px rgba(55,184,245,.1),0 18px 36px rgba(22,72,130,.24)}
@keyframes problemNodePulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}
@media(max-width:600px){
  body[data-page="home"] .problem-live-visual,body[data-page="home"] .problem-motion{min-height:340px;padding:0}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .problem-motion-routes path,body[data-page="home"] .problem-motion-node,body[data-page="home"] .problem-motion-hub{animation:none}
}

/* Process route motion and stronger numbering. */
body[data-page="home"] .home-process-number{font-size:24px;font-weight:800;line-height:1;color:#0789ca}
body[data-page="home"] .home-process-route path{stroke-dasharray:10 10;animation:homeProcessRouteFlow 1.25s linear infinite}
body[data-page="home"] .home-process-signal{r:5;fill:#fff;stroke:#37b8f5;stroke-width:3;filter:drop-shadow(0 0 7px #37b8f5)}
body[data-page="home"] .home-process-icon{animation:homeProcessIconPulse 4s ease-in-out infinite}
body[data-page="home"] .home-process-step:nth-child(2) .home-process-icon{animation-delay:1s}
body[data-page="home"] .home-process-step:nth-child(3) .home-process-icon{animation-delay:2s}
body[data-page="home"] .home-process-step:nth-child(4) .home-process-icon{animation-delay:3s}
@keyframes homeProcessRouteFlow{to{stroke-dashoffset:-40}}
@keyframes homeProcessIconPulse{0%,75%,100%{box-shadow:0 0 0 2px rgba(55,184,245,.45),0 12px 28px rgba(22,72,130,.2);transform:scale(1)}12%{box-shadow:0 0 0 8px rgba(55,184,245,.16),0 16px 34px rgba(22,72,130,.28);transform:scale(1.08)}}

/* Testimonials are dark at rest and switch to the white reading state on hover. */
body[data-page="home"] .testimonial-card{border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.045)!important;box-shadow:none;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}
body[data-page="home"] .testimonial-card blockquote{color:#fff!important}
body[data-page="home"] .testimonial-quote-mark{color:rgba(55,184,245,.55)!important}
body[data-page="home"] .testimonial-person strong{color:#fff!important}
body[data-page="home"] .testimonial-person div>span{color:rgba(255,255,255,.66)!important}
body[data-page="home"] .testimonial-card:hover{border-color:#d5e3ee!important;background:#fff!important;box-shadow:0 18px 38px rgba(0,0,0,.18);transform:translateY(-4px)}
body[data-page="home"] .testimonial-card:hover blockquote,body[data-page="home"] .testimonial-card:hover .testimonial-person strong{color:#061525!important}
body[data-page="home"] .testimonial-card:hover .testimonial-person div>span{color:#526073!important}
body[data-page="home"] .testimonial-card:hover .testimonial-quote-mark{color:#0b8ed0!important}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .home-process-route path,body[data-page="home"] .home-process-icon{animation:none}
}

/* Stronger homepage hero typography and vertically stacked proof points. */
body[data-page="home"] .hero-copy>.eyebrow{font-size:16px}
body[data-page="home"] .hero-proof{flex-direction:column;align-items:flex-start;gap:16px;margin-top:30px;padding-top:0}
body[data-page="home"] .hero-proof .proof-item{min-height:0;padding:0;border:0;background:transparent;font-size:20px;line-height:1.35;text-transform:none;color:#fff}
body[data-page="home"] .hero-proof .proof-item+.proof-item{padding-left:0;border-left:0}
body[data-page="home"] .hero-proof .proof-dot{width:9px;height:9px}
@media(min-width:961px){
  body[data-page="home"] .hero-copy h1{font-size:clamp(64px,4.3vw,84px);line-height:1.08}
}

/* Refined animation panel and vertical hero alignment. */
body[data-page="home"] .problem-live-visual{padding:clamp(24px,3vw,40px);border:1px solid #d7e4ee;border-radius:28px;background:#fff;box-shadow:0 18px 42px rgba(22,72,130,.08)}
body[data-page="home"] .problem-motion-routes{z-index:0}
body[data-page="home"] .problem-motion-node,body[data-page="home"] .problem-motion-hub{z-index:1}
body[data-page="home"] .audience-globe-media{border-radius:24px}
body[data-page="home"] .audience-globe-media img{border-radius:24px}
@media(min-width:961px){
  body[data-page="home"] .hero-grid{align-items:center}
  body[data-page="home"] .hero-copy{align-self:center;transform:none}
  body[data-page="home"] .hero-side{align-self:center}
}

/* Services overview: give the unchanged long copy a proper reading measure. */
body[data-page="services"] .case-head{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:clamp(44px,5vw,76px);align-items:center}
body[data-page="services"] .case-head h2{max-width:15ch}
body[data-page="services"] .case-head .lead{width:100%;max-width:68ch;margin:0;padding:10px 0 10px 28px}

/* Preserve complete icon geometry while keeping brand marks in their official colors. */
.service-offering-icon svg:not(.live-svg-brand) rect{display:block!important;fill:none!important;stroke:currentColor!important}
.service-block.service-block-chapter.chapter-light .service-offering-icon{color:#0b8ed0!important}
.service-block.service-block-chapter.chapter-light .service-offering-icon svg:not(.live-svg-brand){color:#0b8ed0!important;stroke:#0b8ed0!important}
.service-block.service-block-chapter.chapter-dark .service-offering-icon svg:not(.live-svg-brand) rect,.recruitment-offerings-section.chapter-dark .service-offering-icon svg:not(.live-svg-brand) rect{display:block!important;fill:none!important;stroke:#37b8f5!important}

@media(max-width:900px){
  body[data-page="services"] .case-head{grid-template-columns:1fr;gap:26px}
  body[data-page="services"] .case-head .lead{max-width:68ch;padding-left:20px}
}

@media(min-width:961px){
  body[data-page="home"] .hero-side{align-self:end}
}

/* Each service chapter uses its own animated operational metaphor. */
.service-motion-card{position:relative;display:grid;place-items:center;isolation:isolate;padding:clamp(22px,3vw,38px)}
.service-motion-card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(11,142,208,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(11,142,208,.065) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at center,#000,transparent 76%);z-index:-1}
.service-viz{--viz-panel:rgba(255,255,255,.92);--viz-soft:#e8f6fd;--viz-line:#b9d9ea;--viz-ink:#103b69;--viz-muted:#647a91;position:relative;width:100%;height:100%;max-width:520px;color:var(--viz-ink);font-family:var(--font-body)}
.service-viz *{box-sizing:border-box}.service-viz svg{flex:none}.service-viz small,.service-viz span{line-height:1.25}.service-viz button{font:inherit}
.chapter-dark .service-viz{--viz-panel:rgba(8,37,72,.92);--viz-soft:rgba(55,184,245,.12);--viz-line:rgba(123,211,255,.28);--viz-ink:#fff;--viz-muted:#a9c7df}
.chapter-dark .service-motion-card::before{background-image:linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px)}

/* Website builder */
.viz-website{display:grid;place-items:center}.viz-browser{position:relative;width:92%;height:78%;overflow:hidden;border:1px solid var(--viz-line);border-radius:18px;background:var(--viz-panel);box-shadow:0 18px 38px rgba(3,28,57,.2);animation:vizWindowFloat 5s ease-in-out infinite}.viz-browser-bar{display:flex;align-items:center;gap:6px;height:38px;padding:0 13px;border-bottom:1px solid var(--viz-line)}.viz-browser-bar i{width:7px;height:7px;border-radius:50%;background:#37b8f5}.viz-browser-bar i:nth-child(2){opacity:.65}.viz-browser-bar i:nth-child(3){opacity:.35}.viz-browser-bar span{margin-left:8px;padding:5px 12px;border-radius:7px;background:var(--viz-soft);color:var(--viz-muted);font-size:9px}.viz-site-body{display:grid;grid-template-columns:24% 1fr;height:calc(100% - 38px)}.viz-site-body aside{display:flex;flex-direction:column;gap:13px;padding:24px 16px;border-right:1px solid var(--viz-line)}.viz-site-body aside b{height:7px;border-radius:8px;background:var(--viz-line)}.viz-site-body aside b:first-child{width:68%;background:#37b8f5}.viz-site-body main{position:relative;padding:25px}.viz-site-kicker,.viz-site-title,.viz-site-copy{display:block;border-radius:8px;background:var(--viz-line)}.viz-site-kicker{width:25%;height:7px;background:#37b8f5}.viz-site-title{width:72%;height:17px;margin-top:15px}.viz-site-copy{width:88%;height:7px;margin-top:12px}.viz-site-body button{margin-top:18px;padding:8px 13px;border:0;border-radius:8px;background:#0b8ed0;color:#fff;font-size:9px}.viz-site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:25px}.viz-site-cards i{display:grid;place-items:center;height:62px;border:1px solid var(--viz-line);border-radius:10px;background:var(--viz-soft);color:#0b8ed0}.viz-site-cards svg{width:21px}.viz-cursor{position:absolute;right:22%;top:49%;color:#0b8ed0;filter:drop-shadow(0 4px 7px rgba(0,0,0,.2));animation:vizCursor 4s ease-in-out infinite}.viz-cursor svg{width:27px;height:27px;fill:var(--viz-panel)}.viz-device{position:absolute;right:0;bottom:1%;display:flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid var(--viz-line);border-radius:11px;background:var(--viz-panel);box-shadow:0 10px 22px rgba(3,28,57,.16);font-size:9px;font-weight:700}.viz-device svg{width:16px;color:#0b8ed0}

/* Landing-page funnel */
.viz-landing{display:flex;flex-direction:column;align-items:center;justify-content:center}.viz-traffic-row{display:flex;gap:8px}.viz-traffic-row span{display:flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid var(--viz-line);border-radius:20px;background:var(--viz-panel);font-size:9px;font-weight:700;animation:vizTrafficDrop 3.6s ease-in-out infinite}.viz-traffic-row span:nth-child(2){animation-delay:.4s}.viz-traffic-row span:nth-child(3){animation-delay:.8s}.viz-traffic-row svg{width:14px;color:#0b8ed0}.viz-funnel{width:76%;margin:18px auto 12px}.viz-funnel div{display:flex;align-items:center;justify-content:space-between;height:66px;margin:-1px auto 0;padding:0 25px;border:1px solid var(--viz-line);background:linear-gradient(90deg,var(--viz-panel),var(--viz-soft));clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}.viz-funnel div:nth-child(2){width:76%}.viz-funnel div:nth-child(3){width:50%}.viz-funnel strong{font-size:18px}.viz-funnel span{color:var(--viz-muted);font-size:9px;text-transform:uppercase}.viz-conversion{display:flex;align-items:center;gap:12px;padding:11px 18px;border:1px solid #37b8f5;border-radius:14px;background:#0b8ed0;color:#fff;box-shadow:0 0 0 0 rgba(55,184,245,.35);animation:vizConversionPulse 2.4s ease-out infinite}.viz-conversion>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.14)}.viz-conversion strong,.viz-conversion small{display:block}.viz-conversion strong{font-size:18px}.viz-conversion small{font-size:9px}

/* Performance lab */
.viz-speed{display:grid;grid-template-columns:44% 1fr;align-content:center;gap:24px}.viz-score{position:relative;display:grid;place-items:center;grid-row:span 2}.viz-score svg{width:150px;transform:rotate(-90deg)}.viz-score circle{fill:none;stroke:var(--viz-line);stroke-width:10}.viz-score .viz-score-progress{stroke:#19c98b;stroke-linecap:round;stroke-dasharray:302;animation:vizScore 3s ease-in-out infinite}.viz-score>div{position:absolute;text-align:center}.viz-score strong,.viz-score span{display:block}.viz-score strong{font-size:38px}.viz-score span{color:var(--viz-muted);font-size:9px;text-transform:uppercase}.viz-vitals{display:grid;gap:9px}.viz-vitals div{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--viz-line);border-radius:10px;background:var(--viz-panel)}.viz-vitals span{font-size:9px;font-weight:800}.viz-vitals b{text-align:right;font-size:12px}.viz-vitals i{grid-column:1/-1;width:100%;height:4px;overflow:hidden;border-radius:5px;background:var(--viz-line)}.viz-vitals i::after{content:"";display:block;width:82%;height:100%;background:#19c98b;animation:vizVitalBar 2.8s ease-in-out infinite}.viz-waterfall{grid-column:1/-1;position:relative;display:grid;gap:6px;padding:16px;border:1px solid var(--viz-line);border-radius:13px;background:var(--viz-panel)}.viz-waterfall i{height:6px;border-radius:6px;background:linear-gradient(90deg,#37b8f5 0 58%,var(--viz-line) 58%);transform-origin:left;animation:vizWaterfall 2.2s ease-in-out infinite}.viz-waterfall i:nth-child(2){width:76%;animation-delay:.2s}.viz-waterfall i:nth-child(3){width:53%;animation-delay:.4s}.viz-waterfall i:nth-child(4){width:34%;animation-delay:.6s}.viz-waterfall span{position:absolute;right:13px;top:11px;color:#f6b91a}.viz-waterfall svg{width:24px}

/* Tracking implementation */
.viz-tracking{display:grid;grid-template-columns:1fr 56px 1fr 56px 1.25fr;align-items:center}.viz-source,.viz-tag-hub,.viz-destinations span{border:1px solid var(--viz-line);background:var(--viz-panel);box-shadow:0 12px 24px rgba(3,28,57,.12)}.viz-source,.viz-tag-hub{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 10px;border-radius:15px}.viz-source>span,.viz-tag-hub>svg{color:#0b8ed0}.viz-source svg,.viz-tag-hub svg{width:30px;height:30px}.viz-source b,.viz-tag-hub b{margin-top:9px;font-size:10px}.viz-source i{width:70%;height:4px;margin-top:8px;border-radius:4px;background:var(--viz-line)}.viz-source i:nth-of-type(2){width:50%}.viz-source i:nth-of-type(3){width:62%}.viz-tag-hub{border-color:#37b8f5}.viz-tag-hub span{margin-top:8px;padding:4px 7px;border-radius:8px;background:rgba(25,201,139,.13);color:#19a977;font-size:8px}.viz-track-line{position:relative;height:2px;background:var(--viz-line)}.viz-track-line i{position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:#37b8f5;box-shadow:0 0 9px #37b8f5;animation:vizPacket 2s linear infinite}.line-two i{animation-delay:1s}.viz-destinations{display:grid;gap:9px}.viz-destinations span{display:flex;align-items:center;gap:8px;padding:11px;border-radius:11px}.viz-destinations svg{width:20px;height:20px;color:#0b8ed0}.viz-destinations b{font-size:9px}

/* Campaign management dashboard */
.viz-dashboard{display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;border:1px solid var(--viz-line);border-radius:17px;background:var(--viz-panel);box-shadow:0 18px 38px rgba(3,28,57,.18)}.viz-dashboard header{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--viz-line);font-size:9px}.viz-dashboard header span{display:flex;align-items:center;gap:5px;color:var(--viz-muted)}.viz-dashboard header .active{color:var(--viz-ink);font-weight:800}.viz-dashboard header svg{width:14px}.viz-dashboard header b{margin-left:auto;padding:4px 7px;border-radius:8px;background:rgba(25,201,139,.14);color:#19a977}.viz-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:14px 16px}.viz-kpis span{padding:10px;border:1px solid var(--viz-line);border-radius:10px;background:var(--viz-soft)}.viz-kpis small,.viz-kpis strong{display:block}.viz-kpis small{color:var(--viz-muted);font-size:8px}.viz-kpis strong{margin-top:5px;font-size:17px}.viz-chart{position:relative;min-height:145px;padding:5px 16px}.viz-chart svg{width:100%;height:100%}.viz-chart-area{fill:rgba(55,184,245,.12)}.viz-chart-line{fill:none;stroke:#0b8ed0;stroke-width:4;stroke-linecap:round;stroke-dasharray:520;animation:vizChartDraw 3.4s ease-in-out infinite}.viz-chart i{position:absolute;right:14%;top:17%;width:9px;height:9px;border-radius:50%;background:#37b8f5;box-shadow:0 0 0 7px rgba(55,184,245,.16);animation:vizDotPulse 2s ease-out infinite}.viz-controls{display:flex;gap:12px;padding:12px 16px;border-top:1px solid var(--viz-line)}.viz-controls span{display:flex;align-items:center;gap:8px;flex:1;font-size:8px}.viz-controls i{position:relative;flex:1;height:4px;border-radius:4px;background:var(--viz-line)}.viz-controls i::after{content:"";position:absolute;left:60%;top:-4px;width:12px;height:12px;border-radius:50%;background:#37b8f5;animation:vizSlider 3s ease-in-out infinite}

/* Email campaign */
.viz-campaign{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:20px}.viz-email{position:relative;padding:22px;border:1px solid var(--viz-line);border-radius:17px;background:var(--viz-panel);box-shadow:0 18px 38px rgba(3,28,57,.17)}.viz-email header{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--viz-line);color:#0b8ed0;font-size:9px;font-weight:800}.viz-email header svg{width:18px}.viz-email>b{display:block;margin:18px 0 13px;font-size:16px}.viz-email>i{display:block;width:92%;height:6px;margin:8px 0;border-radius:8px;background:var(--viz-line)}.viz-email>i:nth-of-type(2){width:68%}.viz-email button{margin-top:16px;padding:9px 13px;border:0;border-radius:8px;background:#0b8ed0;color:#fff;font-size:9px}.viz-send-plane{position:absolute;right:20px;bottom:20px;color:#37b8f5;animation:vizSend 3s ease-in-out infinite}.viz-audience{position:relative;display:grid;grid-template-columns:repeat(2,46px);justify-content:center;gap:15px}.viz-audience>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--viz-line);border-radius:50%;background:var(--viz-panel);color:#0b8ed0;animation:vizAudience 3s ease-out infinite}.viz-audience>span:nth-child(2){animation-delay:.4s}.viz-audience>span:nth-child(3){animation-delay:.8s}.viz-audience>span:nth-child(4){animation-delay:1.2s}.viz-audience svg{width:20px}.viz-audience>i{position:absolute;inset:-15px;border:1px solid rgba(55,184,245,.35);border-radius:50%;animation:vizAudienceRing 3s ease-out infinite}.viz-audience>div{grid-column:1/-1;padding:10px;border-radius:11px;background:#0b8ed0;color:#fff;text-align:center}.viz-audience strong,.viz-audience small{display:block}.viz-audience strong{font-size:19px}.viz-audience small{font-size:8px}

/* SEO results */
.viz-seo{display:flex;flex-direction:column;justify-content:center}.viz-searchbar{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid var(--viz-line);border-radius:24px;background:var(--viz-panel);box-shadow:0 10px 25px rgba(3,28,57,.12)}.viz-searchbar svg{width:19px;color:#0b8ed0}.viz-searchbar span{color:var(--viz-muted);font-size:10px}.viz-searchbar i{width:7px;height:16px;border-left:1px solid #0b8ed0;animation:vizCaret 1s step-end infinite}.viz-serp{display:grid;gap:9px;margin-top:14px}.viz-serp article{display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:11px;padding:11px 13px;border:1px solid var(--viz-line);border-radius:11px;background:var(--viz-panel);transition:transform .3s}.viz-serp article:first-child{border-color:#37b8f5;box-shadow:0 10px 24px rgba(55,184,245,.15);animation:vizRankRise 3.8s ease-in-out infinite}.viz-serp article>b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--viz-soft);color:#0b8ed0;font-size:10px}.viz-serp strong,.viz-serp span,.viz-serp i{display:block}.viz-serp strong{font-size:10px}.viz-serp span{margin-top:3px;color:#19a977;font-size:8px}.viz-serp i{width:70%;height:4px;margin-top:6px;border-radius:5px;background:var(--viz-line)}.viz-serp em{color:#19c98b}.viz-serp em svg{width:18px}.viz-keyword{align-self:flex-end;display:flex;align-items:center;gap:7px;margin-top:13px;padding:8px 11px;border-radius:10px;background:#0b8ed0;color:#fff;font-size:9px}.viz-keyword svg{width:15px}

/* Content production board */
.viz-content{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center}.viz-board-column{height:72%;padding:12px;border:1px solid var(--viz-line);border-radius:14px;background:var(--viz-panel);box-shadow:0 14px 30px rgba(3,28,57,.13)}.viz-board-column header{display:flex;align-items:center;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--viz-line);font-size:9px;font-weight:800}.viz-board-column header svg{width:16px;color:#0b8ed0}.viz-board-column article{position:relative;height:70%;margin-top:14px;padding:12px;border:1px solid var(--viz-line);border-radius:10px;background:var(--viz-soft);animation:vizContentCard 4s ease-in-out infinite}.viz-board-column article>i{display:block;height:5px;margin-bottom:8px;border-radius:5px;background:var(--viz-line)}.viz-board-column article>i:nth-child(2){width:72%}.viz-board-column article>i:nth-child(3){width:48%}.viz-board-column article>span{position:absolute;right:7px;bottom:7px;padding:3px 5px;border-radius:5px;background:#0b8ed0;color:#fff;font-size:7px}.viz-design-card b{display:block;height:55%;border-radius:7px;background:linear-gradient(135deg,#37b8f5,#174983)}.viz-publish-card{display:grid;place-items:center!important;color:#0b8ed0}.viz-publish-card svg{width:28px}.viz-publish-card span{position:static!important;margin-top:8px}.viz-board-arrow{display:grid;place-items:center;color:#37b8f5;animation:vizArrow 2s ease-in-out infinite}.viz-board-arrow svg{width:18px}.viz-content-card{position:absolute;left:10%;bottom:3%;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#0b8ed0;color:#fff;animation:vizCardTravel 6s ease-in-out infinite}.viz-content-card svg{width:18px}

/* Content development pipeline */
.viz-content-dev{display:grid;grid-template-rows:auto auto;gap:18px;align-content:center;padding:12px}.viz-content-flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;gap:6px}.viz-content-stage{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 10px;border:1px solid var(--viz-line);border-radius:14px;background:var(--viz-panel);box-shadow:0 12px 24px rgba(3,28,57,.12);transition:transform .3s,border-color .3s}.viz-content-stage:hover{transform:translateY(-3px);border-color:#37b8f5}.viz-content-stage span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--viz-soft);color:#0b8ed0;margin-bottom:10px}.viz-content-stage span svg{width:20px;height:20px}.viz-content-stage b{font-size:11px;font-weight:700;line-height:1.3;margin-bottom:4px}.viz-content-stage small{font-size:8px;color:var(--viz-muted);line-height:1.3}.viz-content-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.viz-content-metrics div{padding:12px 10px;border:1px solid var(--viz-line);border-radius:11px;background:var(--viz-panel);text-align:center}.viz-content-metrics strong{display:block;font-size:18px;font-weight:800;color:#0b8ed0}.viz-content-metrics span{display:block;margin-top:4px;font-size:8px;color:var(--viz-muted);text-transform:uppercase}

/* Appointment calendar */
.viz-calendar{display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid var(--viz-line);border-radius:17px;background:var(--viz-panel);box-shadow:0 18px 38px rgba(3,28,57,.17)}.viz-calendar>header{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--viz-line)}.viz-calendar>header div{display:flex;align-items:center;gap:8px}.viz-calendar>header svg{width:18px;color:#0b8ed0}.viz-calendar>header b{font-size:10px}.viz-calendar>header>span{color:var(--viz-muted);font-size:8px}.viz-calendar-days{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:18px 14px}.viz-calendar-days>div{display:flex;flex-direction:column;align-items:center;gap:9px}.viz-calendar-days b{color:var(--viz-muted);font-size:7px}.viz-calendar-days span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--viz-soft);font-size:10px;font-weight:800}.viz-calendar-days i{width:100%;height:27px;border:1px dashed var(--viz-line);border-radius:7px}.viz-calendar-days i.booked{border:0;background:linear-gradient(135deg,#0b8ed0,#37b8f5);animation:vizBooking 3s ease-in-out infinite}.viz-call-status{display:flex;align-items:center;gap:10px;margin:0 14px 14px;padding:11px 13px;border:1px solid rgba(25,201,139,.45);border-radius:11px;background:rgba(25,201,139,.09);animation:vizCallSlide 4s ease-in-out infinite}.viz-call-status>svg{width:20px;color:#19a977}.viz-call-status span{flex:1}.viz-call-status b,.viz-call-status small{display:block}.viz-call-status b{font-size:9px}.viz-call-status small{margin-top:2px;color:var(--viz-muted);font-size:8px}.viz-call-status em{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#19c98b;color:#fff}.viz-call-status em svg{width:14px}

/* Data intelligence scanner */
.viz-intelligence{display:grid;grid-template-columns:1fr 82px;align-content:center;gap:13px}.viz-source-chips{grid-column:1/-1;display:flex;gap:7px}.viz-source-chips span{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--viz-line);border-radius:12px;background:var(--viz-panel);font-size:8px}.viz-source-chips svg{width:14px;color:#0b8ed0}.viz-data-table{position:relative;overflow:hidden;border:1px solid var(--viz-line);border-radius:14px;background:var(--viz-panel);box-shadow:0 14px 30px rgba(3,28,57,.14)}.viz-data-table header{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--viz-line);font-size:9px}.viz-data-table header span{display:flex;align-items:center;gap:4px;color:#19a977}.viz-data-table header svg{width:14px}.viz-data-table>div{display:grid;grid-template-columns:20px 1fr .7fr 20px;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--viz-line)}.viz-data-table>div i{width:18px;height:18px;border-radius:50%;background:var(--viz-soft)}.viz-data-table>div span{height:5px;border-radius:5px;background:var(--viz-line)}.viz-data-table>div em{color:#19c98b}.viz-data-table>div svg{width:14px}.viz-scan-line{position:absolute;left:0;right:0;top:0;height:2px;background:#37b8f5;box-shadow:0 0 12px 3px rgba(55,184,245,.45);animation:vizScan 3s linear infinite}.viz-database{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #37b8f5;border-radius:15px;background:#0b8ed0;color:#fff;box-shadow:0 14px 28px rgba(11,142,208,.28)}.viz-database svg{width:28px}.viz-database span{margin-top:9px;font-size:15px;font-weight:800}.viz-database small{font-size:8px}

/* Recruitment pipeline */
.viz-recruitment{display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid var(--viz-line);border-radius:17px;background:var(--viz-panel);box-shadow:0 18px 38px rgba(3,28,57,.17)}.viz-recruitment>header,.viz-recruitment>footer{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid var(--viz-line)}.viz-recruitment>header b{font-size:11px}.viz-recruitment>header span,.viz-recruitment>footer span{display:flex;align-items:center;gap:5px;color:var(--viz-muted);font-size:8px}.viz-recruitment>header svg,.viz-recruitment>footer svg{width:14px;color:#0b8ed0}.viz-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:18px 12px}.viz-pipeline section{position:relative;min-width:0;padding:9px 7px;border:1px solid var(--viz-line);border-radius:10px;background:var(--viz-soft);text-align:center}.viz-pipeline section+section::before{content:"";position:absolute;left:-8px;top:50%;width:8px;border-top:1px dashed #37b8f5}.viz-pipeline section>b{display:block;margin-bottom:12px;color:var(--viz-muted);font-size:7px;text-transform:uppercase}.viz-pipeline section>i{display:grid;place-items:center;width:31px;height:31px;margin:7px auto;border:1px solid var(--viz-line);border-radius:50%;background:var(--viz-panel);color:#0b8ed0}.viz-pipeline section>i svg{width:15px}.viz-pipeline .viz-hired{width:47px;height:47px;border-color:#19c98b;background:#19c98b;color:#fff;animation:vizHirePulse 2.4s ease-out infinite}.viz-candidate-travel{position:absolute;left:12%;top:53%;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#37b8f5;color:#fff;box-shadow:0 0 10px #37b8f5;animation:vizCandidateTravel 6s ease-in-out infinite}.viz-candidate-travel svg{width:13px}.viz-recruitment>footer{border-top:1px solid var(--viz-line);border-bottom:0}

@keyframes vizWindowFloat{50%{transform:translateY(-7px)}}@keyframes vizCursor{0%,100%{transform:translate(0,0)}45%{transform:translate(-45px,35px)}55%{transform:translate(-45px,35px) scale(.78)}}@keyframes vizTrafficDrop{50%{transform:translateY(7px);border-color:#37b8f5}}@keyframes vizConversionPulse{70%{box-shadow:0 0 0 14px rgba(55,184,245,0)}}@keyframes vizScore{0%{stroke-dashoffset:302}55%,100%{stroke-dashoffset:6}}@keyframes vizVitalBar{0%{width:10%}60%,100%{width:82%}}@keyframes vizWaterfall{0%{transform:scaleX(.08)}65%,100%{transform:scaleX(1)}}@keyframes vizPacket{from{left:0}to{left:calc(100% - 10px)}}@keyframes vizChartDraw{0%{stroke-dashoffset:520}65%,100%{stroke-dashoffset:0}}@keyframes vizDotPulse{70%{box-shadow:0 0 0 14px rgba(55,184,245,0)}}@keyframes vizSlider{50%{left:25%}}@keyframes vizSend{0%,100%{transform:translate(0,0);opacity:1}55%{transform:translate(95px,-65px);opacity:0}}@keyframes vizAudience{70%{box-shadow:0 0 0 8px rgba(55,184,245,0)}}@keyframes vizAudienceRing{from{transform:scale(.76);opacity:.7}to{transform:scale(1.18);opacity:0}}@keyframes vizCaret{50%{opacity:0}}@keyframes vizRankRise{50%{transform:translateY(-5px)}}@keyframes vizContentCard{50%{transform:translateY(-5px);border-color:#37b8f5}}@keyframes vizArrow{50%{transform:translateX(5px)}}@keyframes vizCardTravel{0%,15%{left:10%}42%,58%{left:46%}85%,100%{left:84%}}@keyframes vizBooking{50%{transform:scale(.9);box-shadow:0 0 0 5px rgba(55,184,245,.14)}}@keyframes vizCallSlide{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}@keyframes vizScan{from{top:10%}to{top:92%}}@keyframes vizHirePulse{70%{box-shadow:0 0 0 12px rgba(25,201,139,0)}}@keyframes vizCandidateTravel{0%,15%{left:12%;opacity:0}20%,35%{left:34%;opacity:1}45%,60%{left:57%}70%,85%{left:79%}95%,100%{left:88%;opacity:0}}
@media(max-width:900px){
  .service-chapter,.service-chapter-approach,.recruitment-offerings-layout{grid-template-columns:1fr!important}
  .service-chapter-visual,.recruitment-offerings-layout>.service-chapter-visual{position:relative;top:auto;height:clamp(330px,76vw,420px)!important}
}
@media(prefers-reduced-motion:reduce){
  .service-viz *{animation:none!important}
}

@media(hover:hover){
  .blog-card:hover{transform:translateY(-5px) scale(1.015)}
}

/* The order page layout: 2-column grid with right-side sticky summary panel */
body[data-page="order"] .catalog-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 400px!important;gap:36px!important;align-items:start!important;max-width:var(--max-width)!important}
body[data-page="order"] .catalog-main{width:100%!important;min-width:0!important}
body[data-page="order"] .order-selection-panel{position:sticky!important;top:105px!important;z-index:10!important}
@media(max-width:1024px){
  body[data-page="order"] .catalog-layout{grid-template-columns:1fr!important}
  body[data-page="order"] .order-selection-panel{position:static!important}
}
body[data-page="order"] .service-name{font-size:18px;line-height:1.4;font-weight:700}
body[data-page="order"] .service-desc{font-size:16px;line-height:1.62;max-width:72ch}
body[data-page="order"] .service-action-wrap{margin-left:auto}
body[data-page="order"] .order-notice-banner p{font-size:16px;line-height:1.7}

/* Refined form controls and price-free order selection summary. */
.field select{appearance:none;padding-right:48px;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23164882' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px;cursor:pointer}
body[data-page="order"] .catalog-group{display:grid;gap:12px}
body[data-page="order"] .catalog-group h2{margin-bottom:4px}
body[data-page="order"] .service-option,
body[data-page="order"] .service-option:first-of-type{border:1px solid var(--line);border-radius:10px}
body[data-page="order"] .order-notice-banner{align-items:center}
body[data-page="order"] .notice-icon-box svg{color:#fff!important;stroke:#fff!important}
body[data-page="order"] .order-selection-panel .eyebrow{color:var(--blue);margin-bottom:10px}
body[data-page="order"] .order-selection-panel .summary-list:empty{display:none}
body[data-page="order"] .order-selection-panel .summary-item{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:0 0 12px;line-height:1.45}
body[data-page="order"] .order-selection-panel .summary-item span:not(.summary-tick){color:#fff!important;text-align:left!important}
body[data-page="order"] .order-selection-panel .summary-item strong{margin-left:auto!important;flex:0 0 auto;font-size:12px;white-space:nowrap;color:#37b8f5!important}
body[data-page="order"] .order-selection-panel .summary-note{margin:20px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
.tech-chip-icon-pair{gap:4px}
.tech-chip-icon-pair .icon,.tech-chip-icon-pair svg{width:20px;height:20px}
body[data-page="order"] .form-card>p:not(.eyebrow),body[data-page="order"] .form-status,body[data-page="order"] .order-reassurance-note{font-size:15.5px;line-height:1.65}
body[data-page="order"] .field label{font-size:18px;font-weight:700}
body[data-page="order"] .field input,body[data-page="order"] .field textarea{font-size:16px}

/* Process polish: no uninitialized motion dot and more legible sequence labels. */
body[data-page="home"] .home-process-number{font-size:28px!important}
body[data-page="home"] .home-process-signal{display:none!important}

/* Cards keep their hover state; only their icon motion is disabled. */
:is(.value-card,.benefit-bento-card,.why-bento-card,.about-why-card,.tech-chip,.service-offering,.milestone-card,.step-masonry-card,.alt-timeline-item,.partner-metric-card,.feature-card,.pricing-category-card,.stack-card) :is(.icon,svg,svg *){animation:none!important}
:is(.value-card,.benefit-bento-card,.why-bento-card,.about-why-card,.tech-chip,.service-offering,.milestone-card,.step-masonry-card,.alt-timeline-item,.partner-metric-card,.feature-card,.pricing-category-card,.stack-card):hover :is(.value-icon-badge,.benefit-icon-wrap,.why-card-icon-wrap,.about-why-icon,.tech-chip-icon,.service-offering-icon,.milestone-icon-wrap,.step-card-icon,.alt-card-icon,.partner-metric-icon,.feature-icon,.cat-icon-badge,.stack-icon){transform:none!important}
body[data-page="home"] .home-process-icon{animation:none!important}

/* The recruitment globe is compact, stationary, and sitting cleanly on the section without cards */
body[data-page="recruitment"] .metrics-reach-layout{grid-template-columns:1fr 1fr!important;gap:clamp(24px,4vw,56px)!important;align-items:center!important}
body[data-page="recruitment"] .metrics-reach-layout .metrics-intro{max-width:600px!important;width:100%!important}
body[data-page="recruitment"] .metrics-panel-single .metrics-copy,
body[data-page="recruitment"] .metrics-reach-layout .metrics-copy{background:transparent!important;border:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;padding:0!important;margin:18px 0 28px!important;max-width:600px!important;width:100%!important;color:rgba(255,255,255,.9)!important;font-size:clamp(17px,1.2vw,19px)!important;line-height:1.65!important}
body[data-page="recruitment"] .metrics-reach-layout .world-row{display:grid!important;grid-template-columns:repeat(4,auto)!important;gap:10px 12px!important;margin-top:24px!important;max-width:600px!important;width:fit-content!important;justify-content:start!important;align-items:center!important}
body[data-page="recruitment"] .metrics-reach-layout .world-row .world-chip{margin:0!important;justify-content:center!important}
body[data-page="recruitment"] .interactive-particle-globe-stage{min-height:300px!important;height:320px!important;max-height:340px!important;max-width:100%!important;width:100%!important;margin:0!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body[data-page="recruitment"] .metrics-reach-media,
body[data-page="recruitment"] .interactive-particle-globe-stage{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}
body[data-page="recruitment"] .metrics-reach-media::before,
body[data-page="recruitment"] .metrics-reach-media::after,
body[data-page="recruitment"] .interactive-particle-globe-stage::before,
body[data-page="recruitment"] .interactive-particle-globe-stage::after,
body[data-page="recruitment"] .metrics-band::after{content:none!important;display:none!important;background:none!important}
body[data-page="recruitment"] .interactive-particle-globe-stage .particle-globe-canvas{background:transparent!important;box-shadow:none!important}

/* Pricing CTA follows the shared button system and has a clear hover state. */
.pricing-policy-banner .btn-primary{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 8px 24px rgba(10,11,13,.14)}
.pricing-policy-banner .btn-primary:hover{background:var(--blue);color:var(--ink);border-color:var(--blue);box-shadow:0 14px 34px rgba(55,184,245,.34);transform:translateY(-2px)}

@media(max-width:900px){
  body[data-page="recruitment"] .metrics-reach-layout{grid-template-columns:1fr!important}
  body[data-page="recruitment"] .interactive-particle-globe-stage{min-height:280px!important;height:min(85vw,320px)!important;margin:0 auto!important}
}
@media(max-width:640px){
  body[data-page="recruitment"] .metrics-reach-layout .world-row{grid-template-columns:repeat(2,auto)!important}
}

/* Problem section: Growth operations visual without double background / card inside card */
body[data-page="home"] .problem-operations-visual {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 480px !important;
  border: 1px solid #c8dce9 !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 40px rgba(22, 72, 130, 0.08) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
}
body[data-page="home"] .problem-operations-visual::before,
body[data-page="home"] .problem-operations-visual::after {
  display: none !important;
  content: none !important;
}
body[data-page="home"] .problem-ops-board {
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
body[data-page="home"] .problem-ops-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 16px 22px !important;
  border-bottom: 1px solid #dce9f1 !important;
  background: #f8fbfd !important;
}
body[data-page="home"] .problem-ops-header>div {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
body[data-page="home"] .problem-ops-header strong {
  color: #0b2d52 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
body[data-page="home"] .problem-ops-mark {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: #0b8ed0 !important;
  color: #fff !important;
}
body[data-page="home"] .problem-ops-mark svg {
  width: 18px !important;
  height: 18px !important;
  color: #fff !important;
}
body[data-page="home"] .problem-ops-alert {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  border: 1px solid rgba(224, 97, 74, 0.28);
  border-radius: 999px !important;
  background: #fff3ef;
  color: #bd4b37;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
body[data-page="home"] .problem-ops-alert svg {
  width: 14px !important;
  height: 14px !important;
  stroke-width: 2.2 !important;
}
body[data-page="home"] .problem-ops-lanes {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  padding: 20px 22px !important;
}
body[data-page="home"] .problem-ops-lane {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-rows: auto 18px !important;
  column-gap: 12px !important;
  align-items: center !important;
  padding: 14px !important;
  border: 1px solid #d6e5ef;
  border-radius: 14px !important;
  background: #fbfdff;
  box-shadow: 0 4px 14px rgba(22, 72, 130, 0.04);
}
body[data-page="home"] .problem-lane-icon {
  grid-row: 1 !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid #a9d8ef !important;
  border-radius: 12px !important;
  background: #eaf7fd !important;
  color: #0b8ed0 !important;
}
body[data-page="home"] .problem-lane-icon svg {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 2 !important;
  color: #0b8ed0 !important;
}
body[data-page="home"] .problem-lane-copy {
  min-width: 0 !important;
}
body[data-page="home"] .problem-lane-copy strong,
body[data-page="home"] .problem-lane-copy span {
  display: block !important;
}
body[data-page="home"] .problem-lane-copy strong {
  overflow: hidden !important;
  color: #0b2d52 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body[data-page="home"] .problem-lane-copy span {
  margin-top: 4px !important;
  color: #bf503c !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}
body[data-page="home"] .problem-lane-track {
  position: relative !important;
  grid-column: 1/-1 !important;
  align-self: end !important;
  height: 5px !important;
  margin-top: 10px !important;
  overflow: visible !important;
  border-radius: 5px !important;
  background: linear-gradient(90deg, #37b8f5 0 66%, transparent 66% 72%, #dce7ee 72%);
}
body[data-page="home"] .problem-lane-track::after {
  content: "" !important;
  position: absolute !important;
  left: 68% !important;
  top: -5px !important;
  width: 2px !important;
  height: 15px !important;
  background: #dd725f !important;
  box-shadow: 5px 0 #dd725f !important;
  transform: rotate(16deg) !important;
}
body[data-page="home"] .problem-lane-track i {
  position: absolute !important;
  left: 0;
  top: -3px !important;
  width: 11px !important;
  height: 11px !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background: #0b8ed0 !important;
  box-shadow: 0 0 8px rgba(11, 142, 208, 0.65) !important;
  animation: problemQueuePacket 3.4s ease-in-out infinite !important;
}
body[data-page="home"] .problem-ops-lane:nth-child(2) .problem-lane-track i {
  animation-delay: -0.8s !important;
}
body[data-page="home"] .problem-ops-lane:nth-child(3) .problem-lane-track i {
  animation-delay: -1.6s !important;
}
body[data-page="home"] .problem-ops-lane:nth-child(4) .problem-lane-track i {
  animation-delay: -2.4s !important;
}
body[data-page="home"] .problem-lane-track b,
body[data-page="home"] .problem-lane-track em {
  position: absolute !important;
  right: 12% !important;
  top: -1px !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #bccbd5 !important;
}
body[data-page="home"] .problem-lane-track em {
  right: 4% !important;
  opacity: 0.62 !important;
}
body[data-page="home"] .problem-ops-impact {
  display: grid !important;
  grid-template-columns: minmax(130px, 0.72fr) minmax(190px, 1.35fr) 66px !important;
  align-items: center !important;
  gap: 15px !important;
  padding: 16px 22px !important;
  border-top: 1px solid #dce9f1 !important;
  background: #0b2d52 !important;
  color: #fff !important;
}
body[data-page="home"] .problem-impact-copy span,
body[data-page="home"] .problem-impact-copy strong,
body[data-page="home"] .problem-impact-copy small {
  display: block !important;
}
body[data-page="home"] .problem-impact-copy span {
  color: #56c5f5 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}
body[data-page="home"] .problem-impact-copy strong {
  margin-top: 5px !important;
  font-size: 14px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}
body[data-page="home"] .problem-impact-copy small {
  margin-top: 3px !important;
  color: #a8bfd4 !important;
  font-size: 10px !important;
}
body[data-page="home"] .problem-impact-chart {
  position: relative !important;
  height: 78px !important;
}
body[data-page="home"] .problem-impact-chart svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}
body[data-page="home"] .problem-chart-grid {
  fill: none !important;
  stroke: rgba(255, 255, 255, 0.09) !important;
  stroke-width: 1 !important;
}
body[data-page="home"] .problem-chart-line {
  fill: none !important;
  stroke: #42c1f5 !important;
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-dasharray: 370 !important;
  animation: problemGrowthStall 4s ease-in-out infinite !important;
}
body[data-page="home"] .problem-chart-break {
  position: absolute !important;
  left: 63% !important;
  top: 39% !important;
  display: grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #e2644e !important;
  color: #fff !important;
  box-shadow: 0 0 0 0 rgba(226, 100, 78, 0.4) !important;
  animation: problemBreakPulse 2s ease-out infinite !important;
}
body[data-page="home"] .problem-chart-break svg {
  width: 13px !important;
  height: 13px !important;
  stroke-width: 2.5 !important;
  color: #fff !important;
}
body[data-page="home"] .problem-backlog {
  display: flex !important;
  align-items: flex-end !important;
  gap: 5px !important;
  height: 58px !important;
}
body[data-page="home"] .problem-backlog i {
  width: 10px !important;
  border-radius: 4px 4px 0 0 !important;
  background: linear-gradient(#e97964, #b94a38);
  transform-origin: bottom !important;
  animation: problemBacklogGrow 3s ease-in-out infinite !important;
}
body[data-page="home"] .problem-backlog i:nth-child(1) { --problem-bar-height:96%;--solution-bar-height:58%;animation-delay:0s!important; }
body[data-page="home"] .problem-backlog i:nth-child(2) { --problem-bar-height:70%;--solution-bar-height:72%;animation-delay:0s!important; }
body[data-page="home"] .problem-backlog i:nth-child(3) { --problem-bar-height:46%;--solution-bar-height:86%;animation-delay:0s!important; }
body[data-page="home"] .problem-backlog i:nth-child(4) { --problem-bar-height:24%;--solution-bar-height:100%;animation-delay:0s!important; }

@keyframes problemQueuePacket {
  0% { left: 0; opacity: 0; }
  12% { opacity: 1; }
  68% { left: 64%; opacity: 1; }
  78%, 100% { left: 64%; opacity: 0; }
}
@keyframes problemGrowthStall {
  0% { stroke-dashoffset: 370; }
  58%, 100% { stroke-dashoffset: 0; }
}
@keyframes problemBreakPulse {
  70% { box-shadow: 0 0 0 12px rgba(226, 100, 78, 0); }
}
@keyframes problemBacklogGrow {
  0%, 100% { transform: scaleY(0.62); }
  50% { transform: scaleY(1); }
}

@media (max-width: 600px) {
  body[data-page="home"] .problem-operations-visual { min-height: 570px !important; }
  body[data-page="home"] .problem-ops-header { align-items: flex-start !important; flex-direction: column !important; padding: 14px !important; }
  body[data-page="home"] .problem-ops-lanes { grid-template-columns: 1fr !important; padding: 12px 14px !important; }
  body[data-page="home"] .problem-ops-impact { grid-template-columns: 1fr 58px !important; padding: 13px 14px !important; }
}

/* Problem-to-solution cycle: fragmented delivery becomes one coordinated system. */
body[data-page="home"] .problem-state{display:flex;align-items:center;gap:5px}
body[data-page="home"] .problem-state-before{animation:problemStateBefore 9s ease-in-out infinite}
body[data-page="home"] .problem-state-after{opacity:0;animation:problemStateAfter 9s ease-in-out infinite}
body[data-page="home"] .problem-ops-alert{position:relative;min-width:190px;min-height:29px;animation:problemAlertResolve 9s ease-in-out infinite}
body[data-page="home"] .problem-ops-alert .problem-state{justify-content:center;white-space:nowrap}
body[data-page="home"] .problem-ops-alert .problem-state-after{position:absolute;inset:6px 10px}
body[data-page="home"] .problem-ops-alert .problem-state-after{color:#18835b!important}
body[data-page="home"] .problem-lane-copy{position:relative!important}
body[data-page="home"] .problem-lane-state{position:relative;display:block!important;height:15px;margin-top:4px!important}
body[data-page="home"] .problem-lane-state .problem-state{position:absolute;inset:0;margin:0;font-style:normal;color:#bf503c;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
body[data-page="home"] .problem-lane-state .problem-state-after{color:#18835b}
body[data-page="home"] .problem-lane-state svg{width:11px!important;height:11px!important;stroke-width:3!important}
body[data-page="home"] .problem-ops-lane{animation:problemLaneResolve 9s ease-in-out infinite!important}
body[data-page="home"] .problem-lane-track{animation:problemTrackResolve 9s ease-in-out infinite!important}
body[data-page="home"] .problem-lane-track::after{animation:problemBreakResolve 9s ease-in-out infinite!important}
body[data-page="home"] .problem-lane-track i{animation:problemPacketResolve 9s ease-in-out infinite!important}
body[data-page="home"] .problem-ops-lane:nth-child(2) .problem-lane-track i{animation-delay:-.15s!important}
body[data-page="home"] .problem-ops-lane:nth-child(3) .problem-lane-track i{animation-delay:-.3s!important}
body[data-page="home"] .problem-ops-lane:nth-child(4) .problem-lane-track i{animation-delay:-.45s!important}
body[data-page="home"] .problem-lane-track b,
body[data-page="home"] .problem-lane-track em{animation:problemQueueClear 9s ease-in-out infinite!important}
body[data-page="home"] .problem-impact-state{position:relative;height:39px;margin-top:5px}
body[data-page="home"] .problem-impact-state .problem-state{position:absolute;inset:0;display:block}
body[data-page="home"] .problem-impact-state strong{margin-top:0!important}
body[data-page="home"] .problem-chart-after{opacity:0;stroke:#51d39b!important;animation:problemSolvedGrowth 9s ease-in-out infinite!important}
body[data-page="home"] .problem-chart-before{animation:problemProblemGrowth 9s ease-in-out infinite!important}
body[data-page="home"] .problem-chart-success{position:absolute;right:2%;top:0;display:grid!important;place-items:center;width:24px;height:24px;border-radius:50%;background:#24a873;color:#fff;box-shadow:0 0 0 7px rgba(36,168,115,.13)}
body[data-page="home"] .problem-chart-success svg{width:13px!important;height:13px!important;stroke-width:3!important;color:#fff!important}
body[data-page="home"] .problem-chart-break{animation:problemBreakState 9s ease-in-out infinite!important}
body[data-page="home"] .problem-backlog i{animation:problemBacklogResolve 9s ease-in-out infinite!important}

@keyframes problemStateBefore{0%,42%{opacity:1;transform:translateY(0)}44%,90%{opacity:0;transform:translateY(-5px)}92%,100%{opacity:1;transform:translateY(0)}}
@keyframes problemStateAfter{0%,42%{opacity:0;transform:translateY(5px)}44%,90%{opacity:1;transform:translateY(0)}92%,100%{opacity:0;transform:translateY(5px)}}
@keyframes problemAlertResolve{0%,38%,94%,100%{border-color:rgba(224,97,74,.28);background:#fff3ef;color:#bd4b37}48%,88%{border-color:rgba(36,168,115,.32);background:#eefaf5;color:#18835b}}
@keyframes problemLaneResolve{0%,38%,94%,100%{border-color:#d6e5ef;background:#fbfdff;box-shadow:0 4px 14px rgba(22,72,130,.04)}48%,88%{border-color:#a8dfca;background:#f7fdfa;box-shadow:0 7px 18px rgba(36,168,115,.1)}}
@keyframes problemTrackResolve{0%,38%,94%,100%{background:linear-gradient(90deg,#37b8f5 0 66%,transparent 66% 72%,#dce7ee 72%)}48%,88%{background:linear-gradient(90deg,#37b8f5,#51d39b)}}
@keyframes problemBreakResolve{0%,38%,94%,100%{opacity:1}48%,88%{opacity:0}}
@keyframes problemPacketResolve{0%{left:0;opacity:0}8%{opacity:1}32%{left:64%;opacity:1}38%{left:64%;opacity:0}48%{left:0;opacity:0}54%{opacity:1}82%{left:96%;opacity:1}88%{left:96%;opacity:0}94%,100%{left:0;opacity:0}}
@keyframes problemQueueClear{0%,38%,94%,100%{opacity:.75}48%,88%{opacity:0}}
@keyframes problemProblemGrowth{0%{stroke-dashoffset:370;opacity:1}32%,38%{stroke-dashoffset:0;opacity:1}48%,88%{stroke-dashoffset:0;opacity:0}94%{stroke-dashoffset:370;opacity:0}100%{opacity:1}}
@keyframes problemSolvedGrowth{0%,42%{stroke-dashoffset:370;opacity:0}48%{opacity:1}76%,88%{stroke-dashoffset:0;opacity:1}94%,100%{stroke-dashoffset:370;opacity:0}}
@keyframes problemBreakState{0%,38%{opacity:1;transform:translate(-50%,-50%) scale(1)}48%,88%{opacity:0;transform:translate(-50%,-50%) scale(.65)}94%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes problemBacklogResolve{0%,38%,94%,100%{height:var(--problem-bar-height);transform:scaleY(1);background:linear-gradient(#e97964,#b94a38)}48%,88%{height:var(--solution-bar-height);transform:scaleY(1);background:linear-gradient(#51d39b,#18835b)}}

body[data-page="home"] .problem-impact-chart svg{position:relative!important;z-index:1!important}
body[data-page="home"] .problem-chart-break{left:63%!important;top:52%!important;z-index:3!important}
body[data-page="home"] .problem-chart-success{left:98%!important;right:auto!important;top:15%!important;z-index:3!important;transform:translate(-50%,-50%)}
body[data-page="home"] .problem-chart-success{animation:problemMarkerAfter 9s ease-in-out infinite!important}
@keyframes problemMarkerAfter{0%,42%{opacity:0;transform:translate(-50%,-50%) scale(.65)}44%,90%{opacity:1;transform:translate(-50%,-50%) scale(1)}92%,100%{opacity:0;transform:translate(-50%,-50%) scale(.65)}}

@media (prefers-reduced-motion:reduce){
  body[data-page="home"] .problem-state-before,body[data-page="home"] .problem-chart-before,body[data-page="home"] .problem-chart-break{display:none!important}
  body[data-page="home"] .problem-state-after,body[data-page="home"] .problem-chart-after{opacity:1!important;animation:none!important;transform:none!important}
  body[data-page="home"] .problem-ops-alert{border-color:rgba(36,168,115,.32)!important;background:#eefaf5!important;color:#18835b!important;animation:none!important}
  body[data-page="home"] .problem-ops-lane{border-color:#a8dfca!important;background:#f7fdfa!important;animation:none!important}
  body[data-page="home"] .problem-lane-track{background:linear-gradient(90deg,#37b8f5,#51d39b)!important;animation:none!important}
  body[data-page="home"] .problem-lane-track::after,body[data-page="home"] .problem-lane-track b,body[data-page="home"] .problem-lane-track em{display:none!important}
  body[data-page="home"] .problem-lane-track i{left:96%!important;animation:none!important}
}

/* About page country chips: slightly stronger labels and flags. */
body[data-page="about"] .story-presence .world-chip{padding:9px 15px;font-size:15px}
body[data-page="about"] .story-presence .world-chip img.flag{width:24px!important;height:18px!important}

/* Light inset canvases make diagrams legible inside dark service chapters. */
.service-block.service-block-chapter.chapter-dark .service-chapter-visual.service-motion-card,
.recruitment-offerings-section.chapter-dark .service-chapter-visual.service-motion-card{
  border-color:rgba(126,196,229,.72)!important;
  background:linear-gradient(145deg,#f8fcff 0%,#e8f5fb 58%,#dceef7 100%)!important;
  box-shadow:0 22px 48px rgba(3,22,43,.32),inset 0 0 0 1px rgba(255,255,255,.7)!important;
}
.chapter-dark .service-chapter-visual .service-viz{
  --viz-panel:rgba(255,255,255,.96);
  --viz-soft:#e3f3fb;
  --viz-line:#a9d2e7;
  --viz-ink:#0b365f;
  --viz-muted:#58728a;
}
.service-block.service-block-chapter.chapter-dark .service-motion-card::before,
.recruitment-offerings-section.chapter-dark .service-motion-card::before{
  background-image:linear-gradient(rgba(11,142,208,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(11,142,208,.09) 1px,transparent 1px);
}

/* Editorial image/copy pairs use open, equal columns rather than enclosing cards. */
.body-visual-section{overflow:visible;background:#fff}
.body-visual-card,.body-visual-reverse{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(38px,6vw,96px);align-items:center;min-height:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.body-visual-media{min-height:clamp(360px,34vw,500px);overflow:hidden;border-radius:24px;background:var(--sky);box-shadow:0 18px 44px rgba(22,72,130,.1)}
.body-visual-media img{height:100%;min-height:clamp(360px,34vw,500px);border-radius:24px}
.body-visual-copy{padding:clamp(24px,4vw,58px) 0}
.body-visual-copy h2{color:var(--ink)}
.body-visual-copy>p:last-child{color:var(--grey)}
.service-editorial-card,.service-editorial-card.service-editorial-reverse,
body[data-page="about"] .story-split-grid,
body[data-page="home"] .audience-visual-grid,
body[data-page="home"] .network-layout{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Text-led article heroes and related cards avoid repeating listing photography. */
.page-hero.page-hero-text{background:radial-gradient(circle at 78% 28%,rgba(55,184,245,.2),transparent 34%),linear-gradient(135deg,#07192d,#123f70)}
.blog-card-text{display:flex;min-height:100%;background:linear-gradient(145deg,#fff,#f3f9fc)}
.blog-card-text .blog-card-body{display:flex;flex:1;flex-direction:column;padding-top:32px}
.blog-card-text .text-link{margin-top:auto}

/* Keep values and labels clear of the funnel's angled sides. */
.viz-funnel div{padding-inline:15%}

@media(max-width:960px){
  .body-visual-card,.body-visual-reverse,
  .service-editorial-card,.service-editorial-card.service-editorial-reverse,
  body[data-page="about"] .story-split-grid,
  body[data-page="home"] .audience-visual-grid,
  body[data-page="home"] .network-layout{grid-template-columns:1fr}
  .body-visual-card,.body-visual-reverse{gap:28px}
  .body-visual-media{min-height:280px}
  .body-visual-media img{height:clamp(260px,62vw,420px);min-height:0}
  .body-visual-copy{padding:0}
}

/* Recruitment globe, DNV wordmark, and order-card refinements. */
body[data-page="recruitment"] .interactive-particle-globe-stage{min-height:300px!important;height:320px!important;max-height:340px!important}
.tech-chip-icon svg.live-svg-dnv{width:38px!important;height:22px!important;overflow:visible}
.tech-chip-icon svg.live-svg-dnv .dnv-green{fill:#3f9c35!important;stroke:none!important}
.tech-chip-icon svg.live-svg-dnv .dnv-blue{fill:#003591!important;stroke:none!important}
.tech-chip-icon svg.live-svg-dnv .dnv-sky{fill:#99d9f0!important;stroke:none!important}
.tech-chip-icon svg.live-svg-dnv .dnv-word{fill:#0f214a!important;stroke:none!important}
body[data-page="order"] .service-option,
body[data-page="order"] .service-option:first-of-type{background:#fff!important}
body[data-page="order"] .service-option:hover{border-color:rgba(11,142,208,.5);background:#fff!important}

@media(max-width:900px){
  body[data-page="recruitment"] .interactive-particle-globe-stage{min-height:280px!important;height:min(85vw,320px)!important}
}

/* Keep editorial media proportional to its copy and remove glossy 3D overview art. */
.service-editorial-media,.editorial-media-col{height:clamp(360px,31vw,480px);min-height:0}
.service-editorial-media img,.editorial-media-col img{height:100%;min-height:0;object-fit:cover}
.body-visual-media{height:clamp(360px,34vw,500px);min-height:0}
.body-visual-media img{height:100%;min-height:0}
@media(max-width:960px){
  .service-editorial-media,.editorial-media-col,
  .body-visual-media{height:clamp(280px,68vw,420px)}
}

/* Service offerings numbered points: bigger, placed above logo, white on blue bg */
.service-offering-num {
  font-family: var(--font-title), 'Outfit', sans-serif !important;
  font-size: clamp(26px, 2.3vw, 32px) !important;
  font-weight: 700 !important;
  color: #0b8ed0 !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  margin: 0 0 2px 0 !important;
  display: block !important;
  flex-shrink: 0 !important;
}
.service-block.service-block-chapter.chapter-dark .service-offering-num,
.recruitment-offerings-section.chapter-dark .service-offering-num {
  color: #ffffff !important;
}
.service-block.service-block-chapter.chapter-light .service-offering-num {
  color: #0b8ed0 !important;
}

/* Make the stacked service sequence easy to scan at a glance. */
:is(body[data-page="home"],body[data-page="services"]) .services-stack .stack-num{font-size:34px;font-weight:700;line-height:1;letter-spacing:.08em}
@media(max-width:600px){
  :is(body[data-page="home"],body[data-page="services"]) .services-stack .stack-num{font-size:28px}
}

/* Order page sticky quote: proceed to contact button */
.summary-action-wrap{margin-top:24px!important}
.btn-summary-proceed{width:100%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:13px 20px!important;font-size:15px!important;font-weight:600!important;border-radius:999px!important;background:#37b8f5!important;color:#061525!important;border:none!important;cursor:pointer!important;box-shadow:0 4px 16px rgba(55,184,245,.35)!important;transition:opacity .3s ease,transform .3s ease,background .25s ease,box-shadow .25s ease!important}
.btn-summary-proceed:hover{background:#5dc6f7!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(55,184,245,.45)!important}
/* Send order button remains always accessible */

/* Order page sticky quote panel internal scroll */
body[data-page="order"] .order-selection-panel {
  position: sticky !important;
  top: 96px !important;
  z-index: 10 !important;
  max-height: calc(100vh - 116px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  display: flex !important;
  flex-direction: column !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(55, 184, 245, 0.4) transparent !important;
}
body[data-page="order"] .order-selection-panel::-webkit-scrollbar {
  width: 6px;
}
body[data-page="order"] .order-selection-panel::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 999px;
}
body[data-page="order"] .order-selection-panel::-webkit-scrollbar-thumb {
  background: rgba(55, 184, 245, 0.45);
  border-radius: 999px;
}
body[data-page="order"] .order-selection-panel::-webkit-scrollbar-thumb:hover {
  background: rgba(55, 184, 245, 0.75);
}

body[data-page="order"] .order-selection-panel .summary-list {
  max-height: clamp(220px, 40vh, 360px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding-right: 6px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(55, 184, 245, 0.4) transparent !important;
}
body[data-page="order"] .order-selection-panel .summary-list::-webkit-scrollbar {
  width: 5px;
}
body[data-page="order"] .order-selection-panel .summary-list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 999px;
}
body[data-page="order"] .order-selection-panel .summary-list::-webkit-scrollbar-thumb {
  background: rgba(55, 184, 245, 0.45);
  border-radius: 999px;
}

/* Home page network-proof stats: Outfit bold headings and Manrope body */
body[data-page="home"] .network-proof strong {
  font-family: var(--font-title), 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(23px, 2.1vw, 33px) !important;
  line-height: 1.08 !important;
  white-space: normal !important;
}
body[data-page="home"] .network-proof span {
  font-family: var(--font-body), 'Manrope', sans-serif !important;
  font-weight: 400 !important;
  font-size: 13.5px !important;
  line-height: 1.48 !important;
  color: #4b637a !important;
}

/* Master typography rules:
   - Headings & elements with font-weight >= 600 use Outfit
   - Body text with font-weight <= 500 uses Manrope
*/
h1, h2, h3, h4, h5, h6,
.network-proof strong,
.metric strong,
.metric-value,
.vendors-win strong,
.summary-total strong,
.rate-highlight,
.pricing-step-card .step-card-num,
.blog-toc-title,
.service-offering-num,
.catalog-group h2,
.summary-panel h2,
.summary-item strong,
.service-name,
.policy-pill,
.pricing-policy-banner h2,
.notice-content h3,
.problem-title,
.home-process-step h3,
.home-process-head h2,
.network-copy h2,
.network-editorial-head h2,
.why-card-index,
.benefit-card-index,
.why-card-body h3,
.benefit-card-body h3,
.value-copy h3,
.body-visual-copy h2,
.stat-badge strong,
.unified-stage h3,
:is(h1,h2,h3,h4,h5,h6):not(.service-offering-copy h3) * {
  font-family: var(--font-title), 'Outfit', sans-serif !important;
}

body, p, input, textarea, select, .lead, .service-offering-copy p, .service-chapter-note, .summary-note, .service-desc, .service-offering-copy h3 {
  font-family: var(--font-body) !important;
}

/* Service point text: 400 font weight and letter spacing 0.5px */
.service-offering-copy h3 {
  font-family: var(--font-body), sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
}

/* Content Development follows the actual copy workflow rather than media production. */
.viz-content-arrow{display:grid;place-items:center;color:#37b8f5;animation:vizArrow 2s ease-in-out infinite}
.viz-content-arrow svg{width:18px;height:18px}
.viz-content-stage{animation:vizContentStage 6s ease-in-out infinite}
.viz-content-stage:nth-child(3){animation-delay:2s}
.viz-content-stage:nth-child(5){animation-delay:4s}
@keyframes vizContentStage{0%,28%,100%{border-color:var(--viz-line);transform:translateY(0)}10%,20%{border-color:#37b8f5;transform:translateY(-5px);box-shadow:0 16px 30px rgba(11,142,208,.2)}}

/* Platform and framework icons use one blue treatment on every service page. */
:is(body[data-page="web"],body[data-page="marketing"],body[data-page="appointment"],body[data-page="lead"],body[data-page="recruitment"]) .tech-stack-section .tech-chip-icon svg:not(.live-svg-linkedin):not(.live-svg-teamtailor):not(.live-svg-greenhouse){
  color:#0b8ed0!important;
  filter:brightness(0) saturate(100%) invert(45%) sepia(96%) saturate(1240%) hue-rotate(165deg) brightness(94%) contrast(101%)!important;
}
:is(body[data-page="web"],body[data-page="marketing"],body[data-page="appointment"],body[data-page="lead"],body[data-page="recruitment"]) .tech-stack-section .tech-chip-icon :is(svg.live-svg-linkedin,svg.live-svg-teamtailor,svg.live-svg-greenhouse){filter:none!important}
:is(body[data-page="web"],body[data-page="marketing"],body[data-page="appointment"],body[data-page="lead"],body[data-page="recruitment"]) .tech-stack-section .tech-chip-icon :is(svg.live-svg-linkedin,svg.live-svg-teamtailor,svg.live-svg-greenhouse) rect{display:block!important;fill:#0b8ed0!important;stroke:none!important}
:is(body[data-page="web"],body[data-page="marketing"],body[data-page="appointment"],body[data-page="lead"],body[data-page="recruitment"]) .tech-stack-section .tech-chip-icon :is(svg.live-svg-linkedin,svg.live-svg-teamtailor,svg.live-svg-greenhouse) path{fill:#fff!important;stroke:none!important}

/* Services has its own image-free directory rather than repeating the homepage stack. */
body[data-page="services"] .services-directory{padding:clamp(78px,8vw,120px) 0;background:#f4f9fd;border-block:1px solid #dbe8f2}
body[data-page="services"] .services-directory-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(32px,6vw,100px);align-items:end;margin-bottom:clamp(38px,4vw,58px)}
body[data-page="services"] .services-directory-head .eyebrow{margin:0 0 14px;color:#0b5b9c}
body[data-page="services"] .services-directory-head h2{max-width:15ch;margin:0;color:#061525;font-size:clamp(38px,4.2vw,58px);line-height:1.06;letter-spacing:-.04em}
body[data-page="services"] .services-directory-head .lead{max-width:42ch;margin:0 0 4px;color:#465c75;font-size:17px;line-height:1.65}
body[data-page="services"] .services-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body[data-page="services"] .services-directory-card{position:relative;display:flex;flex-direction:column;min-height:310px;padding:clamp(26px,3vw,38px);overflow:hidden;border:1px solid #cbddea;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(22,72,130,.06);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
body[data-page="services"] .services-directory-card::before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:#0b8ed0}
body[data-page="services"] .services-directory-card:hover{border-color:#72cbed;box-shadow:0 20px 40px rgba(22,72,130,.13);transform:translateY(-4px)}
body[data-page="services"] .services-directory-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.services-directory-number,
body[data-page="services"] .services-directory-number{color:#0b5b9c;font-family:var(--font-title);font-size:clamp(36px,3.2vw,48px);font-weight:700;line-height:1;letter-spacing:-.05em!important}
body[data-page="services"] .services-directory-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e7f5fc;color:#0b8ed0}
body[data-page="services"] .services-directory-icon .icon{width:23px;height:23px;stroke-width:1.9}
body[data-page="services"] .services-directory-copy{margin-top:clamp(34px,4vw,58px)}
body[data-page="services"] .services-directory-copy h3{max-width:19ch;margin:0 0 12px;color:#061525;font-size:clamp(25px,2.2vw,32px);line-height:1.12;letter-spacing:-.03em}
body[data-page="services"] .services-directory-copy p{max-width:52ch;margin:0;color:#465c75;font-size:15.5px;line-height:1.62}
body[data-page="services"] .services-directory-link{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:26px;border-top:1px solid #dbe8f2;color:#0b5b9c;font-size:14px;font-weight:800;text-decoration:none}
body[data-page="services"] .services-directory-link .icon{width:19px;height:19px;transition:transform .2s ease}
body[data-page="services"] .services-directory-link:hover{color:#061525}
body[data-page="services"] .services-directory-link:hover .icon{transform:translate(3px,-3px)}
body[data-page="services"] .services-directory-link:focus-visible{outline:2px solid #0b8ed0;outline-offset:5px;border-radius:3px}
@media(max-width:760px){
  body[data-page="services"] .services-directory-head{grid-template-columns:1fr;gap:20px}
  body[data-page="services"] .services-directory-grid{grid-template-columns:1fr}
  body[data-page="services"] .services-directory-card{min-height:0}
  body[data-page="services"] .services-directory-copy{margin-top:32px}
}

/* ==========================================================================
   Order Page: Modal, Receipt & Bottom Prompt Enhancements
   ========================================================================== */

/* Order Bottom Prompt Card */
.order-bottom-prompt-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: linear-gradient(135deg, rgba(235, 247, 254, 0.7) 0%, rgba(255, 255, 255, 0.95) 100%);
  border: 1.5px solid rgba(55, 184, 245, 0.3);
  border-radius: 18px;
  padding: 24px 28px;
  margin-top: 36px;
  box-shadow: 0 8px 30px rgba(6, 21, 37, 0.04);
}
.bottom-prompt-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--sky);
  color: var(--navy);
  flex-shrink: 0;
}
.bottom-prompt-body {
  flex: 1;
}
.bottom-prompt-body h3 {
  font-family: var(--font-title), 'Outfit', sans-serif !important;
  font-size: 19px !important;
  color: var(--navy) !important;
  margin: 0 0 5px 0 !important;
  font-weight: 700 !important;
}
.bottom-prompt-body p {
  font-size: 14px !important;
  color: var(--grey) !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}
@media (max-width: 768px) {
  .order-bottom-prompt-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 16px;
  }
  .order-bottom-prompt-card .btn {
    width: 100%;
    justify-content: center;
  }
}

/* Shake Highlight on Selection Panel */
@keyframes orderShake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}
.shake-highlight {
  animation: orderShake 0.4s ease !important;
  border-color: #f87171 !important;
  box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.3) !important;
}

/* Order Modal Scroll Lock */
html.order-modal-open,
body.order-modal-open {
  overflow: hidden !important;
  height: 100% !important;
  touch-action: none !important;
}

/* Order Modal Backdrop & Dialog */
.order-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  background: rgba(6, 21, 37, 0.68) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: clamp(20px, 4vh, 48px) 20px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease !important;
}
.order-modal-backdrop.active {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.order-modal-dialog {
  position: relative !important;
  background: #ffffff !important;
  width: 100% !important;
  max-width: 640px !important;
  margin: auto 0 !important;
  max-height: none !important;
  overflow: visible !important;
  border-radius: 20px !important;
  padding: 34px 30px 30px !important;
  box-shadow: 0 24px 60px rgba(6, 21, 37, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(20px) scale(0.97);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.order-modal-backdrop.active .order-modal-dialog {
  transform: translateY(0) scale(1) !important;
}
.order-modal-close {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--grey) !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s, transform 0.2s !important;
}
.order-modal-close:hover {
  background: #e2e8f0 !important;
  color: var(--navy) !important;
  transform: rotate(90deg) !important;
}

/* Modal Header */
.order-modal-badge {
  display: inline-block !important;
  padding: 4px 10px !important;
  background: var(--sky) !important;
  color: var(--navy) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}
.order-modal-header h2 {
  font-family: var(--font-title), 'Outfit', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.25 !important;
}

.order-modal-sub {
  font-size: 14px !important;
  color: var(--grey) !important;
  line-height: 1.5 !important;
  margin: 0 0 18px 0 !important;
}
.order-modal-header.text-center {
  text-align: center !important;
}

/* Selected Services summary strip in modal */
.order-modal-summary-strip {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  margin-bottom: 20px !important;
}
.modal-summary-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
  font-size: 13px !important;
  color: var(--navy) !important;
}
.modal-summary-head-title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.modal-summary-count {
  background: var(--navy) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
}
.modal-services-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  max-height: 120px !important;
  overflow-y: auto !important;
}
.modal-service-chip {
  background: #fff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  color: var(--ink) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.modal-service-chip strong {
  color: #0284c7 !important;
}

/* Modal Form Fields */
.order-modal-form .form-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}
.order-modal-form .field.full {
  grid-column: 1 / -1 !important;
}
.order-modal-form label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--navy) !important;
  margin-bottom: 5px !important;
}
.order-modal-form input,
.order-modal-form textarea {
  width: 100% !important;
  padding: 10px 14px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  color: var(--ink) !important;
  background: #fff !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}
.order-modal-form input:focus,
.order-modal-form textarea:focus {
  outline: none !important;
  border-color: #37b8f5 !important;
  box-shadow: 0 0 0 3px rgba(55, 184, 245, 0.25) !important;
}
.order-modal-form textarea {
  resize: vertical !important;
  min-height: 70px !important;
}

/* Phone Input with Country Code Select */
.phone-input-group {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 9px !important;
  overflow: visible !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}
.phone-input-group:focus-within {
  border-color: #37b8f5 !important;
  box-shadow: 0 0 0 3px rgba(55, 184, 245, 0.25) !important;
}
.phone-country-dropdown-wrap {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  flex-shrink: 0 !important;
}
.phone-country-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  background: #f8fafc !important;
  border: none !important;
  border-right: 1px solid #e2e8f0 !important;
  padding: 0 10px !important;
  width: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--navy) !important;
  border-radius: 8px 0 0 8px !important;
  outline: none !important;
  transition: background 0.15s, color 0.15s !important;
  user-select: none !important;
}
.phone-country-trigger:hover,
.phone-country-trigger:focus-visible {
  background: #f1f5f9 !important;
}
.phone-country-trigger[aria-expanded="true"] {
  background: #e2e8f0 !important;
}
.country-trigger-code {
  font-weight: 700 !important;
  color: var(--navy) !important;
}
.country-trigger-chevron {
  color: var(--grey) !important;
  transition: transform 0.2s !important;
  flex-shrink: 0 !important;
}
.phone-country-trigger[aria-expanded="true"] .country-trigger-chevron {
  transform: rotate(180deg) !important;
}
.phone-country-menu {
  position: absolute !important;
  top: calc(100% + 5px) !important;
  left: 0 !important;
  width: 320px !important;
  max-width: min(340px, 85vw) !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 35px rgba(6, 21, 37, 0.18) !important;
  z-index: 1050 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  animation: countryDropdownFade 0.15s ease-out !important;
}
.phone-country-menu[hidden] {
  display: none !important;
}
@keyframes countryDropdownFade {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}
.phone-country-search-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
}
.phone-search-icon {
  color: var(--grey) !important;
  flex-shrink: 0 !important;
}
.phone-country-search {
  width: 100% !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-size: 13px !important;
  font-family: inherit !important;
  color: var(--navy) !important;
  padding: 0 !important;
}
.phone-country-search::placeholder {
  color: #94a3b8 !important;
  font-size: 12px !important;
}
.phone-country-list {
  max-height: 220px !important;
  overflow-y: auto !important;
  padding: 4px 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.phone-country-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  color: var(--ink) !important;
  cursor: pointer !important;
  background: transparent !important;
  border: none !important;
  width: 100% !important;
  text-align: left !important;
  outline: none !important;
  transition: background 0.12s, color 0.12s !important;
}
.phone-country-item:hover,
.phone-country-item.highlighted,
.phone-country-item:focus {
  background: #f0f9ff !important;
  color: #0284c7 !important;
}
.phone-country-item.selected {
  background: #e0f2fe !important;
  color: #0369a1 !important;
  font-weight: 600 !important;
}
.phone-country-item .country-item-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.phone-country-item .country-item-code {
  font-weight: 700 !important;
  color: #0284c7 !important;
  min-width: 44px !important;
}
.phone-country-item .country-item-name {
  color: var(--navy) !important;
}
.phone-country-empty {
  padding: 16px !important;
  text-align: center !important;
  font-size: 12.5px !important;
  color: var(--grey) !important;
}
.phone-input-group input[type="tel"] {
  flex: 1 !important;
  border: none !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  box-shadow: none !important;
  outline: none !important;
  width: 100% !important;
  min-width: 0 !important;
}
.phone-input-group input[type="tel"]:focus {
  border: none !important;
  box-shadow: none !important;
}
@media (max-width: 600px) {
  .order-modal-form .form-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Modal Reassurance Box */
.modal-reassurance-box {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  background: rgba(55, 184, 245, 0.08) !important;
  border: 1px solid rgba(55, 184, 245, 0.25) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  margin-top: 16px !important;
}
.modal-reassurance-box .reassurance-icon {
  color: #0284c7 !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}
.modal-reassurance-box .reassurance-copy strong {
  display: block !important;
  font-size: 13px !important;
  color: var(--navy) !important;
}
.modal-reassurance-box .reassurance-copy p {
  font-size: 12.5px !important;
  color: var(--grey) !important;
  margin: 2px 0 0 0 !important;
  line-height: 1.4 !important;
}

.modal-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

/* Receipt View Styles */
.receipt-success-badge {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}
.success-icon-ring {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background: #dcfce7 !important;
  color: #15803d !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 0 8px rgba(220, 252, 231, 0.45) !important;
}
.receipt-tag {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #15803d !important;
}

.order-receipt-card {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 20px !important;
  margin: 18px 0 !important;
  text-align: left !important;
}
.receipt-card-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding-bottom: 14px !important;
  border-bottom: 1px dashed #cbd5e1 !important;
  margin-bottom: 14px !important;
}
.receipt-lbl {
  display: block !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--grey) !important;
  font-weight: 600 !important;
  margin-bottom: 2px !important;
}
.receipt-id {
  font-family: monospace !important;
  font-size: 16px !important;
  color: var(--navy) !important;
  letter-spacing: 0.03em !important;
}
.receipt-date {
  font-size: 13px !important;
  color: var(--ink) !important;
  font-weight: 500 !important;
}

.receipt-client-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px dashed #cbd5e1 !important;
  margin-bottom: 14px !important;
}
.receipt-client-grid strong {
  font-size: 14px !important;
  color: var(--navy) !important;
  display: block !important;
}
.receipt-client-grid p {
  font-size: 13px !important;
  color: var(--grey) !important;
  margin: 2px 0 0 0 !important;
}

.receipt-services-section {
  padding-bottom: 14px !important;
  border-bottom: 1px dashed #cbd5e1 !important;
  margin-bottom: 14px !important;
}
.receipt-items-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  max-height: 140px !important;
  overflow-y: auto !important;
}
.receipt-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
}
.receipt-item-info strong {
  font-size: 13px !important;
  color: var(--navy) !important;
  display: block !important;
}
.receipt-item-group {
  font-size: 11px !important;
  color: var(--grey) !important;
}
.receipt-item-qty {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0284c7 !important;
  background: var(--sky) !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
}

.receipt-custom-note {
  padding-bottom: 14px !important;
  border-bottom: 1px dashed #cbd5e1 !important;
  margin-bottom: 14px !important;
}
.receipt-custom-note p {
  font-size: 13px !important;
  color: var(--ink) !important;
  background: #ffffff !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  margin: 4px 0 0 0 !important;
  white-space: pre-wrap !important;
}

.receipt-next-steps {
  margin-top: 12px !important;
}
.receipt-steps-list {
  padding-left: 0 !important;
  list-style: none !important;
  margin: 8px 0 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: var(--grey) !important;
  line-height: 1.45 !important;
}
.receipt-steps-list li strong {
  color: var(--navy) !important;
}

.receipt-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin-top: 18px !important;
}

/* Success Step View */
.order-success-callout {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 22px 20px !important;
  margin: 18px 0 24px !important;
  text-align: left !important;
}
.order-success-callout p {
  font-size: 14.5px !important;
  color: var(--navy) !important;
  line-height: 1.6 !important;
  margin: 0 0 12px 0 !important;
}
.order-success-callout p:last-child {
  font-size: 13.5px !important;
  color: var(--grey) !important;
  margin: 0 !important;
}
.success-icon-ring {
  width: 62px !important;
  height: 62px !important;
  margin: 0 auto !important;
  background: #ecfdf5 !important;
  border: 2px solid #a7f3d0 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #059669 !important;
}

@media print {
  body * {
    visibility: hidden !important;
  }
  #printableReceipt, #printableReceipt * {
    visibility: visible !important;
  }
  #printableReceipt {
    position: fixed !important;
    left: 20px !important;
    top: 20px !important;
    right: 20px !important;
    width: auto !important;
    background: #fff !important;
    border: 1px solid #000 !important;
    box-shadow: none !important;
  }
}

/* Full-Width Service Editorial Section & Prominent Stats */
.service-editorial-card.service-editorial-full {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: 1fr !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.service-editorial-full .editorial-copy-col {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.service-editorial-full .editorial-badge {
  margin-bottom: 20px !important;
}

.service-editorial-full .editorial-copy-col h3 {
  font-family: var(--font-title) !important;
  font-size: clamp(30px, 3.4vw, 44px) !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 18px !important;
  max-width: 36ch !important;
}

.service-editorial-full .editorial-lead {
  font-family: var(--font-body) !important;
  font-size: clamp(16.5px, 1.35vw, 19px) !important;
  line-height: 1.68 !important;
  color: #4a5869 !important;
  max-width: 84ch !important;
  margin: 0 0 44px !important;
}

.service-editorial-full .editorial-stats-row {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: clamp(18px, 2.4vw, 32px) !important;
  padding-top: 40px !important;
  border-top: 1px solid #e4e9f0 !important;
}

.service-editorial-full .editorial-stat-item {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: clamp(28px, 2.8vw, 38px) clamp(24px, 2.5vw, 34px) !important;
  background: #f8fafc !important;
  border: 1px solid #e4e9f0 !important;
  border-radius: 22px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(22, 72, 130, 0.04) !important;
  transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.32s ease, border-color 0.32s ease !important;
}

.service-editorial-full .editorial-stat-item::before {
  display: none !important;
}

.service-editorial-full .editorial-stat-item:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(55, 184, 245, 0.5) !important;
  box-shadow: 0 18px 40px rgba(22, 72, 130, 0.09) !important;
}

.service-editorial-full .editorial-stat-item strong {
  font-family: var(--font-title) !important;
  font-size: clamp(42px, 4.4vw, 60px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  color: var(--navy) !important;
  display: block !important;
  margin-bottom: 12px !important;
}

.service-editorial-full .editorial-stat-item span {
  font-family: var(--font-body) !important;
  font-size: clamp(15px, 1.15vw, 17px) !important;
  font-weight: 600 !important;
  color: #3b4c5e !important;
  letter-spacing: -0.01em !important;
  line-height: 1.4 !important;
  margin-top: 0 !important;
}

@media (max-width: 860px) {
  .service-editorial-full .editorial-stats-row {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* ==========================================================================
   Mobile visibility polish — stop content from overflowing the screen
   ========================================================================== */
.cta-inner{overflow:hidden}

@media(max-width:760px){
  .brand img,
  .site-header .brand img,
  .home-site-header .brand img,
  body[data-page="home"] .home-site-header .brand img{
    width:180px!important;
    max-width:180px!important;
    height:auto!important;
  }
  .nav-wrap{gap:8px;min-width:0}
  .brand{min-width:0;flex:0 1 auto}
  .nav-actions{gap:8px;flex-shrink:0}
  .menu-toggle{flex-shrink:0}

  .cta-band,.cta-inner,.page-hero,.hero,.hero-stage{overflow:hidden}

  h1{font-size:clamp(2.35rem,9.5vw,3rem)!important;letter-spacing:-.03em;line-height:1.08}
  h2{font-size:clamp(1.75rem,7.5vw,2.35rem)!important;letter-spacing:-.025em;line-height:1.15}
  .hero-copy h1{font-size:clamp(2.4rem,10vw,3.2rem)!important;line-height:1.05}
  .page-hero-content h1{font-size:clamp(2.2rem,9vw,2.9rem)!important;max-width:100%;overflow-wrap:break-word}
  .page-hero-content .lead,.hero-side .lead,.hero-copy .lead{font-size:16.5px!important;line-height:1.55;overflow-wrap:break-word}
  .cta-inner h2{font-size:clamp(1.7rem,7vw,2.2rem)!important}

  .anchor-nav .container{
    justify-content:flex-start;
    gap:8px;
    padding-inline:14px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .anchor-nav .container::-webkit-scrollbar{display:none}
  .anchor-nav .eyebrow{flex:0 0 auto;white-space:nowrap;margin:0!important}
  .anchor-nav a{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}

  .pricing-table-responsive{
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 30px rgba(22,72,130,.06);
  }
  .pricing-table{min-width:680px}
  .pricing-table th,.pricing-table td{padding:12px;font-size:13.5px;overflow-wrap:anywhere}

  .form-card,.contact-panel,.stack-card,.blog-card,.value-card,.team-card,.summary-panel,.catalog-group,.pricing-category-card{
    max-width:100%;
    min-width:0;
  }
  .related-service-card{
    flex-direction:column;
    align-items:stretch;
    gap:22px;
    padding:28px 22px;
  }
  .related-service-card .btn{
    flex:0 0 auto;
    width:100%;
    min-width:0;
    justify-content:center;
  }
  .service-viz{max-width:100%;min-width:0}
  .form-grid,.field input,.field select,.field textarea{width:100%;max-width:100%;min-width:0}
  img,video{max-width:100%}
  .page-hero-media img,.page-hero-media video,.hero-media img,.image-band img,.blog-card-media img,.team-photo-wrap img{
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
  }

  .mobile-menu a,.mobile-menu nav a,.mobile-sub a,.mobile-nav-row>a{
    font-size:1.125rem!important;
    line-height:1.4;
    overflow-wrap:anywhere;
  }
  .mobile-menu{padding:calc(var(--nav-h) + 22px) 18px 48px}
  .mobile-sub-toggle{width:44px;height:44px}
}

@media(max-width:380px){
  .brand img,
  .site-header .brand img,
  .home-site-header .brand img,
  body[data-page="home"] .home-site-header .brand img{
    width:180px!important;
    max-width:180px!important;
  }
  h1{font-size:clamp(2.1rem,9.5vw,2.6rem)!important}
  .hero-copy h1{font-size:clamp(2.15rem,10.5vw,2.7rem)!important}
  .page-hero-content h1{font-size:clamp(1.95rem,9vw,2.5rem)!important}
  .lang-toggle button{min-width:30px;padding:0 4px;font-size:14px}
  .menu-toggle{width:40px;height:40px}
}

/* ==========================================================================
   Mobile spacing — 20px content gutters + 20px card inner padding
   ========================================================================== */
@media(max-width:760px){
  :root{--gutter:20px}

  .home-site-header{
    transition:none!important;
  }

  .mobile-menu{
    transition:none!important;
  }

  .container,
  .page-hero-content{
    width:min(calc(100% - 40px),var(--max))!important;
    margin-inline:auto!important;
  }

  .site-header .nav-wrap,
  .home-site-header .nav-wrap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 20px!important;
  }

  .home-site-header.scrolled,
  body[data-page="home"] .home-site-header.scrolled,
  .menu-open .home-site-header,
  .menu-open .site-header,
  body.menu-open .home-site-header,
  body.menu-open .site-header{
    background:rgba(255,255,255,.98)!important;
    color:var(--ink)!important;
    border-bottom:1px solid var(--line)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    transition:none!important;
  }

  .home-site-header.scrolled .brand img,
  body[data-page="home"] .home-site-header.scrolled .brand img,
  .menu-open .home-site-header .brand img,
  .menu-open .site-header .brand img,
  body.menu-open .brand img{
    filter:brightness(0)!important;
  }

  .problem-pain-card,
  .problem-sol-card,
  .problem-editorial-card,
  .problem-climax-callout,
  .solution-card,
  .solution-ribbon,
  .related-service-card,
  .alt-card,
  .alt-card.alt-card-compact,
  .step-masonry-card,
  .pricing-step-card,
  .milestone-card,
  .value-card,
  .feature-card,
  .why-bento-card,
  .benefit-bento-card,
  .about-why-card,
  .services-directory-card,
  .service-editorial-card,
  .form-card,
  .contact-panel,
  .summary-panel,
  .catalog-group,
  .pricing-category-card,
  .blog-card,
  .blog-card-body,
  .blog-text-card,
  .partner-copy-card,
  .partner-metric-card,
  .metric,
  .testimonial-card,
  .story-mission-card,
  .story-mission,
  .team-card,
  .team-info,
  .legal-meta,
  .service-motion-card,
  .order-bottom-prompt-card,
  .order-receipt-card,
  .faq,
  .faq button,
  body[data-page="home"] .services-stack .stack-card,
  body[data-page="home"] .home-process-content .milestone-card,
  body[data-page="about"] .team-slider-track .team-card,
  .milestone-card:not(body[data-page="home"] .home-process-content .milestone-card),
  .service-editorial-card.service-editorial-full,
  .service-editorial-card.service-editorial-reverse{
    padding:20px!important;
  }

  .audience-visual-copy,
  .body-visual-copy,
  .body-visual-card,
  .legal-shell{
    padding:0!important;
  }

  .faq .answer p{
    padding:0 20px 20px!important;
  }
}