:root{
  --bg:#f7f9fc;
  --bg-2:#eef4fb;
  --paper:#ffffff;
  --paper-2:#f2f6fb;
  --ink:#0d1f33;
  --ink-2:#173654;
  --text:#20364d;
  --muted:#66798e;
  --muted-2:#8797a8;
  --line:#dce6f0;
  --line-strong:#cbd9e7;
  --blue:#2f65f5;
  --blue-2:#69a3ff;
  --cyan:#0ba9b5;
  --cyan-2:#81d9df;
  --violet:#7767e8;
  --accent:#2f65f5;
  --accent-2:#0ba9b5;
  --radius:28px;
  --radius-sm:18px;
  --shadow:0 22px 70px rgba(24,61,97,.10);
  --shadow-sm:0 12px 35px rgba(24,61,97,.08);
  --max:1240px;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none} img,svg{max-width:100%;display:block} button,input,textarea,select{font:inherit}
::selection{background:#d8e6ff;color:var(--ink)}
.site-shell{position:relative;min-height:100vh}.page{position:relative;z-index:2}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.11;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:480px;height:480px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(47,101,245,.08),rgba(11,169,181,.035) 36%,transparent 68%);transform:translate(-50%,-50%);opacity:.85}

/* navigation */
.nav-wrap{position:sticky;top:0;z-index:50;padding:14px 0;background:linear-gradient(to bottom,rgba(247,249,252,.96),rgba(247,249,252,.72),transparent);backdrop-filter:blur(16px);transition:.3s var(--ease)}
.nav-wrap.scrolled{background:rgba(247,249,252,.92);box-shadow:0 10px 40px rgba(23,54,84,.05)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;border:1px solid rgba(203,217,231,.88);background:rgba(255,255,255,.78);border-radius:999px;padding:8px 10px 8px 18px;box-shadow:0 8px 34px rgba(23,54,84,.06);transition:background .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);transform:translateZ(0);isolation:isolate}
.nav-wrap.scrolled .nav{padding-top:6px;padding-bottom:6px;background:rgba(255,255,255,.94)}
.brand{display:flex;align-items:center;gap:11px;font-weight:760;letter-spacing:-.03em;color:var(--ink)}
.brand-mark{width:30px;height:30px;flex:0 0 30px;border-radius:10px;position:relative;overflow:hidden;background:url("../img/brand/yottalyte-mark.svg") center/cover no-repeat,linear-gradient(145deg,var(--blue),#5e8cff 50%,var(--cyan));box-shadow:0 8px 18px rgba(47,101,245,.18),0 0 0 1px rgba(255,255,255,.45) inset}
.brand-mark:before,.brand-mark:after{display:none}
.brand-name{font-size:16px}.nav-links{display:flex;align-items:center;gap:3px}.nav-links a{display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:#52677d;padding:10px 11px;border-radius:999px;transition:color .23s var(--ease),background .23s var(--ease)}
.nav-links a:hover,.nav-links a.active{color:var(--ink);background:#edf3fa}.nav-cta{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;contain:paint;background:var(--ink)!important;color:#fff!important;font-weight:700!important;padding:10px 16px!important;box-shadow:0 9px 22px rgba(13,31,51,.12);transform:translateZ(0);backface-visibility:hidden}
.menu-btn{display:none;background:transparent;border:0;color:var(--ink);width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center}.menu-btn span,.menu-btn:before,.menu-btn:after{content:"";display:block;width:20px;height:1.5px;background:var(--ink);margin:4px auto;transition:.25s}

/* hero */
.hero,.page-hero{position:relative;overflow:hidden;background:
  radial-gradient(circle at 78% 20%,rgba(47,101,245,.13),transparent 25%),
  radial-gradient(circle at 66% 58%,rgba(11,169,181,.10),transparent 24%),
  linear-gradient(180deg,#fbfdff 0%,#f5f8fc 100%)}
.hero:before,.page-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(47,101,245,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(47,101,245,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 88%)}
.hero:after,.page-hero:after{content:"";position:absolute;right:-14vw;top:10%;width:50vw;height:50vw;border-radius:50%;border:1px solid rgba(47,101,245,.10);box-shadow:0 0 0 80px rgba(47,101,245,.02),0 0 0 160px rgba(11,169,181,.016);pointer-events:none}
.hero{padding:90px 0 78px;min-height:calc(100vh - 84px);display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:70px;align-items:center;position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#526b82;border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.72);box-shadow:0 5px 18px rgba(24,61,97,.04)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(11,169,181,.10),0 0 18px rgba(11,169,181,.35)}
.hero h1,.page-hero h1{font-size:clamp(54px,7vw,94px);line-height:.94;letter-spacing:-.058em;margin:24px 0 24px;font-weight:700;color:var(--ink);max-width:1000px}
.hero h1 .soft,.page-hero h1 .soft{background:linear-gradient(90deg,var(--blue) 0%,#5279d8 40%,var(--cyan) 100%);background-size:180% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:softShimmer 7s ease-in-out infinite}
@keyframes softShimmer{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.hero-copy,.page-hero .lead{font-size:19px;color:#556d84;max-width:760px;margin:0 0 32px}.page-hero{padding:100px 0 72px}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(48px,6vw,78px);max-width:980px}.breadcrumb{font-size:12px;color:#7b8ea1;margin-bottom:16px}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 20px;border:1px solid var(--line-strong);font-size:14px;font-weight:700;transition:.25s var(--ease);cursor:pointer;position:relative;overflow:hidden}
.btn:after,.nav-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.36),transparent 80%);transform:translateX(-120%);transition:transform .65s var(--ease)}.btn:hover:after,.nav-cta:hover:after{transform:translateX(120%)}
.btn-primary{background:var(--blue);color:#fff;border-color:transparent;box-shadow:0 13px 30px rgba(47,101,245,.20)}.btn-primary:hover{transform:translateY(-2px);background:#2459e9;box-shadow:0 18px 38px rgba(47,101,245,.24)}
.btn-secondary{background:rgba(255,255,255,.76);color:var(--ink);box-shadow:0 8px 24px rgba(24,61,97,.05)}.btn-secondary:hover{background:#fff;transform:translateY(-2px);border-color:#bbcee1}
.hero-note{margin-top:28px;font-size:13px;color:#71869a;display:flex;gap:18px;flex-wrap:wrap}.hero-note span{display:flex;align-items:center;gap:8px}.hero-note span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue-2)}
.hero-visual{position:relative;height:560px;perspective:1200px}.hero-visual:after{content:"";position:absolute;left:12%;right:8%;bottom:6px;height:34px;border-radius:50%;background:rgba(35,74,112,.12);filter:blur(24px)}
.orbit-card{position:absolute;inset:36px 10px 20px 28px;border:1px solid rgba(172,195,219,.78);border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(235,244,252,.78));box-shadow:0 28px 80px rgba(31,73,112,.13);overflow:hidden;isolation:isolate;transition:.4s var(--ease)}
.orbit-card:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg,transparent 0 19%,rgba(47,101,245,.15),transparent 31% 51%,rgba(11,169,181,.13),transparent 64% 78%,rgba(119,103,232,.10),transparent);animation:spin 20s linear infinite;filter:blur(15px)}
.orbit-card:after{content:"";position:absolute;inset:1px;border-radius:35px;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.99),rgba(240,247,253,.94) 54%,rgba(232,241,250,.98));z-index:-1}
.orbit-card:hover{transform:rotateX(1.4deg) rotateY(-2deg) scale(1.006)}@keyframes spin{to{transform:rotate(360deg)}}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.9}.signal-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:126px;height:126px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff 0 4%,#a9d5ff 8%,var(--blue) 28%,var(--cyan) 58%,rgba(255,255,255,.04) 72%);box-shadow:0 0 0 18px rgba(47,101,245,.045),0 0 70px rgba(47,101,245,.22),0 0 120px rgba(11,169,181,.12);animation:float 5s ease-in-out infinite;z-index:3}
.signal-core:before,.signal-core:after{content:"";position:absolute;inset:-50px;border:1px solid rgba(47,101,245,.18);border-radius:50%}.signal-core:after{inset:-105px;border-style:dashed;border-color:rgba(11,169,181,.19);animation:reverseSpin 22s linear infinite}@keyframes reverseSpin{to{transform:rotate(-360deg)}}@keyframes float{0%,100%{transform:translate(-50%,-52%)}50%{transform:translate(-50%,-46%)}}
.float-card{position:absolute;border:1px solid rgba(193,209,225,.92);background:rgba(255,255,255,.89);backdrop-filter:blur(16px);border-radius:18px;padding:14px 16px;box-shadow:0 16px 38px rgba(31,73,112,.10);font-size:12px;color:#6a7f93;animation:drift 6s ease-in-out infinite;z-index:4}.float-card strong{display:block;color:var(--ink);font-size:14px;margin-bottom:3px}.fc1{left:-8px;top:90px;animation-delay:-1s}.fc2{right:-8px;top:160px;animation-delay:-3s}.fc3{left:28px;bottom:75px;animation-delay:-4s}.fc4{right:20px;bottom:65px;animation-delay:-2s}@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.data-pulse{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 8px rgba(47,101,245,.08),0 0 20px rgba(47,101,245,.28);z-index:3;animation:pulsePath 5s ease-in-out infinite}.dp1{left:22%;top:31%}.dp2{right:23%;top:36%;animation-delay:-1.3s;background:var(--cyan)}.dp3{left:32%;bottom:22%;animation-delay:-2.2s;background:var(--violet)}.dp4{right:29%;bottom:26%;animation-delay:-3.4s}@keyframes pulsePath{0%,100%{opacity:.3;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}

/* ticker */
.motion-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.70);padding:12px 0}.motion-track{display:flex;width:max-content;gap:48px;animation:marquee 35s linear infinite}.motion-item{font-size:11px;color:#6f8498;text-transform:uppercase;letter-spacing:.16em;display:flex;align-items:center;gap:14px}.motion-item:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue-2)}@keyframes marquee{to{transform:translateX(-50%)}}

/* sections */
.section{padding:104px 0;position:relative}.section-light{background:var(--paper)}.section-tint{background:linear-gradient(180deg,#eef5fb,#f7fafc)}.section.compact{padding:70px 0}.section-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:80px;margin-bottom:42px;align-items:start}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-weight:800}.section-title{font-size:clamp(38px,4.8vw,64px);line-height:1.02;letter-spacing:-.046em;margin:0 0 16px;color:var(--ink);font-weight:680}.section-copy{font-size:16px;color:#6b8196;max-width:760px;margin:0}.section-orb{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(1px);background:radial-gradient(circle,rgba(47,101,245,.055),transparent 68%);pointer-events:none}.section-orb.left{left:-190px;top:10%}.section-orb.right{right:-190px;top:10%}

/* practice cards */
.practice-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.practice-card{grid-column:span 4;border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f6f9fc);border-radius:26px;padding:26px;min-height:285px;position:relative;overflow:hidden;transform-style:preserve-3d;transition:border .3s,box-shadow .3s,transform .2s;box-shadow:0 10px 28px rgba(24,61,97,.035)}.practice-card:nth-child(1),.practice-card:nth-child(2){grid-column:span 6}.practice-card:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-140px;top:-120px;background:radial-gradient(circle,rgba(47,101,245,.12),transparent 66%);transition:.4s}.practice-card:hover{border-color:#bfd0e2;box-shadow:0 24px 55px rgba(30,72,111,.10);transform:translateY(-4px)}.practice-card:hover:before{right:-100px;top:-80px}.practice-index{font-size:10px;color:#8395a6;text-transform:uppercase;letter-spacing:.16em}.practice-card h3{font-size:26px;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin:62px 0 12px;max-width:340px}.practice-card p{color:#6b8093;font-size:13px;max-width:440px}.practice-arrow{position:absolute;right:24px;top:22px;width:37px;height:37px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--blue);transition:.25s}.practice-card:hover .practice-arrow{background:var(--blue);color:#fff;border-color:var(--blue);transform:rotate(12deg)}

/* statement and metrics */
.statement{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}.statement-quote{font-size:clamp(52px,7vw,92px);line-height:.92;letter-spacing:-.058em;margin:0;color:var(--ink);font-weight:650}.statement-quote em{font-style:normal;color:var(--blue)}.statement-side{font-size:16px;color:#6e8296;max-width:470px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:54px}.metric{padding:28px 20px 10px 0}.metric .num{font-size:30px;color:var(--ink);font-weight:720;letter-spacing:-.04em}.metric .label{font-size:11px;color:#8295a6;max-width:160px;margin-top:4px}

/* delivery */
.delivery-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}.delivery-step{padding:27px;min-height:220px;border-right:1px solid var(--line);position:relative}.delivery-step:last-child{border-right:0}.delivery-step .n{font-size:10px;color:var(--blue);text-transform:uppercase;letter-spacing:.12em}.delivery-step h3{font-size:19px;letter-spacing:-.025em;color:var(--ink);margin:46px 0 8px}.delivery-step p{font-size:12px;color:#758a9d}.delivery-step:before{content:"";position:absolute;left:27px;top:59px;width:56px;height:1px;background:linear-gradient(90deg,var(--blue),transparent)}.delivery-step:after{content:"";position:absolute;left:26px;top:56px;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(47,101,245,.08)}

/* capability map */
.capability-map{border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,#fff,#eef5fb);overflow:hidden;display:grid;grid-template-columns:.75fr 1.25fr;box-shadow:var(--shadow-sm);position:relative}.capability-map:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,101,245,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(47,101,245,.035) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.capability-copy{padding:52px;position:relative;z-index:2;min-height:520px;display:flex;flex-direction:column;justify-content:space-between}.capability-copy h2{font-size:42px;line-height:1.02;letter-spacing:-.045em;color:var(--ink);margin:16px 0}.capability-copy p{color:#6f8497;max-width:430px}.capability-stage{position:relative;min-height:520px;overflow:hidden;z-index:2}.cap-ring{position:absolute;left:50%;top:50%;width:290px;height:290px;border:1px dashed rgba(47,101,245,.22);border-radius:50%;transform:translate(-50%,-50%);animation:spin 28s linear infinite}.cap-ring:after,.cap-ring:before{content:"";position:absolute;border:1px solid rgba(11,169,181,.16);border-radius:50%;inset:-68px}.cap-ring:after{inset:64px;border-color:rgba(119,103,232,.17);animation:reverseSpin 19s linear infinite}.cap-node{position:absolute;border:1px solid var(--line-strong);background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-radius:16px;padding:12px 14px;min-width:130px;box-shadow:0 12px 28px rgba(24,61,97,.08);animation:nodeFloat 5s ease-in-out infinite}.cap-node strong{display:block;color:var(--ink);font-size:13px}.cap-node span{font-size:10px;color:#7a90a4}.cap-node.n1{left:6%;top:23%}.cap-node.n2{right:6%;top:21%;animation-delay:-1s}.cap-node.n3{left:9%;bottom:18%;animation-delay:-2s}.cap-node.n4{right:7%;bottom:17%;animation-delay:-3s}.cap-node.n5{left:50%;top:8%;transform:translateX(-50%);animation-delay:-1.6s}.cap-node.core{left:50%;top:50%;transform:translate(-50%,-50%);min-width:180px;text-align:center;border-color:#9fb9ed;background:linear-gradient(145deg,#fff,#edf4ff);animation:none;padding:20px;box-shadow:0 18px 48px rgba(47,101,245,.13)}.cap-node.core strong{font-size:15px;color:var(--blue)}@keyframes nodeFloat{0%,100%{margin-top:0}50%{margin-top:-8px}}

/* cases */
.case-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.case-card{grid-column:span 6;border:1px solid var(--line);border-radius:28px;background:#fff;overflow:hidden;transition:.3s var(--ease);box-shadow:0 12px 35px rgba(24,61,97,.045)}.case-card:hover{transform:translateY(-5px);border-color:#b9cde1;box-shadow:0 25px 60px rgba(24,61,97,.10)}.case-visual{height:300px;position:relative;overflow:hidden;background:
 radial-gradient(circle at 70% 22%,rgba(47,101,245,.15),transparent 25%),
 radial-gradient(circle at 22% 76%,rgba(11,169,181,.11),transparent 24%),
 #eef4fa}.case-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,101,245,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(47,101,245,.055) 1px,transparent 1px);background-size:36px 36px}.case-diagram{position:absolute;inset:34px;z-index:2}.case-diagram svg{width:100%;height:100%;filter:drop-shadow(0 16px 32px rgba(24,61,97,.10))}.case-card:hover .case-diagram svg{animation:diagramFloat 3s ease-in-out infinite}@keyframes diagramFloat{50%{transform:translateY(-5px)}}.placeholder-tag{position:absolute;left:20px;top:20px;z-index:4;border:1px solid rgba(173,193,212,.8);border-radius:999px;padding:7px 9px;background:rgba(255,255,255,.86);font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#6f8497}.case-body{padding:26px}.case-type{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7590a6}.case-body h3{font-size:26px;letter-spacing:-.03em;color:var(--ink);margin:12px 0}.case-body p{font-size:13px;color:#6d8296}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tag{font-size:10px;border:1px solid var(--line);background:#f8fbfd;color:#6d8296;border-radius:999px;padding:6px 8px}

/* trust + partner */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trust-card{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;box-shadow:0 8px 22px rgba(24,61,97,.03);transition:.3s var(--ease)}.trust-card:hover{border-color:#b7cde1;transform:translateY(-3px);box-shadow:var(--shadow-sm)}.trust-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef4ff;color:var(--blue);margin-bottom:28px}.trust-card h3{font-size:19px;color:var(--ink);margin:0 0 8px}.trust-card p{font-size:12px;color:#72889b;margin:0}
.partner-band{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:44px;border-radius:32px;background:linear-gradient(120deg,#112e4a,#173b58 58%,#165568);color:#fff;position:relative;overflow:hidden;box-shadow:0 26px 60px rgba(16,43,69,.18)}.partner-band:before{content:"";position:absolute;inset:-80%;background:conic-gradient(transparent,rgba(105,163,255,.14),transparent,rgba(129,217,223,.12),transparent);animation:spin 24s linear infinite}.partner-band>div{position:relative;z-index:2}.partner-band .kicker{color:#9edee3}.partner-band h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.045em;line-height:1;margin:12px 0;color:#fff}.partner-band p{color:#a9bfd0;max-width:690px}.partner-actions{display:flex;justify-content:flex-end}.partner-band .btn-primary{background:#fff;color:#102b45;box-shadow:none}

/* internal pages */
.prose{max-width:800px}.prose h2{font-size:34px;color:var(--ink);letter-spacing:-.03em}.prose h3{font-size:20px;color:var(--ink);margin-top:30px}.prose p,.prose li{color:#677e93;font-size:15px}.prose ul{padding-left:20px}.service-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-detail{border:1px solid var(--line);border-radius:26px;padding:30px;background:#fff;min-height:250px;box-shadow:0 8px 22px rgba(24,61,97,.03)}.service-detail .num{font-size:10px;color:var(--blue);letter-spacing:.14em}.service-detail h3{font-size:28px;letter-spacing:-.035em;color:var(--ink);margin:42px 0 12px}.service-detail p{color:#6f8395;font-size:13px}.service-detail ul{padding-left:18px;color:#71879a;font-size:12px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-card{border-top:1px solid var(--line-strong);padding:20px 12px 0 0}.process-card span{font-size:10px;color:var(--blue);text-transform:uppercase;letter-spacing:.12em}.process-card h3{font-size:19px;color:var(--ink);margin:20px 0 8px}.process-card p{font-size:12px;color:#758b9f}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.side-panel{border:1px solid var(--line);border-radius:24px;padding:26px;background:linear-gradient(145deg,#fff,#f4f8fb);position:sticky;top:115px;height:max-content;box-shadow:var(--shadow-sm)}.side-panel h3{font-size:18px;color:var(--ink)}.side-panel p{font-size:12px;color:#71869a}.bullet{display:flex;gap:10px;margin:12px 0;color:#62798d;font-size:13px}.bullet:before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-top:7px}.tech-cloud{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tech-pill{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;display:grid;gap:4px;transition:.25s;box-shadow:0 6px 18px rgba(24,61,97,.025)}.tech-pill:hover{transform:translateY(-3px);border-color:#b8cde3;box-shadow:var(--shadow-sm)}.tech-pill strong{font-size:17px;color:var(--ink)}.tech-pill span{font-size:11px;color:#748ba0;text-transform:uppercase;letter-spacing:.11em}.team-placeholder{border:1px solid var(--line);border-radius:28px;height:430px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#fff,#eff5fa);position:relative;overflow:hidden}.team-placeholder:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,rgba(47,101,245,.12),rgba(11,169,181,.08));filter:blur(10px)}.team-placeholder span{position:relative;z-index:2;color:#71889c;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 7px 20px rgba(24,61,97,.03)}.insight .meta{font-size:11px;color:#8195a7;text-transform:uppercase;letter-spacing:.11em}.insight h3{font-size:22px;letter-spacing:-.025em;margin:12px 0;color:var(--ink)}.insight p{font-size:13px;color:#708598}.insight .read{font-size:13px;color:var(--blue);font-weight:700}.career-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.role{border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;justify-content:space-between;gap:24px;align-items:center;background:#fff}.role h3{margin:0 0 6px;font-size:20px;color:var(--ink)}.role p{margin:0;color:#71879a;font-size:13px}.role .badge{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px;color:#6d8397;background:#f8fbfd}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-card{border:1px solid var(--line);border-radius:24px;padding:28px;background:#fff;box-shadow:var(--shadow-sm)}.contact-list{display:grid;gap:18px;margin-top:32px}.contact-item{border-top:1px solid var(--line);padding-top:16px}.contact-item span{display:block;color:#7a91a5;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.contact-item strong{font-size:15px;color:var(--ink)}.contact-choice{border:1px solid var(--line);border-radius:18px;padding:16px;background:#f8fbfd}.form{display:grid;gap:14px}.field{display:grid;gap:7px}.field label{font-size:12px;color:#627a8e;font-weight:650}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line-strong);background:#fff;color:var(--ink);border-radius:14px;padding:14px 15px;outline:none;transition:.2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8fb0ff;box-shadow:0 0 0 4px rgba(47,101,245,.08)}.field textarea{min-height:140px;resize:vertical}.form-note{font-size:11px;color:#7a8fa2}.form-status{display:none;font-size:12px;color:#317069;background:#edf9f8;border:1px solid #cbeceb;border-radius:12px;padding:10px 12px}.form-status.show{display:block}
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px}.filter-btn{border:1px solid var(--line);background:#fff;color:#657c91;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:700;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}[data-case].is-hidden{display:none}.accordion{display:grid;gap:10px}.accordion-item{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.accordion-button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:var(--ink);padding:19px 20px;font-weight:750;text-align:left;cursor:pointer}.accordion-button:after{content:"+";font-size:20px;color:var(--blue)}.accordion-item.open .accordion-button:after{content:"−"}.accordion-panel{display:none;padding:0 20px 20px;color:#697f93;font-size:14px}.accordion-item.open .accordion-panel{display:block}

/* AEO/GEO answer section */
.answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.answer-card{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;box-shadow:0 8px 24px rgba(24,61,97,.035)}.answer-card h3{font-size:18px;color:var(--ink);margin:0 0 9px;letter-spacing:-.02em}.answer-card p{font-size:13px;color:#677d91;margin:0}.answer-card strong{color:var(--ink)}

/* footer */
.footer{background:#102b45;color:#d9e4ed;padding:62px 0 28px;margin-top:40px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 88%)}.footer .container{position:relative;z-index:2}.footer .brand{color:#fff}.footer .brand-mark{box-shadow:none}.footer-top{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:30px}.footer-brand p{font-size:13px;color:#9fb2c2;max-width:330px}.footer-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#7795aa;margin:0 0 14px}.footer-col a{display:block;color:#bccbd6;font-size:13px;margin:9px 0}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.11);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#7f9aae;font-size:11px;flex-wrap:wrap}

/* runtime motion */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .72s ease,transform .72s var(--ease)}.reveal.in{opacity:1;transform:none}.scroll-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:120;pointer-events:none}.scroll-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--violet));box-shadow:0 0 16px rgba(47,101,245,.22)}.page-wipe{position:fixed;inset:0;z-index:110;pointer-events:none;background:#edf4fa;transform:translateY(-101%)}.floating-cta{position:fixed;right:24px;bottom:24px;z-index:45;display:flex;align-items:center;gap:10px;padding:11px 15px 11px 10px;border-radius:999px;background:var(--ink);color:#fff;box-shadow:0 18px 45px rgba(13,31,51,.20);font-size:12px;font-weight:700;opacity:0;transform:translateY(20px);pointer-events:none;transition:.3s var(--ease)}.floating-cta.show{opacity:1;transform:none;pointer-events:auto}.floating-cta .pulse{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--cyan));animation:float 3s ease-in-out infinite}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 16px;border-radius:999px;font-size:13px;font-weight:650;opacity:0;pointer-events:none;z-index:100;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}
:focus-visible{outline:2px solid var(--blue);outline-offset:4px}

@media(max-width:1000px){
  .nav-links{position:fixed;left:20px;right:20px;top:78px;padding:15px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:22px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:12px 14px}.menu-btn{display:flex;flex-direction:column}.nav-cta{justify-content:center}
  .hero-grid,.section-head,.statement,.partner-band,.split,.contact-grid,.capability-map{grid-template-columns:1fr}.hero{padding-top:55px}.hero-visual{height:480px;max-width:670px;width:100%;margin:0 auto}.section-head{gap:20px}.statement{gap:28px}.partner-actions{justify-content:flex-start}.side-panel{position:static}.capability-copy{min-height:auto;gap:30px}.capability-stage{height:430px}.metrics{grid-template-columns:repeat(2,1fr)}.tech-cloud{grid-template-columns:repeat(3,1fr)}.insight-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.answer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .container{width:min(var(--max),calc(100% - 28px))}.nav-wrap{padding-top:10px}.nav{padding-left:14px}.hero{min-height:auto;padding:62px 0 42px}.hero h1,.page-hero h1{font-size:48px}.hero-copy,.page-hero .lead{font-size:16px}.hero-visual{height:405px}.orbit-card{inset:18px 4px}.float-card{font-size:10px;padding:11px 12px}.float-card strong{font-size:12px}.signal-core{width:94px;height:94px}.signal-core:before{inset:-35px}.signal-core:after{inset:-78px}.section{padding:78px 0}.section-title{font-size:40px}.practice-card,.practice-card:nth-child(1),.practice-card:nth-child(2),.practice-card:nth-child(n+3){grid-column:span 12}.practice-card{min-height:240px}.practice-card h3{margin-top:42px}.case-card{grid-column:span 12}.case-visual{height:240px}.metrics{grid-template-columns:1fr 1fr}.tech-cloud{grid-template-columns:repeat(2,1fr)}.service-detail-grid,.insight-grid,.career-grid,.trust-grid,.answer-grid{grid-template-columns:1fr}.process,.delivery-strip{grid-template-columns:1fr 1fr}.partner-band{padding:30px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.capability-map{padding:24px}.capability-stage{height:390px}.cap-node{min-width:112px;padding:10px}.cap-node.n1{left:4%}.cap-node.n2{right:4%}.cap-node.n3{left:4%}.cap-node.n4{right:4%}.floating-cta{right:14px;left:14px;justify-content:center}.motion-track{gap:30px}
}
@media(max-width:460px){.hero h1,.page-hero h1{font-size:42px}.metrics,.process,.delivery-strip,.tech-cloud,.footer-top{grid-template-columns:1fr}.actions .btn{width:100%}.hero-note{display:grid;gap:8px}.fc2{right:3px}.fc1{left:3px}.fc3{left:10px}.fc4{right:8px}.capability-stage{height:360px}.cap-node{min-width:102px}.cap-node.n5{top:5%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.cursor-glow{display:none}.motion-track{animation:none}.reveal{opacity:1;transform:none}}

/* Final content pages */
.insight{text-decoration:none;color:inherit;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}
.insight:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(24,61,97,.10);border-color:#b9cdea}
.career-note{margin-top:24px;border:1px solid var(--line);border-radius:18px;padding:18px 20px;background:#f8fbfd;color:#61788c;font-size:13px}
.article-shell{width:min(860px,calc(100% - 36px));margin:0 auto;padding:72px 0 110px}
.article-meta{display:flex;gap:10px;flex-wrap:wrap;color:#71879a;font-size:12px;margin:18px 0 34px}
.article-meta span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#f8fbfd}
.article-shell h1{font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.055em;color:var(--ink);margin:14px 0 22px}
.article-shell .article-lead{font-size:20px;line-height:1.55;color:#5f768a;margin-bottom:44px}
.article-body{font-size:16px;line-height:1.82;color:#526b80}
.article-body h2{font-size:34px;line-height:1.08;letter-spacing:-.035em;color:var(--ink);margin:54px 0 16px}
.article-body h3{font-size:22px;letter-spacing:-.02em;color:var(--ink);margin:34px 0 10px}
.article-body p{margin:0 0 20px}
.article-body ul{padding-left:22px;margin:0 0 24px}.article-body li{margin:7px 0}
.article-callout{border:1px solid var(--line-strong);border-radius:20px;background:linear-gradient(135deg,#f8fbff,#eef6fb);padding:22px 24px;margin:32px 0;color:#38546d}
.article-cta{margin-top:60px;border-radius:28px;padding:30px;background:#0d2130;color:#fff}.article-cta h3{color:#fff;margin:0 0 10px}.article-cta p{color:#b9cad7;margin:0 0 18px}
@media(max-width:640px){.article-shell{padding:52px 0 80px}.article-shell h1{font-size:46px}.article-shell .article-lead{font-size:17px}.article-body h2{font-size:30px}}


/* final polish: generated imagery, stable header hover, responsive forms */
.nav-cta:after{will-change:transform;pointer-events:none}
.team-placeholder{padding:18px;align-items:end}
.team-placeholder::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(to top,rgba(7,28,47,.12),transparent);pointer-events:none;z-index:1}
.team-placeholder img{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);object-fit:cover;border-radius:22px;box-shadow:0 18px 50px rgba(24,61,97,.14)}
.team-placeholder span{padding:8px 12px;border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(10px);background:rgba(255,255,255,.78);border-radius:999px;color:#4e667b;box-shadow:0 8px 24px rgba(24,61,97,.08)}
.contact-choice{display:grid;gap:10px;padding:12px;background:linear-gradient(180deg,#f8fbfd,#f5f9fc)}
.contact-choice label{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid transparent;transition:background .2s var(--ease),border-color .2s var(--ease);cursor:pointer}
.contact-choice label:hover{background:#fff;border-color:#d7e4ef}
.contact-choice input[type="radio"]{margin:3px 0 0;accent-color:var(--blue)}
.contact-choice span{display:block;min-width:0;font-size:14px;color:#46627b;line-height:1.45}
.form{align-content:start;min-width:0}
.form .field{min-width:0}
.form .btn-primary{width:100%}
.contact-card{align-self:start}
.form-note{line-height:1.6}
.contact-item strong{overflow-wrap:anywhere}
@media(max-width:720px){
  .contact-grid{gap:30px}
  .contact-card{padding:24px}
  .field input,.field textarea,.field select{font-size:16px}
}
@media(max-width:460px){
  .contact-card{padding:20px}
  .contact-choice label{padding:11px 12px}
  .contact-choice span{font-size:13px}
  .team-placeholder{height:340px}
}


/* static release refinements */
.nav-cta:after{display:none!important}
.nav-cta:hover,.nav-cta.active:hover{background:#142d43!important;color:#fff!important;box-shadow:0 10px 24px rgba(13,31,51,.16);transform:translateZ(0)}
.team-placeholder{padding:18px;align-items:end}
.team-placeholder::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(to top,rgba(7,28,47,.12),transparent);pointer-events:none;z-index:1}
.team-placeholder img{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);object-fit:cover;border-radius:22px;box-shadow:0 18px 50px rgba(24,61,97,.14)}
.team-placeholder span{padding:8px 12px;border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(10px);background:rgba(255,255,255,.82);border-radius:999px;color:#4e667b;box-shadow:0 8px 24px rgba(24,61,97,.08);z-index:2}
.contact-choice{display:grid;gap:12px;padding:12px;background:linear-gradient(180deg,#f8fbfd,#f5f9fc)}
.contact-choice label{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid transparent;transition:.2s var(--ease);cursor:pointer}
.contact-choice label:hover{background:#fff;border-color:#d7e4ef}
.contact-choice input[type="radio"]{margin:3px 0 0;accent-color:var(--blue)}
.contact-choice span{display:block;min-width:0;font-size:14px;color:#46627b;line-height:1.45}
.form{align-content:start;min-width:0}.form .field{min-width:0}.form .btn-primary{width:100%}.contact-card{align-self:start}
.contact-item strong,.contact-item a{overflow-wrap:anywhere}.form-note{line-height:1.6}
@media(max-width:720px){.field input,.field textarea,.field select{font-size:16px}.contact-grid{gap:28px}.contact-card{padding:22px}.contact-choice{padding:9px}.contact-choice label{padding:11px}.team-placeholder{height:350px}}
@media(max-width:460px){.contact-card h2{font-size:30px!important}.team-placeholder{height:300px}}


/* Services hierarchy and high-resolution visual storytelling */
.six-practices .practice-card{grid-column:span 4}
.services-overview{padding-top:30px}
.service-media{margin:0;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#fff,#f3f8fc);padding:14px;box-shadow:var(--shadow);overflow:hidden}
.service-media img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:22px;background:#f7fbff}
.service-media figcaption{padding:12px 8px 2px;color:#71879a;font-size:12px;letter-spacing:.02em}
.engagement-band{margin-top:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#f8fbff,#eef6fb);padding:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}
.engagement-band h2{font-size:30px;letter-spacing:-.035em;color:var(--ink);margin:6px 0 9px}
.engagement-band p{max-width:760px;color:#61788c;line-height:1.7;margin:0}
.service-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:52px;align-items:center}
.service-feature-media{border:1px solid var(--line);border-radius:28px;padding:12px;background:#fff;box-shadow:0 22px 60px rgba(24,61,97,.10);overflow:hidden}
.service-feature-media img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:20px;background:#f7fbff}
.service-feature-copy h2{font-size:clamp(36px,4vw,56px);line-height:1.02;letter-spacing:-.045em;color:var(--ink);margin:8px 0 20px}
.service-feature-copy p{font-size:16px;line-height:1.75;color:#5e768b;margin:0 0 22px}
.service-points{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;padding:0;margin:0;list-style:none}
.service-points li{position:relative;padding:11px 12px 11px 30px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.72);color:#486279;font-size:13px;line-height:1.45}
.service-points li:before{content:"";position:absolute;left:13px;top:17px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.team-placeholder.media-wide{height:auto;min-height:320px;aspect-ratio:16/10;padding:14px;background:linear-gradient(145deg,#f8fbff,#eef6fb)}
.team-placeholder.media-wide img{inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);object-fit:contain;background:#f8fbff;border-radius:20px}
@media(max-width:980px){
  .six-practices .practice-card{grid-column:span 6}
  .service-feature{grid-template-columns:1fr;gap:30px}
  .engagement-band{grid-template-columns:1fr}
}
@media(max-width:720px){
  .six-practices .practice-card{grid-column:span 12}
  .service-media{border-radius:22px;padding:8px}
  .service-media img{border-radius:16px}
  .service-feature-media{padding:8px;border-radius:20px}
  .service-feature-media img{border-radius:14px}
  .service-points{grid-template-columns:1fr}
  .engagement-band{padding:22px}
  .engagement-band h2{font-size:26px}
  .team-placeholder.media-wide{min-height:240px;aspect-ratio:16/11}
}

/* 2026-09-25 service hierarchy + resolution-safe visual storytelling */
.service-media img,.service-feature-media img,.capability-media-stage img,.team-placeholder.media-wide img{image-rendering:auto}
.service-hierarchy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 30px}
.service-layer{display:grid;gap:8px;min-height:154px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 8px 24px rgba(24,61,97,.035);transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}
.service-layer:hover{transform:translateY(-4px);border-color:#b9cdea;box-shadow:0 18px 36px rgba(24,61,97,.08)}
.service-layer span{font-size:10px;color:var(--blue);letter-spacing:.10em;text-transform:uppercase;font-weight:750}
.service-layer strong{font-size:19px;line-height:1.18;color:var(--ink);letter-spacing:-.02em}
.service-layer small{font-size:12px;color:#70869a;line-height:1.45}
.service-detail{display:flex;flex-direction:column}
.service-outcome{margin:18px 0 2px;padding:13px 14px;border-left:3px solid var(--cyan);border-radius:0 12px 12px 0;background:#f5fafc}
.service-outcome strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.10em;color:#668197;margin-bottom:5px}
.service-outcome span{font-size:12px;line-height:1.5;color:#3f5c73}
.service-media-delivery{margin-top:30px;margin-bottom:34px}
.capability-media-stage{height:auto!important;min-height:0!important;padding:10px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 18px 44px rgba(24,61,97,.08);overflow:hidden}
.capability-media-stage img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:18px}
@media(max-width:980px){.service-hierarchy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.service-hierarchy{grid-template-columns:1fr}.service-layer{min-height:auto}.service-detail-grid{gap:14px}.service-detail{padding:24px}.service-media-delivery{margin-top:24px;margin-bottom:28px}.capability-media-stage{padding:6px;border-radius:20px}.capability-media-stage img{border-radius:14px}}


/* Partner page refinement — 2026-09-25 */
.partner-hero .lead{max-width:900px}
.partner-hero-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.partner-hero-points span{border:1px solid var(--line);background:rgba(255,255,255,.82);box-shadow:0 6px 18px rgba(24,61,97,.035);border-radius:999px;padding:9px 13px;color:#587087;font-size:12px;font-weight:700}
.partner-intro{padding-top:76px}
.partner-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:6px 0 34px}
.partner-model{position:relative;min-height:245px;padding:25px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(150deg,#fff,#f6fafe);box-shadow:0 10px 28px rgba(24,61,97,.045);display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}
.partner-model:hover{transform:translateY(-4px);border-color:#b9cfea;box-shadow:0 22px 48px rgba(24,61,97,.09)}
.partner-model-no{font-size:10px;letter-spacing:.12em;color:var(--blue);font-weight:800}
.partner-model h3{font-size:22px;line-height:1.15;letter-spacing:-.025em;color:var(--ink);margin:34px 0 11px}
.partner-model p{font-size:13px;line-height:1.65;color:#697f93;margin:0 0 24px}
.partner-model-tag{margin-top:auto;width:max-content;border:1px solid var(--line);border-radius:999px;padding:6px 9px;background:#fff;color:#698197;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:750}
.partner-boundary{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:42px;align-items:center;margin:40px 0 38px;padding:34px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(140deg,#f8fbff,#eef6fb)}
.partner-boundary-copy h2{font-size:clamp(32px,3.4vw,48px);line-height:1.04;letter-spacing:-.04em;color:var(--ink);margin:8px 0 15px}
.partner-boundary-copy p{font-size:14px;line-height:1.75;color:#61798e;margin:0}
.boundary-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.boundary-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px;box-shadow:0 10px 28px rgba(24,61,97,.04)}
.boundary-card>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--blue);font-weight:800;margin-bottom:8px}
.boundary-card>strong{display:block;color:var(--ink);font-size:18px;line-height:1.25;margin-bottom:13px}
.boundary-card ul,.vendor-fit-card ul{padding-left:18px;margin:0;color:#637a8f;font-size:12px;line-height:1.65}
.partner-media{margin:42px 0 0;padding:12px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 24px 64px rgba(24,61,97,.09);overflow:hidden}
.partner-media img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:21px}
.partner-media figcaption{padding:11px 7px 1px;font-size:12px;color:#71879a}
.vendor-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.vendor-fit-card{border:1px solid var(--line);border-radius:24px;padding:27px;background:#fff;box-shadow:0 10px 28px rgba(24,61,97,.035)}
.vendor-fit-card h3{font-size:26px;line-height:1.15;letter-spacing:-.025em;color:var(--ink);margin:8px 0 18px}
.partner-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.partner-proof{min-height:175px;border:1px solid var(--line);border-radius:21px;background:#fff;padding:23px;box-shadow:0 8px 24px rgba(24,61,97,.035)}
.partner-proof strong{display:block;font-size:20px;color:var(--ink);letter-spacing:-.025em;margin-bottom:11px}
.partner-proof span{display:block;font-size:12px;line-height:1.6;color:#6a8094}
.partner-principles{display:grid;grid-template-columns:.65fr 1.35fr;gap:52px;margin-top:46px;padding-top:42px;border-top:1px solid var(--line)}
.partner-principles h2{font-size:38px;line-height:1.06;letter-spacing:-.04em;color:var(--ink);margin:8px 0 0}
.principle-list{display:grid;gap:0}
.principle-list>div{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}
.principle-list>div:first-child{padding-top:0}
.principle-list span{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:.08em}
.principle-list p{margin:0;color:#647c91;font-size:13px;line-height:1.6}
.principle-list strong{color:var(--ink)}
.accordion-panel a{color:var(--blue);font-weight:700}

@media(max-width:1000px){
  .partner-model-grid,.partner-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .partner-boundary,.partner-principles{grid-template-columns:1fr}
  .partner-boundary{gap:26px}
}
@media(max-width:720px){
  .partner-model-grid,.partner-proof-grid,.vendor-fit-grid,.boundary-columns{grid-template-columns:1fr}
  .partner-model{min-height:auto}
  .partner-boundary{padding:24px}
  .partner-media{padding:7px;border-radius:22px}
  .partner-media img{border-radius:16px}
  .partner-principles{gap:26px}
  .partner-principles h2{font-size:32px}
}


/* Partner FAQ detail treatment — 2026-09-25 */
.accordion-item.open{border-color:#bfd4ea;box-shadow:0 14px 34px rgba(24,61,97,.055)}
.accordion-item.open .accordion-button{background:linear-gradient(180deg,#fff,#f8fbff)}
.accordion-panel p{margin:0 0 12px;line-height:1.7}
.accordion-panel p:last-child{margin-bottom:0}
.faq-detail-list{margin:8px 0 14px;padding:0;list-style:none;display:grid;gap:8px}
.faq-detail-list li{position:relative;padding-left:22px;color:#60788d;line-height:1.55}
.faq-detail-list li:before{content:"";position:absolute;left:2px;top:.63em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.faq-detail-list strong{color:var(--ink)}
@media(max-width:720px){
  .accordion-button{padding:17px 17px;gap:18px}
  .accordion-panel{padding:0 17px 18px}
}


/* Yottalyte launch refinements — 2026-09-27 */
.fc5{left:50%;top:28px;margin-left:-105px;animation-delay:-5s}
.delivery-visual-heading{position:relative;z-index:2;text-align:center;padding:12px 16px 24px;background:linear-gradient(180deg,#fff,#f7fbff)}
.delivery-visual-heading span{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);font-weight:800;margin-bottom:8px}
.delivery-visual-heading strong{display:block;font-size:clamp(30px,4vw,52px);line-height:1;color:var(--ink);letter-spacing:-.045em}
.delivery-visual-heading small{display:block;margin-top:10px;font-size:14px;color:#6f8498}
.delivery-visual-crop{overflow:hidden;border-radius:20px;aspect-ratio:1672/721;background:#f8fbfe}
.delivery-visual-crop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
@media(max-width:720px){.fc5{top:10px;margin-left:-92px}.delivery-visual-heading{padding-bottom:18px}.delivery-visual-heading small{font-size:12px}}
@media(max-width:460px){.fc5{left:50%;top:4px;margin-left:-82px}.fc5 strong{font-size:11px}.fc5{font-size:9px}}

.brand-name{text-transform:capitalize}

/* Clean production enquiry form */
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.form .btn[disabled]{opacity:.62;cursor:wait;transform:none!important}

/* YottaLyte production brand assets — 2026-09-28 */
.brand-image{display:inline-flex;align-items:center;line-height:0}
.brand-logo{display:block;width:148px;height:auto;max-height:44px;object-fit:contain;object-position:left center}
.nav .brand-logo{width:148px;max-height:42px}
.footer .brand-logo{width:190px;max-height:64px;filter:drop-shadow(0 8px 18px rgba(0,184,255,.14))}
.footer .brand-image{min-height:54px}
@media(max-width:720px){
  .brand-logo,.nav .brand-logo{width:128px;max-height:38px}
  .footer .brand-logo{width:172px;max-height:58px}
}


/* YottaLyte resilient brand lockup + delivery-flow integrity — 2026-09-28 */
.nav .brand-mark{width:34px;height:34px;flex-basis:34px;border-radius:11px}
.nav .brand-name{font-size:18px;font-weight:800;letter-spacing:-.035em}
.footer .brand{width:max-content}
.footer .brand-mark{width:42px;height:42px;flex-basis:42px;border-radius:13px;background-color:#f5f9fd}
.footer .brand-name{font-size:20px;font-weight:800;letter-spacing:-.035em}
.delivery-flow-diagram{aspect-ratio:auto;min-height:300px;padding:28px;background:
  radial-gradient(circle at 15% 20%,rgba(47,101,245,.12),transparent 28%),
  radial-gradient(circle at 84% 78%,rgba(11,169,181,.12),transparent 30%),
  linear-gradient(145deg,#f9fcff,#eef6fb);display:flex;flex-direction:column;justify-content:center;gap:26px}
.delivery-flow-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}
.delivery-flow-track:before{content:"";position:absolute;left:9%;right:9%;top:50%;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:.28;transform:translateY(-50%);z-index:0}
.delivery-flow-step{position:relative;z-index:1;min-height:138px;padding:20px;border:1px solid rgba(186,205,224,.9);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(24,61,97,.08);display:flex;flex-direction:column;justify-content:center}
.delivery-flow-step span{font-size:10px;letter-spacing:.14em;color:var(--blue);font-weight:800}
.delivery-flow-step strong{font-size:21px;line-height:1.15;color:var(--ink);margin:10px 0 6px;letter-spacing:-.025em}
.delivery-flow-step small{font-size:11px;line-height:1.45;color:#6f8498}
.delivery-flow-practices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.delivery-flow-practices span{padding:7px 10px;border:1px solid rgba(203,217,231,.95);border-radius:999px;background:rgba(255,255,255,.76);font-size:10px;color:#61798f;font-weight:700}
.floating-cta.near-footer{opacity:0!important;transform:translateY(20px)!important;pointer-events:none!important}
@media(max-width:720px){
  .nav .brand-mark{width:31px;height:31px;flex-basis:31px}
  .nav .brand-name{font-size:17px}
  .footer .brand-mark{width:38px;height:38px;flex-basis:38px}
  .footer .brand-name{font-size:19px}
  .delivery-flow-diagram{padding:18px;min-height:0}
  .delivery-flow-track{grid-template-columns:1fr 1fr}
  .delivery-flow-track:before{display:none}
  .delivery-flow-step{min-height:122px}
}
@media(max-width:460px){
  .delivery-flow-track{grid-template-columns:1fr}
  .delivery-flow-step{min-height:auto}
}


/* Selected YottaLyte primary logo */
.brand{gap:0}
.nav .brand-mark{
  width:150px;height:50px;flex:0 0 150px;border-radius:0;overflow:visible;
  background:url("../img/brand/yottalyte-logo-primary.png") left center/contain no-repeat;
  box-shadow:none;
}
.footer .brand-mark{
  width:180px;height:60px;flex:0 0 180px;border-radius:0;overflow:visible;
  background:url("../img/brand/yottalyte-logo-primary.png") left center/contain no-repeat;
  box-shadow:none;
  filter:drop-shadow(0 8px 18px rgba(0,184,255,.14));
}
.brand-name{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
@media (max-width:720px){
  .nav .brand-mark{width:132px;height:44px;flex-basis:132px}
  .footer .brand-mark{width:165px;height:55px;flex-basis:165px}
}


/* YottaLyte logo v3 — cache-safe visible brand lockup */
.brand{gap:0}
.brand-image{display:inline-flex;align-items:center;line-height:0;flex:0 0 auto}
.brand-logo{display:block;width:156px;height:auto;max-height:48px;object-fit:contain;object-position:left center}
.nav .brand-logo{width:220px;max-height:70px}
.footer .brand-logo{width:188px;max-height:58px;filter:drop-shadow(0 8px 18px rgba(0,184,255,.14))}
.footer .brand-image{min-height:58px}
.brand-mark,.brand-name{display:none!important}
@media(max-width:720px){
  .brand-logo,.nav .brand-logo{width:180px;max-height:56px}
  .footer .brand-logo{width:168px;max-height:54px}
}


/* Corporate positioning section */
.capability-positioning{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:start;padding:8px 0 6px}
.positioning-copy h2{font-size:clamp(42px,5vw,68px);line-height:1.01;letter-spacing:-.05em;margin:10px 0 20px;color:var(--ink);max-width:780px}
.positioning-copy p{font-size:17px;line-height:1.78;color:#62778c;max-width:720px;margin:0}
.positioning-points{display:grid;gap:0;border-top:1px solid var(--line)}
.positioning-points>div{display:grid;grid-template-columns:170px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}
.positioning-points strong{font-size:13px;line-height:1.45;color:var(--ink);letter-spacing:-.01em}
.positioning-points span{font-size:13px;line-height:1.65;color:#71869a}
@media(max-width:980px){.capability-positioning{grid-template-columns:1fr;gap:32px}.positioning-points>div{grid-template-columns:160px 1fr}}
@media(max-width:620px){.positioning-copy h2{font-size:38px}.positioning-copy p{font-size:15px}.positioning-points>div{grid-template-columns:1fr;gap:8px;padding:18px 0}}


/* Partnership positioning and specialist outreach tracks — 2026-09-28 */
.partnership-positioning{padding-top:76px;padding-bottom:76px;background:linear-gradient(180deg,#f7f9fc,#eef5fb)}
.positioning-ledger{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center;padding:38px;border:1px solid var(--line);border-radius:32px;background:#fff;box-shadow:var(--shadow-sm)}
.positioning-ledger-copy h2{font-size:clamp(38px,4.5vw,62px);line-height:1.02;letter-spacing:-.048em;color:var(--ink);margin:10px 0 18px}
.positioning-ledger-copy p{font-size:15px;line-height:1.78;color:#637a8f;margin:0}
.positioning-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.positioning-tags span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#f8fbff;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#607a91;font-weight:750}
.positioning-ledger-visual{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:center;gap:0;padding:24px;border-radius:24px;background:linear-gradient(145deg,#102a45,#163d5d 58%,#14586a);box-shadow:0 22px 55px rgba(19,51,79,.18)}
.ledger-node{min-height:156px;padding:18px 14px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.07);display:flex;flex-direction:column;justify-content:center}
.ledger-node span{font-size:9px;letter-spacing:.13em;color:#8ddce7;font-weight:800}
.ledger-node strong{font-size:17px;line-height:1.15;color:#fff;margin:10px 0 7px;letter-spacing:-.02em}
.ledger-node small{font-size:10px;line-height:1.45;color:#b6cad9}
.ledger-link{height:1px;background:linear-gradient(90deg,rgba(105,163,255,.25),rgba(129,217,223,.8));position:relative}
.ledger-link:after{content:"";position:absolute;right:-1px;top:50%;width:6px;height:6px;border-top:1px solid #81d9df;border-right:1px solid #81d9df;transform:translateY(-50%) rotate(45deg)}
.partnership-specialisms{scroll-margin-top:100px}
.specialism-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.specialism-card{border:1px solid var(--line);border-radius:30px;background:linear-gradient(150deg,#fff,#f6faff);padding:30px;box-shadow:0 14px 38px rgba(24,61,97,.055);scroll-margin-top:110px}
.specialism-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}
.specialism-index{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:800}
.specialism-state{font-size:9px;text-transform:uppercase;letter-spacing:.10em;color:#447085;border:1px solid #cfe3e8;background:#f3fbfc;padding:6px 8px;border-radius:999px;font-weight:800}
.specialism-card h3{font-size:clamp(31px,3.3vw,46px);line-height:1.02;letter-spacing:-.042em;color:var(--ink);margin:0 0 14px}
.specialism-lead{font-size:14px;line-height:1.7;color:#677e92;margin:0 0 24px}
.specialism-architecture{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;gap:8px;align-items:center;padding:18px;border:1px solid #d8e5f0;border-radius:20px;background:linear-gradient(145deg,#f9fcff,#eef6fb);position:relative;margin-bottom:24px}
.specialism-layer{min-height:116px;padding:14px;border:1px solid rgba(189,207,225,.9);border-radius:15px;background:#fff;display:flex;flex-direction:column;justify-content:center}
.specialism-layer span,.specialism-foundation span{font-size:9px;text-transform:uppercase;letter-spacing:.10em;color:var(--blue);font-weight:800}
.specialism-layer strong{font-size:12px;line-height:1.45;color:var(--ink);margin-top:7px}
.specialism-arrow{text-align:center;color:var(--cyan);font-size:18px}
.specialism-foundation{grid-column:1/-1;padding:11px 14px;border-radius:13px;background:linear-gradient(90deg,#112e4a,#165568);display:flex;align-items:center;justify-content:space-between;gap:18px}
.specialism-foundation span{color:#8fe1e6}
.specialism-foundation strong{font-size:11px;color:#fff;text-align:right}
.specialism-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:5px}
.specialism-columns>div>strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink);margin-bottom:9px}
.specialism-columns ul{margin:0;padding-left:18px;color:#657d91;font-size:12px;line-height:1.65}
.focus-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.focus-preview-card{position:relative;border:1px solid var(--line);border-radius:28px;background:linear-gradient(150deg,#fff,#f5f9fd);padding:28px;min-height:320px;box-shadow:0 10px 28px rgba(24,61,97,.04);transition:.28s var(--ease)}
.focus-preview-card:hover{transform:translateY(-4px);border-color:#b9cdea;box-shadow:0 22px 48px rgba(24,61,97,.09)}
.focus-preview-no{font-size:10px;letter-spacing:.13em;color:var(--blue);font-weight:800}
.focus-preview-card h3{font-size:31px;line-height:1.04;letter-spacing:-.038em;color:var(--ink);margin:34px 0 13px;max-width:520px}
.focus-preview-card p{font-size:13px;line-height:1.68;color:#687f93;max-width:560px}
.focus-preview-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:24px 0 26px}
.focus-preview-stack span{position:relative;text-align:center;padding:10px 6px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#5f778e;font-size:10px;font-weight:750}
.focus-preview-card>strong{font-size:12px;color:var(--blue)}
@media(max-width:1100px){
  .positioning-ledger{grid-template-columns:1fr}
  .specialism-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .positioning-ledger-visual{grid-template-columns:1fr 1fr;gap:10px}
  .ledger-link{display:none}
  .focus-preview-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .partnership-positioning{padding-top:58px;padding-bottom:58px}
  .positioning-ledger{padding:24px;border-radius:24px}
  .positioning-ledger-visual{grid-template-columns:1fr}
  .ledger-node{min-height:auto}
  .specialism-card{padding:23px;border-radius:24px}
  .specialism-top{align-items:flex-start;flex-direction:column;margin-bottom:22px}
  .specialism-architecture{grid-template-columns:1fr;padding:14px}
  .specialism-arrow{transform:rotate(90deg)}
  .specialism-foundation{grid-column:1;align-items:flex-start;flex-direction:column}
  .specialism-foundation strong{text-align:left}
  .specialism-columns{grid-template-columns:1fr}
  .focus-preview-card{padding:23px;min-height:auto}
  .focus-preview-card h3{font-size:28px}
  .focus-preview-stack{grid-template-columns:1fr 1fr}
}


/* Portfolio experience journal — 2026-09-28 */
.portfolio-hero{padding-bottom:86px}
.portfolio-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);gap:58px;align-items:center}
.portfolio-experience-map{position:relative;min-height:520px;border:1px solid var(--line);border-radius:34px;background:
radial-gradient(circle at 50% 48%,rgba(47,101,245,.11),transparent 24%),
radial-gradient(circle at 70% 68%,rgba(11,169,181,.09),transparent 28%),
linear-gradient(145deg,#fff,#edf5fb);box-shadow:var(--shadow);overflow:hidden}
.portfolio-experience-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,101,245,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(47,101,245,.045) 1px,transparent 1px);background-size:44px 44px}
.experience-map-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(145deg,#102b47,#1c5270);box-shadow:0 18px 50px rgba(21,63,94,.24),0 0 0 18px rgba(47,101,245,.05)}
.experience-map-core strong{font-size:22px;color:#fff;letter-spacing:-.04em}.experience-map-core span{font-size:10px;color:#9ed8e2;margin-top:5px}
.experience-map-ring{position:absolute;left:50%;top:50%;border:1px dashed rgba(47,101,245,.22);border-radius:50%;transform:translate(-50%,-50%);z-index:1}
.ring-one{width:300px;height:300px}.ring-two{width:430px;height:430px;border-color:rgba(11,169,181,.18)}
.experience-map-node{position:absolute;z-index:3;min-width:125px;padding:12px 14px;border:1px solid rgba(190,208,225,.95);border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(24,61,97,.08);animation:nodeFloat 6s ease-in-out infinite}
.experience-map-node strong{display:block;font-size:12px;color:var(--ink)}.experience-map-node span{font-size:9px;color:#71869a}
.n-health{left:7%;top:16%}.n-media{right:7%;top:14%;animation-delay:-1s}.n-payments{left:4%;bottom:18%;animation-delay:-2s}.n-cpg{right:6%;bottom:18%;animation-delay:-3s}.n-telco{left:50%;top:5%;transform:translateX(-50%);animation-delay:-4s}.n-mobility{left:50%;bottom:5%;transform:translateX(-50%);animation-delay:-5s}
.portfolio-attribution{padding-top:34px;padding-bottom:34px;background:#fff}
.attribution-band{display:grid;grid-template-columns:.62fr 1.38fr;gap:56px;align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}
.attribution-band h2{font-size:30px;line-height:1.08;letter-spacing:-.035em;color:var(--ink);margin:7px 0 0}
.attribution-band p{font-size:13px;line-height:1.75;color:#667d91;margin:0}
.experience-journal{display:grid;gap:18px}
.experience-entry{display:grid;grid-template-columns:minmax(240px,.34fr) minmax(0,1.66fr);border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 12px 36px rgba(24,61,97,.045);overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}
.experience-entry:hover{transform:translateY(-3px);border-color:#bad0e4;box-shadow:0 24px 56px rgba(24,61,97,.09)}
.experience-entry.is-hidden{display:none}
.experience-side{padding:28px;background:linear-gradient(145deg,#eef5fb,#f9fcff);border-right:1px solid var(--line);position:relative}
.experience-side:after{content:"";position:absolute;right:-1px;top:28px;bottom:28px;width:2px;background:linear-gradient(var(--blue),var(--cyan));opacity:.4}
.experience-no{display:block;font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.13em}
.experience-kind{display:block;margin-top:9px;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#7a8fa3}
.experience-side h3{font-size:29px;line-height:1.02;letter-spacing:-.04em;color:var(--ink);margin:44px 0 8px}
.experience-side p{font-size:12px;color:#73899d;margin:0 0 22px;line-height:1.55}
.role-pill{display:inline-flex;border:1px solid #c8d9e8;background:#fff;border-radius:999px;padding:7px 10px;font-size:10px;color:#46677f;font-weight:800}
.experience-main{padding:30px 32px 32px}
.role-visual{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr;gap:4px;align-items:center;margin-bottom:24px;padding:14px;border-radius:17px;background:linear-gradient(145deg,#f7fbff,#eef6fb);border:1px solid #dce7f1}
.role-visual span{min-height:62px;display:flex;align-items:center;justify-content:center;text-align:center;padding:9px;border-radius:11px;background:#fff;border:1px solid #d7e4ef;font-size:10px;font-weight:750;color:#4c687e;line-height:1.35}
.role-visual i{font-style:normal;text-align:center;color:var(--cyan);font-size:16px}
.experience-main h2{font-size:clamp(28px,3.2vw,43px);line-height:1.04;letter-spacing:-.04em;color:var(--ink);margin:0 0 13px}
.experience-main>p{font-size:14px;line-height:1.72;color:#667e92;max-width:900px}
.experience-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:23px}
.experience-columns>div{padding:20px;border:1px solid var(--line);border-radius:17px;background:#fafdff}
.experience-columns>div>strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-bottom:9px}
.experience-columns ul{margin:0;padding-left:17px;font-size:12px;line-height:1.65;color:#60788d}
.experience-columns p{margin:0;font-size:12px;line-height:1.65;color:#60788d}
.featured-experience{border-color:#bed4e8;background:linear-gradient(145deg,#fff,#f8fbff)}
.evidence-link{display:inline-flex;margin-top:12px;font-size:11px;color:var(--blue);font-weight:800}
.technology-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.technology-group{display:grid;grid-template-columns:190px 1fr;gap:18px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(24,61,97,.03)}
.technology-group>span{font-size:11px;line-height:1.4;color:var(--ink);font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.technology-group>div{display:flex;flex-wrap:wrap;gap:7px}
.technology-group b{font-size:10px;font-weight:700;color:#5e768b;border:1px solid #dce7f0;border-radius:999px;padding:6px 8px;background:#f8fbfd}
.portfolio-narrative{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:60px;align-items:center}
.portfolio-narrative-copy h2{font-size:clamp(38px,4.7vw,62px);line-height:1.02;letter-spacing:-.048em;color:var(--ink);margin:9px 0 18px}
.portfolio-narrative-copy p{font-size:14px;line-height:1.75;color:#657c90}
.portfolio-lifecycle{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#f8fbff,#edf5fb);box-shadow:var(--shadow-sm)}
.portfolio-lifecycle>div{min-height:150px;padding:20px;border:1px solid #d8e5f0;border-radius:18px;background:#fff;display:flex;flex-direction:column;justify-content:center}
.portfolio-lifecycle span{font-size:9px;color:var(--blue);font-weight:800;letter-spacing:.13em}.portfolio-lifecycle strong{font-size:21px;color:var(--ink);margin:10px 0 6px;letter-spacing:-.03em}.portfolio-lifecycle small{font-size:10px;line-height:1.45;color:#70869a}
.evidence-standard{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:start;padding:36px;border-radius:28px;background:linear-gradient(120deg,#112e4a,#173b58 58%,#165568);color:#fff}
.evidence-standard .kicker{color:#82dbe4}.evidence-standard h2{font-size:34px;line-height:1.07;letter-spacing:-.04em;margin:8px 0 0;color:#fff}
.evidence-standard p{font-size:13px;line-height:1.75;color:#c8d8e4;margin:0 0 22px}.evidence-standard p strong{color:#fff}
.evidence-standard .btn-secondary{background:#fff}
@media(max-width:1050px){
  .portfolio-hero-grid,.portfolio-narrative{grid-template-columns:1fr}
  .portfolio-experience-map{min-height:480px}
  .technology-matrix{grid-template-columns:1fr}
}
@media(max-width:820px){
  .experience-entry{grid-template-columns:1fr}
  .experience-side{border-right:0;border-bottom:1px solid var(--line)}
  .experience-side:after{display:none}
  .experience-side h3{margin-top:22px}
  .attribution-band,.evidence-standard{grid-template-columns:1fr;gap:22px}
  .role-visual{grid-template-columns:1fr 18px 1fr}
  .role-visual span:nth-of-type(3),.role-visual span:nth-of-type(4){margin-top:7px}
}
@media(max-width:680px){
  .portfolio-experience-map{min-height:420px}
  .experience-map-ring{display:none}
  .experience-map-core{width:125px;height:125px}
  .experience-map-node{min-width:102px;padding:10px}.experience-map-node strong{font-size:10px}
  .n-health{left:4%;top:12%}.n-media{right:4%;top:12%}.n-payments{left:4%;bottom:12%}.n-cpg{right:4%;bottom:12%}.n-telco{top:3%}.n-mobility{bottom:3%}
  .experience-main{padding:24px}
  .experience-columns{grid-template-columns:1fr}
  .role-visual{grid-template-columns:1fr}.role-visual i{transform:rotate(90deg)}
  .technology-group{grid-template-columns:1fr}
  .portfolio-lifecycle{grid-template-columns:1fr}
}


/* Corporate portfolio + icon technology ecosystem — 2026-09-29 */
.portfolio-hero-v2 .portfolio-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(560px,1.06fr);gap:54px}
.portfolio-capability-console{border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#fff,#eef5fb);box-shadow:0 26px 70px rgba(24,61,97,.12);padding:22px;overflow:hidden;position:relative}
.portfolio-capability-console:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,101,245,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(47,101,245,.04) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}
.console-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:end;padding:4px 4px 18px;border-bottom:1px solid var(--line)}
.console-head span{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.console-head strong{font-size:14px;color:var(--ink);letter-spacing:-.02em;text-align:right}
.company-signal-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 0}
.company-signal{display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid rgba(199,216,231,.95);border-radius:13px;background:rgba(255,255,255,.9)}
.company-mark,.experience-company-mark{position:relative;width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid #dbe7f0;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.company-mark img,.experience-company-mark img{width:22px;height:22px;object-fit:contain;position:relative;z-index:2}
.company-mark>span,.experience-company-mark>span{position:absolute;inset:0;display:grid;place-items:center;font-size:9px;font-weight:850;color:#41627b}
.company-mark img+span,.experience-company-mark img+span{display:none}
.company-signal strong{display:block;font-size:10px;line-height:1.2;color:var(--ink)}
.company-signal small{display:block;font-size:8px;line-height:1.25;color:#748a9e;margin-top:3px}
.architecture-layers{position:relative;z-index:1;display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:stretch;gap:5px;margin-top:4px}
.architecture-stage{padding:15px 12px;border:1px solid #cfdeeb;border-radius:15px;background:#fff;min-height:138px}
.architecture-stage span{display:block;font-size:8px;color:var(--blue);font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.architecture-stage strong{display:block;font-size:13px;line-height:1.18;color:var(--ink);margin:14px 0 7px;letter-spacing:-.02em}
.architecture-stage small{font-size:9px;line-height:1.45;color:#72879b}
.architecture-arrow{display:grid;place-items:center;color:var(--cyan);font-size:18px}
.architecture-foundation{position:relative;z-index:1;margin-top:10px;padding:11px 14px;border-radius:13px;background:linear-gradient(90deg,#102e4b,#165a6b);display:flex;justify-content:space-between;align-items:center;gap:18px}
.architecture-foundation span{font-size:9px;color:#8ee2e8;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
.architecture-foundation strong{font-size:9px;color:#fff;text-align:right;line-height:1.45}
.senior-entry .experience-side{padding:30px}
.experience-company-line{display:flex;align-items:center;gap:12px;margin:38px 0 21px}
.experience-company-line h3{margin:0!important;font-size:27px!important}
.experience-company-line p{margin:5px 0 0!important}
.entry-architecture-strip{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;gap:4px;align-items:center;margin-bottom:25px;padding:12px;border:1px solid #d9e6f0;border-radius:15px;background:linear-gradient(145deg,#f8fbff,#eff6fb)}
.entry-architecture-strip span{padding:10px 7px;text-align:center;background:#fff;border:1px solid #d8e4ee;border-radius:9px;font-size:9px;font-weight:750;color:#587188}
.entry-architecture-strip i{font-style:normal;text-align:center;color:var(--cyan)}
.entry-heading-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.entry-kicker{font-size:9px;color:var(--blue);font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.entry-role-code{flex:0 0 auto;border:1px solid #d8e4ef;background:#f8fbff;color:#527087;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:800}
.senior-entry .experience-main h2{margin-top:7px}
.technical-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:23px}
.technical-profile{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fbfdff}
.technical-profile>strong{display:block;margin-bottom:10px;font-size:10px;color:var(--blue);font-weight:850;text-transform:uppercase;letter-spacing:.09em}
.technical-profile ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.technical-profile li{position:relative;padding-left:18px;font-size:11px;line-height:1.5;color:#60798f}
.technical-profile li:before{content:"";position:absolute;left:2px;top:.58em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.method-card{min-height:205px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 8px 24px rgba(24,61,97,.035)}
.method-card>span{font-size:9px;color:var(--blue);font-weight:850;letter-spacing:.13em}
.method-card strong{display:block;font-size:18px;line-height:1.15;letter-spacing:-.025em;color:var(--ink);margin:35px 0 9px}
.method-card p{font-size:11px;line-height:1.58;color:#6c8194;margin:0}
.ecosystem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ecosystem-group{border:1px solid var(--line);border-radius:22px;background:#fff;padding:20px;box-shadow:0 8px 24px rgba(24,61,97,.035);min-width:0}
.ecosystem-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid #e5edf4}
.ecosystem-group-head span{font-size:11px;line-height:1.3;color:var(--ink);font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.ecosystem-group-head small{font-size:8px;color:#8698a8;white-space:nowrap}
.ecosystem-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}
.tool-tile{min-height:45px;display:flex;align-items:center;gap:9px;border:1px solid #dce7f0;border-radius:11px;background:#f9fcfe;padding:8px 9px;color:#536f85;font-size:9px;font-weight:720;line-height:1.2}
.tool-mark{position:relative;flex:0 0 27px;width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#fff;border:1px solid #e1eaf2;overflow:hidden}
.tool-logo{width:18px;height:18px;object-fit:contain;position:relative;z-index:2}
.tool-fallback{font-size:7px;font-weight:900;color:#456780;letter-spacing:-.02em}
.tool-logo+.tool-fallback{display:none}
.ecosystem-note{margin-top:18px;padding:17px 19px;border-left:3px solid var(--cyan);border-radius:0 14px 14px 0;background:#f5fafc;display:grid;grid-template-columns:230px 1fr;gap:18px}
.ecosystem-note strong{font-size:12px;color:var(--ink)}
.ecosystem-note span{font-size:11px;line-height:1.55;color:#657d91}
.portfolio-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.portfolio-faq-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}
.portfolio-faq-card h3{font-size:18px;line-height:1.2;color:var(--ink);letter-spacing:-.025em;margin:0 0 11px}
.portfolio-faq-card p{font-size:11px;line-height:1.65;color:#687f93;margin:0}
@media(max-width:1180px){.portfolio-hero-v2 .portfolio-hero-grid{grid-template-columns:1fr}.portfolio-capability-console{max-width:900px}.ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.methods-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.company-signal-row{grid-template-columns:repeat(2,1fr)}.architecture-layers,.entry-architecture-strip{grid-template-columns:1fr 18px 1fr}.architecture-stage:nth-of-type(n+3),.entry-architecture-strip span:nth-of-type(n+3){margin-top:6px}.technical-profile-grid{grid-template-columns:1fr}.ecosystem-grid{grid-template-columns:1fr}.portfolio-faq-grid{grid-template-columns:1fr}.ecosystem-note{grid-template-columns:1fr}}
@media(max-width:620px){.portfolio-capability-console{padding:15px;border-radius:22px}.console-head{align-items:flex-start;flex-direction:column}.console-head strong{text-align:left}.company-signal-row{grid-template-columns:1fr 1fr}.architecture-layers,.entry-architecture-strip{grid-template-columns:1fr}.architecture-arrow,.entry-architecture-strip i{transform:rotate(90deg)}.architecture-foundation{align-items:flex-start;flex-direction:column}.architecture-foundation strong{text-align:left}.entry-heading-row{display:block}.entry-role-code{display:inline-flex;margin-top:8px}.methods-grid{grid-template-columns:1fr}.ecosystem-tools{grid-template-columns:1fr}}


/* Homepage capability visual + platform strip — 2026-09-29 */
.hero-visual-v2{height:575px}
.hero-visual-v2 .orbit-card-v2{inset:22px 14px 20px 14px;border-radius:32px}
.hero-visual-v2 .orbit-card-v2:after{border-radius:31px;background:
  radial-gradient(circle at 50% 46%,rgba(255,255,255,.99),rgba(239,247,253,.95) 48%,rgba(231,241,250,.98) 100%)}
.hero-capability-card{position:absolute;z-index:5;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;min-width:202px;padding:13px 15px;border:1px solid rgba(193,209,225,.94);border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(31,73,112,.10);backdrop-filter:blur(14px);animation:drift 6.2s ease-in-out infinite}
.hero-capability-icon{width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#edf4ff,#f7fbff);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(47,101,245,.06)}
.hero-capability-icon svg{width:27px;height:27px;stroke:#2f65f5;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hero-capability-card strong{display:block;font-size:14px;line-height:1.15;color:var(--ink);letter-spacing:-.02em;margin-bottom:4px}
.hero-capability-card span:not(.hero-capability-icon){display:block;font-size:9px;line-height:1.45;color:#7a8fa3;white-space:nowrap}
.hcc-data{left:6px;top:58px;animation-delay:-.8s}
.hcc-analytics{left:-26px;top:204px;animation-delay:-2s}
.hcc-ai{right:-4px;top:96px;animation-delay:-3.2s}
.hcc-cloud{left:16px;bottom:40px;animation-delay:-4.4s}
.hcc-operate{right:2px;bottom:58px;animation-delay:-1.8s}
.hero-visual-v2 .signal-core{width:118px;height:118px;box-shadow:0 0 0 16px rgba(47,101,245,.045),0 0 64px rgba(47,101,245,.22),0 0 115px rgba(11,169,181,.14)}
.hero-visual-v2 .signal-core:before{inset:-52px}
.hero-visual-v2 .signal-core:after{inset:-112px}
.hero-visual-v2 .dp1{left:24%;top:30%}.hero-visual-v2 .dp2{right:25%;top:37%}.hero-visual-v2 .dp3{left:31%;bottom:23%}.hero-visual-v2 .dp4{right:28%;bottom:25%}

.platform-trust-strip{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f7f9fb,#f1f4f7);padding:30px 0 34px}
.platform-trust-inner{display:grid;grid-template-columns:150px 1px 1fr;gap:28px;align-items:center}
.platform-trust-copy{font-size:9px;line-height:1.45;color:#a3b2c0;letter-spacing:.09em;font-weight:800}
.platform-trust-copy span,.platform-trust-copy strong{display:block}
.platform-trust-copy strong{font-weight:800;color:#98a9b8}
.platform-trust-divider{width:1px;height:48px;background:#dce4eb}
.platform-brand-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:24px;align-items:center}
.platform-brand{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;opacity:.74;filter:saturate(.12);transition:.25s var(--ease)}
.platform-brand:hover{opacity:1;filter:saturate(.45);transform:translateY(-1px)}
.platform-brand img{width:29px;height:29px;object-fit:contain;flex:0 0 auto}
.platform-brand span{font-size:13px;font-weight:650;color:#71859a;white-space:nowrap;letter-spacing:-.02em}

@media(max-width:1180px){
  .hero-visual-v2{height:560px}
  .hero-capability-card{min-width:185px;padding:12px;grid-template-columns:42px 1fr}
  .hero-capability-icon{width:42px;height:42px}
  .hero-capability-card strong{font-size:13px}
  .hero-capability-card span:not(.hero-capability-icon){font-size:8px}
  .platform-brand-row{gap:16px}
  .platform-brand span{font-size:11px}
}
@media(max-width:900px){
  .platform-trust-inner{grid-template-columns:1fr}
  .platform-trust-divider{display:none}
  .platform-trust-copy{text-align:center}
  .platform-brand-row{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
  .hero-visual-v2{height:650px}
  .hero-visual-v2 .orbit-card-v2{inset:74px 12px 66px}
  .hero-capability-card{min-width:172px}
  .hcc-data{left:0;top:22px}.hcc-ai{right:0;top:22px}.hcc-analytics{left:0;top:152px}.hcc-cloud{left:0;bottom:14px}.hcc-operate{right:0;bottom:14px}
  .platform-brand-row{grid-template-columns:repeat(2,1fr);gap:18px 12px}
}
@media(max-width:520px){
  .hero-visual-v2{height:720px}
  .hero-visual-v2 .orbit-card-v2{inset:170px 8px 150px}
  .hero-capability-card{position:absolute;left:8px!important;right:8px!important;width:auto;min-width:0;animation:none}
  .hcc-data{top:8px}.hcc-analytics{top:84px}.hcc-ai{top:160px}.hcc-cloud{bottom:84px}.hcc-operate{bottom:8px}
  .hero-capability-card span:not(.hero-capability-icon){white-space:normal}
  .platform-brand-row{grid-template-columns:1fr 1fr}
}

/* Inline platform marks — remove external logo dependency — 2026-09-29 */
.platform-brand-icon{width:30px;height:30px;display:block;flex:0 0 auto;color:#71859a;overflow:visible}
.brand-aws .platform-brand-icon{width:36px}
.brand-microsoft .platform-brand-icon{width:27px;height:27px}
.brand-databricks .platform-brand-icon{width:31px}
.brand-googlecloud .platform-brand-icon{width:32px}
.brand-snowflake .platform-brand-icon{width:29px}
.brand-terraform .platform-brand-icon{width:29px}
.brand-kubernetes .platform-brand-icon{width:30px}


/* Platform strip spacing correction — 2026-09-29 */
.platform-trust-inner{
  grid-template-columns:170px 1px minmax(0,1fr);
  gap:26px;
}
.platform-brand-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(24px,2.1vw,38px);
  min-width:0;
}
.platform-brand{
  flex:0 0 auto;
  justify-content:flex-start;
  gap:9px;
  min-width:max-content;
}
.platform-brand span{
  font-size:12px;
  line-height:1;
}
.platform-brand-icon{
  width:25px;
  height:25px;
  flex:0 0 25px;
}
.brand-aws .platform-brand-icon{width:28px;height:25px;flex-basis:28px}
.brand-microsoft .platform-brand-icon{width:23px;height:23px;flex-basis:23px}
.brand-databricks .platform-brand-icon{width:25px;height:25px;flex-basis:25px}
.brand-googlecloud .platform-brand-icon{width:26px;height:25px;flex-basis:26px}
.brand-snowflake .platform-brand-icon{width:24px;height:24px;flex-basis:24px}
.brand-terraform .platform-brand-icon{width:24px;height:24px;flex-basis:24px}
.brand-kubernetes .platform-brand-icon{width:25px;height:25px;flex-basis:25px}

@media(max-width:1180px){
  .platform-trust-inner{grid-template-columns:155px 1px minmax(0,1fr);gap:20px}
  .platform-brand-row{gap:18px;justify-content:space-between}
  .platform-brand span{font-size:11px}
}
@media(max-width:1020px){
  .platform-brand-row{flex-wrap:wrap;justify-content:center;row-gap:16px}
  .platform-brand{margin:0 4px}
}


/* Homepage representative team experience — 2026-09-30 */
.team-experience-preview{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#f8fafc 0%,#f3f7fa 100%);
  padding:34px 0 38px;
}
.team-experience-intro{
  display:grid;
  grid-template-columns:170px 1px minmax(0,1fr) auto;
  gap:26px;
  align-items:center;
  margin-bottom:24px;
}
.team-experience-label{
  font-size:9px;
  line-height:1.45;
  color:#a0afbd;
  letter-spacing:.09em;
  font-weight:850;
}
.team-experience-label span,.team-experience-label strong{display:block}
.team-experience-label strong{color:#8ea0af}
.team-experience-divider{width:1px;height:48px;background:#dce5ec}
.team-experience-copy{display:grid;gap:5px;max-width:720px}
.team-experience-copy strong{
  color:var(--ink);
  font-size:15px;
  line-height:1.25;
  letter-spacing:-.018em;
}
.team-experience-copy span{
  color:#70869a;
  font-size:11px;
  line-height:1.55;
}
.team-experience-link{
  white-space:nowrap;
  color:var(--blue);
  font-size:11px;
  font-weight:800;
}
.experience-brand-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
}
.experience-brand{
  min-width:0;
  min-height:72px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 13px;
  border:1px solid #dce6ee;
  border-radius:13px;
  background:rgba(255,255,255,.86);
  box-shadow:0 5px 16px rgba(24,61,97,.025);
  transition:.22s var(--ease);
}
.experience-brand:hover{
  transform:translateY(-1px);
  border-color:#c8d8e6;
  background:#fff;
  box-shadow:0 9px 24px rgba(24,61,97,.055);
}
.experience-brand-mark{
  position:relative;
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #e0e8ef;
  border-radius:9px;
  background:#fff;
}
.experience-brand-mark img{
  position:relative;
  z-index:2;
  width:23px;
  height:23px;
  object-fit:contain;
  filter:saturate(.35);
}
.experience-brand-mark>span{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#577087;
  font-size:8px;
  font-weight:900;
  letter-spacing:-.02em;
}
.experience-brand-mark img+span{display:none}
.experience-brand strong{
  min-width:0;
  color:#536c82;
  font-size:10px;
  line-height:1.25;
  font-weight:750;
}
.experience-brand strong small{
  display:block;
  margin-top:2px;
  color:#8a9baa;
  font-size:7px;
  line-height:1.15;
  font-weight:650;
}
@media(max-width:1180px){
  .experience-brand-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:900px){
  .team-experience-intro{grid-template-columns:1fr;gap:10px}
  .team-experience-divider{display:none}
  .team-experience-link{justify-self:start;margin-top:2px}
  .experience-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .team-experience-preview{padding:28px 0 30px}
  .experience-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .experience-brand{min-height:64px;padding:10px}
  .experience-brand-mark{width:30px;height:30px;flex-basis:30px}
  .experience-brand-mark img{width:20px;height:20px}
}


/* Cloudflare RUM performance corrections — 2026-09-30 */
.cursor-glow{display:none!important}
main>section:first-child .reveal{opacity:1!important;transform:none!important;transition:none!important}
.hero-canvas{contain:strict}
@media (prefers-reduced-motion:reduce){
  .hero h1 .soft,.page-hero h1 .soft{animation:none}
  .motion-track,.hero-capability-card{animation:none!important}
}

/* Insight article shells are often taller than ten viewports.
   IntersectionObserver threshold 0.1 then never adds .in, which left the whole article at opacity 0.
   Smaller .reveal sections and cards keep the entrance animation. */
.article-shell.reveal{opacity:1;transform:none;transition:none}


/* Insights catalog redesign — 2026-10-01 */
.insights-hero{
  position:relative;
  overflow:hidden;
  padding:86px 0 78px;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 82% 18%,rgba(47,101,245,.12),transparent 26%),
    radial-gradient(circle at 70% 72%,rgba(11,169,181,.09),transparent 24%),
    linear-gradient(180deg,#fbfdff 0%,#f4f8fc 100%);
}
.insights-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(47,101,245,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(47,101,245,.035) 1px,transparent 1px);
  background-size:68px 68px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 96%);
}
.insights-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
  gap:72px;
  align-items:end;
}
.insights-hero-copy h1{
  max-width:900px;
  margin:22px 0 22px;
  color:var(--ink);
  font-size:clamp(48px,6.4vw,82px);
  line-height:.96;
  letter-spacing:-.056em;
  font-weight:700;
}
.insights-hero-copy h1 .soft{
  background:linear-gradient(90deg,var(--blue),#4f7ce3 48%,var(--cyan));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.insights-hero-copy>p{
  max-width:790px;
  margin:0;
  color:#5f758a;
  font-size:18px;
  line-height:1.65;
}
.insights-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:30px;
}
.insights-hero-meta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 11px;
  border:1px solid rgba(197,214,230,.92);
  border-radius:999px;
  background:rgba(255,255,255,.74);
  color:#73889a;
  font-size:11px;
  box-shadow:0 6px 20px rgba(31,73,112,.035);
}
.insights-hero-meta strong{color:#244762;font-weight:780}
.insights-hero-panel{
  position:relative;
  overflow:hidden;
  padding:30px;
  border:1px solid rgba(190,209,227,.92);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(237,245,252,.88));
  box-shadow:0 22px 55px rgba(26,68,105,.09);
}
.insights-hero-panel:before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-95px;
  top:-105px;
  border-radius:50%;
  border:1px solid rgba(47,101,245,.13);
  box-shadow:0 0 0 38px rgba(47,101,245,.025),0 0 0 76px rgba(11,169,181,.018);
}
.insights-panel-kicker{
  position:relative;
  z-index:2;
  display:inline-block;
  color:var(--blue);
  font-size:10px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.insights-hero-panel h2{
  position:relative;
  z-index:2;
  margin:12px 0 12px;
  color:var(--ink);
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.insights-hero-panel>p{
  position:relative;
  z-index:2;
  margin:0;
  color:#698095;
  font-size:13px;
  line-height:1.7;
}
.insights-focus-list{
  position:relative;
  z-index:2;
  display:grid;
  gap:8px;
  margin-top:24px;
}
.insights-focus-list span{
  display:flex;
  align-items:center;
  gap:10px;
  padding-top:9px;
  border-top:1px solid rgba(207,220,232,.8);
  color:#4f6c83;
  font-size:11px;
  font-weight:700;
}
.insights-focus-list span:before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:linear-gradient(145deg,var(--blue),var(--cyan));
  box-shadow:0 0 0 4px rgba(47,101,245,.06);
}

.insights-featured-section{padding:76px 0 84px;background:#fff}
.insights-section-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:28px;
}
.insights-section-heading h2,
.insights-library-head h2{
  margin:6px 0 0;
  color:var(--ink);
  font-size:clamp(32px,4vw,48px);
  line-height:1.04;
  letter-spacing:-.042em;
}
.insights-text-link{
  color:var(--blue);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.featured-insight-card{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:30px;
  background:linear-gradient(145deg,#fff,#f3f8fc);
  box-shadow:0 20px 55px rgba(27,68,104,.08);
  transition:.3s var(--ease);
}
.featured-insight-card:hover{
  transform:translateY(-4px);
  border-color:#bfd1e2;
  box-shadow:0 28px 68px rgba(27,68,104,.12);
}
.featured-insight-media{
  position:relative;
  min-height:430px;
  overflow:hidden;
  background:#eaf2f8;
}
.featured-insight-media:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,rgba(13,31,51,.18));
}
.featured-insight-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s var(--ease);
}
.featured-insight-card:hover .featured-insight-media img{transform:scale(1.025)}
.featured-insight-badge{
  position:absolute;
  z-index:2;
  left:20px;
  top:20px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.74);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
  color:#274e6c;
  font-size:10px;
  font-weight:820;
  letter-spacing:.04em;
}
.featured-insight-copy{
  padding:42px 40px 38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.catalog-meta-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  color:#7990a4;
  font-size:10px;
  font-weight:760;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.featured-insight-copy h2{
  margin:17px 0 16px;
  color:var(--ink);
  font-size:clamp(30px,3.5vw,46px);
  line-height:1.03;
  letter-spacing:-.046em;
}
.featured-insight-copy>p{
  margin:0;
  color:#647b90;
  font-size:14px;
  line-height:1.72;
}
.featured-insight-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}
.featured-insight-points span{
  padding:7px 9px;
  border:1px solid #dce6ef;
  border-radius:999px;
  background:#fff;
  color:#627c91;
  font-size:10px;
  font-weight:720;
}
.featured-read,.catalog-read{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:28px;
  color:var(--blue);
  font-size:12px;
  font-weight:820;
}
.featured-read b,.catalog-read b{font-size:15px;transition:transform .2s var(--ease)}
.featured-insight-card:hover .featured-read b,
.catalog-card:hover .catalog-read b{transform:translate(2px,-2px)}

.insights-library-section{
  padding:82px 0 96px;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,#f4f8fb 0%,#f9fbfd 100%);
}
.insights-library-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,420px);
  gap:54px;
  align-items:end;
}
.insights-library-head p{
  max-width:720px;
  margin:12px 0 0;
  color:#6b8195;
  font-size:13px;
  line-height:1.65;
}
.insights-search-wrap{display:grid;gap:8px}
.insights-search-wrap label{
  color:#75899c;
  font-size:10px;
  font-weight:820;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.insights-search-box{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid #cedce8;
  border-radius:15px;
  background:#fff;
  box-shadow:0 7px 20px rgba(29,70,106,.035);
}
.insights-search-box>span{color:#7e92a4;font-size:18px}
.insights-search-box input{
  width:100%;
  border:0;
  outline:0;
  padding:13px 0;
  background:transparent;
  color:var(--ink);
  font-size:13px;
}
.insights-search-box input::placeholder{color:#9aabba}
.insights-filter-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:28px 0 26px;
}
.insight-filter{
  border:1px solid #d3e0eb;
  border-radius:999px;
  padding:8px 11px;
  background:rgba(255,255,255,.76);
  color:#6b8194;
  font-size:10px;
  font-weight:760;
  cursor:pointer;
  transition:.2s var(--ease);
}
.insight-filter:hover{border-color:#abc1d6;color:#3b5b73;background:#fff}
.insight-filter.is-active{
  border-color:#9dbbff;
  background:#edf3ff;
  color:#2459e9;
  box-shadow:0 5px 14px rgba(47,101,245,.07);
}
.insights-result-count{
  margin-left:auto;
  color:#8194a5;
  font-size:10px;
  font-weight:760;
}
.insights-catalog{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.catalog-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 10px 28px rgba(24,61,97,.045);
  transition:.28s var(--ease);
}
.catalog-card:hover{
  transform:translateY(-4px);
  border-color:#bdd0e2;
  box-shadow:0 22px 50px rgba(24,61,97,.095);
}
.catalog-card[hidden]{display:none!important}
.catalog-card>a{display:block;height:100%}
.catalog-card-visual{
  position:relative;
  overflow:hidden;
  height:250px;
  border-bottom:1px solid #e3ebf2;
}
.catalog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.catalog-card:hover .catalog-card-image img{transform:scale(1.025)}
.catalog-card-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 52%,rgba(13,31,51,.14));
}
.catalog-visual-label{
  position:absolute;
  z-index:4;
  left:17px;
  top:17px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.76);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
  color:#45677f;
  font-size:9px;
  font-weight:820;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.visual-data,.visual-ai,.visual-platform{
  display:flex;
  align-items:flex-end;
  padding:24px;
}
.visual-data{
  background:
    radial-gradient(circle at 78% 20%,rgba(47,101,245,.20),transparent 28%),
    radial-gradient(circle at 18% 76%,rgba(11,169,181,.18),transparent 25%),
    linear-gradient(145deg,#eef5fb,#f9fbfd);
}
.visual-ai{
  background:
    radial-gradient(circle at 22% 24%,rgba(119,103,232,.18),transparent 25%),
    radial-gradient(circle at 78% 75%,rgba(11,169,181,.18),transparent 28%),
    linear-gradient(145deg,#f3f0ff,#f6fbfd);
}
.visual-platform{
  background:
    radial-gradient(circle at 78% 22%,rgba(47,101,245,.16),transparent 25%),
    radial-gradient(circle at 22% 78%,rgba(102,128,156,.13),transparent 24%),
    linear-gradient(145deg,#eff4f9,#fbfcfd);
}
.visual-data:before,.visual-ai:before,.visual-platform:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(47,101,245,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(47,101,245,.05) 1px,transparent 1px);
  background-size:34px 34px;
}
.visual-data:after,.visual-ai:after,.visual-platform:after{
  content:"";
  position:absolute;
  right:-62px;
  top:38px;
  width:210px;
  height:210px;
  border-radius:50%;
  border:1px solid rgba(47,101,245,.15);
  box-shadow:0 0 0 34px rgba(47,101,245,.025),0 0 0 68px rgba(11,169,181,.018);
}
.catalog-visual-copy{
  position:relative;
  z-index:3;
  max-width:85%;
  display:grid;
  gap:6px;
}
.catalog-visual-copy small{
  color:#7890a5;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
}
.catalog-visual-copy strong{
  color:var(--ink);
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.035em;
}
.catalog-visual-copy em{
  color:#698095;
  font-size:11px;
  font-style:normal;
}
.catalog-card-body{padding:24px}
.catalog-card-body h3{
  margin:13px 0 11px;
  color:var(--ink);
  font-size:25px;
  line-height:1.08;
  letter-spacing:-.032em;
}
.catalog-card-body p{
  margin:0;
  color:#6e8396;
  font-size:12px;
  line-height:1.66;
}
.catalog-card-body .catalog-read{margin-top:20px}
.insights-empty-state{
  margin-top:20px;
  padding:34px;
  border:1px dashed #c7d8e7;
  border-radius:22px;
  text-align:center;
  background:rgba(255,255,255,.72);
}
.insights-empty-state strong{display:block;color:var(--ink);font-size:18px}
.insights-empty-state p{margin:7px 0 14px;color:#74899b;font-size:12px}
.insights-empty-state button{
  border:1px solid #bdd0e2;
  border-radius:999px;
  padding:8px 12px;
  background:#fff;
  color:var(--blue);
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.insights-cta-section{padding:0 0 96px;background:#f9fbfd}
.insights-cta-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:42px;
  padding:38px 42px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(120deg,#fff,#edf5fb);
  box-shadow:0 15px 38px rgba(24,61,97,.06);
}
.insights-cta-panel h2{
  max-width:720px;
  margin:8px 0 10px;
  color:var(--ink);
  font-size:34px;
  line-height:1.06;
  letter-spacing:-.038em;
}
.insights-cta-panel p{max-width:760px;margin:0;color:#6b8195;font-size:12px;line-height:1.65}
.insights-cta-panel .actions{flex:0 0 auto}

/* Homepage Insights discovery */
.home-insights-preview{
  padding:84px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fff,#f5f9fc);
}
.home-insights-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:32px;
  margin-bottom:26px;
}
.home-insights-heading h2{
  max-width:780px;
  margin:7px 0 0;
  color:var(--ink);
  font-size:clamp(36px,4.6vw,58px);
  line-height:1.03;
  letter-spacing:-.046em;
}
.home-insights-grid{
  display:grid;
  grid-template-columns:1.25fr .875fr .875fr;
  gap:14px;
}
.home-insight-card{
  min-height:330px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  padding:26px;
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 10px 28px rgba(24,61,97,.04);
  transition:.28s var(--ease);
}
.home-insight-card:hover{
  transform:translateY(-4px);
  border-color:#bdd0e2;
  box-shadow:0 22px 48px rgba(24,61,97,.09);
}
.home-insight-card.primary{
  position:relative;
  color:#fff;
  background:
    linear-gradient(180deg,rgba(13,31,51,.05),rgba(13,31,51,.74)),
    url("/assets/img/insights/genai-finops-capacity-focus/hero.webp") center/cover no-repeat;
}
.home-insight-card.primary:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(23,59,88,.28),rgba(47,101,245,.08));
}
.home-insight-card>div,.home-insight-card>span{position:relative;z-index:2}
.home-insight-card .meta{
  color:#8195a7;
  font-size:9px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.home-insight-card.primary .meta{color:rgba(255,255,255,.76)}
.home-insight-card h3{
  margin:13px 0 10px;
  color:var(--ink);
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.032em;
}
.home-insight-card.primary h3{
  max-width:600px;
  color:#fff;
  font-size:32px;
}
.home-insight-card p{
  margin:0;
  color:#708598;
  font-size:12px;
  line-height:1.65;
}
.home-insight-card.primary p{max-width:590px;color:rgba(255,255,255,.8)}
.home-insight-card .read{
  color:var(--blue);
  font-size:11px;
  font-weight:820;
}
.home-insight-card.primary .read{color:#fff}

@media(max-width:1050px){
  .insights-hero-grid{grid-template-columns:1fr;gap:34px}
  .insights-hero-panel{max-width:760px}
  .featured-insight-card{grid-template-columns:1fr}
  .featured-insight-media{min-height:360px}
  .insights-library-head{grid-template-columns:1fr}
  .insights-search-wrap{max-width:520px}
  .home-insights-grid{grid-template-columns:1fr 1fr}
  .home-insight-card.primary{grid-column:1 / -1}
}
@media(max-width:760px){
  .insights-hero{padding:62px 0 58px}
  .insights-hero-copy h1{font-size:54px}
  .insights-hero-copy>p{font-size:16px}
  .insights-featured-section{padding:58px 0 64px}
  .insights-section-heading{align-items:flex-start;flex-direction:column}
  .featured-insight-media{min-height:280px}
  .featured-insight-copy{padding:28px 24px}
  .insights-library-section{padding:62px 0 72px}
  .insights-catalog{grid-template-columns:1fr}
  .insights-result-count{width:100%;margin:6px 0 0}
  .insights-cta-panel{align-items:flex-start;flex-direction:column;padding:30px}
  .insights-cta-panel .actions{flex:initial}
  .home-insights-heading{align-items:flex-start;flex-direction:column}
  .home-insights-grid{grid-template-columns:1fr}
  .home-insight-card.primary{grid-column:auto}
}
@media(max-width:520px){
  .insights-hero-copy h1{font-size:44px}
  .insights-hero-panel{padding:24px}
  .insights-hero-panel h2{font-size:26px}
  .featured-insight-media{min-height:220px}
  .featured-insight-copy h2{font-size:30px}
  .catalog-card-visual{height:215px}
  .catalog-visual-copy strong{font-size:21px}
  .catalog-card-body h3{font-size:22px}
  .insights-cta-panel h2{font-size:29px}
  .home-insights-preview{padding:62px 0}
  .home-insight-card{min-height:290px}
  .home-insight-card.primary h3{font-size:28px}
}


/* Insights media polish — 2026-10-01 */
/* Keep article-listing media consistent, clear and independent from article-body diagrams. */
.featured-insight-media{
  min-height:0;
  aspect-ratio:16/9;
  background:#f4f9fd;
}
.featured-insight-media:after{
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(22,58,88,.04));
}
.featured-insight-media img,
.catalog-card-image img,
.home-insight-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.catalog-card>a{
  display:grid;
  grid-template-rows:auto 1fr;
  height:100%;
}
.catalog-card-visual{
  height:auto;
  aspect-ratio:16/9;
  background:#f4f9fd;
}
.catalog-card-image:after{display:none}
.catalog-card-body{
  display:flex;
  flex-direction:column;
  min-height:245px;
}
.catalog-card-body .catalog-read{
  margin-top:auto;
  padding-top:20px;
}
.catalog-visual-label{
  background:rgba(255,255,255,.92);
  border-color:rgba(205,220,233,.95);
  box-shadow:0 5px 18px rgba(31,73,112,.06);
  backdrop-filter:blur(10px);
}

/* Homepage cards use the same media system; no copy is placed on top of busy imagery. */
.home-insights-grid{
  grid-template-columns:1.18fr .91fr .91fr;
  align-items:stretch;
}
.home-insight-card,
.home-insight-card.primary{
  min-height:0;
  display:grid;
  grid-template-rows:auto 1fr;
  overflow:hidden;
  padding:0;
  color:inherit;
  background:#fff;
}
.home-insight-card.primary:before{display:none}
.home-insight-media{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
  border-bottom:1px solid #e2ebf2;
  background:#f4f9fd;
}
.home-insight-media img{transition:transform .5s var(--ease)}
.home-insight-card:hover .home-insight-media img{transform:scale(1.018)}
.home-insight-badge{
  position:absolute;
  left:16px;
  top:16px;
  padding:7px 10px;
  border:1px solid rgba(202,217,230,.95);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#2f65f5;
  font-size:9px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 6px 18px rgba(31,73,112,.07);
}
.home-insight-body{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:24px;
}
.home-insight-card>div,
.home-insight-card>span{position:static}
.home-insight-card .meta,
.home-insight-card.primary .meta{
  color:#7890a4;
}
.home-insight-card h3,
.home-insight-card.primary h3{
  max-width:none;
  margin:13px 0 10px;
  color:var(--ink);
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.032em;
}
.home-insight-card.primary h3{font-size:29px}
.home-insight-card p,
.home-insight-card.primary p{
  max-width:none;
  margin:0;
  color:#708598;
}
.home-insight-card .read,
.home-insight-card.primary .read{
  display:inline-flex;
  margin-top:auto;
  padding-top:22px;
  color:var(--blue);
}
@media(max-width:1050px){
  .home-insights-grid{grid-template-columns:1fr 1fr}
  .home-insight-card.primary{grid-column:1 / -1}
}
@media(max-width:760px){
  .home-insights-grid{grid-template-columns:1fr}
  .home-insight-card.primary{grid-column:auto}
  .home-insight-card.primary h3{font-size:25px}
  .catalog-card-body{min-height:0}
}

/* Portfolio company logo clarity — 2026-10-02 */
.portfolio-capability-console .company-signal-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:18px 0}
.portfolio-capability-console .company-signal{grid-template-columns:58px minmax(0,1fr);gap:10px;min-height:62px;padding:9px 10px}
.company-mark{width:58px;height:42px;border-radius:10px;background:#fff;border:1px solid #dbe7f0;display:grid;place-items:center;overflow:hidden;box-shadow:0 5px 14px rgba(24,61,97,.035)}
.company-mark img{width:50px;height:32px;max-width:50px;max-height:32px;object-fit:contain;position:relative;z-index:2}
.company-signal strong{font-size:10.5px;line-height:1.18}.company-signal small{font-size:8.2px;line-height:1.3}
.experience-company-mark{width:76px;height:54px;border-radius:12px;background:#fff;border:1px solid #dbe7f0;display:grid;place-items:center;overflow:hidden;flex:0 0 76px;box-shadow:0 8px 20px rgba(24,61,97,.05)}
.experience-company-mark img{width:66px;height:42px;max-width:66px;max-height:42px;object-fit:contain;position:relative;z-index:2}
.experience-company-line{gap:15px}
@media(max-width:820px){.portfolio-capability-console .company-signal-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.portfolio-capability-console .company-signal{grid-template-columns:48px minmax(0,1fr);min-height:58px;padding:8px}.company-mark{width:48px;height:38px}.company-mark img{width:42px;height:28px}.experience-company-mark{width:64px;height:48px;flex-basis:64px}.experience-company-mark img{width:56px;height:36px}}


/* Homepage continuous company marquee — 2026-10-02 */
.team-experience-preview{
  overflow:hidden;
  padding:38px 0 44px;
  background:linear-gradient(180deg,#f9fbfd 0%,#f2f7fb 100%);
}
.team-experience-intro{margin-bottom:26px}
.experience-brand-grid{display:none!important}

.experience-marquee{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:3px 0 6px;
  isolation:isolate;
}
.experience-marquee-track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:yottalyte-company-marquee-ltr 42s linear infinite;
}
.experience-marquee-group{
  display:flex;
  flex:0 0 auto;
  align-items:stretch;
  gap:16px;
  margin-right:16px;
}
.experience-marquee-item{
  width:230px;
  min-height:116px;
  flex:0 0 230px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:15px 18px 13px;
  border:1px solid rgba(198,215,230,.98);
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(24,61,97,.055);
}
.experience-marquee-logo{
  width:164px;
  height:58px;
  display:grid;
  place-items:center;
}
.experience-marquee-logo img{
  width:154px;
  height:54px;
  max-width:154px;
  max-height:54px;
  object-fit:contain;
  display:block;
}
.experience-marquee-name{
  min-height:27px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#18354f;
  font-size:13px;
  line-height:1.15;
  font-weight:800;
  text-align:center;
  letter-spacing:-.012em;
}
.experience-marquee-name small{
  display:block;
  margin-top:3px;
  color:#8293a3;
  font-size:8px;
  line-height:1.1;
  font-weight:650;
}
.experience-marquee-fade{
  position:absolute;
  z-index:4;
  top:0;
  bottom:0;
  width:70px;
  pointer-events:none;
}
.experience-marquee-fade-left{
  left:0;
  background:linear-gradient(90deg,#f4f8fb 0%,rgba(244,248,251,.9) 34%,rgba(244,248,251,0) 100%);
}
.experience-marquee-fade-right{
  right:0;
  background:linear-gradient(270deg,#f4f8fb 0%,rgba(244,248,251,.9) 34%,rgba(244,248,251,0) 100%);
}
@keyframes yottalyte-company-marquee-ltr{
  from{transform:translateX(-50%)}
  to{transform:translateX(0)}
}

@media(max-width:900px){
  .experience-marquee-item{width:205px;flex-basis:205px;min-height:106px;padding:13px 15px}
  .experience-marquee-logo{width:148px;height:52px}
  .experience-marquee-logo img{width:140px;height:48px;max-width:140px;max-height:48px}
  .experience-marquee-name{font-size:12px}
  .experience-marquee-track{animation-duration:38s}
}
@media(max-width:620px){
  .team-experience-preview{padding:30px 0 34px}
  .experience-marquee-item{width:176px;flex-basis:176px;min-height:96px;padding:12px 12px 10px;border-radius:15px}
  .experience-marquee-logo{width:130px;height:45px}
  .experience-marquee-logo img{width:124px;height:43px;max-width:124px;max-height:43px}
  .experience-marquee-name{font-size:11px}
  .experience-marquee-fade{width:34px}
  .experience-marquee-track{animation-duration:34s}
}
@media(prefers-reduced-motion:reduce){
  .experience-marquee{overflow-x:auto;scrollbar-width:none}
  .experience-marquee::-webkit-scrollbar{display:none}
  .experience-marquee-track{animation:none;transform:none}
  .experience-marquee-group[aria-hidden="true"]{display:none}
  .experience-marquee-fade{display:none}
}


/* Homepage company marquee refinement — 2026-10-02 */
.experience-marquee{padding:6px 0 10px}
.experience-marquee-track{animation-duration:46s}
.experience-marquee-group{gap:18px;margin-right:18px}
.experience-marquee-item{
  width:258px;
  min-height:136px;
  flex:0 0 258px;
  gap:10px;
  padding:17px 20px 15px;
  overflow:visible;
}
.experience-marquee-logo{
  width:188px;
  height:72px;
  flex:0 0 72px;
}
.experience-marquee-logo img{
  width:178px;
  height:68px;
  max-width:178px;
  max-height:68px;
  object-fit:contain;
  object-position:center;
  display:block;
}
.experience-marquee-name{
  width:100%;
  min-height:32px;
  padding:0 2px;
  color:#17354f;
  font-size:14px;
  line-height:1.18;
  font-weight:820;
  text-align:center;
  white-space:normal;
  overflow:visible;
  overflow-wrap:anywhere;
  word-break:normal;
}
.experience-marquee-name small{
  margin-top:3px;
  font-size:9px;
  line-height:1.15;
}
.experience-marquee:hover .experience-marquee-track{
  animation-play-state:paused;
}
@media(max-width:1100px){
  .experience-marquee-item{width:230px;flex-basis:230px;min-height:124px;padding:15px 17px 13px}
  .experience-marquee-logo{width:164px;height:62px;flex-basis:62px}
  .experience-marquee-logo img{width:156px;height:58px;max-width:156px;max-height:58px}
  .experience-marquee-name{font-size:13px;min-height:30px}
  .experience-marquee-track{animation-duration:42s}
}
@media(max-width:700px){
  .experience-marquee-group{gap:12px;margin-right:12px}
  .experience-marquee-item{width:188px;flex-basis:188px;min-height:108px;padding:12px 12px 11px;border-radius:15px}
  .experience-marquee-logo{width:140px;height:52px;flex-basis:52px}
  .experience-marquee-logo img{width:134px;height:50px;max-width:134px;max-height:50px}
  .experience-marquee-name{font-size:12px;line-height:1.18;min-height:28px}
  .experience-marquee-name small{font-size:8px}
  .experience-marquee-track{animation-duration:38s}
}
@media(hover:none){
  .experience-marquee:hover .experience-marquee-track{animation-play-state:running}
}


/* Exact company-deck logo marquee — 2026-10-02
   Uses the raster artwork extracted directly from the approved capability-deck slide. */
.experience-marquee{
  padding:8px 0 12px;
}
.experience-marquee-track{
  animation-duration:44s;
}
.experience-marquee-group{
  gap:18px;
  margin-right:18px;
}
.experience-marquee-item{
  width:258px;
  min-height:146px;
  flex:0 0 258px;
  padding:15px 18px 14px;
  gap:8px;
  overflow:visible;
}
.experience-marquee-logo{
  --deck-logo-h:92px;
  position:relative;
  width:calc(var(--deck-logo-h) * 1.857142857);
  height:var(--deck-logo-h);
  flex:0 0 var(--deck-logo-h);
  display:block;
  overflow:hidden;
  background:#fff;
}
.experience-deck-sprite{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:auto;
  max-width:none!important;
  max-height:none!important;
  display:block;
  object-fit:none;
}
.logo-ap .experience-deck-sprite{transform:translateX(0)}
.logo-i2c .experience-deck-sprite{transform:translateX(-9.090909091%)}
.logo-coca-cola .experience-deck-sprite{transform:translateX(-18.181818182%)}
.logo-neom .experience-deck-sprite{transform:translateX(-27.272727273%)}
.logo-zain .experience-deck-sprite{transform:translateX(-36.363636364%)}
.logo-engro .experience-deck-sprite{transform:translateX(-45.454545455%)}
.logo-oladoc .experience-deck-sprite{transform:translateX(-54.545454545%)}
.logo-trescal .experience-deck-sprite{transform:translateX(-63.636363636%)}
.logo-buggy .experience-deck-sprite{transform:translateX(-72.727272727%)}
.logo-signal .experience-deck-sprite{transform:translateX(-81.818181818%)}
.logo-emil-frey .experience-deck-sprite{transform:translateX(-90.909090909%)}
.experience-marquee-name{
  width:100%;
  min-height:32px;
  padding:0 4px;
  white-space:normal;
  overflow:visible;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance;
  line-height:1.2;
}
.experience-marquee:hover .experience-marquee-track{
  animation-play-state:paused;
}
@media(max-width:1100px){
  .experience-marquee-item{
    width:230px;
    min-height:132px;
    flex-basis:230px;
    padding:13px 15px 12px;
  }
  .experience-marquee-logo{--deck-logo-h:82px}
  .experience-marquee-name{font-size:13px;min-height:30px}
  .experience-marquee-track{animation-duration:41s}
}
@media(max-width:700px){
  .experience-marquee-group{gap:12px;margin-right:12px}
  .experience-marquee-item{
    width:196px;
    min-height:116px;
    flex-basis:196px;
    padding:11px 12px 10px;
  }
  .experience-marquee-logo{--deck-logo-h:70px}
  .experience-marquee-name{font-size:12px;min-height:29px;padding:0 3px}
  .experience-marquee-track{animation-duration:37s}
}
@media(max-width:420px){
  .experience-marquee-item{width:180px;flex-basis:180px}
  .experience-marquee-logo{--deck-logo-h:64px}
  .experience-marquee-name{font-size:11.5px}
}
@media(hover:none){
  .experience-marquee:hover .experience-marquee-track{animation-play-state:running}
}


/* Exact deck logo sprite crop fix — 2026-10-02 */
.experience-marquee-logo{
  --deck-logo-h:92px;
  width:calc(var(--deck-logo-h) * 1.857142857);
  height:var(--deck-logo-h);
  flex:0 0 var(--deck-logo-h);
  display:block;
  overflow:hidden;
  background-image:url("/assets/img/company-logos/company-deck-logos-sprite.webp?v=20261002b");
  background-repeat:no-repeat;
  background-size:1100% 100%;
  background-position-y:center;
  image-rendering:auto;
}
.logo-ap{background-position:0% 50%}
.logo-i2c{background-position:10% 50%}
.logo-coca-cola{background-position:20% 50%}
.logo-neom{background-position:30% 50%}
.logo-zain{background-position:40% 50%}
.logo-engro{background-position:50% 50%}
.logo-oladoc{background-position:60% 50%}
.logo-trescal{background-position:70% 50%}
.logo-buggy{background-position:80% 50%}
.logo-signal{background-position:90% 50%}
.logo-emil-frey{background-position:100% 50%}

.experience-marquee-item{
  justify-content:center;
}
.experience-marquee-name{
  max-width:100%;
  white-space:normal;
  overflow:visible;
  overflow-wrap:normal;
  word-break:normal;
  text-align:center;
}
.experience-marquee:hover .experience-marquee-track{
  animation-play-state:paused;
}
@media(max-width:1100px){
  .experience-marquee-logo{--deck-logo-h:82px}
}
@media(max-width:700px){
  .experience-marquee-logo{--deck-logo-h:70px}
}
@media(max-width:420px){
  .experience-marquee-logo{--deck-logo-h:64px}
}
@media(hover:none){
  .experience-marquee:hover .experience-marquee-track{animation-play-state:running}
}


/* Exact deck-logo sprite crop fix — 2026-10-02 */
.experience-marquee-logo{
  --deck-logo-h:92px;
  width:calc(var(--deck-logo-h) * 1.857142857);
  height:var(--deck-logo-h);
  flex:0 0 var(--deck-logo-h);
  display:block;
  overflow:hidden;
  background-image:url("/assets/img/company-logos/company-deck-logos-sprite.webp?v=20261002a");
  background-repeat:no-repeat;
  background-size:1100% 100%;
  background-color:#fff;
}
.experience-marquee-logo.logo-ap{background-position:0% 0}
.experience-marquee-logo.logo-i2c{background-position:10% 0}
.experience-marquee-logo.logo-coca-cola{background-position:20% 0}
.experience-marquee-logo.logo-neom{background-position:30% 0}
.experience-marquee-logo.logo-zain{background-position:40% 0}
.experience-marquee-logo.logo-engro{background-position:50% 0}
.experience-marquee-logo.logo-oladoc{background-position:60% 0}
.experience-marquee-logo.logo-trescal{background-position:70% 0}
.experience-marquee-logo.logo-buggy{background-position:80% 0}
.experience-marquee-logo.logo-signal{background-position:90% 0}
.experience-marquee-logo.logo-emil-frey{background-position:100% 0}
.experience-deck-sprite{display:none!important}
.experience-marquee:hover .experience-marquee-track{animation-play-state:paused}
@media(max-width:1100px){
  .experience-marquee-logo{--deck-logo-h:82px}
}
@media(max-width:700px){
  .experience-marquee-logo{--deck-logo-h:70px}
}
@media(max-width:420px){
  .experience-marquee-logo{--deck-logo-h:64px}
}
@media(hover:none){
  .experience-marquee:hover .experience-marquee-track{animation-play-state:running}
}


/* Turnstile contact protection — 2026-10-02 */
.turnstile-field{
  display:grid;
  gap:8px;
  padding:14px 15px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,#fbfdff,#f7fafc);
}
#turnstile-contact{
  min-height:65px;
  width:100%;
}
.turnstile-note{
  color:#758a9d;
  font-size:10px;
  line-height:1.55;
}
.turnstile-note.verified{
  color:#2f6f5d;
  font-weight:700;
}
.form button[type="submit"]:disabled{
  cursor:not-allowed;
  opacity:.58;
  filter:saturate(.7);
}
@media(max-width:460px){
  .turnstile-field{padding:12px}
}

/* 2026-10-06 audit remediation */
.skip-link{position:fixed;left:18px;top:14px;z-index:9999;transform:translateY(-180%);padding:10px 14px;border-radius:10px;background:#071b35;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 12px 30px rgba(7,27,53,.22)}
.skip-link:focus{transform:translateY(0);outline:3px solid rgba(47,101,245,.35);outline-offset:3px}
.compact-page-hero{padding-bottom:54px}
.compact-page-hero .lead{max-width:860px}
.compact-head{align-items:end}
.compact-head .section-copy{max-width:760px}
.home-hero-compact{padding-bottom:62px}
.home-system-map{border:1px solid rgba(13,42,77,.12);background:linear-gradient(145deg,#fff,#f4f7fb);border-radius:24px;padding:22px;box-shadow:0 28px 70px rgba(15,42,72,.09);display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px}
.home-system-node{min-height:126px;padding:18px;border:1px solid rgba(47,101,245,.14);border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:6px;justify-content:center}
.home-system-node.primary{background:linear-gradient(160deg,rgba(47,101,245,.08),rgba(11,169,181,.06))}
.home-system-node span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#60708a;font-weight:800}
.home-system-node strong{font-size:17px;color:#0b2442}
.home-system-node small{font-size:12px;line-height:1.5;color:#66758b}
.home-system-link{color:#7590ba;font-weight:800}
.home-system-foundation{grid-column:1/-1;margin-top:4px;border-radius:14px;background:#0b2442;color:#fff;padding:14px 16px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.home-system-foundation span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#aab9cc}
.home-system-foundation strong{font-size:12px;letter-spacing:.02em}
.home-practices .practice-card p{max-width:26ch}
.home-partner-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center;padding:32px;border:1px solid rgba(13,42,77,.1);border-radius:24px;background:#fff}
.home-partner-grid h2,.home-proof h2{margin:.35rem 0 .7rem}
.text-link,.proof-links a{font-weight:800;color:#285ee8;text-decoration:none}
.home-track-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.home-track-cards a{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:18px;border:1px solid rgba(47,101,245,.14);background:linear-gradient(145deg,#f8faff,#fff);text-decoration:none}
.home-track-cards span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#5f7293;font-weight:800}
.home-track-cards strong{color:#102c51;font-size:16px}
.home-track-cards small{color:#6a7890;line-height:1.45}
.home-proof-top{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:end}
.home-metrics{grid-template-columns:repeat(3,1fr);margin:0}
.proof-logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:26px}
.proof-logo-grid span,.proof-logo-pair span{height:78px;border:1px solid rgba(13,42,77,.09);border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;padding:14px}
.proof-logo-grid img,.proof-logo-pair img{max-width:100%;max-height:42px;object-fit:contain}
.proof-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px}
.home-final-cta .cta-panel,.portfolio-final-cta .cta-panel,.partner-start .cta-panel{display:flex;justify-content:space-between;align-items:center;gap:26px}
.home-faq .accordion-panel p{max-width:820px}
.partner-mini-toc{position:sticky;top:74px;z-index:20;background:rgba(247,249,252,.94);backdrop-filter:blur(14px);border-top:1px solid rgba(13,42,77,.06);border-bottom:1px solid rgba(13,42,77,.08)}
.partner-mini-toc .container{display:flex;gap:8px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}
.partner-mini-toc a{white-space:nowrap;text-decoration:none;color:#4c607d;font-size:12px;font-weight:800;padding:8px 12px;border-radius:999px;border:1px solid transparent}
.partner-mini-toc a:hover,.partner-mini-toc a:focus{color:#173c71;border-color:rgba(47,101,245,.18);background:#fff}
.compact-specialisms .specialism-card{padding:26px}
.compact-specialisms .specialism-card>p:last-child{margin-bottom:0}
.compact-model-grid .partner-model{min-height:auto;padding:22px}
.compact-model-grid .partner-model p{margin-bottom:0}
.compact-boundary{margin-top:0}
.compact-proof-grid{margin-top:24px}
.portfolio-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.portfolio-card{border:1px solid rgba(13,42,77,.1);border-radius:20px;background:#fff;padding:20px;display:flex;flex-direction:column;min-width:0;box-shadow:0 10px 34px rgba(13,42,77,.045)}
.portfolio-card.is-hidden{display:none}
.portfolio-card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.portfolio-card-head img{width:92px;height:34px;object-fit:contain;object-position:left center}
.portfolio-card-no{font-size:12px;font-weight:900;color:#7890ae;letter-spacing:.12em}
.portfolio-card-kind{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#71829b}
.portfolio-card h3{margin:7px 0 3px;font-size:22px;color:#0c294c}
.portfolio-card-domain{margin:0 0 12px;color:#6b7890;font-size:13px}
.portfolio-card .role-pill{align-self:flex-start}
.portfolio-card-summary{font-size:14px;line-height:1.65;color:#4c5d74}
.portfolio-detail{margin-top:auto;border-top:1px solid rgba(13,42,77,.09);padding-top:14px}
.portfolio-detail summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:800;color:#234b84;list-style:none}
.portfolio-detail summary::-webkit-details-marker{display:none}
.portfolio-detail[open] summary span{transform:rotate(45deg)}
.portfolio-detail ul{padding-left:18px;color:#53647b;font-size:13px;line-height:1.6}
.portfolio-detail .tag-row{gap:6px}
.portfolio-detail .tag{font-size:10px;padding:6px 8px}
.portfolio-proof-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}
.proof-logo-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.method-chip-grid{display:flex;flex-wrap:wrap;gap:10px}
.method-chip-grid span{padding:9px 12px;border:1px solid rgba(13,42,77,.1);border-radius:999px;background:#fff;color:#4d607a;font-size:12px;font-weight:700}
.about-proof-media{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(13,42,77,.1);background:#eef3f9}
.about-proof-media img{display:block;width:100%;height:auto}
.about-proof-media span{position:absolute;left:18px;bottom:18px;padding:8px 11px;border-radius:999px;background:rgba(7,27,53,.86);color:#fff;font-size:11px;font-weight:800}
.article-definition{margin:26px 0;border-left:4px solid #2f65f5;padding:18px 20px;background:#f5f8ff;border-radius:0 14px 14px 0}
.article-definition strong{display:block;margin-bottom:6px;color:#163a6b;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.article-definition p{margin:0!important}
.article-hero-media{margin:28px 0 34px}
.article-hero-media img{width:100%;height:auto;border-radius:18px;border:1px solid rgba(13,42,77,.1);background:#f6f8fb}
.article-hero-media figcaption{font-size:12px;color:#6e7c91;margin-top:8px}
.insight-figure{margin:32px 0;padding:22px;border-radius:18px;border:1px solid rgba(13,42,77,.11);background:linear-gradient(150deg,#f9fbfe,#f3f7fc)}
.insight-figure-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}
.insight-figure-title span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#6880a3}
.insight-figure-title strong{color:#183b68}
.insight-flow{display:grid;align-items:center;gap:8px}
.insight-flow.four{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}
.insight-flow.five{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr}
.insight-flow>div{padding:14px;border-radius:13px;background:#fff;border:1px solid rgba(47,101,245,.12);min-width:0}
.insight-flow small{display:block;color:#8190a8;font-weight:900;font-size:10px;margin-bottom:5px}
.insight-flow strong{display:block;color:#183b68;font-size:13px;margin-bottom:4px}
.insight-flow span{display:block;color:#66778f;font-size:11px;line-height:1.4}
.insight-flow i{font-style:normal;color:#7e94b5}
.insight-control-rail{margin-top:12px;display:flex;gap:7px;flex-wrap:wrap}
.insight-control-rail span{font-size:10px;font-weight:800;border-radius:999px;padding:6px 9px;background:#0b2442;color:#dce8f5}
.insight-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.insight-matrix>div{padding:14px;border-radius:12px;background:#fff;border:1px solid rgba(13,42,77,.09)}
.insight-matrix strong{display:block;color:#183b68;font-size:12px;margin-bottom:4px}
.insight-matrix span{display:block;color:#67788f;font-size:11px;line-height:1.45}
.article-faq{margin:34px 0}
.article-faq details{border-top:1px solid rgba(13,42,77,.1);padding:14px 0}
.article-faq details:last-child{border-bottom:1px solid rgba(13,42,77,.1)}
.article-faq summary{cursor:pointer;font-weight:800;color:#173b6a}
.article-faq p{margin:.7rem 0 0!important}
@media(max-width:980px){
.home-system-map{grid-template-columns:1fr}
.home-system-link{display:none}
.home-system-foundation{grid-column:1}
.home-partner-grid,.home-proof-top,.portfolio-proof-grid{grid-template-columns:1fr}
.proof-logo-grid{grid-template-columns:repeat(4,1fr)}
.portfolio-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.insight-flow.four,.insight-flow.five{grid-template-columns:1fr}
.insight-flow>i{display:none}
.insight-matrix{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
.home-track-cards,.proof-logo-pair{grid-template-columns:1fr}
.proof-logo-grid{grid-template-columns:repeat(2,1fr)}
.home-metrics{grid-template-columns:1fr}
.home-final-cta .cta-panel,.portfolio-final-cta .cta-panel,.partner-start .cta-panel{align-items:flex-start;flex-direction:column}
.portfolio-card-grid{grid-template-columns:1fr}
.insight-matrix{grid-template-columns:1fr}
.partner-mini-toc{top:62px}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
.motion-track,.experience-track,.logo-marquee-track{animation:none!important;transform:none!important}
.cursor-glow,.noise{display:none!important}
.reveal{opacity:1!important;transform:none!important}
}


/* Homepage hero visual — cache-safe, production layout — 2026-10-06 */
.home-system-map.home-system-visual{
  position:relative;
  display:block;
  min-height:0;
  padding:10px;
  border:1px solid rgba(13,42,77,.11);
  border-radius:30px;
  background:rgba(255,255,255,.88);
  box-shadow:0 28px 70px rgba(15,42,72,.10);
  overflow:hidden;
  isolation:isolate;
}
.home-system-visual:before{
  content:"";
  position:absolute;
  inset:7% 3% 4%;
  z-index:-1;
  border-radius:42%;
  background:radial-gradient(circle at 50% 48%,rgba(47,101,245,.11),rgba(11,169,181,.05) 40%,transparent 72%);
  filter:blur(18px);
}
.home-system-visual img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin:0;
  border-radius:22px;
  filter:none;
}
@media(min-width:1001px){
  .home-hero-compact .hero-grid{
    grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr);
    gap:42px;
  }
  .home-hero-compact .hero-copy{max-width:650px}
}
@media(max-width:1000px){
  .home-system-visual{
    width:min(720px,100%);
    margin:14px auto 0;
  }
}
@media(max-width:720px){
  .home-system-map.home-system-visual{padding:7px;border-radius:22px}
  .home-system-visual img{border-radius:16px}
}

/* Services delivery visual is the single source of truth; no repeated process row below it. */
.service-media-delivery{margin-bottom:0}


/* Deep-audit remediation — 2026-10-06 */
@font-face{font-family:Inter;src:url("/assets/fonts/InterVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--muted:#55677a;--muted-2:#607286}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.section-copy,.practice-card p,.accordion-panel,.answer-card p,.method-card p,.portfolio-faq-card p,.footer-brand p,.hero-note,.breadcrumb{color:#55677a}
.kicker,.practice-index,.partner-model-no,.service-no,.portfolio-card-kind,.entry-kicker,.ecosystem-group-head small{font-size:max(11px,1em)}
:focus-visible{outline:3px solid #2f65f5;outline-offset:4px}
.footer-heading{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#9db3c5;margin:0 0 14px;font-weight:800}
.footer-brand-logo{filter:brightness(0) invert(1);opacity:.96}
.footer-bottom{color:#aabcca}
.nav-group{position:relative}
.nav-group summary{list-style:none}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#52677d;padding:10px 11px;border-radius:999px;transition:color .23s var(--ease),background .23s var(--ease)}
.nav-group-toggle:after{content:"⌄";font-size:11px;transform:translateY(-1px)}
.nav-group-toggle:hover,.nav-group-toggle.active,.nav-group[open]>.nav-group-toggle{color:var(--ink);background:#edf3fa}
.nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:190px;padding:8px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 46px rgba(17,47,77,.14);display:grid;gap:2px;z-index:80}
.nav-dropdown a{justify-content:flex-start!important;width:100%}
.page-hero{padding:72px 0 58px}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:48px;align-items:center;position:relative;z-index:2}
.page-hero h1{font-size:clamp(44px,5vw,68px);margin:18px 0}
.page-hero .lead{font-size:17px;margin-bottom:22px}
.page-hero-visual{margin:0;border:1px solid rgba(13,42,77,.10);border-radius:24px;background:#fff;padding:10px;box-shadow:0 22px 55px rgba(15,42,72,.08);overflow:hidden}
.page-hero-visual img{width:100%;height:auto;border-radius:17px}
.practice-icon{width:34px;height:34px;margin-top:20px;color:#2f65f5}
.home-practices .practice-card h3{margin-top:20px}
.home-proof-top.audit-proof-simple{grid-template-columns:1fr;max-width:820px}
.proof-logo-grid span{padding:12px 16px}
.proof-logo-grid img{width:120px;height:40px;filter:none;opacity:1}
.audit-figure{margin:28px 0 0;border:1px solid var(--line);border-radius:24px;background:#fff;padding:12px;box-shadow:0 18px 44px rgba(24,61,97,.07)}
.audit-figure img{width:100%;height:auto;border-radius:16px}
.audit-figure figcaption{padding:10px 8px 2px;color:#55677a;font-size:12px}
.practice-matrix-wrap,.ownership-matrix-wrap,.audit-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(24,61,97,.05)}
.practice-matrix,.ownership-matrix,.audit-table{width:100%;border-collapse:collapse;min-width:820px}
.practice-matrix th,.practice-matrix td,.ownership-matrix th,.ownership-matrix td,.audit-table th,.audit-table td{padding:14px 15px;text-align:left;border-bottom:1px solid #e5edf4;vertical-align:top;font-size:12px;line-height:1.5}
.practice-matrix th,.ownership-matrix th,.audit-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#52677d;background:#f5f8fc}
.practice-matrix tr:last-child td,.ownership-matrix tr:last-child td,.audit-table tr:last-child td{border-bottom:0}
.practice-matrix td:first-child,.ownership-matrix td:first-child{font-weight:800;color:var(--ink)}
.matrix-dot{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eaf1ff;color:#2459e9;font-weight:900}
.matrix-dot.hollow{background:#fff;border:1px solid #a8bbd0;color:#61768b}
.engagement-stepper,.contact-stepper,.talent-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0 30px}
.engagement-stepper>div,.contact-stepper>div,.talent-stepper>div{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px}
.engagement-stepper span,.contact-stepper span,.talent-stepper span{display:block;color:#2f65f5;font-size:11px;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.engagement-stepper strong,.contact-stepper strong,.talent-stepper strong{display:block;color:var(--ink);font-size:14px;margin:8px 0 5px}
.engagement-stepper small,.contact-stepper small,.talent-stepper small{color:#55677a;font-size:11px;line-height:1.45}
.tool-mark.tool-monogram{background:linear-gradient(145deg,#edf4ff,#f8fbff);border-color:#cfdeed}
.tool-mark.tool-monogram .tool-fallback{font-size:8px;color:#244d7a}
.tool-depth{margin-left:auto;font-size:8px;color:#285ee8;background:#eef4ff;border-radius:999px;padding:4px 6px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.ecosystem-tools .tool-tile{font-size:10px}
.solution-mini-arch{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:5px;align-items:center;margin:18px 0 4px;padding:10px;border-radius:14px;background:#f7faff;border:1px solid #e1eaf4}
.solution-mini-arch span{padding:7px 5px;text-align:center;border:1px solid #d5e2ef;border-radius:8px;background:#fff;color:#52677d;font-size:9px;font-weight:760}
.solution-mini-arch i{font-style:normal;color:#2f65f5;font-size:11px}
.article-inline-table{margin:28px 0}
.article-inline-table table{width:100%;border-collapse:collapse}
.article-inline-table th,.article-inline-table td{padding:12px 14px;border:1px solid #dce6f0;text-align:left;vertical-align:top;font-size:13px;line-height:1.55}
.article-inline-table th{background:#f2f6fb;color:#173654}
.article-inline-table caption{text-align:left;font-weight:800;color:#0d1f33;margin-bottom:10px}
.talent-network-card{max-width:900px;border:1px solid var(--line);border-radius:24px;background:#fff;padding:30px;box-shadow:var(--shadow-sm)}
.talent-network-card h2{font-size:34px;letter-spacing:-.035em;margin:8px 0 14px;color:var(--ink)}
.talent-network-card p{color:#55677a}
.audit-status-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.audit-status{padding:7px 10px;border-radius:999px;border:1px solid #cfe0ef;background:#f8fbff;color:#355f85;font-size:10px;font-weight:800}
@media(max-width:1000px){
  .nav-group{width:100%}.nav-group-toggle{width:100%;justify-content:space-between;padding:12px 14px}
  .nav-dropdown{position:static;box-shadow:none;margin:4px 0 0 12px;border-radius:14px}
  .page-hero-grid{grid-template-columns:1fr}.page-hero-visual{max-width:680px}
  .engagement-stepper,.contact-stepper,.talent-stepper{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .page-hero{padding:48px 0 42px}.page-hero h1{font-size:44px}
  .engagement-stepper,.contact-stepper,.talent-stepper{grid-template-columns:1fr}
  .audit-figure{padding:7px;border-radius:18px}
}

/* Audit micro-label floor: preserve readability at WCAG-sized interface text. */
.practice-index,.delivery-step .n,.tag,.service-outcome strong,.boundary-card>span,
.delivery-visual-heading span,.delivery-flow-step span,.delivery-flow-practices span,
.specialism-index,.experience-no,.experience-kind,.role-pill,.technology-group b,
.entry-kicker,.entry-role-code,.technical-profile>strong,.ecosystem-group-head small,
.tool-tile,.tool-fallback,.insights-panel-kicker,.featured-insight-badge,.catalog-meta-row,
.featured-insight-points span,.insights-search-wrap label,.insight-filter,.insights-result-count,
.catalog-visual-label,.catalog-visual-copy small,.home-insight-card .meta,.home-insight-badge,
.turnstile-note,.home-track-cards span,.portfolio-card-kind,.insight-figure-title span,.insight-flow small{
  font-size:11px;
}


/* Homepage approved-reference correction — 2026-10-06 */
.home-hero-compact{padding-top:58px;padding-bottom:58px}
.home-hero-compact .hero-grid{align-items:center}
.home-hero-title{max-width:none!important}
.home-hero-title .hero-title-main,.home-hero-title .hero-title-sub{display:block}
.home-hero-title .hero-title-main{white-space:nowrap}
.home-system-map.home-system-visual{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.home-system-visual:before{
  inset:8% 5%;
  border-radius:50%;
  background:radial-gradient(circle at 50% 48%,rgba(47,101,245,.16),rgba(11,169,181,.08) 42%,transparent 72%);
  filter:blur(26px);
}
.home-system-visual img{
  border-radius:0;
  filter:drop-shadow(0 24px 30px rgba(20,74,116,.10));
}
.six-practices .practice-card{
  grid-column:span 4!important;
  min-height:255px;
}
.six-practices .practice-card h3{margin-top:20px}
.approved-logo-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.approved-logo-grid .proof-logo-card{
  height:132px;
  min-width:0;
  padding:15px 12px 12px;
  border:1px solid rgba(41,161,220,.23);
  border-radius:14px;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 8px 20px rgba(32,93,137,.06);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.approved-logo-grid .proof-logo-card img{
  width:auto;
  max-width:112px;
  height:48px;
  max-height:48px;
  object-fit:contain;
}
.approved-logo-grid .proof-logo-card strong{
  min-height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#102c51;
  font-size:11px;
  line-height:1.15;
  font-weight:800;
}
.approved-logo-grid .proof-logo-card i{
  display:block;
  width:30px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#2f65f5,#0bc9da);
}
@media(min-width:1180px){
  .home-hero-compact .hero-grid{
    grid-template-columns:minmax(680px,1.2fr) minmax(420px,.8fr);
    gap:34px;
  }
  .home-hero-title .hero-title-main{
    font-size:clamp(46px,3.05vw,54px);
    line-height:1.02;
    letter-spacing:-.052em;
  }
  .home-hero-title .hero-title-sub{
    font-size:clamp(58px,4vw,70px);
    line-height:.98;
    letter-spacing:-.055em;
    margin-top:4px;
  }
  .home-system-visual{transform:scale(1.06);transform-origin:center}
}
@media(max-width:1179px) and (min-width:1001px){
  .home-hero-compact .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:28px}
  .home-hero-title .hero-title-main{font-size:42px;line-height:1.03;letter-spacing:-.045em}
  .home-hero-title .hero-title-sub{font-size:56px;line-height:1;letter-spacing:-.05em;margin-top:4px}
}
@media(max-width:1000px){
  .home-hero-title .hero-title-main{white-space:normal}
  .home-system-map.home-system-visual{width:min(680px,100%);margin:12px auto 0}
  .approved-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .six-practices .practice-card{grid-column:span 6!important}
}
@media(max-width:720px){
  .home-hero-title .hero-title-main{font-size:clamp(40px,12vw,54px)}
  .home-hero-title .hero-title-sub{font-size:clamp(44px,13vw,60px);margin-top:4px}
  .approved-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .approved-logo-grid .proof-logo-card{height:118px;padding:12px 8px 10px}
  .approved-logo-grid .proof-logo-card img{max-width:96px;height:42px}
  .six-practices .practice-card{grid-column:span 12!important}
}


/* APPROVED PORTFOLIO LOGO LOCK + EXACT REFERENCE LAYOUT — 2026-10-06 */
.approved-logo-grid{
  display:grid;
  grid-template-columns:repeat(30,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.approved-logo-grid .proof-logo-card{
  grid-column:span 5;
  aspect-ratio:1.25/1;
  height:auto;
  padding:14px 12px 11px;
  border:1px solid #cbeafa;
  border-radius:13px;
  background:#fff;
  box-shadow:0 7px 20px rgba(31,98,142,.055);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:8px;
}
.approved-logo-grid .proof-logo-card:nth-child(n+7){
  grid-column:span 6;
  aspect-ratio:1.54/1;
}
.approved-logo-grid .proof-logo-card img{
  width:78%;
  max-width:138px;
  height:58px;
  max-height:58px;
  object-fit:contain;
  object-position:center;
  filter:none!important;
  opacity:1!important;
}
.approved-logo-grid .proof-logo-card strong{
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#0c2346;
  font-size:13px;
  line-height:1.12;
  font-weight:800;
}
.approved-logo-grid .proof-logo-card i{
  width:31px;
  height:2px;
  flex:0 0 2px;
  background:#1dbde6;
}
.portfolio-card-head img{
  width:132px;
  height:50px;
  max-width:48%;
  object-fit:contain;
  object-position:left center;
  filter:none!important;
  opacity:1!important;
}

/* Approved homepage hero reference: no artificial frame or table treatment. */
.home-system-map.home-system-visual{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}
.home-system-visual img{
  width:100%;
  height:auto;
  aspect-ratio:479/430;
  object-fit:contain;
  border-radius:0!important;
  filter:none!important;
}
@media(min-width:1180px){
  .home-system-visual{transform:scale(1.10);transform-origin:center}
}
@media(max-width:1000px){
  .approved-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .approved-logo-grid .proof-logo-card,
  .approved-logo-grid .proof-logo-card:nth-child(n+7){
    grid-column:auto;
    aspect-ratio:1.38/1;
  }
}
@media(max-width:720px){
  .approved-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .approved-logo-grid .proof-logo-card,
  .approved-logo-grid .proof-logo-card:nth-child(n+7){
    aspect-ratio:1.30/1;
    padding:10px 8px;
  }
  .approved-logo-grid .proof-logo-card img{height:45px;max-height:45px;max-width:112px}
  .approved-logo-grid .proof-logo-card strong{font-size:11px;min-height:26px}
}


/* LOCKED APPROVED COMPANY IDENTITIES — exact supplied reference artwork, 2026-10-06 */
.approved-company-board{
  width:min(907px,100%);
  margin:26px 0 0;
}
.approved-company-board img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:907/252;
  object-fit:contain;
  image-rendering:auto;
}
.company-logo-sprite{
  display:block;
  width:130px;
  height:65px;
  flex:0 0 130px;
  background-image:url("/assets/img/company-logos/approved-company-logo-board.svg?v=20261006locked4");
  background-repeat:no-repeat;
  background-size:907px 252px;
  image-rendering:auto;
}
.logo-sprite-0{background-position:-25px -18px}
.logo-sprite-1{background-position:-177px -17px}
.logo-sprite-2{background-position:-326px -20px}
.logo-sprite-3{background-position:-470px -15px}
.logo-sprite-4{background-position:-614px -18px}
.logo-sprite-5{background-position:-770px -16px}
.logo-sprite-6{background-position:-35px -136px}
.logo-sprite-7{background-position:-217px -136px}
.logo-sprite-8{background-position:-390px -136px}
.logo-sprite-9{background-position:-568px -136px}
.logo-sprite-10{background-position:-746px -136px}
.portfolio-card-head .portfolio-logo-mark{
  margin-left:auto;
  width:130px;
  height:65px;
  flex:0 0 130px;
}
@media(max-width:1000px){
  .approved-company-board{width:min(907px,100%)}
}
@media(max-width:720px){
  .approved-company-board{margin-top:20px}
  .portfolio-card-head .portfolio-logo-mark{
    transform:scale(.84);
    transform-origin:right center;
    margin-left:auto;
  }
}

/* LOCKED APPROVED HOMEPAGE HERO — supplied reference artwork, not a substitute diagram. */
.home-system-map.home-system-visual{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}
.home-system-visual img{
  width:100%;
  height:auto;
  aspect-ratio:479/430;
  object-fit:contain;
  border-radius:0!important;
  filter:none!important;
}


/* Header, portfolio-board alignment and technology-logo refinement — 2026-10-06 */
@media(min-width:1001px){
  .nav-group>.nav-dropdown{
    transform-origin:top left;
    animation:navDropdownIn .14s ease-out both;
  }
}
@keyframes navDropdownIn{
  from{opacity:0;transform:translateY(-4px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.approved-company-board{
  width:100%!important;
  max-width:1120px!important;
  margin:30px auto 0!important;
}
.approved-company-board img{
  width:100%!important;
  height:auto!important;
  display:block;
}
.home-proof .proof-links{
  width:100%;
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}
.ecosystem-tools .tool-tile{
  min-height:48px;
  gap:10px;
  padding:8px 10px;
  transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.ecosystem-tools .tool-tile:hover{
  background:#fff;
  border-color:#bfd8eb;
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(28,75,116,.06);
}
.ecosystem-tools .tool-mark{
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:8px;
  background:#fff;
  border-color:#dbe7f0;
  overflow:visible;
}
.ecosystem-tools svg.tool-logo{
  display:block;
  width:21px;
  height:21px;
  object-fit:contain;
}
.ecosystem-tools .tool-tile>span:last-child{
  color:#425f78;
  font-weight:760;
}
@media(max-width:720px){
  .approved-company-board{margin-top:22px!important}
  .ecosystem-tools .tool-mark{flex-basis:28px;width:28px;height:28px}
  .ecosystem-tools svg.tool-logo{width:20px;height:20px}
}



.page-hero-visual.deck-media,
.audit-figure.deck-media,
.service-media.deck-media{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
  overflow:visible;
}
.page-hero-visual.deck-media img,
.audit-figure.deck-media img,
.service-media.deck-media img{
  border-radius:28px;
  box-shadow:0 22px 48px rgba(24,61,97,.08);
}

/* Deck-grade dimensional visual system — approved 2026-10-06
   Visual media must follow the dimensional/isometric language established by the approved capability deck:
   layered platforms, translucent surfaces, cloud/server/data objects, controlled depth and cyan/blue light.
   Flat orbital icon diagrams, generic node rings, dense micro-copy and table-like diagrams are prohibited. */
.ecosystem-note.ecosystem-note-row{
  display:flex!important;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  width:100%;
  margin-top:26px;
  padding:18px 0 0;
  border-left:0!important;
  border-top:2px solid #16b5c5;
}
.ecosystem-note.ecosystem-note-row strong{
  flex:0 0 180px;
  margin:0;
  color:var(--ink);
  font-size:13px;
  line-height:1.5;
}
.ecosystem-note.ecosystem-note-row span{
  flex:1 1 auto;
  max-width:none;
  color:#61798e;
  font-size:13px;
  line-height:1.65;
}
.service-hierarchy-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:30px;
}
.service-hierarchy-card{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:18px;
  align-items:start;
  min-height:225px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(145deg,#fff,#f8fbff);
  box-shadow:0 12px 28px rgba(24,61,97,.045);
  color:inherit;
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.service-hierarchy-card:hover{
  transform:translateY(-3px);
  border-color:#b8d4e8;
  box-shadow:0 18px 36px rgba(24,61,97,.08);
}
.service-hierarchy-icon{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:18px;
  background:linear-gradient(145deg,#edf4ff,#f4fbff);
  border:1px solid #d1e2ef;
  color:#2f65f5;
}
.service-hierarchy-icon svg{width:32px;height:32px}
.service-hierarchy-kicker{
  display:block;
  margin:1px 0 8px;
  color:#2f65f5;
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.service-hierarchy-card h3{
  margin:0 0 10px;
  color:var(--ink);
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.025em;
}
.service-hierarchy-card p{
  margin:0;
  color:#61798e;
  font-size:13px;
  line-height:1.65;
}
.service-hierarchy-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:16px;
}
.service-hierarchy-tags span{
  padding:6px 9px;
  border:1px solid #d5e3ee;
  border-radius:999px;
  background:#fff;
  color:#47657f;
  font-size:10px;
  font-weight:760;
}
.delivery-path{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:26px;
  align-items:start;
  max-width:960px;
  margin:36px auto 6px;
  padding:24px 28px 10px;
}
.delivery-path-line{
  position:absolute;
  left:12%;
  right:12%;
  top:68px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#2f65f5,#0db8b8);
  opacity:.55;
}
.delivery-path-step{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  text-align:center;
}
.delivery-path-icon{
  display:grid;
  place-items:center;
  width:88px;
  height:88px;
  border-radius:28px;
  background:#fff;
  border:1px solid #cfe0ed;
  color:#2f65f5;
  box-shadow:0 14px 28px rgba(27,72,107,.08);
}
.delivery-path-icon svg{width:38px;height:38px}
.delivery-path-step strong{
  color:var(--ink);
  font-size:16px;
  letter-spacing:-.01em;
}
.audit-figure.deck-media,
.service-media.deck-media{
  background:linear-gradient(145deg,#f9fcff,#f1f7fc);
}
.audit-figure img,
.service-media img,
.page-hero-visual img{
  image-rendering:auto;
}
#methods .audit-figure{
  padding:16px;
}
#methods .audit-figure img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
@media(max-width:900px){
  .service-hierarchy-grid{grid-template-columns:1fr}
  .delivery-path{grid-template-columns:repeat(2,1fr);row-gap:34px}
  .delivery-path-line{display:none}
}
@media(max-width:720px){
  .ecosystem-note.ecosystem-note-row{display:block!important}
  .ecosystem-note.ecosystem-note-row strong{display:block;margin-bottom:8px}
  .service-hierarchy-card{grid-template-columns:56px minmax(0,1fr);padding:20px;min-height:0}
  .service-hierarchy-icon{width:52px;height:52px;border-radius:15px}
  .service-hierarchy-icon svg{width:27px;height:27px}
  .delivery-path{grid-template-columns:1fr 1fr;gap:24px 12px;padding:18px 0 0}
  .delivery-path-icon{width:72px;height:72px;border-radius:22px}
}

.deck-media img{
  display:block;
  width:100%;
  height:auto;
  border-radius:28px;
  box-shadow:0 28px 68px rgba(20,58,93,.11);
}
.deck-media figcaption{
  margin-top:12px;
  padding:0 4px;
  color:#6a8094;
  font-size:11px;
  line-height:1.5;
}


/* Commercial generated visual system — approved 2026-10-06.
   Use page-specific, high-end IT services / consulting explainer art.
   Keep exposure restrained, avoid oversharpening, generic orbit diagrams and micro-text graphics. */
.home-system-map.home-system-visual,
.page-hero-visual{
  background:#fff;
}
.home-system-visual img,
.page-hero-visual img[src*="/assets/img/commercial/"],
.service-card-visual img{
  filter:none!important;
  image-rendering:auto;
}

.service-hierarchy-grid{
  gap:24px;
}
.service-hierarchy-card{
  display:block;
  min-height:0;
  padding:12px 12px 20px;
  border-radius:26px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 16px 34px rgba(24,61,97,.06);
}
.service-hierarchy-card>div{
  padding:0 12px;
}
.service-card-visual{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:18px;
  margin:0 0 20px;
  background:#f7fbff;
  border:1px solid rgba(13,42,77,.07);
}
.service-card-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.service-hierarchy-kicker{margin-top:0}
.service-hierarchy-card h3{font-size:24px}
.service-hierarchy-card p{font-size:13.5px}

.technology-methods-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin-top:28px;
}
.technology-methods-strip>div{
  min-height:150px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(160deg,#fff,#f5f9fd);
  box-shadow:0 10px 24px rgba(24,61,97,.04);
}
.technology-methods-strip span{
  display:block;
  color:var(--blue);
  font-size:10px;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.technology-methods-strip strong{
  display:block;
  margin:14px 0 9px;
  color:var(--ink);
  font-size:17px;
  line-height:1.15;
}
.technology-methods-strip small{
  display:block;
  color:#60788d;
  font-size:11.5px;
  line-height:1.55;
}
.commercial-process .process-card{
  min-height:170px;
  padding:22px 18px 18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(24,61,97,.04);
}
.commercial-process .process-card h3{margin:16px 0 8px}

@media(max-width:980px){
  .technology-methods-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .service-hierarchy-grid{grid-template-columns:1fr}
  .service-card-visual{border-radius:15px}
  .technology-methods-strip{grid-template-columns:1fr}
}


/* Approved five page-specific hero visuals — 2026-10-07. */
.page-hero-grid.page-hero-grid--visual-rich{
  grid-template-columns:minmax(0,.90fr) minmax(520px,1.10fr);
  gap:34px;
}
.page-hero-visual.page-hero-visual--rich{min-width:0}
.page-hero-visual.page-hero-visual--rich img{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:28px;
}
.insights-hero-grid.insights-hero-grid--visual-rich{
  grid-template-columns:minmax(0,.90fr) minmax(520px,1.10fr);
  gap:36px;
  align-items:center;
}
.insights-hero-visual{
  position:relative;
  z-index:1;
  min-width:0;
  margin:0;
}
.insights-hero-visual img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:28px;
  box-shadow:0 28px 68px rgba(20,58,93,.11);
}
@media(max-width:1100px) and (min-width:1001px){
  .page-hero-grid.page-hero-grid--visual-rich,
  .insights-hero-grid.insights-hero-grid--visual-rich{
    grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr);
    gap:28px;
  }
}
@media(max-width:1000px){
  .page-hero-grid.page-hero-grid--visual-rich,
  .insights-hero-grid.insights-hero-grid--visual-rich{grid-template-columns:1fr}
  .page-hero-visual.page-hero-visual--rich,
  .insights-hero-visual{
    width:100%;
    max-width:760px;
  }
}
@media(max-width:720px){
  .page-hero-visual.page-hero-visual--rich img,
  .insights-hero-visual img{border-radius:20px}
}