*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#12223a;background:#06182c;font-size:16px;line-height:1.55}a{color:inherit}button{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#061629;color:#b9c8db;padding:30px 22px;z-index:50;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.brand{text-decoration:none;font-size:29px;font-weight:900;letter-spacing:-1.5px;color:#fff}.brand span,.sectionHead h2 span,.about h2 span{color:#6d63ff}.sidebar nav{display:grid;gap:7px;margin-top:58px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:9px;text-decoration:none;font-size:15px}.sidebar nav a i{width:18px;color:#6d7cff;font-style:normal}.sidebar nav a:hover,.sidebar nav a.active{background:#17427d;color:#fff}.sideBottom{margin-top:auto;display:grid;gap:13px}.langs{font-size:12px}.langs span{color:#66778d}.cv{background:linear-gradient(90deg,#315cff,#7a62ff);color:#fff;text-decoration:none;text-align:center;border-radius:8px;padding:11px;font-size:13px}.miniContacts{display:grid;gap:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.miniContacts a{text-decoration:none;font-size:12px;color:#91a9c5}.mobilebar{display:none}main{margin-left:230px;width:calc(100% - 230px);overflow:hidden}.contentSection,.hero{width:100%;padding:clamp(64px,5vw,92px) clamp(34px,5vw,96px)}.sectionDark{background:radial-gradient(circle at 88% 10%,#193c68 0,#0d294a 31%,#06182c 72%);color:#fff}.light{background:#f4f7fb}.eyebrow,.sectionHead small,.aboutCopy>small{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;color:#6175ff}.hero{min-height:760px;display:grid;grid-template-columns:minmax(480px,1.02fr) minmax(430px,.98fr);grid-template-rows:1fr auto;gap:40px 6vw;align-items:center}.heroCopy{max-width:760px}.hero h1{font-size:clamp(52px,5.2vw,82px);line-height:.98;letter-spacing:-.055em;margin:18px 0}.hero h1 span{display:block;font-size:.42em;line-height:1.25;letter-spacing:-.025em;font-weight:650;margin-bottom:12px;color:#b8c7dc}.hero h1 em{font-style:normal;color:#7b70ff}.hero h2{font-size:clamp(22px,2vw,30px);margin:0 0 14px}.hero p{max-width:680px;font-size:18px;color:#b9c8db}.actions{display:flex;gap:12px;margin-top:28px}.actions a{padding:13px 18px;border-radius:9px;text-decoration:none;font-weight:700;font-size:14px}.primary{background:#fff;color:#102846}.ghost{border:1px solid rgba(255,255,255,.2)}.heroVisual{position:relative;min-height:420px;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;background:#0a213d}.heroVisual img{width:100%;height:100%;position:absolute;object-fit:cover}.visualLabel{position:absolute;left:24px;bottom:24px;background:rgba(5,20,38,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);padding:16px 18px;border-radius:12px;display:grid}.visualLabel small{font-size:10px;color:#758cff;font-weight:800}.visualLabel strong{font-size:17px}.visualLabel span{font-size:12px;color:#a9bbd1}.expertise{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.expertise article{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);padding:17px;border-radius:12px;display:flex;gap:13px;align-items:center}.expertise i{font-style:normal;font-size:21px;color:#758cff}.expertise b,.expertise span{display:block}.expertise b{font-size:14px}.expertise span{font-size:12px;color:#9db0c8}.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:38px;margin-bottom:44px}.sectionHead>div:first-child{max-width:800px}.sectionHead h2,.about h2{font-size:clamp(38px,3.5vw,58px);line-height:1.05;letter-spacing:-.045em;margin:8px 0 12px}.sectionHead p{margin:0;color:#697a90;font-size:16px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr));gap:10px;min-width:min(100%,510px)}.metrics article{background:#fff;border:1px solid #dde5ef;border-radius:12px;padding:15px}.metrics b,.metrics span{display:block}.metrics b{font-size:16px}.metrics span{font-size:12px;color:#738298}.experienceGrid{display:grid;grid-template-columns:minmax(460px,.9fr) minmax(520px,1.1fr);gap:clamp(30px,4vw,70px);align-items:start}.career{display:grid}.careerItem{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:0 0 32px;position:relative}.careerItem:before{content:"";position:absolute;left:129px;top:8px;bottom:0;width:1px;background:#d7dfeb}.careerItem:after{content:"";position:absolute;left:124px;top:6px;width:11px;height:11px;border-radius:50%;background:#6476ff;box-shadow:0 0 0 5px #eef1ff}.careerItem time{font-size:12px;color:#738298;padding-top:2px;text-align:right}.careerItem>div{padding-left:24px}.careerItem h3{margin:0 0 2px;font-size:21px}.careerItem b{font-size:14px;color:#53657b}.careerItem p{font-size:14px;color:#687a90;margin:10px 0 0}.engagements{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.engagements span,.chips span{background:#e8edf5;border-radius:999px;padding:5px 9px;font-size:11px;color:#4d5e74}.focusPanel{background:#fff;border:1px solid #dce4ee;border-radius:18px;padding:clamp(24px,3vw,38px);box-shadow:0 18px 55px rgba(25,44,70,.07)}.focusPanel>small{font-size:11px;letter-spacing:.12em;color:#6175ff;font-weight:800}.focusPanel>h3{font-size:27px;margin:7px 0 20px}.skillGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skillGrid article{padding:16px;border-radius:11px;background:#f5f7fb;display:grid;grid-template-columns:auto 1fr;gap:2px 10px}.skillGrid i{grid-row:1/3;font-style:normal;color:#6275ff}.skillGrid b{font-size:13px}.skillGrid span{font-size:11px;color:#748398}.selectedProjects{margin-top:28px}.panelTitle h3{font-size:18px}.projectGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.projectCard{border:1px solid #e0e6ef;border-radius:10px;padding:14px;cursor:pointer;transition:.18s}.projectCard:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(30,48,70,.08)}.projectCard small{font-size:10px;color:#6b7cff}.projectCard h4{font-size:16px;margin:6px 0}.projectCard>b{font-size:12px}.projectCard p{font-size:11px;color:#728197}.mark{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:6px;margin-right:7px;color:#fff;font-style:normal;font-size:8px;background:#50647c}.mark.red{background:#b73945}.mark.cyan{background:#008c9c}.mark.navy{background:#183a69}.darkHead p{color:#aebdd1}.credentialSummary{display:flex;align-items:center;gap:15px;padding:15px 19px;border:1px solid rgba(255,255,255,.14);border-radius:14px;text-decoration:none;min-width:220px;background:rgba(255,255,255,.04)}.credentialSummary strong{font-size:39px;line-height:1}.credentialSummary span{font-size:12px;color:#b9c8db}.credentialSummary b{color:#8ea3ff;font-weight:600}.certToolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.035);margin-bottom:28px}.certToolbar>div:first-child{display:grid}.certToolbar b{font-size:14px}.certToolbar span{font-size:12px;color:#9eb1c9}.certFilters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.certFilter{border:1px solid rgba(255,255,255,.17);background:transparent;color:#c1cfe0;border-radius:999px;padding:8px 13px;font-size:12px;cursor:pointer}.certFilter:hover{color:#fff;border-color:#7088ff}.certFilter.active{background:#fff;color:#0b223f;border-color:#fff;font-weight:800}.credlyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:26px 18px;width:100%;align-items:start}.credlyCard{width:190px;min-height:300px;margin:0 auto;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.15);transition:.2s}.credlyCard:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(0,0,0,.23)}.credlyCard[hidden]{display:none}.credlyEmbed{width:190px;min-height:300px;background:#fff;display:flex;justify-content:center}.certFooter{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#8fa4be}.certFooter a{color:#7f94ff;text-decoration:none;font-weight:700}.simple{justify-content:flex-start}.featureGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.featureGrid article{background:#fff;border:1px solid #dce4ee;border-radius:14px;overflow:hidden;transition:.2s}.featureGrid article:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(25,45,70,.09)}.featureGrid img{display:block;width:100%;height:180px;object-fit:cover;background:#0b2b50}.featureGrid article>div{padding:22px}.featureGrid small{font-size:10px;color:#6175ff;font-weight:800}.featureGrid h3{font-size:22px;margin:7px 0}.featureGrid p{font-size:14px;color:#6d7d91}.chips{display:flex;gap:6px;flex-wrap:wrap}.featureGrid a{display:inline-block;margin-top:15px;color:#5269ff;font-size:13px;font-weight:800;text-decoration:none}.about{display:grid;grid-template-columns:minmax(440px,1fr) minmax(380px,.8fr);gap:6vw;align-items:center}.aboutCopy>p{font-size:17px;color:#64758b;max-width:760px}.traits{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.traits span{padding:8px 11px;border:1px solid #d9e2ed;border-radius:999px;background:#fff;font-size:12px}.contactCards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.contactCards a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px;border:1px solid #dce4ee;border-radius:11px;background:#fff;text-decoration:none}.contactCards i{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#0b2545;color:#fff;font-style:normal;font-weight:900}.contactCards small,.contactCards b{display:block}.contactCards small{font-size:9px;color:#8190a4}.contactCards b{font-size:13px}.aboutVisual{min-height:430px;border-radius:18px;overflow:hidden;background:#0a2749}.aboutVisual img{width:100%;height:100%;object-fit:cover}footer{background:#041325;color:#8296af;padding:24px clamp(34px,5vw,96px);display:flex;align-items:center;gap:18px;font-size:12px}footer b{font-size:20px;color:#fff}footer small{margin-left:auto}.modal{position:fixed;inset:0;display:none;z-index:100}.modal.open{display:block}.shade{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(4px)}.modal>article{position:relative;max-width:850px;margin:8vh auto;background:#fff;border-radius:18px;padding:40px;z-index:2}.modal>article>button{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px;cursor:pointer}.caseCols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.caseCols section{background:#f5f7fb;padding:16px;border-radius:10px}.caseCols p{font-size:13px;color:#6b7a8f}

@media(max-width:1100px){.sidebar{width:205px}.sidebar nav a{font-size:14px}main{margin-left:205px;width:calc(100% - 205px)}.hero{grid-template-columns:1fr;min-height:auto}.heroVisual{min-height:360px}.experienceGrid{grid-template-columns:1fr}.about{grid-template-columns:1fr}.metrics{display:none}.contactCards{max-width:700px}}
@media(max-width:760px){body{font-size:15px}.sidebar{transform:translateX(-100%);transition:.2s;width:260px}.sidebar.open{transform:translateX(0)}.mobilebar{display:flex;position:sticky;top:0;height:62px;background:#061629;color:#fff;z-index:45;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.mobilebar .brand{font-size:23px}.mobilebar button{background:none;border:0;color:#fff;font-size:23px}main{margin-left:0;width:100%}.contentSection,.hero{padding:54px 20px}.hero{display:block}.heroVisual{margin-top:35px;min-height:300px}.expertise{margin-top:25px;grid-template-columns:1fr 1fr}.sectionHead{display:block}.credentialSummary{margin-top:22px;width:max-content}.certToolbar{align-items:flex-start;flex-direction:column}.certFilters{justify-content:flex-start}.credlyGrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px 8px}.credlyCard{width:170px}.credlyEmbed{width:170px}.skillGrid{grid-template-columns:1fr}.careerItem{grid-template-columns:80px 1fr;gap:12px}.careerItem:before{left:88px}.careerItem:after{left:83px}.careerItem>div{padding-left:17px}.contactCards{grid-template-columns:1fr}.aboutVisual{min-height:300px}.caseCols{grid-template-columns:1fr}.modal>article{margin:4vh 12px;padding:28px}.certFooter{flex-direction:column}.featureGrid{grid-template-columns:1fr}}
@media(max-width:420px){.expertise{grid-template-columns:1fr}.credlyGrid{grid-template-columns:1fr}.credlyCard{width:190px}.credlyEmbed{width:190px}.careerItem{grid-template-columns:1fr;padding-left:22px}.careerItem time{text-align:left}.careerItem:before{left:4px}.careerItem:after{left:-1px}.careerItem>div{padding-left:0}}

/* REBUILD V2 — Experience narrative + wider Credly experiment */
.experienceStory{
  display:grid;
  grid-template-columns:minmax(500px,.92fr) minmax(620px,1.08fr);
  gap:clamp(36px,4vw,72px);
  align-items:start;
}
.careerV2 .careerItem{grid-template-columns:120px 1fr}
.careerHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.statusPill{font-size:9px!important;font-weight:900;color:#4d65ff!important;background:#edf0ff;padding:5px 8px;border-radius:999px}
.vendorTrack{margin-top:20px;border:1px solid #dce4ef;border-radius:15px;background:#fff;overflow:hidden}
.vendorTrackHead{display:grid;grid-template-columns:auto 1fr;gap:13px;padding:18px;background:linear-gradient(135deg,#f7f9fd,#eef4ff)}
.vendorMark{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#102e55;color:#fff;font-weight:900}
.vendorTrackHead small{font-size:9px;color:#6175ff;font-weight:900;letter-spacing:.12em}
.vendorTrackHead h4{font-size:20px;margin:2px 0 3px}
.vendorTrackHead p{margin:0;font-size:12px}
.engagementTimeline{padding:4px 16px 10px}
.engagementTimeline article{display:grid;grid-template-columns:45px 34px 1fr;gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid #e7ecf3;cursor:pointer}
.engagementTimeline article:last-child{border-bottom:0}
.engagementTimeline article:hover b{color:#5068ff}
.engagementTimeline time{font-size:10px;color:#6175ff;text-align:left;padding-top:4px}
.clientMark{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:#fff;font-size:8px;font-style:normal;font-weight:900}
.clientMark.red{background:#bb3743}.clientMark.cyan{background:#008d9b}.clientMark.navy{background:#173c6d}
.engagementTimeline b,.engagementTimeline span{display:block}
.engagementTimeline b{font-size:14px}.engagementTimeline>article>div>span{font-size:11px;color:#68798f;margin:1px 0 7px}
.engagementTimeline .chips span{display:inline-block}
.focusV2{position:sticky;top:24px}
.focusIntro{font-size:13px;color:#6b7c91;margin:-8px 0 22px}
.skillGridV2{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.skillGridV2 article:last-child{grid-column:auto}
.selectedProjectsV2{margin-top:32px}
.panelTitle small{font-size:9px;color:#6175ff;font-weight:900;letter-spacing:.12em}
.panelTitle h3{font-size:22px;margin:4px 0 12px}
.projectFilters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}
.projectFilter{border:1px solid #dce4ee;background:#f2f5f9;color:#53657b;border-radius:999px;padding:7px 12px;font-size:11px;cursor:pointer}
.projectFilter.active{background:#365dff;color:#fff;border-color:#365dff}
.projectGridV2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.projectGridV2 .projectCard{min-height:185px;background:#fff}
.projectGridV2 .projectCard h4{font-size:17px}
.projectGridV2 .projectCard>b{font-size:13px}
.projectGridV2 .projectCard p{font-size:12px}

/* Let Credly breathe: official widget is wider; grid still decides column count */
.credlyGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px 16px}
.credlyCard{width:240px;min-height:320px}
.credlyEmbed{width:240px;min-height:320px}

@media(max-width:1250px){
 .experienceStory{grid-template-columns:1fr}
 .focusV2{position:static}
}
@media(max-width:760px){
 .careerV2 .careerItem{grid-template-columns:80px 1fr}
 .skillGridV2{grid-template-columns:1fr}
 .projectGridV2{grid-template-columns:1fr}
 .credlyGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
 .credlyCard,.credlyEmbed{width:220px}
}
@media(max-width:420px){
 .careerV2 .careerItem{grid-template-columns:1fr}
 .credlyGrid{grid-template-columns:1fr}
 .credlyCard,.credlyEmbed{width:240px}
}

/* REBUILD V3 */
.careerV3 .careerItem{grid-template-columns:120px 1fr}.careerCompany{display:flex;justify-content:space-between;gap:20px}.companyLogo{flex:0 0 95px;text-align:center}.textLogo{font-weight:900;line-height:.9;color:#172943;font-size:18px}.textLogo span{font-size:10px;letter-spacing:.18em}
.engagementTimelineV3 article{grid-template-columns:42px 94px 1fr 12px;align-items:center}.timelineLogo{height:34px;display:flex;align-items:center}.timelineLogo img,.cardLogo{max-width:88px;max-height:32px;object-fit:contain}.engagementTimelineV3 em{font-style:normal;font-size:24px;color:#4769ff}.projectClient{height:42px;display:flex;align-items:center;margin:8px 0}.projectClient .cardLogo{max-width:120px;max-height:38px}
.credlyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px 24px;align-items:center}.badgeOnlyCard{height:174px;display:flex;justify-content:center;transition:.2s}.badgeOnlyCard:hover{transform:translateY(-5px)}.badgeCrop{width:180px;height:168px;overflow:hidden}.credlyBadgeEmbed{width:180px;height:270px}.credlyCard,.credlyEmbed{display:none!important}
.modalCard{background-repeat:no-repeat!important}.modalCard #mTitle{max-width:58%}.modalCard #mSummary{max-width:55%}
@media(max-width:760px){.careerV3 .careerItem{grid-template-columns:1fr}.engagementTimelineV3 article{grid-template-columns:38px 72px 1fr 10px}.modalCard #mTitle,.modalCard #mSummary{max-width:100%}}

/* REBUILD V4 - local logos, full project detail, Credly restored */
.vendorRole{font-size:12px;color:#566b83;font-weight:700}
.timelineLogo img{max-width:82px;max-height:30px}.projectClient .cardLogo{max-width:112px;max-height:36px}
.modalOpen{overflow:hidden}.modal{padding:3vh 3vw}.modal>article.projectDetailModal{width:min(1280px,94vw);max-width:none;padding:0;overflow:hidden;border-radius:18px;background:#fff;position:relative}
.projectClose{position:absolute;right:18px;top:18px;z-index:8;width:38px;height:38px;border:0;border-radius:50%;background:rgba(7,24,43,.82);color:#fff;font-size:24px;cursor:pointer}
.projectHero{min-height:360px;background-size:cover;background-position:center;position:relative}.projectHeroOverlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,252,255,.99) 0%,rgba(249,252,255,.96) 43%,rgba(249,252,255,.52) 61%,rgba(249,252,255,.05) 83%)}
.projectHeroText{position:relative;z-index:2;width:58%;padding:32px 40px 38px}.projectBack{border:0;background:transparent;color:#3562ff;padding:0;margin:0 0 24px;font-weight:800;cursor:pointer}.projectHeroText>small{display:block;color:#5470ff;font-weight:900;margin-bottom:10px}.projectIdentity{display:flex;align-items:center;gap:18px;margin-bottom:10px}.projectIdentity img{max-width:190px;max-height:58px;object-fit:contain;object-position:left center}.projectHeroText h2{font-size:34px;line-height:1.08;margin:8px 0 10px;color:#10233e}.projectHeroText p{font-size:15px;line-height:1.45;color:#41566f;max-width:600px}
.projectInfoGrid{display:grid;grid-template-columns:1.12fr 1fr 1fr 1fr;border-top:1px solid #dfe6ef}.projectInfoGrid section{padding:25px 28px;min-height:175px;border-right:1px solid #dfe6ef}.projectInfoGrid section:last-child{border-right:0}.projectInfoGrid h3{font-size:17px;margin:0 0 12px}.projectInfoGrid p,.projectInfoGrid li{font-size:12.5px;line-height:1.5;color:#53667c}.projectInfoGrid ul{margin:0;padding-left:18px}
/* Credly crop removed: use the complete official widget again so no truncated half-card is shown. */
.badgeOnlyCard,.badgeCrop,.credlyBadgeEmbed{display:none!important}.credlyGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:24px 18px}.credlyFullCard{width:190px;min-height:300px;margin:0 auto;background:#fff;border-radius:10px;overflow:hidden}
@media(max-width:760px){.projectHeroText{width:100%;padding:26px 22px}.projectHeroOverlay{background:rgba(249,252,255,.91)}.projectInfoGrid{grid-template-columns:1fr}.projectInfoGrid section{border-right:0;border-bottom:1px solid #dfe6ef}}

/* REBUILD V5 — supplied logos/heroes, KPI strip, additional engagements */
.companyTitle{display:flex;align-items:center;justify-content:space-between;gap:18px}
.experienceLogo{display:block;max-width:118px;max-height:38px;object-fit:contain;object-position:right center}
.sorintLogo{max-width:112px}
.companyLogo{display:flex;align-items:flex-start;justify-content:flex-end;flex:0 0 118px}
.companyLogo img{max-width:112px;max-height:52px;object-fit:contain;object-position:right top}
.vendorLogo{width:54px;height:46px;background:#fff;border:1px solid #dfe6ef;padding:7px}
.vendorLogo img{width:100%;height:100%;object-fit:contain}
.experienceKpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:-2px 0 26px}
.experienceKpis article{display:flex;gap:11px;align-items:center;background:linear-gradient(135deg,#f5f8ff,#edf3fb);border:1px solid #e2e8f1;border-radius:12px;padding:12px 13px}
.experienceKpis i{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#dfeaff;color:#315fff;font-style:normal;font-size:16px}
.experienceKpis strong,.experienceKpis span{display:block}.experienceKpis strong{font-size:14px}.experienceKpis span{font-size:9.5px;color:#687b92;line-height:1.25}
.otherEngagements{margin-top:34px;padding-top:28px;border-top:1px solid #e1e7ef}
.otherHead{display:flex;align-items:end;justify-content:space-between;gap:20px}
.otherHead small{font-size:9px;color:#6175ff;font-weight:900;letter-spacing:.12em}
.otherHead h3{font-size:22px;margin:4px 0 3px}.otherHead p{font-size:12px;color:#6b7c91;margin:0}
.otherToggle{border:1px solid #dce4ee;background:#fff;color:#365dff;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
.otherFilters{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 13px}
.otherFilter{border:1px solid #dce4ee;background:#f2f5f9;color:#53657b;border-radius:999px;padding:6px 10px;font-size:10px;cursor:pointer}
.otherFilter.active{background:#102e55;color:#fff;border-color:#102e55}
.otherGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.otherCard{display:flex;align-items:center;gap:11px;min-height:72px;padding:11px;border:1px solid #e0e6ee;border-radius:11px;background:#fff;transition:.18s}
.otherCard:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(21,45,77,.08)}
.otherMonogram{width:38px;height:38px;flex:0 0 38px;border-radius:9px;display:grid;place-items:center;background:#edf2fa;color:#17365e;font-weight:900;font-size:11px}
.otherCardBody{min-width:0}.otherCardBody>small{display:block;font-size:8px;color:#6175ff;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.otherCardBody>b{display:block;font-size:12px;margin:1px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.otherCard .chips{gap:4px}.otherCard .chips span{font-size:8px;padding:3px 6px}
@media(max-width:900px){.experienceKpis{grid-template-columns:1fr}.otherGrid{grid-template-columns:1fr}}
@media(max-width:760px){.companyTitle{align-items:flex-start}.experienceLogo{max-width:92px}.otherHead{align-items:flex-start;flex-direction:column}.otherToggle{align-self:flex-start}}

/* REBUILD V6 — balanced Experience layout */
.experienceHeader{align-items:flex-end}
.experienceHeader>div:first-child{max-width:720px}
.experienceKpisTop{margin:0;grid-template-columns:repeat(4,minmax(150px,1fr));min-width:min(100%,760px);gap:10px}
.experienceKpisTop article{min-height:74px;padding:13px 14px}
.experienceKpisTop i{width:42px;height:42px;flex:0 0 42px;font-size:18px}
.experienceKpisTop strong{font-size:16px;line-height:1.1}.experienceKpisTop span{font-size:9.5px;margin-top:4px}
.focusV3 .skillGridV2{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.focusV3 .skillGridV2 article{display:flex;min-height:116px;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:14px 10px;gap:4px}
.focusV3 .skillGridV2 i{font-size:23px;line-height:1;margin-bottom:3px}.focusV3 .skillGridV2 b{font-size:13px}.focusV3 .skillGridV2 span{font-size:10px;line-height:1.35}
.otherEngagementsFull{margin-top:52px;padding-top:34px;border-top:1px solid #dce4ee;width:100%}
.otherEngagementsFull .otherHead h3{font-size:27px}
.otherEngagementsFull .otherHead p{font-size:13px}
.otherGridFull{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.otherGridFull .otherCard{min-height:76px}
@media(max-width:1500px){.experienceHeader{display:block}.experienceKpisTop{margin-top:28px;min-width:0;width:100%}.focusV3 .skillGridV2{grid-template-columns:repeat(3,minmax(0,1fr))}.otherGridFull{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.experienceKpisTop{grid-template-columns:repeat(2,minmax(0,1fr))}.focusV3 .skillGridV2{grid-template-columns:repeat(2,minmax(0,1fr))}.otherGridFull{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.experienceKpisTop{grid-template-columns:1fr}.focusV3 .skillGridV2{grid-template-columns:1fr}.focusV3 .skillGridV2 article{min-height:0;align-items:flex-start;text-align:left}.otherGridFull{grid-template-columns:1fr}}

/* REBUILD V7 CONCEPT — skills in Home, full-width career, client library */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:820px;grid-template-rows:1fr auto}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:
 radial-gradient(circle at 76% 18%,rgba(100,112,255,.20) 0 2px,transparent 3px),
 radial-gradient(circle at 83% 31%,rgba(80,160,255,.17) 0 2px,transparent 3px),
 radial-gradient(circle at 66% 39%,rgba(100,112,255,.14) 0 2px,transparent 3px),
 linear-gradient(118deg,transparent 0 59%,rgba(103,124,255,.07) 59.1% 59.25%,transparent 59.35% 100%),
 linear-gradient(35deg,transparent 0 68%,rgba(103,124,255,.055) 68.1% 68.25%,transparent 68.35% 100%),
 radial-gradient(circle at 88% 10%,#193c68 0,#0d294a 31%,#06182c 72%)}
.hero:after{content:"";position:absolute;right:-8%;bottom:8%;width:55%;height:46%;z-index:-1;opacity:.36;background-image:linear-gradient(rgba(116,137,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(116,137,255,.11) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(120deg,transparent 5%,#000 45%,transparent 92%);transform:perspective(500px) rotateX(58deg) rotateZ(-8deg)}
.homeSkills{grid-column:1/-1;border:1px solid rgba(255,255,255,.12);background:linear-gradient(120deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border-radius:18px;padding:22px 24px 24px;backdrop-filter:blur(8px);box-shadow:0 18px 60px rgba(0,0,0,.13)}
.homeSkillsHead{display:flex;align-items:end;gap:22px;margin-bottom:18px}.homeSkillsHead small{font-size:10px;letter-spacing:.14em;font-weight:900;color:#788aff}.homeSkillsHead h3{font-size:22px;margin:0;white-space:nowrap}.homeSkillsHead p{margin:0;color:#9fb1c9;font-size:13px;max-width:760px}
.homeSkillGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.homeSkillGrid article{background:rgba(5,20,38,.36);border:1px solid rgba(255,255,255,.08);min-height:108px;color:#fff}.homeSkillGrid article i{color:#7487ff}.homeSkillGrid article span{color:#a9bbd1}
.experienceStoryFull{display:block}.careerFull{max-width:none;width:100%}.careerFull .careerItem{grid-template-columns:130px minmax(0,1fr)}.careerFull .careerItem:before{left:139px}.careerFull .careerItem:after{left:134px}.careerFull .careerItem>div{padding-left:42px}
.careerFull .vendorTrack{max-width:none}.engagementTimelineWide article{grid-template-columns:58px minmax(110px,150px) minmax(0,1fr) 18px;padding:16px 8px}.engagementTimelineWide .timelineLogo img{max-width:120px;max-height:38px}
.clientExperiencePanel{margin-top:52px;background:#fff;border:1px solid #dfe6ef;border-radius:18px;padding:30px;box-shadow:0 20px 55px rgba(30,53,84,.08)}
.clientExperiencePanel .otherHead{margin-bottom:18px}.clientExperiencePanel .otherHead h3{font-size:28px}.clientExperiencePanel .otherHead p{max-width:820px}.clientGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.clientGrid .otherCard{background:#f9fbfe;min-height:102px;transition:.18s ease}.clientGrid .otherCard.hasDetail{cursor:pointer}.clientGrid .otherCard.hasDetail:hover{transform:translateY(-2px);border-color:#b9c9ff;box-shadow:0 10px 24px rgba(42,73,120,.08)}
.otherClientLogo{width:52px;height:52px;border-radius:10px;background:#eef3fb;display:grid;place-items:center;overflow:hidden;flex:0 0 52px}.otherClientLogo img{width:90%;height:90%;object-fit:contain}.otherCardHint{font-size:9px;color:#5570ff;font-weight:800;margin-top:6px}
@media(max-width:1350px){.homeSkillGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.clientGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.homeSkillsHead{display:block}.homeSkillsHead h3{margin:5px 0}.homeSkillGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.clientGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.careerFull .careerItem{grid-template-columns:90px 1fr}.careerFull .careerItem:before{left:99px}.careerFull .careerItem:after{left:94px}.careerFull .careerItem>div{padding-left:26px}}
@media(max-width:760px){.homeSkillGrid,.clientGrid{grid-template-columns:1fr}.clientExperiencePanel{padding:20px}.careerFull .careerItem{grid-template-columns:1fr}.careerFull .careerItem:before,.careerFull .careerItem:after{display:none}.careerFull .careerItem>div{padding-left:0}}


/* REBUILD V7.2 — Experience polish */
.careerFull .careerItem{grid-template-columns:145px minmax(0,1fr);padding-bottom:38px}
.careerFull .careerItem:before{left:154px}.careerFull .careerItem:after{left:149px}.careerFull .careerItem>div{padding-left:42px}
.careerFull .careerItem time{font-size:13px;font-weight:600;color:#687b92;padding-top:8px}
.careerFull .careerItem h3{font-size:24px;line-height:1.15}.careerFull .careerItem b{font-size:15px;line-height:1.55}.careerFull .careerItem p{font-size:15px;line-height:1.65;max-width:1040px}
.careerHeadingV72{align-items:center}.careerIdentity{display:flex;align-items:center;gap:20px;min-width:0}.careerIdentity .experienceLogo{order:0;max-width:132px;max-height:48px;object-position:left center}.careerIdentity h3{margin:0 0 4px}.careerHeadingV72 .statusPill{font-size:11px;font-weight:900;letter-spacing:.08em;padding:8px 12px;border-radius:999px;background:#e8edff;color:#4e63ff;border:1px solid #d8e0ff;white-space:nowrap;margin-left:auto}
.careerCompanyV72{justify-content:flex-start;align-items:center;gap:24px}.careerCompanyV72 .companyLogo{order:0;flex:0 0 132px;justify-content:flex-start;align-items:center}.careerCompanyV72 .companyLogo img{max-width:128px;max-height:58px;object-position:left center}.careerCompanyV72>div:last-child{max-width:980px}
.vendorTrack{margin-top:20px}.vendorTrackHead{padding:18px 20px}.vendorTrackHead h4{font-size:21px}.vendorTrackHead p{font-size:13px}
.engagementTimelineWide article{grid-template-columns:62px 150px 120px minmax(320px,1fr) 22px;gap:18px;padding:14px 18px;min-height:86px}.engagementTimelineWide article time{font-size:12px;font-weight:700}.engagementTimelineWide .timelineLogo{height:44px}.engagementTimelineWide .timelineLogo img{max-width:132px;max-height:42px}.timelineClient b{font-size:15px}.timelineActivity{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0}.timelineActivity>span{font-size:13px;color:#65778d;min-width:180px}.timelineActivity .chips{margin:0;justify-content:flex-end}.timelineActivity .chips span{font-size:10px;padding:5px 9px}.engagementTimelineWide em{font-size:30px;text-align:right}
@media(max-width:1200px){.engagementTimelineWide article{grid-template-columns:55px 125px 100px minmax(220px,1fr) 18px;gap:12px}.timelineActivity{display:block}.timelineActivity .chips{justify-content:flex-start;margin-top:7px}}
@media(max-width:900px){.careerFull .careerItem{grid-template-columns:95px 1fr}.careerFull .careerItem:before{left:104px}.careerFull .careerItem:after{left:99px}.careerFull .careerItem>div{padding-left:26px}.careerIdentity{align-items:flex-start;flex-direction:column;gap:10px}.careerHeadingV72{align-items:flex-start}.engagementTimelineWide article{grid-template-columns:48px 100px minmax(0,1fr) 18px}.timelineClient{display:none}.careerCompanyV72{align-items:flex-start}}
@media(max-width:760px){.careerFull .careerItem{grid-template-columns:1fr}.careerFull .careerItem:before,.careerFull .careerItem:after{display:none}.careerFull .careerItem>div{padding-left:0}.careerHeadingV72{display:block}.careerHeadingV72 .statusPill{display:inline-block;margin-top:12px}.careerCompanyV72{display:block}.careerCompanyV72 .companyLogo{margin-bottom:12px}.engagementTimelineWide article{grid-template-columns:42px 82px minmax(0,1fr) 14px;padding:12px 8px}.timelineActivity>span{min-width:0}.timelineActivity .chips span:nth-child(n+3){display:none}}

/* V7.3 — Home readability + richer client experience */
.heroCopy{max-width:840px}.hero .eyebrow{font-size:13px}.hero h1{font-size:clamp(60px,5.6vw,90px)}.hero h1 span{font-size:.44em}.hero h2{font-size:clamp(26px,2.2vw,34px)}.heroCopy>p{font-size:20px;line-height:1.6;max-width:760px}.actions a{font-size:15px;padding:14px 20px}.homeSkillsHead h3{font-size:22px}.homeSkillsHead p{font-size:14px}.homeSkillGrid article{min-height:112px;padding:20px}.homeSkillGrid b{font-size:15px}.homeSkillGrid span{font-size:12px;line-height:1.5}
.clientExperiencePanel{padding:34px}.featuredClientsTitle{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:24px 0 14px}.featuredClientsTitle h4{font-size:20px;margin:0}.featuredClientsTitle p{font-size:13px;color:#748398;margin:3px 0 0}.featuredClientGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:30px}.featuredClientCard{position:relative;min-height:300px;border:1px solid #dce4ee;border-radius:14px;overflow:hidden;background:#0b2545;cursor:pointer;transition:.2s}.featuredClientCard:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(25,45,70,.14)}.featuredClientImage{position:absolute;inset:0;background-size:cover;background-position:center}.featuredClientImage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,35,.06) 22%,rgba(4,18,35,.92) 100%)}.featuredClientContent{position:absolute;inset:auto 0 0;padding:18px;color:#fff;z-index:1}.featuredClientTop{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.featuredClientTop small{font-size:10px;font-weight:800;letter-spacing:.06em;color:#bdcaff}.featuredClientLogo{height:36px;max-width:105px;object-fit:contain;object-position:left center;background:rgba(255,255,255,.92);border-radius:6px;padding:5px}.featuredClientContent h4{font-size:18px;margin:0 0 5px}.featuredClientContent p{font-size:12px;line-height:1.45;color:#d4deea;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featuredClientContent .chips span{background:rgba(255,255,255,.12);color:#e7edf7}.readProject{display:inline-flex;align-items:center;gap:7px;margin-top:13px;font-size:12px;font-weight:800;color:#fff}.secondaryClientsHead{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-top:24px;border-top:1px solid #e5eaf1;margin-bottom:14px}.secondaryClientsHead h4{font-size:20px;margin:0}.secondaryClientsHead p{font-size:13px;color:#748398;margin:3px 0 0}
@media(max-width:1500px){.featuredClientGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.featuredClientCard{min-height:280px}}
@media(max-width:1000px){.featuredClientGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero h1{font-size:52px}.heroCopy>p{font-size:17px}.featuredClientGrid{grid-template-columns:1fr}.featuredClientCard{min-height:280px}.clientExperiencePanel{padding:20px}}

/* V7.4 — stronger home expertise + Home Lab project page */
.homeSkills{padding:30px 30px 32px;border-radius:22px;background:linear-gradient(120deg,rgba(255,255,255,.085),rgba(255,255,255,.035));box-shadow:0 24px 70px rgba(0,0,0,.18)}
.homeSkillsHead{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:20px;margin-bottom:24px}.homeSkillsHead small{font-size:11px}.homeSkillsHead h3{font-size:28px;letter-spacing:-.02em}.homeSkillsHead p{font-size:15px;line-height:1.55;max-width:720px}
.homeSkillGrid{gap:14px}.homeSkillGrid article{min-height:138px;padding:24px 20px;display:grid;grid-template-columns:34px 1fr;align-content:center;column-gap:12px}.homeSkillGrid i{grid-row:1/3;font-size:26px}.homeSkillGrid b{font-size:17px}.homeSkillGrid span{font-size:13px;line-height:1.55}
.homeLabCard{cursor:pointer}.homeLabCard img{height:220px}
.homeLabDetail{padding-top:54px}.backProjects{border:0;background:transparent;color:#4e66ff;font-weight:800;font-size:14px;cursor:pointer;margin-bottom:24px}.labHero{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;background:#071b31;color:#fff;border-radius:24px;padding:48px;overflow:hidden}.labHeroCopy small,.labIntro small,.labArchitecture small,.labColumns small{color:#6e80ff;font-size:11px;font-weight:900;letter-spacing:.13em}.labHero h2{font-size:clamp(42px,4vw,66px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 18px}.labHero h2 span{color:#7167ff}.labHero p{font-size:18px;color:#b6c6d9;max-width:650px}.labHero img{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.12)}.labChips span{background:rgba(255,255,255,.1);color:#dbe5f1}
.labStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 58px}.labStats article{background:#fff;border:1px solid #dce4ee;border-radius:14px;padding:20px}.labStats b,.labStats span{display:block}.labStats b{font-size:25px}.labStats span{font-size:12px;color:#728197;margin-top:3px}.labIntro{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start;margin-bottom:38px}.labIntro h3,.labArchitecture h3{font-size:34px;line-height:1.08;margin:7px 0}.labIntro>p{font-size:17px;line-height:1.75;color:#5f7188;margin:0}
.labShowcase{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-bottom:54px}.labShot{background:#fff;border:1px solid #dce4ee;border-radius:18px;overflow:hidden;box-shadow:0 16px 45px rgba(28,49,75,.08)}.mockTop{height:46px;background:#0b0d11;color:#fff;display:flex;align-items:center;gap:7px;padding:0 16px}.mockTop i{width:8px;height:8px;border-radius:50%;background:#3a414b}.mockTop b{font-size:11px;margin-left:8px}.photoMosaic{height:360px;background:#0d1015;padding:10px;display:grid;grid-template-columns:1.15fr .85fr 1fr;grid-template-rows:1fr 1fr;gap:8px}.photoMosaic span{border-radius:8px;background:linear-gradient(135deg,#28455e,#7f8d5b)}.photoMosaic span:nth-child(2){background:linear-gradient(135deg,#9a674a,#e0a45f)}.photoMosaic span:nth-child(3){background:linear-gradient(135deg,#153d64,#6e9fc1)}.photoMosaic span:nth-child(4){background:linear-gradient(135deg,#526833,#b2bf69)}.photoMosaic span:nth-child(5){background:linear-gradient(135deg,#43314f,#a8779b)}.photoMosaic span:nth-child(6){background:linear-gradient(135deg,#315c72,#b9d6df)}.mockCaption{padding:22px}.mockCaption small{color:#6175ff;font-weight:900;font-size:10px;letter-spacing:.12em}.mockCaption h4{font-size:21px;margin:5px 0}.mockCaption p{font-size:13px;color:#6c7d92;margin:0}.authVisual{height:406px;background:radial-gradient(circle at 50% 20%,#203e6b,#081a2e 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.authLogo{font-size:34px;font-weight:900;margin-bottom:18px}.authVisual h4{font-size:18px;margin:0 0 18px}.fakeInput{width:62%;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(255,255,255,.05);margin:5px}.fakeInput.short{width:62%}.fakeButton{width:62%;padding:9px;border-radius:7px;background:#675dff;text-align:center;font-size:11px;margin-top:9px}.labArchitecture{display:grid;grid-template-columns:.65fr 1.35fr;gap:42px;align-items:center;background:#fff;border:1px solid #dce4ee;border-radius:20px;padding:32px;margin-bottom:20px}.labArchitecture p{color:#65778d;line-height:1.7}.labArchitecture img{width:100%;border-radius:14px}.labColumns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.labColumns article{background:#fff;border:1px solid #dce4ee;border-radius:14px;padding:24px}.labColumns h4{font-size:19px;margin:7px 0}.labColumns p{font-size:13px;line-height:1.65;color:#697a90}
@media(max-width:1100px){.homeSkillsHead{grid-template-columns:1fr}.homeSkillsHead{gap:6px}.labHero,.labIntro,.labArchitecture{grid-template-columns:1fr}.labShowcase{grid-template-columns:1fr}.labStats,.labColumns{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.homeSkillGrid{grid-template-columns:1fr}.homeSkills{padding:22px}.homeSkillsHead h3{font-size:25px}.labHero{padding:26px}.labStats,.labColumns{grid-template-columns:1fr}.photoMosaic{height:280px}}

/* V7.5 — Interactive Terraform / IaC Lab */
.iacCard{cursor:pointer}.iacCard img{height:220px}.iacDetail{padding-top:54px}.iacHero{display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:center;background:linear-gradient(135deg,#061a2e,#11365f);color:#fff;border-radius:24px;padding:48px;overflow:hidden;position:relative}.iacHero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(104,126,255,.16);transform:rotate(35deg);right:-180px;top:-260px}.iacHero small,.iacIntro small,.iacExplain small{color:#7888ff;font-size:11px;font-weight:900;letter-spacing:.13em}.iacHero h2{font-size:clamp(44px,4vw,68px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 18px}.iacHero h2 span{color:#7167ff}.iacHero p{font-size:17px;line-height:1.65;color:#bac9da;max-width:650px}.iacHeroChips span{background:rgba(255,255,255,.09);color:#e2e9f3}.iacHeroTerminal{position:relative;z-index:1;background:#050d15;border:1px solid #31506e;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.3)}.termBar{height:44px;background:#102337;display:flex;align-items:center;gap:7px;padding:0 14px}.termBar i{width:8px;height:8px;border-radius:50%;background:#60758b}.termBar b{font-size:11px;color:#aabdd0;margin-left:7px}.iacHeroTerminal pre{padding:24px;margin:0;color:#dbe6f2;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.iacHeroTerminal pre>span:first-child{color:#7282ff}.termOk{color:#6ed49d!important}.iacIntro{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;margin:50px 0 28px;align-items:start}.iacIntro h3{font-size:34px;margin:7px 0}.iacIntro p{font-size:17px;line-height:1.7;color:#64768c;margin:0}.iacWorkspace{display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:stretch}.iacConfigurator,.iacMain{background:#fff;border:1px solid #dbe3ed;border-radius:18px;box-shadow:0 14px 38px rgba(26,48,76,.06)}.iacConfigurator{padding:24px}.iacPanelTitle h3{font-size:22px;margin:5px 0}.iacPanelTitle p{font-size:12px;color:#718198;margin:0 0 22px}.iacPanelTitle small{color:#6175ff;font-weight:900;font-size:10px;letter-spacing:.12em}.iacConfigurator>label:not(.switchRow){display:block;font-size:11px;font-weight:800;color:#42556c;margin:16px 0}.iacConfigurator select{width:100%;margin-top:7px;padding:11px;border:1px solid #d7e0ea;border-radius:9px;background:#f8fafc;color:#112943;font-weight:700}.iacConfigurator output{float:right;color:#6175ff;font-weight:900}.iacConfigurator input[type=range]{width:100%;margin-top:12px;accent-color:#6175ff}.switchRow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #edf1f5;cursor:pointer}.switchRow span{display:flex;flex-direction:column}.switchRow b{font-size:12px}.switchRow small{font-size:9px;color:#8090a3;margin-top:2px}.switchRow input{display:none}.switchRow i{width:40px;height:22px;border-radius:20px;background:#cbd5e1;position:relative;transition:.2s}.switchRow i:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.2)}.switchRow input:checked+i{background:#6175ff}.switchRow input:checked+i:after{left:21px}.generatePlan{width:100%;border:0;border-radius:10px;padding:13px;background:linear-gradient(90deg,#526eff,#7763ff);color:#fff;font-weight:900;cursor:pointer;margin-top:12px}.iacMain{overflow:hidden;min-height:590px}.iacTabs{height:58px;display:flex;align-items:end;gap:8px;padding:0 18px;border-bottom:1px solid #e2e8f0}.iacTabs button{border:0;background:transparent;padding:15px 16px 13px;font-weight:800;color:#7b8b9e;cursor:pointer;border-bottom:2px solid transparent}.iacTabs button.active{color:#263d59;border-color:#6175ff}.iacTab{display:none}.iacTab.active{display:block}.architectureStage{min-height:450px;padding:32px;position:relative;background:radial-gradient(circle at 50% 10%,#f8fbff,#eef4fb);display:flex;flex-direction:column;align-items:center}.archCloud{width:72%;padding:14px 20px;border:1px solid #b9c8dc;border-radius:12px;background:#fff;text-align:center;box-shadow:0 8px 20px rgba(28,51,78,.06)}.archCloud small,.archCloud b{display:block}.archCloud small{font-size:9px;color:#6175ff;font-weight:900;letter-spacing:.1em}.archCloud b{font-size:14px;margin-top:3px}.archNetwork{width:86%;height:46px;margin:22px 0;border:1px dashed #8098b7;border-radius:10px;display:grid;place-items:center;color:#60758c;font-size:11px;background:rgba(255,255,255,.65)}.gatewayGrid{display:flex;justify-content:center;gap:14px;width:100%;flex-wrap:wrap}.gatewayNode{width:150px;background:#0d2947;color:#fff;border-radius:12px;padding:14px;box-shadow:0 10px 24px rgba(14,42,72,.16)}.gatewayNode small,.gatewayNode b,.gatewayNode span{display:block}.gatewayNode small{color:#8294ff;font-size:8px;font-weight:900}.gatewayNode b{font-size:12px;margin:4px 0}.gatewayNode span{font-size:9px;color:#b7c7d8}.gatewayNode .disk{margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12);color:#dbe5ef}.archStorage{display:flex;align-items:center;gap:10px;margin-top:24px;background:#fff;border:1px solid #b9c8dc;border-radius:10px;padding:10px 18px}.archStorage i{font-size:22px;color:#6175ff}.archStorage small,.archStorage b,.archStorage span{display:block}.archStorage small{font-size:7px;color:#6175ff;font-weight:900}.archStorage b{font-size:11px}.archStorage span{font-size:8px;color:#7d8ca0}.archLegend{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 20px;border-top:1px solid #e6ebf1}.archLegend span{font-size:9px;color:#708096}.archLegend i{font-style:normal;color:#6175ff;font-weight:900;margin-right:4px}.codeHead{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#0c1a29;color:#b9c9da}.codeHead span{font:12px ui-monospace,monospace}.codeHead button{background:#172c42;color:#c9d7e6;border:1px solid #29435e;border-radius:6px;padding:6px 10px;font-size:10px;cursor:pointer}.terraformCode{margin:0;min-height:484px;padding:24px;background:#07111c;color:#d8e5f1;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow:auto}.deployPlan{padding:28px;min-height:500px;background:#07111c;color:#d8e5f1}.planEmpty{min-height:430px;display:grid;place-content:center;text-align:center}.planEmpty b{font-size:20px}.planEmpty span{font-size:12px;color:#8294a8;margin-top:6px}.planSteps{display:grid;gap:10px}.planStep{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid #1f3850;border-radius:9px;background:#0c1b2a}.planStep i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#162d43;color:#8194a8;font-style:normal;font-size:10px}.planStep b{font-size:12px}.planStep span{font-size:9px;color:#7f91a5}.planStep.done{border-color:#245c48}.planStep.done i{background:#164a37;color:#79d7a6}.planSummary{margin-top:18px;padding:18px;border-radius:10px;background:#0e2435;border:1px solid #26465e}.planSummary b{color:#79d7a6}.iacExplain{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.iacExplain article{background:#fff;border:1px solid #dbe3ed;border-radius:14px;padding:24px}.iacExplain h4{font-size:19px;margin:7px 0}.iacExplain p{font-size:13px;line-height:1.65;color:#687a90;margin:0}
@media(max-width:1100px){.iacHero,.iacIntro{grid-template-columns:1fr}.iacWorkspace{grid-template-columns:1fr}.iacExplain{grid-template-columns:1fr}.iacHeroTerminal{max-width:700px}.archLegend{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.iacHero{padding:26px}.iacHero h2{font-size:42px}.iacWorkspace{display:block}.iacConfigurator{margin-bottom:14px}.archCloud,.archNetwork{width:100%}.gatewayNode{width:130px}.iacExplain{grid-template-columns:1fr}}

/* V7.6 — Terraform Studio polish */
.codeHead{height:52px;background:#0b1a29;border-bottom:1px solid #1d344a}
.codeHead:before{content:"●  ●  ●";font-size:9px;letter-spacing:4px;color:#60758b;margin-right:12px}
.codeHead span{margin-right:auto;color:#d8e5f1;font-weight:800}.codeHead span:after{content:"  ·  GENERATED";color:#7184ff;font-size:8px;letter-spacing:.1em;margin-left:10px}
.terraformCode{padding:14px 0 24px;min-height:484px;background:linear-gradient(180deg,#07111c,#081522);color:#d8e5f1;font-size:12px;line-height:1.72;tab-size:2;overflow:auto;counter-reset:line}
.tfLine{display:flex;min-width:max-content;padding:0 22px 0 0}.tfLine:hover{background:rgba(111,128,255,.055)}
.tfLn{width:52px;flex:0 0 52px;text-align:right;padding-right:16px;color:#41566b;user-select:none;border-right:1px solid rgba(94,119,145,.16);margin-right:18px}.tfSrc{white-space:pre;color:#cbd9e7}
.tfKeyword{color:#c792ea;font-weight:700}.tfBuiltin{color:#82aaff}.tfString{color:#c3e88d}.tfNumber{color:#f78c6c}.tfComment{color:#60758b;font-style:italic}
.codeHead button{transition:.18s}.codeHead button:hover{background:#203b55;border-color:#587391;color:#fff}

/* V7.7 — IaC lifecycle experience */
.archLegend{padding:18px 22px;gap:12px;background:#fff}.archLegend span{position:relative;background:#f7f9fc;border:1px solid #e1e7ef;border-radius:10px;padding:12px 14px;font-size:10px;font-weight:700;color:#65778d}.archLegend span:not(:last-child):after{content:'→';position:absolute;right:-11px;top:50%;transform:translateY(-50%);z-index:2;color:#7180ff;font-size:14px}.archLegend span.active{border-color:#7180ff;box-shadow:0 0 0 3px rgba(97,117,255,.09);color:#17314e}.archLegend span.done{background:#effaf5;border-color:#bfe5d0;color:#245c48}.archLegend span.done i{color:#289667}
.planConsole{background:#050d16;border:1px solid #1f3850;border-radius:10px;overflow:hidden;margin-bottom:14px}.planConsoleHead{height:38px;background:#0d1d2c;display:flex;align-items:center;gap:6px;padding:0 12px;color:#8195aa;font:10px ui-monospace,monospace}.planConsoleHead i{width:7px;height:7px;border-radius:50%;background:#42566a}.planConsole pre{margin:0;padding:16px 18px;min-height:125px;color:#b9c9d9;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.planConsole .ok{color:#79d7a6}.planConsole .cmd{color:#8b99ff}.planActions{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}.applyButton,.destroyButton,.resetLabButton{border:0;border-radius:9px;padding:11px 15px;font-weight:900;cursor:pointer}.applyButton{background:linear-gradient(90deg,#526eff,#7763ff);color:#fff}.destroyButton{background:#321923;color:#ffb4c0;border:1px solid #663044}.resetLabButton{background:#13283b;color:#d5e0eb;border:1px solid #29455e}.applyButton:disabled,.destroyButton:disabled{opacity:.45;cursor:default}.opsDashboard{margin-top:16px;border:1px solid #245c48;border-radius:12px;background:linear-gradient(180deg,#0c211d,#091a19);overflow:hidden}.opsHead{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #1d493b}.opsHead small{display:block;color:#72d5a3;font-size:8px;font-weight:900;letter-spacing:.13em}.opsHead b{display:block;margin-top:3px;font-size:16px}.healthBadge{border:1px solid #2e7b5d;background:#123e30;color:#83e3b0;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900}.opsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#17362e}.opsGrid div{background:#0c211d;padding:15px}.opsGrid small,.opsGrid b{display:block}.opsGrid small{font-size:8px;color:#759487;text-transform:uppercase;letter-spacing:.08em}.opsGrid b{font-size:14px;margin-top:4px;color:#e1eee8}.opsFoot{padding:14px 18px;color:#8da79c;font-size:10px}.gatewayNode.provisioning,.archCloud.provisioning,.archNetwork.provisioning,.archStorage.provisioning{animation:iacPulse .75s ease infinite alternate;border-color:#7180ff}.gatewayNode.live{box-shadow:0 0 0 2px rgba(72,205,137,.22),0 10px 24px rgba(14,42,72,.16);border:1px solid #49b980}.archCloud.live,.archNetwork.live,.archStorage.live{border-color:#49b980;box-shadow:0 0 0 3px rgba(73,185,128,.08)}.gatewayNode.destroying,.archCloud.destroying,.archNetwork.destroying,.archStorage.destroying{opacity:.25;transform:scale(.97);transition:.35s}.lifecycleState{position:absolute;right:24px;top:24px;background:#fff;border:1px solid #d9e2ec;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;color:#66798e;box-shadow:0 5px 16px rgba(23,48,78,.06)}.lifecycleState.live{background:#effaf5;border-color:#bfe5d0;color:#287353}@keyframes iacPulse{from{box-shadow:0 0 0 0 rgba(97,117,255,.08)}to{box-shadow:0 0 0 8px rgba(97,117,255,.13)}}
@media(max-width:850px){.opsGrid{grid-template-columns:repeat(2,1fr)}.archLegend{grid-template-columns:1fr 1fr}.archLegend span:after{display:none}}

/* V7.8 — Multi-cloud IaC Lab */
.iacConfigurator .textInput{width:100%;margin-top:7px;padding:11px;border:1px solid #d7e0ea;border-radius:9px;background:#f8fafc;color:#112943;font-weight:800;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.iacConfigurator .fieldHint{display:block;margin-top:5px;color:#8a99aa;font-size:9px;font-weight:500}
.liveEstimate{margin:14px 0 4px;padding:13px;border:1px solid #dce4ff;border-radius:11px;background:linear-gradient(135deg,#f7f9ff,#f1f5ff)}
.liveEstimate>small{display:block;color:#6175ff;font-size:8px;font-weight:900;letter-spacing:.11em;margin-bottom:8px}.liveEstimate>div{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.liveEstimate span{font-size:9px;color:#687a90}.liveEstimate b{color:#102b49;font-size:12px}.liveEstimate .estimateCost{grid-column:1/-1;border-top:1px solid #dce4ff;padding-top:7px}.liveEstimate .estimateCost b{font-size:18px;color:#536cff}.liveEstimate em{display:block;font-size:8px;color:#92a0b0;font-style:normal;margin-top:6px}
.archCloud span{display:block;margin-top:4px;font-size:9px;color:#8190a3}.archLegend{padding:14px 20px;min-height:82px;align-items:center}.archLegend span{position:relative;padding:8px 10px 8px 34px;border-radius:9px;transition:.25s}.archLegend span i{position:absolute;left:9px;top:10px}.archLegend span b,.archLegend span small{display:block}.archLegend span b{font-size:10px;color:#41556d}.archLegend span small{font-size:8px;margin-top:2px;color:#8a99aa}.archLegend span.active{background:#eef1ff;box-shadow:inset 0 0 0 1px #cdd5ff}.archLegend span.done{background:#effaf5;box-shadow:inset 0 0 0 1px #cce8d8}.archLegend span.done i{color:#2f9b68}.archLegend span:after{content:"→";position:absolute;right:-8px;top:18px;color:#b2bdc9}.archLegend span:last-child:after{display:none}
.codeHead{height:52px}.codeFiles,.codeActions{display:flex;align-items:center;gap:7px}.codeFiles button{border:0;background:transparent;color:#70869b;padding:17px 8px 14px;font:10px ui-monospace,monospace}.codeFiles button.active{color:#d7e5f2;border-bottom:2px solid #7180ff}.codeFiles button:disabled{opacity:.35}.codeActions button{background:#172c42;color:#c9d7e6;border:1px solid #29435e;border-radius:6px;padding:6px 9px;font-size:9px;cursor:pointer}.generatedBadge{font-size:8px;font-weight:900;letter-spacing:.1em;color:#8e9cff;background:#17233c;border:1px solid #303f66;border-radius:999px;padding:5px 7px}
@media(max-width:760px){.liveEstimate>div{grid-template-columns:1fr}.liveEstimate .estimateCost{grid-column:auto}.codeHead{height:auto;min-height:52px;gap:8px;flex-wrap:wrap;padding:8px 12px}.codeFiles{order:1}.codeActions{order:2}.generatedBadge{display:none}.archLegend{grid-template-columns:1fr}.archLegend span:after{display:none}}

/* V7.9 — dedicated project/lab experience */
.labPage{margin:0;background:#eef3f9;color:#0b213b}.labPage .sidebar,.labPage #menuBtn{display:none!important}.labTopbar{height:72px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 34px;background:rgba(5,24,43,.97);color:#fff;border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px)}.labBrand{display:flex;align-items:center;gap:20px;color:#fff;text-decoration:none}.labBrand b{font-size:25px;letter-spacing:-.06em}.labBrand b:after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#7566ff;margin-left:2px}.labBrand span{font-size:12px;color:#b8c8d8}.labTopbar>div{text-align:center}.labTopbar strong,.labTopbar small{display:block}.labTopbar strong{font-size:14px}.labTopbar small{font-size:9px;color:#91a7bb;margin-top:2px;letter-spacing:.04em}.labSafe{justify-self:end;font-size:9px;font-weight:900;letter-spacing:.08em;color:#91e4b7;border:1px solid #275b48;border-radius:20px;padding:7px 10px}.labShell{max-width:1600px;margin:auto;padding:30px 34px 70px}.labPage .iacDetail{padding:0!important}.labPage .iacHero{border-radius:20px}.labPage .iacIntro{margin:34px 0 22px}.labPage .iacWorkspace{grid-template-columns:320px minmax(0,1fr);align-items:start}.labPage .iacMain{min-height:0}.labPage .architectureStage{min-height:0;padding:28px 32px 26px}.labPage .terraformCode{min-height:0;max-height:650px;height:auto}.labPage .deployPlan{min-height:0}.labPage .planEmpty{min-height:300px}.labPage .iacTab[data-iac-pane="plan"]{background:#07111c}.labPage .archLegend{background:#fff}.labPage .iacExplain{margin-bottom:0}.codeFiles{display:flex;align-items:center;height:100%}.codeFiles button{border-radius:0!important;border:0!important;border-bottom:2px solid transparent!important;background:transparent!important;height:100%;padding:0 14px!important;color:#8296aa!important}.codeFiles button.active{color:#fff!important;border-bottom-color:#6f7cff!important}.codeActions{display:flex;align-items:center;gap:8px}.generatedBadge{font-size:8px!important;color:#7fefae!important;border:1px solid #285b48;border-radius:20px;padding:5px 8px}.archCloud span{display:block;font-size:8px;color:#7d8ca0;margin-top:3px}.archLegend span{display:grid;grid-template-columns:auto 1fr;column-gap:5px;align-items:center}.archLegend small{grid-column:2;font-size:8px;color:#9aa8b7}.textInput{width:100%;box-sizing:border-box;margin-top:7px;padding:11px;border:1px solid #d7e0ea;border-radius:9px;background:#f8fafc;color:#112943;font-weight:700}.fieldHint{display:block!important;font-size:8px!important;color:#91a0b1!important;margin-top:4px}.liveEstimate{margin-top:14px;padding:13px;border:1px solid #d8e1ff;background:#f2f5ff;border-radius:10px}.liveEstimate>small{color:#6175ff;font-size:8px;font-weight:900;letter-spacing:.08em}.liveEstimate>div{display:grid;grid-template-columns:1fr 1fr;margin-top:8px;gap:6px;font-size:9px}.liveEstimate span{display:block}.liveEstimate .estimateCost{grid-column:1/-1;border-top:1px solid #dde4f4;padding-top:8px;color:#687b90}.liveEstimate .estimateCost b{font-size:16px;color:#6175ff}.liveEstimate em{display:block;font-size:7px;color:#9aa7b6;font-style:normal;margin-top:5px}.lifecycleState{position:absolute;right:18px;top:16px;background:#fff;border:1px solid #dce5ef;border-radius:20px;padding:6px 9px;font-size:7px;font-weight:900;color:#5d7188;box-shadow:0 5px 12px rgba(24,46,72,.05)}
@media(max-width:900px){.labTopbar{grid-template-columns:1fr auto;padding:0 16px}.labTopbar>div{display:none}.labSafe{font-size:7px}.labShell{padding:18px 12px 50px}.labPage .iacWorkspace{grid-template-columns:1fr}.labPage .iacConfigurator{position:static}.labPage .iacHero{padding:28px}.labPage .iacIntro{grid-template-columns:1fr;gap:10px}}


/* V8.0 — visual polish: premium lab identity, native 100% scale, full-card launch */
.labTopbar{height:84px;padding:0 clamp(24px,3vw,54px);grid-template-columns:1fr auto 1fr;background:rgba(5,24,43,.985)}
.labTopLeft{display:flex;align-items:center;gap:22px}.labMonogram{font-size:27px;font-weight:900;letter-spacing:-.06em;color:#fff;text-decoration:none}.labMonogram:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#7566ff;margin-left:2px}.labBack{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#cbd7e4;text-decoration:none;font-size:11px;font-weight:750;background:rgba(255,255,255,.035);transition:.2s}.labBack span{color:#8798ff;font-size:15px}.labBack:hover{color:#fff;border-color:rgba(126,142,255,.55);background:rgba(113,103,255,.10);transform:translateX(-2px)}
.labIdentity{text-align:center!important;line-height:1.1}.labIdentity small{font-size:7px!important;letter-spacing:.17em!important;color:#7888ff!important;font-weight:900;margin:0 0 4px!important}.labIdentity strong{font-size:16px!important;letter-spacing:-.015em}.labIdentity span{display:block;font-size:9px;color:#8ea3b8;margin-top:4px;letter-spacing:.025em}.labSafe{display:flex;align-items:center;gap:7px;padding:8px 12px}.labSafe i{width:6px;height:6px;border-radius:50%;background:#65dc9a;box-shadow:0 0 0 4px rgba(101,220,154,.08)}
.labShell{max-width:1720px;padding:34px clamp(24px,3vw,52px) 72px}.labPage .iacHero{padding:52px 56px;border-radius:22px;grid-template-columns:1.04fr .96fr;gap:58px;min-height:390px;background:radial-gradient(circle at 86% 18%,rgba(62,111,176,.24),transparent 31%),linear-gradient(135deg,#061a2e 0%,#0b2d51 56%,#103b68 100%);box-shadow:0 22px 55px rgba(24,49,78,.10)}
.labPage .iacHero:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(119,139,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(119,139,255,.13) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent 0%,transparent 48%,#000 100%);pointer-events:none}.labPage .iacHero:after{opacity:.65}.iacHeroCopy{position:relative;z-index:2}.labPage .iacHeroCopy>small{display:inline-flex;align-items:center;gap:8px}.labPage .iacHeroCopy>small:before{content:"";width:22px;height:1px;background:#7888ff}.labPage .iacHero h2{font-size:clamp(50px,4.1vw,72px);max-width:720px;margin:12px 0 20px}.labPage .iacHero p{font-size:16px;max-width:720px;margin:0;color:#b9cadd}.labPage .iacHero p b{color:#f4f8fc;font-weight:750}.labPage .iacHeroTerminal{box-shadow:0 30px 80px rgba(0,0,0,.34),0 0 0 1px rgba(116,139,255,.08)}
.iacFlow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:24px 0 18px}.iacFlow span{font-size:8px;font-weight:900;letter-spacing:.09em;color:#c7d5e5;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:rgba(255,255,255,.04)}.iacFlow i{font-style:normal;color:#7181ff;font-size:10px}.iacSafetyLine{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;color:#87a0b8;font-size:9px}.iacSafetyLine span:first-child{color:#82dca8}
.labPage .iacIntro{margin:38px 0 24px;grid-template-columns:.72fr 1.28fr;align-items:end}.labPage .iacIntro h3{font-size:38px;letter-spacing:-.035em;margin:6px 0 0}.labPage .iacIntro p{font-size:16px;max-width:760px;padding-bottom:3px}
.labPage .iacWorkspace{grid-template-columns:330px minmax(0,1fr);gap:20px}.labPage .iacConfigurator{padding:26px}.labPage .iacPanelTitle h3{font-size:23px}.labPage .iacTabs button{font-size:13px}.labPage .architectureStage{padding:32px 34px 30px}.labPage .iacMain{box-shadow:0 18px 48px rgba(26,48,76,.075)}
.featureGrid .iacCard{cursor:pointer;position:relative}.featureGrid .iacCard:after{content:"Launch lab ↗";position:absolute;right:16px;top:16px;padding:6px 9px;border-radius:999px;background:rgba(5,24,43,.88);color:#fff;font-size:9px;font-weight:850;letter-spacing:.04em;opacity:0;transform:translateY(-3px);transition:.2s}.featureGrid .iacCard:hover:after,.featureGrid .iacCard:focus:after{opacity:1;transform:none}.featureGrid .iacCard:focus{outline:2px solid #6175ff;outline-offset:3px}
@media(max-width:1100px){.labPage .iacHero{padding:38px;grid-template-columns:1fr}.iacFlow{margin-top:18px}.labPage .iacIntro{grid-template-columns:1fr;gap:8px}.labPage .iacWorkspace{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:900px){.labTopbar{height:70px;grid-template-columns:1fr auto;padding:0 16px}.labIdentity{display:none}.labTopLeft{gap:10px}.labBack{padding:7px 10px}.labBack{font-size:10px}.labShell{padding:18px 12px 50px}.labPage .iacWorkspace{grid-template-columns:1fr}.labPage .iacHero{padding:30px;min-height:0}.labPage .iacHero h2{font-size:44px}.iacFlow{display:none}.iacSafetyLine{gap:8px}.labPage .iacIntro h3{font-size:31px}}

/* V8.1 — Signature UI */
.sidebar{width:224px;padding:32px 18px 24px;background:linear-gradient(180deg,#06182c 0%,#071b31 55%,#041323 100%);border-right:1px solid rgba(255,255,255,.07)}
.sidebar .brand{margin-left:12px;margin-bottom:42px}.sidebar nav{gap:5px}.sidebar nav a{position:relative;display:flex;align-items:center;gap:13px;padding:12px 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#8fa4ba;font-weight:720;letter-spacing:.01em;transition:.2s}.sidebar nav a:hover{color:#fff;background:rgba(255,255,255,.045);transform:translateX(2px)}.sidebar nav a.active{color:#fff;background:linear-gradient(90deg,rgba(96,117,255,.18),rgba(96,117,255,.035));border-color:rgba(119,133,255,.18);box-shadow:inset 3px 0 #7180ff}.sidebar nav a .navDot{width:7px;height:7px;border-radius:50%;background:#53687e;box-shadow:0 0 0 4px rgba(255,255,255,.025);transition:.2s}.sidebar nav a.active .navDot{background:#8994ff;box-shadow:0 0 0 4px rgba(113,128,255,.13),0 0 14px rgba(113,128,255,.5)}.sidebar nav a i{font-style:normal}.sideBottom{left:18px;right:18px}.sideBottom .cv{border-radius:10px!important;background:rgba(255,255,255,.04)!important}
main{margin-left:224px;width:calc(100% - 224px)}
.homeSkills{margin-top:34px}.homeSkillsHead{max-width:650px}.homeSkillsHead h3{font-size:30px!important;margin:4px 0 6px}.homeSkillsHead p{font-size:14px!important;line-height:1.55!important;color:#9eb0c5!important}.expertiseShowcase{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.expertiseShowcase article{position:relative;display:grid;grid-template-columns:42px 1fr;gap:12px;min-height:142px;padding:18px 15px;border:1px solid rgba(255,255,255,.105);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));transition:.22s;overflow:hidden}.expertiseShowcase article:hover{transform:translateY(-4px);border-color:rgba(128,143,255,.42);background:linear-gradient(145deg,rgba(111,124,255,.12),rgba(255,255,255,.03))}.expertiseShowcase article.expertiseFeatured{border-color:rgba(126,139,255,.32);box-shadow:inset 0 0 28px rgba(100,112,255,.055)}.expertiseIcon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#102d4c;border:1px solid rgba(255,255,255,.09);color:#8f9cff;font-size:10px;font-weight:900;letter-spacing:-.02em}.expertiseShowcase small{display:block;color:#7489a1;font-size:7.5px;font-weight:900;letter-spacing:.13em}.expertiseShowcase b{display:block;color:#fff;font-size:14px;margin:3px 0 4px}.expertiseShowcase p{font-size:10.5px!important;line-height:1.4!important;color:#8fa2b8!important;margin:0 0 10px!important}.techMarks{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.techMarks>span{display:inline-flex;align-items:center;min-height:22px;padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.06);color:#c4d1df;font-size:8px;font-weight:750}.techMarks .brandMark{width:22px;padding:0;justify-content:center;color:#fff}.techMarks .azureMark{background:#087cd5}.techMarks .terraformMark{background:#5f43c5}.techMarks .ansibleMark{background:#171717;border:1px solid rgba(255,255,255,.16)}.techMarks .cvLogo{background:#fff;padding:3px 6px}.techMarks .cvLogo img{width:44px;height:12px;object-fit:contain}
.projectsV81{background:linear-gradient(180deg,#f7f9fc,#eef3f8)}.projectCategoryHead{display:flex;justify-content:space-between;align-items:end;margin:18px 0 18px;padding-top:8px}.projectCategoryHead small{color:#6175ff;font-size:9px;font-weight:900;letter-spacing:.14em}.projectCategoryHead h3{font-size:30px;margin:5px 0 3px;color:#10243e}.projectCategoryHead p{margin:0;color:#6c7d91;font-size:13px}.categoryIndex{font-size:44px;font-weight:900;color:#d9e1eb;line-height:1}.professionalGrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px}.proFeature,.proCase,.personalLabCard{background:#fff;border:1px solid #dbe4ee;border-radius:18px;overflow:hidden;transition:.22s}.proFeature:hover,.proCase:hover,.personalLabCard.live:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(25,46,72,.1)}.proFeature{display:grid;grid-template-columns:1.05fr 1fr;cursor:pointer}.projectVisual{position:relative;min-height:310px;background:#071c33;overflow:hidden}.projectVisual img{width:100%;height:100%;object-fit:cover}.interactivePill{position:absolute;left:18px;top:18px;padding:7px 10px;border-radius:999px;background:rgba(7,24,43,.82);backdrop-filter:blur(8px);color:#8ef0b5;font-size:8px;font-weight:900;letter-spacing:.09em}.projectBody{padding:34px}.projectBody small,.proCase small,.personalLabCard small{font-size:9px;color:#6175ff;font-weight:900;letter-spacing:.1em}.projectBody h3{font-size:30px;margin:8px 0 10px;color:#10243e}.projectBody p,.proCase p,.personalLabCard p{color:#6c7d91;line-height:1.6}.flowMini{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:20px 0}.flowMini span{padding:6px 8px;background:#f0f3ff;color:#445ee9;border-radius:7px;font-size:9px;font-weight:850}.flowMini i{font-style:normal;color:#9ba9ba}.projectBody a,.proCase a,.personalLabCard a{display:inline-block;margin-top:12px;color:#536aff;text-decoration:none;font-size:12px;font-weight:900}.proCase img{width:100%;height:190px;object-fit:cover;background:#092846}.proCase>div{padding:24px}.proCase h3{font-size:22px;margin:7px 0}.personalHead{margin-top:54px}.personalLabGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.personalLabCard>div:last-child{padding:22px}.personalLabCard h3{font-size:21px;margin:7px 0}.personalVisual{height:175px;position:relative;background:#0a294a}.personalVisual img{width:100%;height:100%;object-fit:cover}.personalVisual>span{position:absolute;top:14px;right:14px;padding:6px 8px;border-radius:999px;background:rgba(7,24,43,.85);color:#80e6ab;font-size:8px;font-weight:900}.personalPlaceholder{height:175px;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#0a2747,#102f52);color:#fff}.personalPlaceholder b{font-size:44px;letter-spacing:-.08em;color:#8c98ff}.personalPlaceholder span{font-size:8px;color:#8ea2b8;font-weight:900;letter-spacing:.14em;margin-top:5px}.personalLabCard.coming{opacity:.84}
@media(max-width:1300px){.expertiseShowcase{grid-template-columns:repeat(3,1fr)}.professionalGrid{grid-template-columns:1fr}.proFeature{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.expertiseShowcase{grid-template-columns:1fr 1fr}.personalLabGrid{grid-template-columns:1fr}.proFeature{grid-template-columns:1fr}.projectVisual{min-height:240px}}
@media(max-width:760px){main{margin-left:0;width:100%}.expertiseShowcase{grid-template-columns:1fr}.projectCategoryHead{align-items:flex-start}.categoryIndex{font-size:30px}}
/* V8.1 — IaC editor alignment */
.labPage .iacWorkspace{align-items:stretch}.labPage .iacConfigurator,.labPage .iacMain{height:100%}.labPage .iacMain{display:flex;flex-direction:column}.labPage .iacTab.active{flex:1}.labPage .iacTab[data-iac-pane="code"].active{display:flex;flex-direction:column}.labPage .terraformCode{flex:1;min-height:0;max-height:none;overflow:auto}.continueAnsible{background:linear-gradient(90deg,#5d6fff,#7b62ff)!important;color:#fff!important;border:0!important}.handoffCard{margin-top:16px;padding:17px;border:1px solid #314d67;border-radius:11px;background:#0d2133}.handoffCard small{color:#8398ad;font-size:8px;font-weight:900;letter-spacing:.1em}.handoffCard b{display:block;color:#fff;margin:5px 0}.handoffCard p{color:#91a5b8;font-size:10px;line-height:1.5;margin:0 0 12px}
/* V8.1 — Ansible Automation Lab */
.ansiblePage{margin:0;background:#eef3f8;color:#10243e}.ansiblePage main{margin:0;width:auto}.ansibleTop{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 36px;background:#06182c;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.ansibleTop>a{justify-self:start;color:#d3deea;text-decoration:none;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:9px;font-size:11px;font-weight:800}.ansibleTop>div{text-align:center}.ansibleTop small,.ansibleTop b,.ansibleTop span{display:block}.ansibleTop small{font-size:8px;color:#8195aa;letter-spacing:.14em;font-weight:900}.ansibleTop b{font-size:15px;margin:3px}.ansibleTop span{font-size:9px;color:#91a4b7}.ansibleTop em{justify-self:end;font-style:normal;color:#83e6ac;font-size:8px;font-weight:900;letter-spacing:.1em}.ansibleShell{max-width:1600px;margin:auto!important;padding:30px 34px 70px}.ansibleHero{min-height:330px;border-radius:20px;padding:52px;display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center;background:radial-gradient(circle at 80% 20%,#173c5f,#071a2e 58%);color:#fff;overflow:hidden}.ansibleHero>div>small{color:#8797ff;font-size:9px;font-weight:900;letter-spacing:.14em}.ansibleHero h1{font-size:clamp(42px,5vw,68px);line-height:.98;margin:10px 0 16px;letter-spacing:-.045em}.ansibleHero h1 span{color:#8d99ff}.ansibleHero p{max-width:700px;color:#a9bbcc;font-size:15px;line-height:1.6}.pipeline{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}.pipeline span{padding:7px 9px;border-radius:7px;background:rgba(255,255,255,.05);color:#71869c;font-size:8px;font-weight:900}.pipeline .done{color:#82dca8}.pipeline .active{background:#6676ff;color:#fff}.ansibleStatus{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.055)}.ansibleStatus small{color:#8297ad;font-size:8px;font-weight:900;letter-spacing:.12em}.ansibleStatus>b{display:block;color:#7ee4a9;margin:7px 0 15px}.ansibleStatus dl{margin:0}.ansibleStatus dl div{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid rgba(255,255,255,.08)}.ansibleStatus dt{color:#8297ad;font-size:10px}.ansibleStatus dd{margin:0;font-size:10px;font-weight:800}.ansibleWorkspace{display:grid;grid-template-columns:330px 1fr;gap:18px;margin-top:20px;align-items:stretch}.ansibleWorkspace>aside,.ansibleMain{background:#fff;border:1px solid #dbe4ee;border-radius:16px;overflow:hidden}.ansibleWorkspace>aside{padding:26px}.ansibleWorkspace aside>small{font-size:8px;color:#6576ff;font-weight:900;letter-spacing:.12em}.ansibleWorkspace h2{font-size:20px;margin:5px 0 20px}.ansibleWorkspace label{display:block;font-size:10px;font-weight:850;color:#52657a;margin:14px 0}.ansibleWorkspace select,.ansibleWorkspace input:not([type=checkbox]){box-sizing:border-box;width:100%;margin-top:7px;padding:10px;border:1px solid #d6e0ea;border-radius:8px;background:#f8fafc}.ansibleCheck{padding:11px 0;border-top:1px solid #edf1f5}.ansibleWorkspace aside button{width:100%;padding:12px;border:0;border-radius:9px;background:linear-gradient(90deg,#566dff,#7764ff);color:#fff;font-weight:900;cursor:pointer;margin-top:12px}.ansibleMain{display:flex;flex-direction:column;min-width:0}.ansibleTabs{height:52px;background:#0c1a29;display:flex;align-items:end;padding:0 16px}.ansibleTabs button{height:100%;padding:0 15px;border:0;border-bottom:2px solid transparent;background:none;color:#8296aa;font-weight:800;font-size:10px}.ansibleTabs button.active{color:#fff;border-bottom-color:#6f7cff}.ansibleMain>pre{flex:1;min-height:360px;max-height:520px;overflow:auto;margin:0;padding:24px;background:#07111c;color:#d9e6f2;font:12px/1.65 ui-monospace,Consolas,monospace}.ansibleConsole{padding:18px 22px;background:#0c1b2a;border-top:1px solid #213b53;color:#a8bacb}.ansibleConsole small{font-size:8px;color:#7d91a6;font-weight:900}.ansibleConsole p{font-size:11px;margin:5px 0}.ansibleConsole pre{max-height:270px;overflow:auto;white-space:pre-wrap;font:10px/1.5 ui-monospace,Consolas,monospace;color:#b7c8d8}.ansibleConsole.complete pre{color:#9cddb8}.ansibleNote{margin-top:20px;padding:30px;border:1px solid #dbe4ee;border-radius:16px;background:#fff}.ansibleNote small{font-size:8px;color:#6175ff;font-weight:900;letter-spacing:.12em}.ansibleNote h2{margin:5px 0}.ansibleNote p{color:#687b90;max-width:850px;line-height:1.6}@media(max-width:900px){.ansibleHero,.ansibleWorkspace{grid-template-columns:1fr}.ansibleTop{grid-template-columns:1fr auto}.ansibleTop>div{display:none}.ansibleShell{padding:20px}.ansibleHero{padding:32px}}

/* V8.2 — Signature system refinement */
.sidebar nav a{position:relative;border:1px solid transparent;padding:12px 14px 12px 17px;transition:.2s;background:transparent}.sidebar nav a .navDot{width:6px;height:6px;border-radius:50%;background:#52677e;box-shadow:none;transition:.2s}.sidebar nav a:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.07);transform:translateX(2px)}.sidebar nav a.active{background:linear-gradient(90deg,rgba(92,112,255,.18),rgba(92,112,255,.055));border-color:rgba(119,133,255,.25);color:#fff;box-shadow:inset 3px 0 #7480ff}.sidebar nav a.active .navDot{background:#8c96ff;box-shadow:0 0 0 5px rgba(115,128,255,.12),0 0 14px rgba(115,128,255,.5)}.cv{border:1px solid rgba(133,143,255,.45)!important;background:linear-gradient(110deg,#4867ff,#7c65ff)!important;box-shadow:0 8px 28px rgba(82,101,255,.26),inset 0 1px rgba(255,255,255,.2);transition:.2s}.cv:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(82,101,255,.38),0 0 0 4px rgba(111,124,255,.08)}.langs{opacity:.48}

.heroCockpit{min-height:420px!important;background:linear-gradient(145deg,#071a2d,#102e4d)!important}.cockpitTop{height:48px;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(4,15,27,.55);font-size:9px;color:#8094aa}.cockpitTop>span{display:flex;gap:5px}.cockpitTop i{display:block;width:7px;height:7px;border-radius:50%;background:#496077}.cockpitTop b{letter-spacing:.11em}.cockpitTop em{margin-left:auto;color:#72dfa1;font-style:normal;font-weight:900}.cockpitCanvas{position:absolute;inset:48px 0 0;padding:28px}.cockpitArchitecture{position:absolute;left:28px;top:28px;width:57%;height:220px;border:1px solid rgba(126,155,187,.28);border-radius:13px;background:rgba(4,18,32,.5);padding:18px}.cockpitArchitecture small{color:#7888ff;font-size:8px;font-weight:900;letter-spacing:.13em}.cloudNode,.storageNode{width:max-content;margin:16px auto 0;padding:8px 16px;border:1px solid #375978;border-radius:7px;color:#c8d8e8;font-size:9px;font-weight:850;background:#0a223a}.archLine{width:1px;height:20px;background:#476b8d;margin:auto}.nodeRow{display:flex;justify-content:center;gap:8px}.nodeRow span{padding:9px 12px;border-radius:7px;background:#163a5b;color:#d6e4f1;font-size:8px}.storageNode{margin-top:18px;border-color:#626fe0;color:#9da7ff}.cockpitTerminal{position:absolute;right:28px;top:74px;width:42%;min-height:180px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#050e18;box-shadow:0 18px 40px rgba(0,0,0,.22);overflow:hidden}.cockpitTerminal>div{padding:10px 13px;background:#0d1d2d;color:#7f94a9;font-size:9px}.cockpitTerminal>div span{color:#8e98ff}.cockpitTerminal code{display:block;padding:18px;color:#9eb1c3;font:10px/1.9 ui-monospace,monospace}.cockpitTerminal code strong{color:#72dfa1}.cockpitStatus{position:absolute;left:48px;bottom:24px;padding:14px 18px;border-radius:10px;background:rgba(5,18,31,.92);border:1px solid rgba(255,255,255,.11);display:grid}.cockpitStatus small{font-size:7px;color:#7f90ff;font-weight:900}.cockpitStatus strong{font-size:14px}.cockpitStatus span{font-size:9px;color:#8fa4b8}

.homeSkillsV82{grid-column:1/-1;margin-top:22px;border:1px solid rgba(255,255,255,.11);border-radius:20px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 24px 60px rgba(0,0,0,.12)}.homeSkillsV82 .homeSkillsHead{max-width:none;display:grid;grid-template-columns:auto minmax(320px,560px);align-items:end;justify-content:space-between;gap:40px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}.homeSkillsV82 .homeSkillsHead h3{font-size:34px!important;margin:5px 0 0}.homeSkillsV82 .homeSkillsHead p{margin:0!important;font-size:13px!important;max-width:540px}.expertiseV82{display:grid;grid-template-columns:1.18fr 1fr 1fr 1.18fr 1fr;gap:12px;margin-top:20px}.expertiseV82 article{display:flex!important;gap:13px!important;min-height:190px!important;padding:20px!important;align-items:flex-start!important}.expertiseNum{flex:0 0 28px;font-size:10px;font-weight:900;color:#7386a0;padding-top:3px}.expertiseCopy{min-width:0}.expertiseV82 small{font-size:7px!important;color:#7488a0!important}.expertiseV82 b{font-size:15px!important;margin:4px 0 7px!important}.expertiseV82 p{font-size:10px!important;min-height:42px;margin-bottom:14px!important}.expertiseV82 .expertisePrimary,.expertiseV82 .expertiseAutomation{border-color:rgba(120,132,255,.3);background:linear-gradient(145deg,rgba(107,120,255,.12),rgba(255,255,255,.025))}.brandShelf{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.brandTile,.textTile{height:28px;border-radius:7px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.07);display:inline-flex;align-items:center;gap:5px;padding:5px 8px;color:#d1dce7;font-size:8px;font-weight:800}.brandTile em{font-style:normal}.brandTile.logoWide{background:#fff}.brandTile.logoWide img{width:58px;height:14px;object-fit:contain}.brandTile.metallic strong{display:grid;place-items:center;width:17px;height:17px;border-radius:4px;background:linear-gradient(135deg,#4c5fff,#17b7d6);color:#fff;font-size:9px}.brandTile.azure i{width:15px;height:15px;background:linear-gradient(135deg,transparent 28%,#1689dc 29% 55%,#49b6e8 56%);clip-path:polygon(45% 0,100% 100%,67% 100%,55% 73%,25% 73%,14% 100%,0 100%)}.brandTile.vmware strong{font-size:9px;color:#9eb3c8}.brandTile.oracle strong{color:#ff665b;font-size:8px;letter-spacing:.05em}.brandTile.sql i{width:13px;height:15px;border-radius:50%;border:2px solid #e55245;box-shadow:inset 0 -5px 0 rgba(229,82,69,.22)}.brandTile.ibm strong{color:#72a7ff;letter-spacing:.08em}.brandTile.sap strong{padding:2px 4px;background:#0fa7e9;color:#fff;clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}.brandTile.terraform i,.tfGlyph{width:15px;height:16px;display:inline-block;position:relative}.brandTile.terraform i:before,.tfGlyph:before{content:"";position:absolute;inset:0;background:#8b7cf6;clip-path:polygon(0 0,44% 25%,44% 72%,0 47%,56% 29%,100% 54%,100% 100%,56% 75%)}.brandTile.ansible i,.ansibleGlyph{width:17px;height:17px;border:1.5px solid #fff;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px}.brandTile.powershell b{color:#55a8ff;font:10px ui-monospace,monospace}.brandTile.windows i{width:14px;height:14px;background:linear-gradient(90deg,transparent 47%,rgba(255,255,255,.5) 48% 52%,transparent 53%),linear-gradient(0deg,transparent 47%,rgba(255,255,255,.5) 48% 52%,transparent 53%),#1689dc}.textTile{color:#aebed0}

.projectsV82 .interactivePill{font-size:9px;padding:9px 12px;background:rgba(11,30,50,.94);box-shadow:0 0 0 1px rgba(116,230,166,.24),0 8px 25px rgba(0,0,0,.25);color:#7ce5aa}.projectLink{text-decoration:none;color:inherit}.projectCta{display:inline-block;margin-top:12px;color:#536aff;font-size:12px;font-weight:900}.labPreview{padding:24px;background:radial-gradient(circle at 70% 20%,#1b4167,#071a2d 62%)}.labPreviewTop{display:flex;justify-content:space-between;align-items:center;margin-top:40px;color:#fff}.labPreviewTop b{font-size:15px}.labPreviewTop span{font-size:7px;color:#7de3aa}.labPreviewFlow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:7px;margin-top:35px}.labPreviewFlow>div{min-width:0;padding:13px 9px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(4,16,29,.65);color:#fff;text-align:center;display:grid;justify-items:center;gap:5px}.labPreviewFlow b{font-size:10px}.labPreviewFlow small{font-size:6px;color:#7f93a7}.labPreviewFlow em{color:#687b91;font-style:normal}.ansibleGlyph{border-color:#e8edf4;color:#fff}.opsGlyph{width:17px;height:17px;border-radius:50%;background:#1e674b;color:#7de3aa;display:grid;place-items:center;font-style:normal;font-size:9px}.labPreviewTerminal{margin-top:18px;padding:11px 13px;border-radius:8px;background:#040d16;color:#8195a9;font:8px/1.6 ui-monospace,monospace}.labPreviewTerminal span{color:#77dca4}.toolLogos{display:flex;gap:8px;margin-top:17px}.toolLogos span{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:8px;background:#101f31;color:#fff;font-size:9px;font-weight:800}.toolLogos .tfGlyph:before{background:#8c7cf5}.caseVisual{height:190px;position:relative;background:#08233d;color:#fff;padding:22px}.caseVisual>span{font-size:7px;color:#7f90ff;font-weight:900;letter-spacing:.13em}.dpArch{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:38px}.dpArch b{font-size:7px;padding:10px;border:1px solid #345675;border-radius:7px;background:#0d2d4a}.dpArch i{font-style:normal;color:#7488a0}.dpNodes{display:flex;justify-content:center;gap:5px;margin-top:22px}.dpNodes span{font-size:7px;padding:5px 7px;border-radius:5px;background:#163b5c;color:#c4d4e3}.photoPreview{padding:18px;background:linear-gradient(145deg,#102c4b,#183e64)}.photoGridMini{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:105px;margin-top:20px}.photoGridMini i{border-radius:5px;background:linear-gradient(135deg,#6783a1,#223d58)}.photoGridMini i:nth-child(2),.photoGridMini i:nth-child(5){background:linear-gradient(135deg,#8a769f,#3c4c67)}.photoPreview>b{position:absolute;left:18px;bottom:14px;color:#fff;font-size:9px;letter-spacing:.1em}.smartPreview{padding:20px;background:linear-gradient(145deg,#092842,#114f5a)}.smartHouse{font-size:52px;color:#7ee0c0;margin:12px 0 4px}.smartStats{display:flex;gap:5px}.smartStats i{font-style:normal;font-size:7px;padding:5px;background:rgba(255,255,255,.08);border-radius:5px;color:#b9d8d7}.networkPreview{padding:20px;background:linear-gradient(145deg,#0a223c,#163654)}.networkCore{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;margin:18px auto 0;background:#fff;color:#17334f;font-weight:900}.networkLines{display:flex;justify-content:center;gap:32px;height:30px}.networkLines i{width:1px;background:#587796;transform-origin:top}.networkLines i:first-child{transform:rotate(28deg)}.networkLines i:last-child{transform:rotate(-28deg)}.networkEnds{display:flex;justify-content:center;gap:14px}.networkEnds b{font-size:7px;padding:5px 8px;border-radius:5px;background:#173c5c;color:#b9ccde}

@media(max-width:1200px){.expertiseV82{grid-template-columns:repeat(2,1fr)}.expertiseV82 article:last-child{grid-column:1/-1}.homeSkillsV82 .homeSkillsHead{grid-template-columns:1fr}.heroCockpit{min-height:390px!important}}

/* V8.2 Ansible Studio */
.ansibleWorkspace{grid-template-columns:360px 1fr}.diskConfig{margin:18px 0;padding:14px;border-radius:10px;background:#f4f7fb;border:1px solid #e1e7ef}.diskConfig>small{font-size:7px;color:#6576ff;font-weight:900;letter-spacing:.12em}.diskConfig label{display:flex!important;justify-content:space-between;align-items:center;margin:9px 0!important}.diskConfig label span{display:flex;align-items:center;gap:5px;color:#7a8b9e}.diskConfig input{width:78px!important;margin:0!important;padding:7px!important}.ansibleTabs{padding-right:10px}.ansibleFileActions{margin-left:auto;display:flex;gap:6px;align-self:center}.ansibleFileActions button{height:auto!important;padding:7px 9px!important;border:1px solid #29435e!important;border-radius:6px;background:#172c42!important;color:#cbd8e5!important;font-size:8px!important}.ansibleOperate{scroll-margin-top:24px;margin-top:20px;padding:32px;border-radius:18px;background:linear-gradient(145deg,#071a2e,#103353);color:#fff;border:1px solid #244764}.ansibleOperate>div:first-child small{font-size:8px;color:#8290ff;font-weight:900;letter-spacing:.13em}.ansibleOperate h2{font-size:34px;margin:5px 0}.ansibleOperate h2 span{color:#7d88ff}.ansibleOperate p{color:#a6b9cb;max-width:800px}.operateCards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.operateCards article{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.045)}.operateCards small,.operateCards b,.operateCards span{display:block}.operateCards small{font-size:7px;color:#7f94a8}.operateCards b{font-size:17px;color:#7de3a8;margin:5px 0}.operateCards span{font-size:9px;color:#9eb1c4}.operateFlow{display:flex;align-items:center;gap:10px;margin-top:18px}.operateFlow span{padding:8px 11px;border-radius:7px;background:rgba(255,255,255,.06);font-size:9px}.operateFlow b{color:#7de3a8}.operateFlow i{font-style:normal;color:#667b91}@media(max-width:900px){.operateCards{grid-template-columns:1fr 1fr}}

/* V8.2 dedicated project pages */
.projectPage{margin:0;background:#eef3f8;color:#10243e}.projectPage main{margin:0;width:auto}.projectTop{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#06182c;color:#fff}.projectTop a{color:#d2deea;text-decoration:none;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:9px;font-size:10px;font-weight:850}.projectTop div{text-align:center}.projectTop small,.projectTop b{display:block}.projectTop small{font-size:7px;color:#7f93a8;letter-spacing:.14em}.projectTop b{font-size:14px}.projectTop em{font-style:normal;color:#8295a8;font-size:8px}.projectShell{max-width:1500px;margin:auto!important;padding:30px 34px 70px}.projectPageHero{min-height:410px;border-radius:22px;padding:54px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;background:radial-gradient(circle at 80% 10%,#1a4168,#071a2e 60%);color:#fff;overflow:hidden}.projectPageHero small{font-size:8px;color:#8492ff;font-weight:900;letter-spacing:.14em}.projectPageHero h1{font-size:clamp(44px,5vw,70px);line-height:.98;letter-spacing:-.05em;margin:10px 0 16px}.projectPageHero h1 span{color:#8995ff}.projectPageHero p{font-size:15px;line-height:1.7;color:#aabccc;max-width:700px}.projectHeroPanel{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.05)}.projectHeroPanel h3{font-size:12px;margin:0 0 14px}.projectHeroPanel .miniFlow{display:grid;gap:8px}.projectHeroPanel .miniFlow span{padding:11px;border-radius:8px;background:#0a2239;border:1px solid #294c6c;font-size:9px;color:#c9d8e6}.projectStats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.projectStats article,.projectBlock,.projectColumns article{background:#fff;border:1px solid #dbe4ee;border-radius:15px;padding:22px}.projectStats b,.projectStats span{display:block}.projectStats b{font-size:18px}.projectStats span{font-size:9px;color:#718398;margin-top:4px}.projectBlock{margin-top:18px;padding:30px}.projectBlock small,.projectColumns small{font-size:8px;color:#6175ff;font-weight:900;letter-spacing:.13em}.projectBlock h2{font-size:31px;margin:5px 0 10px}.projectBlock p,.projectColumns p{color:#66798f;line-height:1.7}.projectColumns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.projectColumns h3{font-size:18px;margin:7px 0}.architectureBoard{margin-top:18px;padding:30px;border-radius:16px;background:#071a2e;color:#fff}.architectureBoard>small{font-size:8px;color:#8492ff;font-weight:900}.architectureBoard h2{margin:5px 0 20px}.architectureFlow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.architectureFlow span{padding:13px 16px;border:1px solid #315575;border-radius:9px;background:#0d2b48;font-size:9px}.architectureFlow i{font-style:normal;color:#71869a}.roadmapBanner{margin-top:18px;padding:26px;border:1px dashed #aab8c8;border-radius:14px;background:#f8fafc}.roadmapBanner b{display:block;font-size:17px}.roadmapBanner span{font-size:11px;color:#718196}.statusPage{min-height:100vh;background:radial-gradient(circle at 80% 20%,#173e66,#06182c 60%);color:#fff;display:grid;place-items:center;padding:30px}.statusCard{width:min(760px,100%);padding:50px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(7,25,44,.72);box-shadow:0 30px 80px rgba(0,0,0,.25)}.statusCard small{color:#8492ff;font-size:9px;font-weight:900;letter-spacing:.14em}.statusCard h1{font-size:clamp(44px,8vw,82px);line-height:.95;margin:12px 0}.statusCard h1 span{color:#8995ff}.statusCard p{color:#aabccc;line-height:1.7}.statusCard a{display:inline-block;margin-top:20px;padding:11px 15px;border-radius:9px;background:#fff;color:#10243e;text-decoration:none;font-weight:850;font-size:11px}.statusPulse{display:inline-flex;align-items:center;gap:7px;margin-top:15px;color:#7de3a8;font-size:9px;font-weight:900}.statusPulse i{width:8px;height:8px;border-radius:50%;background:#7de3a8;box-shadow:0 0 0 6px rgba(125,227,168,.08)}@media(max-width:850px){.projectPageHero{grid-template-columns:1fr;padding:34px}.projectStats,.projectColumns{grid-template-columns:1fr 1fr}.projectTop div{display:none}.projectShell{padding:20px}}
/* V8.3 scale + language + expertise refinement */
.languageSwitch{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.035);gap:3px}.languageSwitch button{border:0;border-radius:7px;padding:7px 10px;background:transparent;color:#71849a;font-size:10px;font-weight:900;letter-spacing:.08em;cursor:default}.languageSwitch button.active{color:#fff;background:linear-gradient(135deg,#465fff,#7564ff);box-shadow:0 4px 16px rgba(91,87,255,.28)}
.homeSkillsV82{padding:32px}.expertiseV82{gap:14px}.expertiseV82 article{min-height:215px!important;padding:23px!important}.expertiseV82 b{font-size:16px!important}.expertiseV82 p{font-size:11px!important;min-height:46px}.brandTile,.textTile{height:30px;font-size:8.5px;padding:5px 9px}.brandTile.rubrik strong{color:#38d58c}.brandTile.veeam strong{color:#00b336}.brandTile.aws strong{color:#ffad32;letter-spacing:.04em}.brandTile.gcp strong{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#fff;color:#4285f4}.brandTile.redhat strong{color:#ee3b36}.brandTile.linux strong{font-size:14px}
.projectTop,.ansibleTop{position:sticky!important;top:0;z-index:80;backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(5,20,38,.08)}
@media(min-width:1500px){.hero{min-height:100vh;padding-top:72px;padding-bottom:58px}.hero h1{font-size:clamp(64px,5.5vw,88px)}.sidebar{width:250px;padding-left:26px;padding-right:26px}main{margin-left:250px;width:calc(100% - 250px)}.sidebar nav a{font-size:16px;padding:13px 14px}.homeSkillsV82 .homeSkillsHead h3{font-size:38px!important}}
.storageInputs{margin:6px 0 12px;padding:12px;border:1px solid #dce5ef;border-radius:10px;background:#f8fafc}.storageInputs>small{font-size:8px;font-weight:900;letter-spacing:.1em;color:#6175ff}.storageInputs label{margin-top:8px!important}.importedStorage p{font-size:8px;line-height:1.45;color:#8392a2;margin:9px 0 0}.importedStorage label span{display:flex;align-items:center;gap:6px}.importedStorage em{font-style:normal;font-size:7px;color:#6d7f91;background:#eef2f6;border-radius:5px;padding:3px 5px}.ansibleCheck{align-items:flex-start!important}.ansibleCheck span{display:grid;gap:2px}.ansibleCheck small{font-size:7px;color:#8494a5;font-weight:600}.ansibleCheck b{font-size:9px}
.caseStudyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.caseStudyGrid article{background:#fff;border:1px solid #dbe4ee;border-radius:16px;padding:28px;min-height:230px}.caseStudyGrid article:first-child{grid-column:1/-1;background:linear-gradient(135deg,#fff,#f5f7ff)}.caseStudyGrid small{font-size:8px;color:#6175ff;font-weight:900;letter-spacing:.12em}.caseStudyGrid h2{font-size:27px;margin:8px 0 0}.caseStudyGrid h3{font-size:16px;margin:2px 0 10px;color:#41566e}.caseStudyGrid p{font-size:13px;line-height:1.65;color:#6b7d91}.caseTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.caseTags span{font-size:8px;font-weight:800;padding:6px 8px;border-radius:999px;background:#edf1f7;color:#52657a}@media(max-width:760px){.caseStudyGrid{grid-template-columns:1fr}.caseStudyGrid article:first-child{grid-column:auto}}


/* =========================================================
   V8.4 · Lab architecture + readability refinement
   ========================================================= */

/* Expertise: readable at native zoom, real brand assets */
.expertiseV82 article{min-height:218px;padding:24px 22px}
.expertiseV82 .expertiseNum{font-size:15px;font-weight:900;min-width:30px;padding-top:2px}
.expertiseV82 .expertiseCopy>small{font-size:10px;letter-spacing:.14em;font-weight:900;opacity:.9}
.expertiseV82 .expertiseCopy>b{font-size:18px;line-height:1.15;margin-top:6px}
.expertiseV82 .expertiseCopy>p{font-size:12px;line-height:1.5;margin:9px 0 16px}
.brandShelf{gap:7px}
.brandTile,.textTile{min-height:30px;padding:5px 8px}
.brandTile.logoAsset{background:rgba(255,255,255,.92);min-width:42px;justify-content:center}
.brandTile.logoAsset img{display:block;max-width:68px;max-height:19px;width:auto;height:auto;object-fit:contain}
.brandTile.logoWide img{max-height:18px}
.brandTile.windows img{width:15px;height:15px;object-fit:contain;margin-right:4px}

/* Experience visibility */
.experienceKpisTop article{min-height:76px;padding:15px 17px}
.experienceKpisTop article strong{font-size:19px}
.experienceKpisTop article span{font-size:10px;line-height:1.25}
.statusPill{font-size:10px;padding:7px 11px;box-shadow:0 7px 20px rgba(90,92,255,.14)}
.commvaultCareerLogo{object-fit:contain;background:#fff;padding:6px;border-radius:10px}
.vendorMark.vendorLogo{width:74px;height:54px;padding:8px}
.vendorMark.vendorLogo img{width:100%;height:100%;object-fit:contain}

/* About becomes a small interactive engineering console */
.about{align-items:center;gap:54px}
.aboutCopy{max-width:720px}
.aboutCopy>p{font-size:17px;line-height:1.65;max-width:720px}
.aboutConsole{background:#071727;border:1px solid #1d3b58;border-radius:20px;overflow:hidden;min-height:390px;box-shadow:0 28px 70px rgba(5,22,38,.18)}
.aboutConsoleBar{height:52px;background:#0b2034;border-bottom:1px solid #183751;display:flex;align-items:center;padding:0 18px;color:#9bb4ca;gap:14px}
.aboutConsoleBar>span{display:flex;gap:6px}.aboutConsoleBar i{width:8px;height:8px;border-radius:50%;background:#49647a;display:block}
.aboutConsoleBar b{font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em}
.aboutConsoleBar em{margin-left:auto;color:#5be7a8;font:800 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.aboutConsoleBody{padding:32px}
.aboutPrompt{font:700 15px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#e9f3ff;display:flex;gap:10px}
.aboutPrompt span,.aboutCursor span{color:#62e6a8}
.aboutOutput{margin:22px 0 28px;padding:22px;border:1px solid #1d405e;background:#0a1d30;border-radius:14px;min-height:132px}
.aboutOutput small{display:block;color:#7c86ff;font-size:10px;font-weight:900;letter-spacing:.15em;margin-bottom:8px}
.aboutOutput strong{display:block;color:white;font-size:24px;margin-bottom:8px}
.aboutOutput p{color:#a9c0d4;font-size:13px;line-height:1.55;margin:0}
.aboutOutput.flash{animation:consoleFlash .28s ease}
@keyframes consoleFlash{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}
.aboutCommands{display:flex;flex-wrap:wrap;gap:8px}
.aboutCommands button{border:1px solid #244b6d;background:#102b44;color:#bcd0e1;border-radius:8px;padding:9px 11px;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer}
.aboutCommands button:hover,.aboutCommands button.active{border-color:#7274ff;color:white;background:#192e55}
.aboutCursor{margin-top:24px;display:flex;align-items:center;gap:9px;color:#c8d9e8;font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace}
.aboutCursor i{width:8px;height:16px;background:#7180ff;animation:cursorBlink 1s steps(1) infinite}
.aboutCursor small{font-weight:500;color:#607f98}
@keyframes cursorBlink{50%{opacity:0}}

/* Terraform storage ownership */
.storageDesigner{padding:15px!important;border:1px solid #d4dfeb!important;background:#f7f9fc!important;border-radius:14px!important}
.storageHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.storageHeader>div{display:flex;flex-direction:column;gap:3px}
.storageHeader small{color:#6568ff!important;font-size:9px!important;font-weight:900;letter-spacing:.13em}
.storageHeader b{font-size:15px;color:#0b2945}
.storageHeader>span{font-size:9px;font-weight:800;background:#e8eef5;color:#5c7185;border-radius:999px;padding:5px 7px}
.storageDesigner>label{display:grid!important;grid-template-columns:1fr 122px;gap:10px;align-items:center;margin:0!important;padding:11px 0;border-top:1px solid #e0e7ef}
.storageDesigner>label>span{display:flex;flex-direction:column;gap:2px}
.storageDesigner>label>span b{font-size:12px;color:#16344f}.storageDesigner>label>span small{font-size:9px;color:#7890a5}
.storageDesigner select{margin:0!important;height:38px!important;padding:0 10px!important;font-size:12px!important}
.storageDesigner .fieldHint{display:block!important;margin-top:8px!important;line-height:1.4!important}

/* Cloud hierarchy: provider scope -> resource boundary -> subnet -> compute/storage */
.architectureHierarchy{padding:48px 34px 28px!important}
.cloudBoundary{width:min(1080px,92%);margin:0 auto;border:1.5px solid #91a9c3;border-radius:18px;padding:14px;background:rgba(255,255,255,.38);position:relative}
.cloudBoundaryHead{display:flex;align-items:center;gap:12px;padding:0 8px 12px;color:#5c7185}
.cloudBoundaryHead small{font-size:9px;font-weight:900;letter-spacing:.13em;color:#6568ff}
.cloudBoundaryHead b{font-size:12px}
.resourceBoundary{border:1.5px dashed #9fb2c6;border-radius:15px;padding:18px 20px 22px;background:rgba(247,250,253,.72)}
.resourceBoundary .archCloud{margin:0 auto 18px}
.resourceBoundary .archNetwork{margin:0 auto 18px}
.resourceBoundary .gatewayGrid{margin-top:12px}
.resourceBoundary .archStorage{margin:24px auto 0}

/* Ansible owns filesystem and mount configuration */
.fsConfig{margin:12px 0 16px;padding:14px;border:1px solid #d7e1eb;background:#fff;border-radius:13px}
.fsConfig>small{display:block;color:#6568ff;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:8px}
.fsConfig>label{display:flex!important;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid #e6ebf0;margin:0!important}
.fsConfig>label>span:first-child{display:flex;justify-content:space-between;align-items:center}
.fsConfig>label>span:first-child b{font-size:12px}.fsConfig>label>span:first-child small{font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#71879a}
.fsFields{display:grid;grid-template-columns:90px 1fr;gap:8px}
.fsFields select,.fsFields input{height:38px;border:1px solid #cedae6;border-radius:9px;background:#f8fafc;padding:0 10px;color:#102b44;font-size:11px;font-weight:700;min-width:0}
.fsConfig p{font-size:10px;line-height:1.45;color:#71879a;margin:8px 0 0}
.importedStorage label{font-size:11px}
.importedStorage p{line-height:1.45}

/* Sticky headers consistently across project pages */
.labTopbar,.ansibleTop,.projectTopbar{position:sticky!important;top:0;z-index:1000;backdrop-filter:blur(16px)}

/* Mobile */
@media(max-width:900px){
 .aboutConsole{min-height:340px}
 .architectureHierarchy{padding:56px 12px 22px!important}
 .cloudBoundary{width:100%;padding:9px}.resourceBoundary{padding:12px}
 .storageDesigner>label{grid-template-columns:1fr}
}

/* V8.5 — controlled recovery + interaction polish */
.experienceHeader{display:block!important;margin-bottom:34px}
.experienceIntro{max-width:1120px!important}
.experienceIntro>p{max-width:760px}
.experienceKpisInline{margin:24px 0 0!important;grid-template-columns:repeat(4,minmax(155px,1fr));max-width:980px;min-width:0!important}
.experienceKpisInline article{min-height:68px;padding:12px 14px}
.experienceKpisInline i{width:38px;height:38px;flex:0 0 38px}
.experienceKpisInline strong{font-size:17px}.experienceKpisInline span{font-size:9.5px}
.careerTitleLine{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.careerTitleLine h3{margin:0!important}.careerTitleLine .statusPill{margin:0!important}
.vendorLogoWide{width:128px!important;height:58px!important;padding:9px 12px!important;background:#fff!important;border:1px solid #dfe6ef;box-shadow:0 5px 16px rgba(25,45,70,.06)}
.vendorLogoWide img{width:100%!important;height:100%!important;object-fit:contain!important}
.vendorTrackHead{grid-template-columns:128px 1fr!important;align-items:center}

/* Green status language: interactive / live / healthy */
.interactivePill,.cockpitTop em,.aiPlaygroundBar em{display:inline-flex!important;align-items:center;gap:6px;background:rgba(48,211,132,.12)!important;border:1px solid rgba(66,226,150,.28)!important;color:#54e6a0!important;border-radius:999px;padding:6px 10px!important;box-shadow:0 0 22px rgba(52,220,139,.08);font-weight:900!important;letter-spacing:.08em}
.aiPlaygroundBar em i{width:6px;height:6px;border-radius:50%;background:#54e6a0;box-shadow:0 0 9px #54e6a0}

/* About — AI / Automation Playground */
.about{grid-template-columns:minmax(440px,.92fr) minmax(560px,1.08fr)}
.aiPlayground{background:#071727;border:1px solid #1d3b58;border-radius:20px;overflow:hidden;min-height:430px;box-shadow:0 28px 70px rgba(5,22,38,.18)}
.aiPlaygroundBar{height:54px;background:#0b2034;border-bottom:1px solid #183751;display:flex;align-items:center;padding:0 18px;color:#9bb4ca;gap:14px}
.aiPlaygroundBar>span{display:flex;gap:6px}.aiPlaygroundBar>span i{width:8px;height:8px;border-radius:50%;background:#49647a}.aiPlaygroundBar>b{font:800 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}.aiPlaygroundBar>em{margin-left:auto;font:900 8px ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal}
.aiPlaygroundBody{padding:28px 30px 30px}.aiIntro small{color:#7d83ff;font-size:9px;font-weight:900;letter-spacing:.15em}.aiIntro h3{color:#fff;font-size:26px;margin:5px 0 4px}.aiIntro p{color:#8da9bf;font-size:12px;margin:0}
.aiMissions{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.aiMissions button{border:1px solid #244b6d;background:#102b44;color:#bcd0e1;border-radius:9px;padding:9px 11px;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer}.aiMissions button:hover,.aiMissions button.active{border-color:#54e6a0;color:#fff;background:#123a42;box-shadow:0 0 0 1px rgba(84,230,160,.08)}
.aiFlow{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;min-height:86px;align-items:center}.aiNode{position:relative;border:1px solid #24435f;background:#0a1d30;border-radius:11px;padding:13px 8px;text-align:center;opacity:.38;transform:translateY(3px);transition:.28s ease}.aiNode:not(:last-child):after{content:'→';position:absolute;right:-9px;top:50%;transform:translateY(-50%);color:#52718c;font-weight:900;z-index:2}.aiNode.active{opacity:1;transform:none;border-color:#506dff;box-shadow:0 8px 22px rgba(38,75,130,.16)}.aiNode.done{opacity:1;border-color:rgba(84,230,160,.42)}.aiNode small{display:block;color:#7189a1;font-size:7px;letter-spacing:.1em}.aiNode b{display:block;color:#e9f3ff;font-size:10px;margin-top:4px}.aiNode.done b:before{content:'✓ ';color:#54e6a0}
.aiResult{margin-top:20px;border:1px solid #1d405e;background:linear-gradient(135deg,#0a1d30,#0b2436);border-radius:13px;padding:15px 17px;display:grid;gap:3px}.aiResult span{color:#54e6a0;font:900 8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.aiResult b{color:#fff;font-size:13px}.aiResult small{color:#7896ad;font-size:10px}
@media(max-width:1100px){.experienceKpisInline{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.aiPlayground{min-height:390px}}
@media(max-width:760px){.experienceKpisInline{grid-template-columns:1fr}.vendorTrackHead{grid-template-columns:1fr!important}.aiPlaygroundBody{padding:22px 18px}.aiFlow{grid-template-columns:1fr}.aiNode:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-13px;transform:translateX(50%)}}

/* V8.5 — Ansible AI assist */
.ansibleTop em{display:inline-flex!important;align-items:center;gap:6px;background:rgba(48,211,132,.12)!important;border:1px solid rgba(66,226,150,.28)!important;color:#54e6a0!important;border-radius:999px;padding:6px 10px!important;font-style:normal}
.aiOps{margin-top:18px;background:#071a2e;color:#fff;border:1px solid #173a58;border-radius:18px;padding:26px}.aiOpsHead{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.aiOpsHead small{font-size:8px;color:#7d83ff;font-weight:900;letter-spacing:.14em}.aiOpsHead h2{font-size:30px;margin:5px 0}.aiOpsHead h2 span{color:#6d63ff}.aiOpsHead p{color:#91a8bc;max-width:720px;margin:0}.aiOpsHead em{display:inline-flex;align-items:center;gap:6px;background:rgba(48,211,132,.12);border:1px solid rgba(66,226,150,.28);color:#54e6a0;border-radius:999px;padding:7px 10px;font:900 8px ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal;white-space:nowrap}.aiOpsHead em i{width:6px;height:6px;border-radius:50%;background:#54e6a0;box-shadow:0 0 9px #54e6a0}.aiOpsActions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.aiOpsActions button{border:1px solid #294b68;background:#0d2944;color:#bfd0df;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:800;cursor:pointer}.aiOpsActions button:hover,.aiOpsActions button.active{border-color:#54e6a0;background:#123a42;color:#fff}.aiOpsOutput{background:#0a2036;border:1px solid #24445f;border-radius:12px;padding:18px}.aiOpsOutput small{display:block;color:#54e6a0;font-size:8px;font-weight:900;letter-spacing:.12em}.aiOpsOutput b{display:block;font-size:16px;margin:5px 0}.aiOpsOutput p{margin:0;color:#93a9bd;font-size:12px;line-height:1.6}.aiOpsOutput.pulse{animation:consoleFlash .28s ease}

/* V8.6 — Client logo gallery polish */
.clientExperiencePanel{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.clientGrid{gap:14px}
.clientGrid .otherCard{position:relative;min-height:112px;padding:14px 15px;border-color:#e2e9f2;background:#fff;box-shadow:0 1px 0 rgba(18,48,82,.02);overflow:hidden}
.clientGrid .otherCard:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#6677ff,#3cb7ff);opacity:0;transition:.18s}
.clientGrid .otherCard:hover:before{opacity:1}
.otherClientLogo{width:76px;height:58px;flex:0 0 76px;border-radius:12px;background:#fff;border:1px solid #e4eaf2;padding:8px;box-shadow:0 4px 12px rgba(20,49,82,.055)}
.otherClientLogo img{width:100%;height:100%;object-fit:contain;object-position:center}
.otherMonogram{width:76px;height:58px;flex:0 0 76px;border-radius:12px;background:linear-gradient(145deg,#f4f7fb,#eaf0f8);border:1px solid #e1e8f1;font-size:14px;letter-spacing:.04em}
.otherCardBody>small{font-size:8.5px;letter-spacing:.11em}.otherCardBody>b{font-size:13px;margin:2px 0 7px}.otherCard .chips span{font-size:8.5px;padding:4px 7px}
@media(max-width:760px){.otherClientLogo,.otherMonogram{width:66px;flex-basis:66px}}

/* V8.7 — normalized client marks */
.otherClientLogo{display:flex;align-items:center;justify-content:center;padding:7px 9px;background:#fff}
.otherClientLogo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:50% 50%;margin:auto}

/* V8.8 — unified expertise tiles */
.expertiseV82 article{grid-template-columns:1fr!important}
.expertiseV82 .expertiseCopy>small,.expertiseV82 .expertiseNum{display:none!important}
.expertiseV82 .expertiseCopy>b{font-size:19px!important;margin:0 0 8px!important}
.expertiseV82 .expertiseCopy>p{min-height:44px!important}
.expertiseV82 .brandShelf{gap:8px!important}
.expertiseV82 .brandTile,.expertiseV82 .textTile{height:40px!important;min-width:44px!important;background:#fff!important;border:1px solid rgba(8,29,53,.08)!important;color:#20344c!important;border-radius:9px!important;padding:7px 10px!important;box-shadow:0 2px 8px rgba(0,0,0,.05);justify-content:center}
.expertiseV82 .brandTile img{max-height:24px!important;max-width:84px!important;width:auto!important;object-fit:contain!important}
.expertiseV82 .brandTile.logoWide{min-width:118px!important}
.expertiseV82 .brandTile.logoWide img{width:96px!important;height:24px!important}
.expertiseV82 .brandTile.ansible i{border-color:#26384d!important;color:#26384d!important}
.expertiseV82 .brandTile.terraform em,.expertiseV82 .brandTile.ansible em,.expertiseV82 .brandTile.powershell em,.expertiseV82 .brandTile.azure em,.expertiseV82 .brandTile.windows em,.expertiseV82 .brandTile.linux em,.expertiseV82 .brandTile.redhat em{color:#26384d!important}
.expertiseV82 .brandTile.windows i{background:linear-gradient(90deg,transparent 47%,rgba(255,255,255,.7) 48% 52%,transparent 53%),linear-gradient(0deg,transparent 47%,rgba(255,255,255,.7) 48% 52%,transparent 53%),#1689dc!important}

/* V8.8 — AI Operations Copilot */
.aiCopilot{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 10%,rgba(24,181,132,.10),transparent 28%),linear-gradient(145deg,#06192d,#09233d)!important}
.aiCopilot:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(99,255,203,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(99,255,203,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to left,#000,transparent 65%)}
.aiCopilot .aiOpsHead{position:relative;z-index:1}
.aiCopilot .aiOpsHead em{background:linear-gradient(135deg,rgba(35,222,156,.18),rgba(17,114,86,.22))!important;border:1px solid rgba(57,238,171,.35)!important;box-shadow:0 0 24px rgba(32,221,153,.12);padding:8px 12px!important;border-radius:999px!important;color:#65f2bf!important}
.copilotWindow{position:relative;z-index:1;margin-top:26px;border:1px solid rgba(107,188,255,.22);border-radius:16px;overflow:hidden;background:rgba(5,20,37,.72);box-shadow:0 22px 70px rgba(0,0,0,.22)}
.copilotBar{min-height:66px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.copilotIdentity{display:flex;align-items:center;gap:11px}.copilotIdentity div{display:grid}.copilotIdentity b{font-size:14px}.copilotIdentity small{font-size:10px;color:#7892ad}.copilotOrb,.chatAvatar{display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#6d63ff,#16d59a);color:#fff;font:800 10px ui-monospace,monospace;box-shadow:0 0 20px rgba(44,219,165,.18)}.copilotOrb{width:34px;height:34px}.copilotContext{font:700 10px ui-monospace,monospace;color:#78a1c6;border:1px solid rgba(255,255,255,.09);padding:7px 9px;border-radius:8px}
.copilotMessages{min-height:250px;max-height:390px;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:16px}.chatRow{display:flex;gap:10px;align-items:flex-start;max-width:82%}.chatRow.user{align-self:flex-end;justify-content:flex-end}.chatAvatar{width:30px;height:30px;flex:0 0 30px;border-radius:9px}.chatRow.user .chatAvatar{background:#203c5d;box-shadow:none}.chatBubble{border:1px solid rgba(255,255,255,.09);background:#0b2945;border-radius:4px 14px 14px 14px;padding:12px 14px;color:#c7d7e8}.chatRow.user .chatBubble{background:linear-gradient(135deg,#253f74,#34458d);border-color:rgba(130,139,255,.28);border-radius:14px 4px 14px 14px}.chatBubble small{display:block;color:#4be4ad;font:800 9px ui-monospace,monospace;letter-spacing:.12em;margin-bottom:5px}.chatRow.user .chatBubble small{color:#aab4ff}.chatBubble p{margin:0!important;font-size:13px!important;line-height:1.55!important;color:#b8cce0!important}.chatBubble b{display:block;color:#fff;margin-bottom:5px;font-size:14px}.chatBubble strong{color:#fff}.typing{display:flex;gap:4px;padding:15px}.typing i{width:5px;height:5px;border-radius:50%;background:#5fe7b6;animation:copilotDot 1s infinite alternate}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes copilotDot{to{opacity:.25;transform:translateY(-3px)}}
.copilotSuggestions{padding:0 22px 16px;display:flex;flex-wrap:wrap;gap:7px}.copilotSuggestions button{background:#0b2a48;border:1px solid #1d4b70;color:#9fc4e5;border-radius:999px;padding:8px 11px;font-size:10px;cursor:pointer}.copilotSuggestions button:hover{border-color:#45dca9;color:#fff;background:#0b3a42}
.copilotComposer{margin:0 22px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid rgba(74,229,176,.30);background:#071b30;border-radius:12px;padding:8px 9px 8px 13px;box-shadow:0 0 0 3px rgba(44,218,160,.03)}.copilotComposer>span{color:#4ce5ae;font:800 11px ui-monospace,monospace}.copilotComposer input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:12px ui-monospace,monospace;padding:8px}.copilotComposer input::placeholder{color:#5f7893}.copilotComposer button{border:0;border-radius:8px;background:linear-gradient(135deg,#3f7cff,#24ca98);color:#fff;padding:9px 13px;font-size:11px;font-weight:800;cursor:pointer}
.copilotFoot{padding:0 22px 16px;display:flex;justify-content:space-between;gap:20px;color:#617d98;font:700 9px ui-monospace,monospace}.copilotFoot span:first-child{color:#48dba7}.copilotFoot i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#43e3a8;box-shadow:0 0 8px #43e3a8;margin-right:5px}
@media(max-width:800px){.copilotContext{display:none}.chatRow{max-width:96%}.copilotFoot{display:grid}.copilotSuggestions{padding-left:14px;padding-right:14px}.copilotMessages{padding:16px}.copilotComposer{margin-left:14px;margin-right:14px}}

/* V8.9 — visual cohesion, experience band, engineering map */
.expertiseV82 .expertiseCopy>.expertiseLabel{display:inline-flex!important;align-items:center;width:max-content;margin:0 0 11px!important;padding:5px 8px;border-radius:999px;border:1px solid rgba(111,118,255,.28);background:rgba(111,118,255,.08);color:#7379ff!important;font-size:8px!important;line-height:1!important;letter-spacing:.13em!important;font-weight:900!important}
.expertiseV82 .expertiseCopy>.expertiseLabel:before{content:'';width:5px;height:5px;border-radius:50%;background:#6e74ff;box-shadow:0 0 9px rgba(110,116,255,.55);margin-right:6px}
.expertiseV82 .expertiseCopy>b{display:block}

.experienceIntro{max-width:none!important;width:100%}
.experienceKpisInline{max-width:none!important;width:100%;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin:26px 0 4px!important;border:1px solid #dbe5f1;border-radius:16px;background:linear-gradient(135deg,#fff 0%,#f5f8ff 55%,#f0f4ff 100%);box-shadow:0 14px 35px rgba(34,60,95,.06);overflow:hidden}
.experienceKpisInline article{border:0!important;border-right:1px solid #e1e8f2!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:82px!important;padding:17px 20px!important}
.experienceKpisInline article:last-child{border-right:0!important}.experienceKpisInline i{background:linear-gradient(135deg,#eef1ff,#e4ecff)!important;color:#6871ff!important}.experienceKpisInline strong{font-size:20px!important;color:#0d2139!important}.experienceKpisInline span{font-size:9px!important;color:#71839a!important;letter-spacing:.02em}

.featuredClientCard{position:relative;isolation:isolate;overflow:hidden}.featuredClientImage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,18,34,.05) 0%,rgba(6,20,37,.28) 38%,rgba(5,18,34,.86) 100%)}
.featuredClientImage{position:absolute!important;inset:0!important;height:auto!important}.featuredClientContent{position:relative;z-index:2;background:linear-gradient(90deg,rgba(5,18,34,.22),rgba(5,18,34,.04))!important}
.featuredClientCard .featuredClientContent,.featuredClientCard .featuredClientContent p,.featuredClientCard .featuredClientContent h4,.featuredClientCard .featuredClientContent small{color:#fff!important;text-shadow:0 1px 12px rgba(0,0,0,.42)}
.projectHeroOverlay{background:linear-gradient(90deg,rgba(246,250,255,.97) 0%,rgba(246,250,255,.90) 38%,rgba(246,250,255,.46) 66%,rgba(246,250,255,.12) 100%)!important}

.systemsCanvas{background:#06192b;border:1px solid #173a57;border-radius:20px;overflow:hidden;min-height:430px;box-shadow:0 30px 70px rgba(5,22,38,.18)}
.systemsBar{height:54px;background:#0a2136;border-bottom:1px solid #173a57;display:flex;align-items:center;padding:0 18px;color:#9bb4ca;gap:14px}.systemsBar>span{display:flex;gap:6px}.systemsBar>span i{width:8px;height:8px;border-radius:50%;background:#49647a}.systemsBar>b{font:800 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}.systemsBar>em{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:900 8px ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal;color:#54e6a0;background:rgba(48,211,132,.12);border:1px solid rgba(66,226,150,.28);border-radius:999px;padding:6px 10px}.systemsBar>em i{width:6px;height:6px;border-radius:50%;background:#54e6a0;box-shadow:0 0 9px #54e6a0}
.systemsBody{padding:25px 30px 26px}.systemsIntro small{color:#7d83ff;font-size:9px;font-weight:900;letter-spacing:.15em}.systemsIntro h3{color:#fff;font-size:25px;margin:5px 0 4px}.systemsIntro p{color:#8da9bf;font-size:12px;margin:0}.systemsMap{height:225px;position:relative;margin:17px 0 12px;border:1px solid rgba(91,139,177,.16);border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(58,94,255,.10),transparent 34%),linear-gradient(rgba(62,111,148,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(62,111,148,.045) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;overflow:hidden}.systemLinks{position:absolute;inset:0;width:100%;height:100%;z-index:1}.systemLinks path{fill:none;stroke:#315b7c;stroke-width:1.5;stroke-dasharray:5 7;animation:dashFlow 12s linear infinite}@keyframes dashFlow{to{stroke-dashoffset:-100}}
.systemNode{position:absolute;z-index:3;width:124px;height:65px;border:1px solid #28516e;border-radius:12px;background:#0a263e;color:#dce9f4;display:grid;grid-template-columns:28px 1fr;grid-template-rows:18px 20px 14px;align-items:center;text-align:left;padding:8px 10px;cursor:pointer;transition:.2s}.systemNode:hover,.systemNode.active{border-color:#43dca5;background:#0b3040;box-shadow:0 0 24px rgba(52,218,161,.12);transform:translateY(-2px)}.systemNode>span{grid-row:1/4;font:800 8px ui-monospace,monospace;color:#587a94}.systemNode>i{font-style:normal;color:#58e0b1;font-size:13px}.systemNode>b{font-size:10px;letter-spacing:.05em}.systemNode>small{font-size:8px;color:#6f8da5}.nodeCloud{left:20px;top:24px}.nodeAuto{right:20px;top:24px}.nodeData{left:20px;bottom:24px}.nodeObserve{right:20px;bottom:24px}.systemCore{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:96px;border:1px solid rgba(107,116,255,.45);border-radius:18px;background:linear-gradient(145deg,#101f48,#092a3b);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 45px rgba(75,82,255,.12)}.systemCore small{font:900 8px ui-monospace,monospace;letter-spacing:.15em;color:#7e86ff}.systemCore b{font-size:11px;color:#fff;margin:6px 0}.systemCore span{font:800 8px ui-monospace,monospace;color:#4ce2a9}.corePulse{position:absolute;width:10px;height:10px;border-radius:50%;background:#4ce2a9;top:12px;right:14px;box-shadow:0 0 0 0 rgba(76,226,169,.4);animation:corePulse 2s infinite}@keyframes corePulse{70%{box-shadow:0 0 0 10px rgba(76,226,169,0)}}
.systemTelemetry{display:grid;grid-template-columns:.8fr 1fr 1fr 1.55fr;border:1px solid #173b57;border-radius:11px;overflow:hidden;background:#082036}.systemTelemetry>span{padding:9px 11px;border-right:1px solid #173b57;display:grid;gap:2px}.systemTelemetry>span:last-child{border:0}.systemTelemetry small{font:800 7px ui-monospace,monospace;color:#55748d;letter-spacing:.1em}.systemTelemetry b{font:800 9px ui-monospace,monospace;color:#d9e6f0}.systemTelemetry b i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4ce2a9;box-shadow:0 0 7px #4ce2a9;margin-right:5px}.systemDetail{margin-top:10px;border-left:2px solid #626cff;padding:8px 12px;background:rgba(75,85,255,.055);border-radius:0 9px 9px 0}.systemDetail small{font:900 7px ui-monospace,monospace;letter-spacing:.13em;color:#7e86ff}.systemDetail b{display:block;color:#fff;font-size:11px;margin:2px 0}.systemDetail p{margin:0!important;color:#7894aa!important;font-size:9px!important;line-height:1.45!important}
@media(max-width:1100px){.experienceKpisInline{grid-template-columns:repeat(2,1fr)!important}.experienceKpisInline article:nth-child(2){border-right:0!important}.experienceKpisInline article:nth-child(-n+2){border-bottom:1px solid #e1e8f2!important}}@media(max-width:700px){.experienceKpisInline{grid-template-columns:1fr!important}.experienceKpisInline article{border-right:0!important;border-bottom:1px solid #e1e8f2!important}.systemNode{width:100px}.systemCore{width:160px}.systemsBody{padding:20px 14px}.systemTelemetry{grid-template-columns:1fr 1fr}}

/* V8.9 — Operations Center replaces simulated AI */
.opsCenter{position:relative;overflow:hidden}.opsCenter:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 82% 0%,rgba(41,211,157,.08),transparent 32%),radial-gradient(circle at 15% 100%,rgba(82,94,255,.08),transparent 28%);pointer-events:none}.opsGrid{position:relative;z-index:1;margin-top:25px;display:grid;grid-template-columns:280px 1fr;gap:14px}.opsGrid article{border:1px solid rgba(101,164,211,.18);background:rgba(6,24,42,.78);border-radius:15px;padding:18px}.opsHealth{grid-row:span 2;text-align:center}.opsHealth>small,.opsCardHead small,.opsMetrics small{font:900 8px ui-monospace,monospace;letter-spacing:.13em;color:#6d8ca7}.healthRing{width:142px;height:142px;border-radius:50%;margin:18px auto 14px;display:grid;place-items:center;background:conic-gradient(#45dfa7 0 100%,#16364e 0);position:relative;box-shadow:0 0 38px rgba(69,223,167,.12)}.healthRing:after{content:'';position:absolute;inset:9px;border-radius:50%;background:#071b30;border:1px solid rgba(255,255,255,.06)}.healthRing span{position:relative;z-index:1;color:#fff;font-size:31px;font-weight:900}.healthRing em{font-size:13px;color:#50dfaa;font-style:normal}.opsHealth>b{display:block;color:#fff;font-size:14px}.opsHealth p{font-size:10px!important;line-height:1.5!important;color:#7893aa!important;margin:7px 0 0!important}.opsMetrics{display:grid;grid-template-columns:repeat(4,1fr);padding:0!important;overflow:hidden}.opsMetrics>div{padding:18px;border-right:1px solid rgba(101,164,211,.15);display:grid;gap:4px}.opsMetrics>div:last-child{border:0}.opsMetrics b{font-size:18px;color:#fff}.opsMetrics span{font:700 9px ui-monospace,monospace;color:#48dda8}.opsChart{min-height:220px}.opsCardHead{display:flex;align-items:flex-start;justify-content:space-between}.opsCardHead>div{display:grid;gap:4px}.opsCardHead b{color:#fff;font-size:13px}.opsCardHead>span{font:800 8px ui-monospace,monospace;color:#67839d}.opsChart svg{width:100%;height:125px;margin-top:8px;overflow:visible}.opsArea{fill:url(#area)}.opsLine{fill:none;stroke:#5c7cff;stroke-width:2.5;filter:drop-shadow(0 0 5px rgba(92,124,255,.5));stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawOps 2.4s ease forwards}@keyframes drawOps{to{stroke-dashoffset:0}}.opsLegend{display:flex;justify-content:space-between;color:#66829c;font:700 8px ui-monospace,monospace}.opsLegend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5c7cff;margin-right:5px}.opsEvents ul{list-style:none;margin:12px 0 0;padding:0}.opsEvents li{display:flex;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.055)}.opsEvents li>i{width:24px;height:24px;border-radius:7px;background:rgba(65,221,164,.10);display:grid;place-items:center;color:#4addaa;font-style:normal;font-size:10px}.opsEvents li div{display:grid;gap:2px}.opsEvents li b{color:#dce8f2;font-size:10px}.opsEvents li small{color:#66829a;font:700 8px ui-monospace,monospace}.liveDot{color:#4addaa!important}.aiOpsHead em{background:rgba(48,211,132,.12)!important;border:1px solid rgba(66,226,150,.28)!important;color:#54e6a0!important;border-radius:999px;padding:7px 10px!important}.aiOpsHead em i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#54e6a0;box-shadow:0 0 9px #54e6a0;margin-right:5px}@media(max-width:900px){.opsGrid{grid-template-columns:1fr}.opsHealth{grid-row:auto}.opsMetrics{grid-template-columns:1fr 1fr}.opsMetrics>div:nth-child(2){border-right:0}}

/* V9.0 — cohesive hero command plane */
.heroCommand{background:linear-gradient(145deg,#071a31,#0b2545 58%,#102c50);box-shadow:0 30px 80px rgba(0,0,0,.24)}
.heroCommandTop{height:48px;display:flex;align-items:center;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.08);font:800 9px ui-monospace,monospace;letter-spacing:.12em;color:#7f94ad}.heroCommandTop>span{display:flex;gap:5px;margin-right:12px}.heroCommandTop>span i{width:7px;height:7px;border-radius:50%;background:#405a73}.heroCommandTop em{margin-left:auto;color:#56dda9;font-style:normal}.heroCommandTop em i,.heroLive b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#52dfa9;box-shadow:0 0 10px rgba(82,223,169,.8);margin-right:5px}
.heroCommandBody{position:relative;height:372px;padding:28px 28px 72px;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:24px;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(96,93,255,.14),transparent 32%)}
.heroSignal{position:relative;z-index:2;display:grid;gap:10px}.heroSignal small{font:900 8px ui-monospace,monospace;letter-spacing:.14em;color:#667f9c;margin-bottom:2px}.heroSignal span{padding:9px 10px;border:1px solid rgba(119,145,176,.18);border-radius:9px;background:rgba(4,18,34,.58);color:#b9cbe0;font:800 9px ui-monospace,monospace;letter-spacing:.08em}.heroSignalRight{text-align:right}.heroSignalRight span{border-color:rgba(89,118,255,.2)}
.heroCommandCore{position:relative;z-index:3;width:190px;height:190px;margin:auto;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#162f59 0,#0a203b 62%,#07182c 100%);border:1px solid rgba(115,112,255,.36);box-shadow:0 0 55px rgba(87,83,255,.16)}.coreOrbit{position:absolute;border-radius:50%;border:1px solid rgba(114,111,255,.18)}.orbitOne{inset:-13px}.orbitTwo{inset:-28px;border-style:dashed;animation:orbitSpin 18s linear infinite}@keyframes orbitSpin{to{transform:rotate(360deg)}}.coreMark{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;margin-bottom:10px;background:linear-gradient(135deg,#496dff,#7c62ff);font-size:15px;font-weight:950;color:#fff;box-shadow:0 10px 28px rgba(83,91,255,.3)}.heroCommandCore small{font:900 7px ui-monospace,monospace;letter-spacing:.13em;color:#7c90aa}.heroCommandCore b{max-width:145px;font-size:10px;line-height:1.35;color:#eef4fb;margin:5px 0}.heroCommandCore em{font-size:8px;color:#7f98b3;font-style:normal}
.heroCommandLinks{position:absolute;z-index:1;inset:30px 18px 60px;width:calc(100% - 36px);height:calc(100% - 90px)}.heroCommandLinks path{fill:none;stroke:rgba(101,117,255,.28);stroke-width:1.2;stroke-dasharray:5 7;animation:flowDash 12s linear infinite}@keyframes flowDash{to{stroke-dashoffset:-120}}
.heroCommandFooter{position:absolute;z-index:4;left:0;right:0;bottom:0;height:62px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(4,17,31,.7);border-top:1px solid rgba(255,255,255,.07);backdrop-filter:blur(10px)}.heroCommandFooter span{display:grid;align-content:center;padding:0 14px;border-right:1px solid rgba(255,255,255,.06)}.heroCommandFooter span:last-child{border:0}.heroCommandFooter small{font:800 7px ui-monospace,monospace;letter-spacing:.12em;color:#607b98}.heroCommandFooter b{font-size:10px;color:#d9e5f2}.heroLive b{color:#55dca9}

/* V9.0 — readable client cards */
.featuredClientCard .featuredClientContent{position:relative;z-index:2}.featuredClientCard{position:relative;isolation:isolate}.featuredClientCard:after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,17,32,.94) 0%,rgba(5,20,38,.86) 36%,rgba(6,22,42,.62) 67%,rgba(6,22,42,.30) 100%)}.featuredClientCard h4,.featuredClientCard p,.featuredClientCard .readProject,.featuredClientCard .featuredClientTop{position:relative;z-index:3}.featuredClientCard p{color:#d2deeb!important;text-shadow:0 1px 3px rgba(0,0,0,.5)}.featuredClientCard h4{text-shadow:0 2px 7px rgba(0,0,0,.45)}

/* V9.0 — experience overview, restrained accents */
.experienceKpisInline{background:linear-gradient(105deg,#fff 0%,#f7f8ff 48%,#f5f9ff 100%)!important}.experienceKpisInline>article:nth-child(1){box-shadow:inset 0 3px 0 #7168ff}.experienceKpisInline>article:nth-child(2){box-shadow:inset 0 3px 0 #4f8cff}.experienceKpisInline>article:nth-child(3){box-shadow:inset 0 3px 0 #8367e8}.experienceKpisInline>article:nth-child(4){box-shadow:inset 0 3px 0 #4788b7}.experienceKpisInline article b{color:#13294a}.experienceKpisInline article:nth-child(1) i{color:#7168ff}.experienceKpisInline article:nth-child(2) i{color:#4f8cff}.experienceKpisInline article:nth-child(3) i{color:#8367e8}.experienceKpisInline article:nth-child(4) i{color:#4788b7}

/* V9.0 — about copy breathing room */
.aboutCopy>p{margin:0 0 13px}.aboutCopy>p strong{color:#253d5c}

/* V9.0 — language switch functional */
.languageSwitch button{cursor:pointer}.languageSwitch button.active{box-shadow:0 0 0 1px rgba(111,101,255,.25),0 5px 18px rgba(77,78,220,.16)}
@media(max-width:900px){.heroCommandBody{grid-template-columns:1fr;height:420px}.heroSignal{display:none}.heroCommandLinks{display:none}.heroCommandCore{width:180px;height:180px}.heroCommandFooter{grid-template-columns:1fr 1fr;height:auto}.heroCommandFooter span{padding:10px 12px}}

/* V9.0 — Operations Center: no green panel, green only for health */
.observeCenter{margin-top:34px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#06182c,#0a213d);border:1px solid rgba(92,121,160,.24);box-shadow:0 24px 65px rgba(12,34,58,.14);color:#fff}.observeHead{padding:25px 28px 20px;display:flex;justify-content:space-between;gap:25px;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.07)}.observeHead small,.observeKpis small,.observeBody small{font:900 8px ui-monospace,monospace;letter-spacing:.13em;color:#718ba7}.observeHead h3{margin:4px 0 4px;font-size:25px}.observeHead p{margin:0;color:#8198b0;font-size:12px}.observeHead>span{border:1px solid rgba(80,221,167,.24);background:rgba(80,221,167,.07);color:#55dca9;border-radius:999px;padding:7px 10px;font:900 8px ui-monospace,monospace;letter-spacing:.08em}.observeHead>span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55dca9;box-shadow:0 0 9px #55dca9;margin-right:5px}.observeKpis{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.07)}.observeKpis article{padding:18px 22px;border-right:1px solid rgba(255,255,255,.07);background:transparent}.observeKpis article:last-child{border:0}.observeKpis b{display:block;font-size:20px;color:#f4f7fb;margin:3px 0}.observeKpis article:first-child b{color:#55dca9}.observeKpis span{font-size:9px;color:#69829d}.observeBody{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:0}.observeBody>article{padding:22px 26px;min-height:245px}.observeChart{border-right:1px solid rgba(255,255,255,.07)}.observeChart>div:first-child{display:flex;align-items:baseline;gap:9px}.observeChart b,.observeEvents>div b{font-size:12px}.observeChart em{margin-left:auto;font:800 8px ui-monospace,monospace;color:#607a97;font-style:normal}.observeChart svg{width:100%;height:150px;margin-top:10px}.obsFill{fill:url(#obsFill)}.obsLine{fill:none;stroke:#6878ff;stroke-width:3;filter:drop-shadow(0 0 5px rgba(104,120,255,.45))}.observeAxis{display:flex!important;justify-content:space-between;color:#536e8c;font:700 8px ui-monospace,monospace}.observeEvents ul{list-style:none;margin:12px 0 0;padding:0}.observeEvents li{display:flex;gap:10px;padding:12px 0;border-top:1px solid rgba(255,255,255,.055)}.observeEvents li i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(80,221,167,.08);color:#55dca9;font-style:normal}.observeEvents li span{display:grid}.observeEvents li b{font-size:10px;color:#dce7f2}.observeEvents li small{font-size:8px;color:#647e99;letter-spacing:0}.archLegend{grid-template-columns:repeat(5,1fr)!important}@media(max-width:900px){.observeKpis{grid-template-columns:1fr 1fr}.observeBody{grid-template-columns:1fr}.observeChart{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.archLegend{grid-template-columns:1fr 1fr!important}}

/* V9.0 — definitive Data Protection Transformation */
.dpShell{max-width:1500px}.dpHeroFinal{display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:center;padding:75px 0 55px}.dpHeroCopy>small,.dpTimelineHead>small,.dpStory small,.dpOutcome small,.dpEcoGrid small,.dpDisclosure small{font:900 9px ui-monospace,monospace;letter-spacing:.13em;color:#6875ff}.dpHeroCopy h1{font-size:clamp(48px,5vw,76px);line-height:.96;letter-spacing:-.055em;margin:12px 0 20px;color:#112844}.dpHeroCopy h1 span,.dpStory h2 span{color:#6d63ff}.dpHeroCopy p{font-size:17px;color:#63758b;max-width:700px}.dpHeroChips{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.dpHeroChips span{padding:7px 10px;border-radius:999px;background:#eef0ff;color:#5964d9;font-size:10px;font-weight:800}.dpBlueprint{background:linear-gradient(145deg,#06182c,#0c294a);color:#fff;border-radius:20px;padding:25px;box-shadow:0 28px 70px rgba(13,36,62,.18)}.dpBlueprintTop{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}.dpBlueprintTop small{color:#6e89a8;font:800 8px ui-monospace,monospace;letter-spacing:.12em}.dpBlueprintTop b{font-size:11px;color:#dce7f3}.dpBlueprintFlow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:9px;align-items:center;padding-top:20px}.dpBlueprintFlow span{min-height:86px;border:1px solid rgba(115,135,255,.17);background:rgba(255,255,255,.025);border-radius:12px;padding:11px;display:grid;align-content:center}.dpBlueprintFlow span:nth-of-type(n+4){margin-top:8px}.dpBlueprintFlow i{font-style:normal;color:#6879ff;font:900 8px ui-monospace,monospace}.dpBlueprintFlow b{font-size:10px;margin:3px 0}.dpBlueprintFlow small{font-size:8px;color:#7189a3}.dpBlueprintFlow em{color:#526b87;font-style:normal}.dpBlueprintFlow span:nth-of-type(4){grid-column:1}.dpBlueprintFlow span:nth-of-type(5){grid-column:3}.dpBlueprintFlow span:nth-of-type(6){grid-column:5}.dpStory{margin:25px 0 70px;padding:42px;border:1px solid #dfe6ef;border-radius:20px;background:linear-gradient(110deg,#fff,#f7f8ff);display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.dpStory h2,.dpTimelineHead h2{font-size:36px;line-height:1.05;letter-spacing:-.04em;margin:8px 0;color:#152b48}.dpStory p{margin:0;color:#62758c;font-size:15px;align-self:center}.dpTimelineFinal{padding:10px 0 65px}.dpTimelineHead{max-width:760px;margin-bottom:35px}.dpTimelineHead p{color:#6b7c91}.dpJourney{position:relative}.dpJourney:before{content:'';position:absolute;left:82px;top:12px;bottom:20px;width:1px;background:linear-gradient(#6b70ff,#b9c4d5)}.dpJourney article{display:grid;grid-template-columns:60px 20px 1fr;gap:14px;padding:0 0 28px}.dpJourney time{text-align:right;color:#52677f;font:800 11px ui-monospace,monospace;padding-top:3px}.dpJourney article>i{position:relative;width:11px;height:11px;border-radius:50%;background:#6b70ff;box-shadow:0 0 0 5px #eef0ff;margin:4px auto}.dpJourney article>div{background:#fff;border:1px solid #dfe6ef;border-radius:15px;padding:20px 22px;transition:.2s}.dpJourney article>div:hover{transform:translateX(4px);box-shadow:0 14px 35px rgba(24,47,76,.07)}.dpJourney small{font:900 8px ui-monospace,monospace;color:#6875ff;letter-spacing:.11em}.dpJourney h3{font-size:22px;margin:3px 0 0}.dpJourney b{font-size:13px;color:#405773}.dpJourney p{font-size:12px;color:#718196;margin:8px 0}.dpJourney span{font-size:9px;color:#657991}.dpEcosystem{padding:48px;border-radius:22px;background:#071a30;color:#fff}.dpEcosystem .dpTimelineHead h2{color:#fff}.dpEcoGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dpEcoGrid article{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025);display:grid}.dpEcoGrid b{font-size:13px}.dpEcoGrid span{font-size:9px;color:#7890aa;margin-top:4px}.dpOutcome{margin:55px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.dpOutcome h2{font-size:39px;margin:6px 0}.dpOutcome p{color:#6b7d92}.dpOutcomeMetrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dde5ef;border-radius:16px;overflow:hidden;background:#fff}.dpOutcomeMetrics span{padding:18px 12px;border-right:1px solid #e5ebf2;display:grid}.dpOutcomeMetrics span:last-child{border:0}.dpOutcomeMetrics b{color:#6972ff}.dpOutcomeMetrics small{color:#61758d;margin-top:4px}.dpDisclosure{margin-bottom:60px;padding:18px 22px;border-left:3px solid #6d6cff;background:#f6f7fb}.dpDisclosure p{margin:4px 0 0;color:#718196;font-size:11px}@media(max-width:950px){.dpHeroFinal,.dpStory,.dpOutcome{grid-template-columns:1fr}.dpBlueprintFlow{grid-template-columns:1fr}.dpBlueprintFlow em{display:none}.dpBlueprintFlow span:nth-of-type(n){grid-column:auto}.dpEcoGrid{grid-template-columns:1fr}.dpOutcomeMetrics{grid-template-columns:1fr 1fr}}
.floatingLanguage{position:fixed;right:22px;top:18px;z-index:200;background:rgba(7,24,44,.92);border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:3px;box-shadow:0 8px 30px rgba(0,0,0,.18);backdrop-filter:blur(10px)}.floatingLanguage button{border:0;background:transparent;color:#90a5bc;padding:7px 9px;border-radius:6px;font-size:10px;font-weight:900;cursor:pointer}.floatingLanguage button.active{background:#fff;color:#102846}

/* V9.1 — readability & content refinement */
.experienceKpisInline span{font-size:14px!important;font-weight:700!important;line-height:1.25!important;color:#536a84!important;letter-spacing:0!important;margin-top:3px}.experienceKpisInline strong{font-size:22px!important}.careerHighlights{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.careerHighlights span{font-size:10px;font-weight:800;color:#52657c;background:#eef3f8;border:1px solid #dfe7ef;border-radius:999px;padding:5px 9px}.siteFooter{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:26px clamp(34px,5vw,96px);background:#051426;color:#8fa4bc;border-top:1px solid rgba(255,255,255,.08)}.siteFooter>b{color:#fff;font-size:20px}.siteFooter>span{font-size:12px}.siteFooter>div{display:flex;align-items:center;gap:14px}.siteFooter a{font-size:11px;color:#b7c7d8;text-decoration:none}.siteFooter small{font-size:10px;color:#607a94}.featuredClientContent:before{background:linear-gradient(90deg,rgba(5,20,38,.94) 0%,rgba(5,20,38,.80) 45%,rgba(5,20,38,.35) 75%,rgba(5,20,38,.10) 100%)!important}@media(max-width:760px){.siteFooter,.siteFooter>div{align-items:flex-start;flex-direction:column}.experienceKpisInline span{font-size:13px!important}}

.dpJourneyHero>div{border-color:#7180ff!important;box-shadow:0 18px 45px rgba(72,88,200,.10)!important;background:linear-gradient(135deg,#fff,#f5f6ff)!important}.dpJourneyHero h3{color:#4f5fe5!important}

/* V9.2 — readability, client disclosure CTA and rebuilt Observe dashboard */
@media (min-width:1200px){
  body{font-size:17px}.sidebar nav a{font-size:16px}.sectionHead p,.projectCategoryHead p{font-size:17px}.careerItem p,.featureGrid p{font-size:15.5px}.chips span,.engagements span{font-size:12.5px}.experienceKpis span{font-size:13.5px!important;line-height:1.25}.experienceKpis strong{font-size:19px!important}.otherCardBody b{font-size:15px}.otherCardBody small{font-size:11px}
}
.otherHead{align-items:flex-start!important}.otherToggleWrap{display:flex;justify-content:center;padding:26px 0 4px}.otherToggleBottom{min-width:250px;display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:12px 18px!important;border:1px solid #9aa8ff!important;background:linear-gradient(135deg,#f4f6ff,#eef2ff)!important;color:#4259ef!important;box-shadow:0 10px 28px rgba(71,86,215,.12);font-weight:850}.otherToggleBottom small{grid-column:1/-1;font-size:10px;color:#7a879c;font-weight:650}.otherToggleBottom:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(71,86,215,.18)}
.observeCenterV92{background:linear-gradient(145deg,#071b30,#09233c)!important;border:1px solid #173d5e!important;box-shadow:0 28px 70px rgba(5,24,43,.15);overflow:hidden}.observeCenterV92 .observeHead{border-bottom:1px solid rgba(124,157,190,.14);padding-bottom:22px}.observeCenterV92 .observeKpis{background:transparent!important;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.observeCenterV92 .observeKpis article{background:#0b2943!important;border:1px solid #1b4768!important;border-radius:14px;padding:17px 18px}.observeCenterV92 .observeKpis article span{color:#8eaac1!important}.observeDashboard{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:14px;margin-top:14px}.observeDashboard>article{background:#081f35;border:1px solid #183f5e;border-radius:16px;padding:20px}.observeDashboard .observeChart{min-height:330px}.observeDashboard .observeChart>div{display:flex;align-items:end;gap:12px}.observeDashboard .observeChart em{margin-left:auto}.observeDashboard .observeChart svg{height:210px;margin-top:16px}.observeStatus{display:flex;flex-direction:column;align-items:center;text-align:center}.observeStatus>div:first-child{align-self:stretch;text-align:left}.statusRing{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;margin:25px auto 15px;background:radial-gradient(circle,#0a2440 59%,transparent 60%),conic-gradient(#57dfa1 0 100%);box-shadow:0 0 0 10px rgba(70,220,157,.05)}.statusRing strong{font-size:34px;color:#fff}.statusRing small{font-size:14px;color:#62e2aa}.observeStatus p{color:#8faac0;font-size:13px;max-width:230px}.observeEvents ul{margin:17px 0 0;padding:0;display:grid;gap:10px}.observeEvents li{list-style:none;display:grid;grid-template-columns:28px 1fr;gap:10px;padding:11px;border-radius:11px;background:#0b2943}.observeEvents li i{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(76,222,157,.12);color:#5de1a6;font-style:normal}.observeEvents li b,.observeEvents li small{display:block}.observeEvents li small{color:#7898b2}.signalRows{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.signalRows span{padding:13px;border-radius:11px;background:#0b2943}.signalRows i,.signalRows b{display:block;font-style:normal}.signalRows i{font-size:10px;color:#6f92ae;text-transform:uppercase;letter-spacing:.08em}.signalRows b{font-size:13px;margin-top:4px;color:#d9e7f3}@media(max-width:900px){.observeDashboard{grid-template-columns:1fr}.observeCenterV92 .observeKpis{grid-template-columns:1fr 1fr}}

/* V9.3 — Core Expertise subtitle readability only */
.homeSkillsV82 .homeSkillsHead p{
  font-size:19px!important;
  line-height:1.55!important;
  font-weight:600;
  color:#c8d5e5!important;
  max-width:680px!important;
  letter-spacing:-.01em;
  text-wrap:balance;
}
@media(max-width:1100px){
  .homeSkillsV82 .homeSkillsHead p{font-size:17px!important;max-width:760px!important}
}

/* V9.4 — Experience KPI alignment + icon refinement */
.experienceKpisInline article{justify-content:center!important;text-align:center!important;gap:12px!important;padding-left:18px!important;padding-right:18px!important}
.experienceKpisInline article>div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0}
.experienceKpisInline i{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important;font-size:12px!important;background:#fff!important;border:1px solid #dce5f2!important;box-shadow:0 5px 14px rgba(31,58,93,.08)!important}
.experienceKpisInline strong,.experienceKpisInline span{text-align:center!important}
.experienceKpisInline>article:nth-child(1) i{color:#7168ff!important;border-color:#ddd9ff!important}
.experienceKpisInline>article:nth-child(2) i{color:#4f8cff!important;border-color:#d8e7ff!important}
.experienceKpisInline>article:nth-child(3) i{color:#8367e8!important;border-color:#e4dcfb!important}
.experienceKpisInline>article:nth-child(4) i{color:#4788b7!important;border-color:#d7e8f2!important}
@media(max-width:700px){.experienceKpisInline article{justify-content:center!important}}


/* V9.5 — requested final pass: clean KPIs, expertise hierarchy, Observe rebuild */
.experienceKpisInline article{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:20px 18px!important}
.experienceKpisInline article>div{width:100%!important}.experienceKpisInline article>i{display:none!important}
.homeSkillsV82 .homeSkillsHead{display:block!important}.homeSkillsV82 .homeSkillsHead>div{max-width:920px}.homeSkillsV82 .homeSkillsHead p{margin:12px 0 0!important;max-width:860px!important;font-size:19px!important;line-height:1.5!important}
.observeCenterV95{background:#071b30;border:1px solid #173d5e;border-radius:20px;padding:0 22px 22px;color:#fff;box-shadow:0 28px 70px rgba(5,24,43,.15)}
.observeCenterV95 .observeHead{margin:0 -22px;padding:24px 26px;border-bottom:1px solid rgba(255,255,255,.08)}
.observeKpisV95{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;border:0!important;margin:20px 0 12px!important}.observeKpisV95 article{background:#0b2943!important;border:1px solid #1b4768!important;border-radius:14px!important;padding:16px 18px!important}.observeKpisV95 b{font-size:21px!important}.observeKpisV95 span{color:#8eaac1!important}
.observeMainV95{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.65fr);gap:12px}.observeMainV95>article,.observeMainV95>aside,.observeBottomV95>article{background:#081f35;border:1px solid #183f5e;border-radius:15px;padding:19px}.panelTitle{display:flex;align-items:center;justify-content:space-between;gap:12px}.panelTitle small{display:block;font:900 8px ui-monospace,monospace;letter-spacing:.13em;color:#718ba7}.panelTitle b{font-size:13px}.panelTitle em{font:800 8px ui-monospace,monospace;color:#728ba5;font-style:normal}.observeChartV95 svg{width:100%;height:190px;margin-top:12px}.obsFill95{fill:url(#obsFill95)}.obsLine95{fill:none;stroke:#6878ff;stroke-width:3;filter:drop-shadow(0 0 5px rgba(104,120,255,.45))}.stateDot{width:9px;height:9px;border-radius:50%;background:#7185a0;box-shadow:0 0 0 5px rgba(113,133,160,.1)}.stateDot.live{background:#55dca9;box-shadow:0 0 10px #55dca9}.stateRows{display:grid;gap:0;margin-top:15px}.stateRows span{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.06)}.stateRows small{color:#718ba7;font-size:9px}.stateRows b{font-size:11px;color:#dce8f3}.observeBottomV95{display:grid;grid-template-columns:1.25fr .85fr 1fr;gap:12px;margin-top:12px}.observeEventsV95 ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.observeEventsV95 li{display:grid;grid-template-columns:26px 1fr;gap:9px;padding:9px 0;border-top:1px solid rgba(255,255,255,.055)}.observeEventsV95 li i{font-style:normal;color:#55dca9}.observeEventsV95 li b,.observeEventsV95 li small{display:block}.observeEventsV95 li b{font-size:10px}.observeEventsV95 li small{font-size:8px;color:#7898b2;margin-top:2px}.capacityBar{height:9px;border-radius:999px;background:#102f49;margin:24px 0 18px;overflow:hidden}.capacityBar i{display:block;width:68%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6878ff,#8a72ff)}.capacityMeta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.capacityMeta span{padding:10px;background:#0b2943;border-radius:10px}.capacityMeta small,.capacityMeta b{display:block}.capacityMeta small{font-size:8px;color:#718ba7}.capacityMeta b{font-size:11px;margin-top:3px}.observeNetworkV95 .signalRows{margin-top:13px}.observeCenterV95.offline .obsLine95{stroke:#607083;filter:none}.observeCenterV95.offline .obsFill95{opacity:.15}@media(max-width:900px){.observeKpisV95{grid-template-columns:1fr 1fr!important}.observeMainV95,.observeBottomV95{grid-template-columns:1fr}}


/* V9.6 — Home layout refinement inspired by the approved compact composition.
   Scope intentionally limited to #home to avoid regressions elsewhere. */
@media (min-width:1201px){
  #home.hero{
    min-height:100vh;
    padding:54px clamp(34px,4.2vw,78px) 42px;
    grid-template-columns:minmax(470px,.88fr) minmax(590px,1.12fr);
    grid-template-rows:auto auto auto;
    column-gap:clamp(30px,3.6vw,64px);
    row-gap:18px;
    align-content:center;
    align-items:center;
    background:
      radial-gradient(circle at 82% 12%,rgba(76,82,210,.28) 0,rgba(13,41,74,.34) 29%,transparent 55%),
      linear-gradient(135deg,#06182c 0%,#071d35 48%,#07182d 100%);
  }
  #home .heroCopy{grid-column:1;grid-row:1;max-width:700px;padding-top:4px}
  #home .heroCopy .eyebrow{font-size:12px;letter-spacing:.14em}
  #home .heroCopy h1{font-size:clamp(58px,4.8vw,82px);margin:14px 0 8px}
  #home .heroCopy h1 span{font-size:.40em;margin-bottom:10px}
  #home .heroCopy h2{font-size:clamp(24px,1.8vw,30px);margin-bottom:10px}
  #home .heroCopy>p{font-size:17px;line-height:1.55;max-width:650px;margin:0}
  #home .actions{margin-top:22px}

  #home .heroCommand{grid-column:2;grid-row:1 / span 2;min-height:0;height:410px;border-radius:18px;align-self:center}
  #home .heroCommandBody{height:360px;padding-top:22px}
  #home .heroCommandCore{width:172px;height:172px}

  #home .heroMetricsV96{
    grid-column:1;grid-row:2;
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    border:1px solid rgba(132,157,190,.18);border-radius:15px;
    background:rgba(8,30,54,.68);backdrop-filter:blur(10px);
    overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.12);
  }
  #home .heroMetricsV96 article{min-width:0;padding:13px 14px;border-right:1px solid rgba(132,157,190,.13);text-align:left}
  #home .heroMetricsV96 article:last-child{border-right:0}
  #home .heroMetricsV96 strong,#home .heroMetricsV96 span{display:block}
  #home .heroMetricsV96 strong{font-size:20px;line-height:1.05;color:#f7f9ff;letter-spacing:-.02em}
  #home .heroMetricsV96 article:last-child strong{font-size:14px;padding-top:3px}
  #home .heroMetricsV96 span{font-size:9.5px;line-height:1.25;color:#8fa7c2;margin-top:5px;font-weight:650}

  #home .homeSkillsV82{
    grid-column:1/-1;grid-row:3;
    margin-top:0;padding:24px 26px 22px!important;
    border-radius:17px!important;
    background:linear-gradient(135deg,rgba(14,40,70,.94),rgba(10,31,56,.94))!important;
    border:1px solid rgba(132,157,190,.18)!important;
    box-shadow:0 24px 60px rgba(0,0,0,.14);
  }
  #home .homeSkillsV82 .homeSkillsHead{padding:0 0 18px!important;margin:0 0 18px!important;border-bottom:1px solid rgba(255,255,255,.08)}
  #home .homeSkillsV82 .homeSkillsHead>div{max-width:920px!important}
  #home .homeSkillsV82 .homeSkillsHead small{font-size:10px!important}
  #home .homeSkillsV82 .homeSkillsHead h3{font-size:31px!important;margin:5px 0 4px!important}
  #home .homeSkillsV82 .homeSkillsHead p{font-size:15px!important;line-height:1.45!important;margin:5px 0 0!important;max-width:820px!important;color:#b9c9da!important;font-weight:550}
  #home .expertiseV82{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
  #home .expertiseV82 article{min-height:174px!important;padding:17px 16px!important;border-radius:13px!important}
  #home .expertiseV82 .expertiseCopy>.expertiseLabel{font-size:7px!important;margin-bottom:8px!important;padding:4px 7px!important}
  #home .expertiseV82 .expertiseCopy>b{font-size:15px!important;margin-bottom:5px!important}
  #home .expertiseV82 .expertiseCopy>p{font-size:9.5px!important;line-height:1.4!important;min-height:38px!important;margin:5px 0 11px!important}
  #home .expertiseV82 .brandShelf{gap:5px!important}
  #home .expertiseV82 .brandTile,#home .expertiseV82 .textTile{height:29px!important;min-width:34px!important;border-radius:7px!important;padding:4px 7px!important}
  #home .expertiseV82 .brandTile img{max-height:18px!important;max-width:64px!important}
  #home .expertiseV82 .brandTile.logoWide{min-width:92px!important}
  #home .expertiseV82 .brandTile.logoWide img{width:74px!important;height:18px!important}
}
@media (max-width:1200px){
  #home .heroMetricsV96{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
  #home .heroMetricsV96 article{padding:12px 14px;border:1px solid rgba(132,157,190,.14);border-radius:10px;background:rgba(8,30,54,.6)}
}
@media (max-width:700px){#home .heroMetricsV96{grid-template-columns:1fr 1fr}#home .heroMetricsV96 strong{font-size:17px}#home .heroMetricsV96 span{font-size:9px}}

/* V9.7 — faithful 1920x1080 home composition pass */
@media (min-width:1201px){
  #home.hero{
    min-height:100vh;
    padding:72px 42px 34px 62px;
    grid-template-columns:minmax(610px,.88fr) minmax(760px,1.12fr);
    grid-template-rows:minmax(405px,auto) auto;
    column-gap:28px;
    row-gap:28px;
    align-content:start;
    align-items:center;
  }
  #home .heroCopy{grid-column:1;grid-row:1;max-width:700px;padding:12px 0 0 0;align-self:center}
  #home .heroCopy .eyebrow{font-size:13px;letter-spacing:.15em;margin-bottom:12px}
  #home .heroCopy h1{font-size:clamp(68px,4.8vw,92px);line-height:.94;margin:0 0 12px;letter-spacing:-.058em}
  #home .heroCopy h1 span{font-size:.43em;line-height:1.15;margin-bottom:16px;letter-spacing:-.025em}
  #home .heroCopy h2{font-size:29px;line-height:1.1;margin:0 0 20px}
  #home .heroCopy>p{font-size:18px;line-height:1.55;max-width:650px;color:#c3d1e1}
  #home .actions{margin-top:24px}.hero .actions a{font-size:15px;padding:14px 22px}

  #home .heroCommand{grid-column:2;grid-row:1;height:455px;min-height:455px;border-radius:20px;align-self:center;box-shadow:0 30px 80px rgba(0,0,0,.28)}
  #home .heroCommandTop{height:50px}
  #home .heroCommandBody{height:405px;padding:28px 30px 76px;grid-template-columns:1fr 1.35fr 1fr}
  #home .heroCommandCore{width:205px;height:205px}
  #home .heroSignal span{padding:12px 13px;font-size:10px}
  #home .heroCommandFooter{height:66px}

  #home .heroMetricsV96{position:absolute;left:62px;top:500px;width:610px;z-index:5;grid-column:auto;grid-row:auto;border-radius:16px}
  #home .heroMetricsV96 article{padding:15px 16px;text-align:center}
  #home .heroMetricsV96 strong{font-size:23px}
  #home .heroMetricsV96 article:last-child strong{font-size:16px;padding-top:2px}
  #home .heroMetricsV96 span{font-size:10px;margin-top:6px}

  #home .homeSkillsV82{grid-column:1/-1;grid-row:2;margin:0!important;padding:27px 30px 26px!important;border-radius:18px!important}
  #home .homeSkillsV82 .homeSkillsHead{display:grid!important;grid-template-columns:minmax(430px,.95fr) minmax(520px,1.05fr)!important;align-items:center!important;gap:60px!important;padding:0 0 22px!important;margin:0 0 22px!important}
  #home .homeSkillsV82 .homeSkillsHead>div{max-width:none!important}
  #home .homeSkillsV82 .homeSkillsHead small{font-size:11px!important;letter-spacing:.15em!important}
  #home .homeSkillsV82 .homeSkillsHead h3{font-size:40px!important;line-height:1.05!important;margin:8px 0 0!important;letter-spacing:-.035em}
  #home .homeSkillsV82 .skillsStatement{justify-self:end;width:min(100%,560px);padding-top:8px}
  #home .homeSkillsV82 .skillsStatement p{font-size:18px!important;line-height:1.55!important;margin:0!important;max-width:560px!important;color:#c4d0df!important;font-weight:650!important}
  #home .homeSkillsV82 .skillsStatement i{display:block;width:48px;height:4px;border-radius:999px;margin-top:13px;background:linear-gradient(90deg,#765cff,#8c6cff);box-shadow:0 0 16px rgba(118,92,255,.45)}
  #home .expertiseV82{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:13px!important}
  #home .expertiseV82 article{min-height:210px!important;padding:22px 20px!important;border-radius:14px!important}
  #home .expertiseV82 .expertiseCopy>.expertiseLabel{font-size:8px!important;margin-bottom:11px!important;padding:5px 9px!important}
  #home .expertiseV82 .expertiseCopy>b{font-size:18px!important;margin-bottom:7px!important}
  #home .expertiseV82 .expertiseCopy>p{font-size:11px!important;line-height:1.45!important;min-height:48px!important;margin:6px 0 14px!important;color:#aebed0!important}
  #home .expertiseV82 .brandShelf{gap:7px!important}
  #home .expertiseV82 .brandTile,#home .expertiseV82 .textTile{height:34px!important;min-width:39px!important;border-radius:7px!important;padding:5px 8px!important}
  #home .expertiseV82 .brandTile img{max-height:21px!important;max-width:72px!important}
  #home .expertiseV82 .brandTile.logoWide{min-width:105px!important}
  #home .expertiseV82 .brandTile.logoWide img{width:86px!important;height:21px!important}
}
@media (min-width:1700px) and (max-height:1120px){
  #home.hero{padding-top:64px;grid-template-rows:440px auto}
  #home .heroMetricsV96{top:493px}
}

/* V9.8 — Home fidelity: reference-style KPI rail + centralized Data Protection architecture */
@media (min-width:1201px){
 #home.hero{padding:58px 34px 30px 56px;grid-template-columns:minmax(610px,.82fr) minmax(820px,1.18fr);grid-template-rows:minmax(455px,auto) auto;column-gap:30px;row-gap:22px}
 #home .heroCopy{max-width:690px;padding-top:0}
 #home .heroCopy h1{font-size:clamp(70px,4.9vw,94px)}
 #home .heroCopy>p{font-size:18px;max-width:640px}
 #home .heroMetricsV96{left:56px;top:500px;width:650px;height:82px;background:rgba(7,28,50,.86);display:grid;grid-template-columns:repeat(4,1fr)}
 #home .heroMetricsV96 article{display:flex;align-items:center;justify-content:center;gap:13px;padding:13px 14px;text-align:left}
 #home .heroMetricsV96 article>div{min-width:0}
 #home .heroMetricsV96 strong{font-size:23px;line-height:1}
 #home .heroMetricsV96 article:last-child strong{font-size:15px;white-space:nowrap}
 #home .heroMetricsV96 span:not(.metricIcon){font-size:9px;margin-top:5px;white-space:nowrap}
 #home .metricIcon{flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;color:#4b8cff;border-right:1px solid rgba(101,130,166,.26);padding-right:12px;box-sizing:content-box}
 #home .metricIcon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 #home .heroCommand{height:455px;min-height:455px}
 #home .heroArchitecture .heroCommandTop{height:44px}
 #home .archBody{position:relative;height:411px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(63,77,255,.16),transparent 26%),linear-gradient(180deg,rgba(8,30,54,.98),rgba(5,20,38,.98))}
 #home .archCloudRow{position:absolute;top:30px;left:50%;transform:translateX(-50%);display:flex;gap:20px;z-index:4}
 #home .archCloud{width:92px;height:76px;border:1px solid #315e8a;border-radius:10px;background:linear-gradient(180deg,#102f51,#0a223c);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#dceaff;box-shadow:0 12px 25px rgba(0,0,0,.16)}
 #home .archCloud span{font-weight:900;font-size:16px}.archCloud .azureGlyph{color:#38a9ff;font-size:24px}#home .archCloud b{font-size:9px}#home .archCloud img{width:30px;height:30px;object-fit:contain}
 #home .archSide{position:absolute;top:132px;display:grid;gap:10px;z-index:4}.archLeft{left:18px}.archRight{right:250px}
 #home .archSide>div{width:140px;height:45px;border:1px solid #315e8a;border-radius:9px;background:#0b2845;display:flex;align-items:center;gap:10px;padding:0 12px;color:#e3effc}
 #home .archSide i{font-style:normal;color:#72a8ff;font-size:17px;width:22px;text-align:center}#home .archSide span{font-size:9px;font-weight:700}
 #home .archCore{position:absolute;left:50%;top:164px;transform:translateX(-60%);width:230px;height:100px;border:1px solid #6071ff;border-radius:11px;background:linear-gradient(135deg,#152d64,#101c49);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;box-shadow:0 0 35px rgba(81,78,255,.24)}
 #home .archCoreLogo{background:#fff;border-radius:8px;padding:7px 13px;width:160px;height:38px;display:flex;align-items:center;justify-content:center}.archCoreLogo img{max-width:145px;max-height:26px}.archCore small{margin-top:8px;font-size:7px;letter-spacing:.15em;color:#aab9e8;font-weight:800}
 #home .archLinks{position:absolute;inset:0;width:100%;height:100%;z-index:2}.archLinks path{fill:none;stroke:#2379ff;stroke-width:1.6;filter:drop-shadow(0 0 4px rgba(35,121,255,.55))}
 #home .archOutcomeRow{position:absolute;left:50%;bottom:20px;transform:translateX(-58%);display:grid;grid-template-columns:repeat(4,90px);z-index:4;border:1px solid #274d78;border-radius:10px;overflow:hidden;background:#0a2745}
 #home .archOutcomeRow>div{height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #244766;gap:5px}.archOutcomeRow>div:last-child{border-right:0}.archOutcomeRow i{font-style:normal;color:#5b7cff;font-size:21px}.archOutcomeRow b{font-size:8px;color:#dce9f7}
 #home .archTerminal{position:absolute;right:14px;top:24px;width:220px;height:348px;border:1px solid #244c74;border-radius:10px;background:#061727;z-index:7;overflow:hidden;box-shadow:-18px 18px 40px rgba(0,0,0,.22)}
 #home .termTabs{height:38px;display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid #24445f;background:#0b2540}.termTabs>*{font-size:8px;color:#90a9c2}.termTabs b{height:100%;display:flex;align-items:center;padding:0 10px;color:#fff;border-bottom:2px solid #6670ff;background:#112e55}
 #home .archTerminal pre{margin:0;padding:16px 13px;font:8px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:#d3e1ee;white-space:pre-wrap}.archTerminal pre span{color:#43e99c}
 #home .homeSkillsV82{padding:24px 28px 24px!important}
 #home .homeSkillsV82 .homeSkillsHead{margin-bottom:18px!important;padding-bottom:18px!important}
 #home .homeSkillsV82 .homeSkillsHead h3{font-size:38px!important}
 #home .homeSkillsV82 .skillsStatement p{font-size:17px!important}
 #home .expertiseV82 article{min-height:200px!important}
}

/* V9.9 — Home composition cleanup + Experience de-duplication */
@media (min-width:1201px){
  #home.hero{
    padding:54px 34px 34px 56px;
    grid-template-columns:minmax(720px,.92fr) minmax(820px,1.08fr);
    grid-template-rows:410px 92px auto;
    column-gap:34px;
    row-gap:20px;
    align-items:stretch;
  }
  #home .heroCopy{
    grid-column:1;grid-row:1;
    max-width:760px;
    padding:8px 0 0;
    align-self:center;
  }
  #home .heroCopy h1{
    font-size:clamp(66px,4.35vw,84px);
    line-height:.96;
    white-space:nowrap;
    letter-spacing:-.055em;
  }
  #home .heroCopy h1 span{
    display:block;
    white-space:normal;
    font-size:.42em;
    margin-bottom:14px;
  }
  #home .heroCopy h2{font-size:28px;margin-bottom:18px}
  #home .heroCopy>p{font-size:17px;line-height:1.52;max-width:650px}
  #home .actions{margin-top:22px}

  #home .heroMetricsV96{
    position:static;
    grid-column:1;grid-row:2;
    width:100%;height:92px;
    align-self:stretch;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border:1px solid rgba(102,135,178,.22);
    border-radius:16px;
    overflow:hidden;
    background:rgba(7,28,50,.88);
    box-shadow:0 18px 40px rgba(0,0,0,.16);
  }
  #home .heroMetricsV96 article{
    min-width:0;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    align-items:center;
    justify-content:initial;
    gap:12px;
    padding:14px 14px;
    text-align:left;
    border-right:1px solid rgba(102,135,178,.18);
  }
  #home .heroMetricsV96 article:last-child{border-right:0}
  #home .metricIcon{
    width:30px;height:30px;min-width:30px;
    padding:0;border:0;
    display:grid;place-items:center;
    color:#6689ff;
  }
  #home .metricIcon svg{width:26px;height:26px}
  #home .heroMetricsV96 article>div{min-width:0}
  #home .heroMetricsV96 strong{display:block;font-size:23px;line-height:1.05;white-space:nowrap}
  #home .heroMetricsV96 article:last-child strong{font-size:15px;line-height:1.1}
  #home .heroMetricsV96 span:not(.metricIcon){display:block;font-size:9px;line-height:1.25;margin-top:6px;white-space:normal;color:#9db0c7}

  #home .heroCommand{
    grid-column:2;grid-row:1 / span 2;
    height:522px;min-height:522px;
    align-self:stretch;
    margin:0;
  }
  #home .heroArchitecture .heroCommandTop{height:44px}
  #home .archBody{height:478px}
  #home .archCloudRow{top:35px}
  #home .archSide{top:151px}
  #home .archCore{top:185px}
  #home .archOutcomeRow{bottom:22px}
  #home .archTerminal{top:27px;height:405px}

  #home .homeSkillsV82{
    grid-column:1/-1;grid-row:3;
    margin:0!important;
  }
}

/* The summary KPIs now live on Home; Experience starts directly with the career timeline. */
#experience .experienceHeader{margin-bottom:34px}
#experience .experienceIntro{max-width:1100px}


/* V10.0 — Home visual refinement */
#home.sectionDark{
  background:
    radial-gradient(circle at 78% 5%,rgba(70,72,255,.24) 0,rgba(35,79,148,.18) 24%,transparent 46%),
    linear-gradient(135deg,transparent 0 48%,rgba(55,92,190,.08) 48.15% 48.35%,transparent 48.5%),
    linear-gradient(25deg,transparent 0 72%,rgba(90,74,255,.07) 72.1% 72.3%,transparent 72.5%),
    linear-gradient(180deg,#071c33 0%,#08233f 52%,#061a30 100%);
  position:relative;
}
#home.sectionDark:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;
  background-image:radial-gradient(circle,rgba(102,112,255,.38) 1px,transparent 1.2px);
  background-size:22px 22px;
  mask-image:linear-gradient(115deg,transparent 0 54%,#000 67%,transparent 86%);
}
#home .homeSkillsV82 .homeSkillsHead h3 span{color:#786cff;text-shadow:0 0 22px rgba(112,92,255,.22)}
#home .metricIcon{color:#806dff!important;width:36px!important;height:36px!important;min-width:36px!important}
#home .metricIcon svg{width:30px!important;height:30px!important;stroke-width:1.8!important;filter:drop-shadow(0 0 8px rgba(116,95,255,.25))}
#home .archCloud.awsNode img{width:54px;height:36px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.22))}
#home .brandTile img[alt="AWS"]{width:48px;max-height:28px;object-fit:contain}
#home .brandTile{position:relative}
#home .brandTile[data-tip]:hover:after{
  content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);
  z-index:30;white-space:nowrap;padding:6px 9px;border-radius:7px;background:#0b1730;color:#fff;
  border:1px solid rgba(125,106,255,.55);box-shadow:0 10px 26px rgba(0,0,0,.3);font-size:11px;font-weight:700;
  pointer-events:none
}
#home .brandTile[data-tip]:hover:before{
  content:"";position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%) rotate(45deg);
  width:8px;height:8px;background:#0b1730;border-right:1px solid rgba(125,106,255,.55);border-bottom:1px solid rgba(125,106,255,.55);z-index:31
}

/* V10.1 – focused layout refinement */
.sidebar nav a .navDot{width:19px;height:19px;min-width:19px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:rgba(119,116,255,.11);border:1px solid rgba(145,159,255,.20)}
.sidebar nav a .navDot:after{content:'◆';font-size:9px;color:#91a5c5}.sidebar nav a.active .navDot:after{color:#a49aff}
#experience{padding-top:64px!important}#experience .experienceHeader{margin-bottom:22px!important}
#projects{padding-top:68px!important}#projects>.sectionHead{margin-bottom:24px!important}
#projects .professionalGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important}
#projects .professionalGrid>.projectLink{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;overflow:hidden;border-radius:20px!important;transition:transform .22s ease,box-shadow .22s ease}
#projects .professionalGrid>.projectLink:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(31,55,94,.15)}
#projects .proFeature .projectVisual,#projects .proCase .caseVisual{height:245px!important;min-height:245px!important;flex:none!important}
#projects .proFeature .projectBody,#projects .proCase>div:last-child{padding:24px 28px!important;flex:1!important}
#projects .proFeature .projectBody h3,#projects .proCase h3{font-size:25px!important;line-height:1.18!important}
#projects .proFeature .projectBody p,#projects .proCase p{font-size:15px!important;line-height:1.55!important}
#projects .personalHead{margin-top:45px!important;margin-bottom:20px!important}
#projects .categoryIndex{display:none!important}
#projects .personalLabGrid{gap:20px!important}
.brandTile.metallicNamed{display:inline-flex;align-items:center;gap:7px;padding:6px 10px!important;width:auto!important;max-width:none!important}.metallicNamed img{height:24px!important;width:24px!important;object-fit:contain}.metallicNamed b{font-size:12px;color:#172843}
#home{background-image:radial-gradient(ellipse at 72% 12%,rgba(83,92,255,.20),transparent 46%),radial-gradient(ellipse at 12% 78%,rgba(28,97,194,.14),transparent 48%)!important}
@media(max-width:1100px){#projects .professionalGrid{grid-template-columns:1fr!important}#projects .professionalGrid>.projectLink{height:auto!important}}

/* V10.2 – polished, recognizable navigation */
.sidebar nav a .navDot{width:24px!important;height:24px!important;min-width:24px!important;border-radius:7px!important;color:#94a9c7;background:rgba(117,139,182,.085)!important;border:1px solid rgba(135,154,198,.20)!important;box-shadow:none!important}
.sidebar nav a .navDot:after{content:none!important}
.sidebar nav a .navDot svg{display:block;width:16px;height:16px}
.sidebar nav a.active .navDot{color:#c3bdff!important;background:rgba(110,103,255,.23)!important;border-color:rgba(156,150,255,.48)!important;box-shadow:0 0 0 4px rgba(108,102,255,.08)!important}
.sidebar nav a:hover .navDot{color:#fff}
/* Align each timeline date to the center of its marker */
@media(min-width:761px){.careerFull .careerItem time{padding-top:0!important;line-height:16px!important;align-self:start;position:relative;top:0!important}.careerFull .careerItem:after{top:2px!important}}
/* Projects: two equally weighted, purposeful feature panels */
#projects{padding-top:64px!important;padding-bottom:70px!important}
#projects>.sectionHead{margin-bottom:25px!important}
#projects .professionalGrid{gap:18px!important}
#projects .professionalGrid>.projectLink{border:1px solid #dce5f1!important;box-shadow:0 14px 36px rgba(18,40,70,.06);background:#fff}
#projects .proFeature .projectVisual,#projects .proCase .caseVisual{height:215px!important;min-height:215px!important}
#projects .proFeature .projectBody,#projects .proCase>div:last-child{padding:22px 25px 24px!important}
#projects .proFeature .projectBody h3,#projects .proCase h3{font-size:25px!important;margin:7px 0 10px!important}
#projects .proFeature .projectBody p,#projects .proCase p{font-size:14px!important;line-height:1.55!important;max-width:560px}
#projects .projectCta{font-weight:800!important}
#projects .personalHead{margin-top:36px!important}
#projects .personalLabGrid{gap:16px!important}
.filterEmpty{color:#74859c;font-size:14px;padding:14px 0}
@media(max-width:850px){#projects .professionalGrid{grid-template-columns:1fr!important}}

/* V10.3 experimental engineering showcase - projects only */
.projectsShowcase{padding-top:42px!important;padding-bottom:85px!important}.projectsShowcase .showcaseHero{position:relative;min-height:325px;overflow:hidden;display:flex;align-items:center;border-radius:24px;padding:42px 5%;background:radial-gradient(ellipse at 83% 30%,#263d77 0%,transparent 45%),linear-gradient(118deg,#071a30,#102949 55%,#191d45);color:white;isolation:isolate}.projectsShowcase .showcaseHero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 89px,rgba(136,150,255,.06) 90px,transparent 91px);pointer-events:none}.showcaseIntro{max-width:680px;position:relative;z-index:2}.showcaseIntro>small,.showcaseLabHead small,.showcaseLabel>span{color:#a8a0ff;font-weight:900;letter-spacing:.16em;font-size:10px}.showcaseIntro h2{font-size:clamp(44px,4.3vw,74px);line-height:1.03;letter-spacing:-.055em;margin:16px 0 18px;color:#fff}.showcaseIntro h2 em,.showcaseLabHead em{font-style:normal;color:#a397ff}.showcaseIntro p{color:#b9c9de;font-size:15px;line-height:1.7;max-width:560px}.showcaseTags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.showcaseTags span{font-size:9px;font-weight:800;letter-spacing:.07em;padding:8px 11px;border:1px solid #4a587e;border-radius:999px;color:#c8d5e9}.showcaseOrbit{position:absolute;right:7%;top:50%;width:310px;height:310px;transform:translateY(-50%);display:grid;place-items:center}.orbitRing{position:absolute;border:1px solid #5566a480;border-radius:50%}.ringOne{width:210px;height:210px}.ringTwo{width:300px;height:300px;border-style:dashed;animation:orbitTurn 65s linear infinite}.orbitCore{height:130px;width:130px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#374b88,#111c39 72%);box-shadow:0 0 55px #7971ff35;border:1px solid #7b7fea;display:grid;place-content:center;text-align:center;font-size:45px;font-weight:900;letter-spacing:-3px}.orbitCore>span{color:#a79aff}.orbitCore small{display:block;font-size:9px;letter-spacing:.15em;color:#bbc6ed}.orbitNode{position:absolute;font-size:10px;letter-spacing:.09em;font-weight:800;padding:9px 12px;border:1px solid #5a6b9a;border-radius:8px;background:#0b213f;color:#dbe4f6}.orbitCloud{top:26px;left:22px}.orbitProtect{right:-10px;top:132px}.orbitAutomate{bottom:30px;left:8px}@keyframes orbitTurn{to{transform:rotate(360deg)}}.showcaseLabel{display:flex;align-items:center;justify-content:space-between;margin:34px 0 14px}.showcaseLabel>span{color:#6572f5}.showcaseLabel strong{font-size:13px;color:#506079}.showcaseLabel strong span{color:#6b63ff}.showcaseFeatureGrid{display:grid;grid-template-columns:1.18fr 1fr;gap:16px}.showcasePrimary,.showcaseSecondary{min-height:425px;border-radius:20px;overflow:hidden;padding:29px 32px;display:flex;flex-direction:column;position:relative;transition:transform .22s,box-shadow .22s}.showcasePrimary:hover,.showcaseSecondary:hover,.showcaseLab:hover{transform:translateY(-5px);box-shadow:0 22px 50px #0b244130}.showcasePrimary{color:#fff;background:radial-gradient(ellipse at 100% 0%,#294b80,#0b233f 56%,#07182b)}.showcaseSecondary{color:#fff;background:radial-gradient(ellipse at 50% 20%,#203b67,#091c33 65%)}.showcaseCardTop{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.1em;font-weight:800;color:#b3c0e2}.showcaseStatus{color:#78e6b6;border:1px solid #237d6a;background:#0a3c3c;padding:6px 10px;border-radius:30px}.showcasePrimary h3,.showcaseSecondary h3{font-size:clamp(27px,2.3vw,40px);letter-spacing:-.045em;line-height:1.13;margin:27px 0 10px;color:#fff}.showcasePrimary h3 span,.showcaseSecondary h3 span{color:#a49aff}.showcasePrimary>p,.showcaseSecondary>p{font-size:13px;color:#b8c8dc;line-height:1.7;max-width:520px;margin:0 0 22px}.showcasePipeline{display:flex;align-items:center;gap:7px;margin:20px 0 24px}.showcasePipeline>div{flex:1;min-width:0;border:1px solid #405574;border-radius:11px;padding:13px 8px;background:#091b30;display:grid;gap:3px}.showcasePipeline small{color:#a59cff;font-size:10px}.showcasePipeline b{font-size:10px;letter-spacing:.02em}.showcasePipeline span{color:#8ea3bb;font-size:9px}.showcasePipeline i{color:#8e88ff;font-style:normal}.showcaseBottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff24;padding-top:17px;margin-top:auto}.showcaseBottom>span{font-size:9px;letter-spacing:.07em;color:#9aadc8}.showcaseBottom>b{font-size:12px;color:#c1b7ff;white-space:nowrap}.showcaseBottom i{font-size:17px;font-style:normal}.showcaseDpGraphic{display:flex;align-items:center;justify-content:center;gap:12px;min-height:143px;margin-top:14px;position:relative}.dpGraphicNode{font-size:9px;line-height:1.7;text-align:center;border:1px solid #466389;background:#102f50;border-radius:10px;padding:13px 12px;z-index:1;color:#b8c9df}.dpGraphicNode b{color:#fff}.dpGraphicCenter{font-size:12px;line-height:1.4;font-weight:900;text-align:center;letter-spacing:.04em;border:1px solid #8e83ff;border-radius:14px;background:radial-gradient(circle,#42468c,#172a55);padding:20px 18px;z-index:1;box-shadow:0 0 30px #7d71f73b}.dpGraphicCenter span{display:block;color:#a9a0ff;font-size:22px}.showcaseSecondary h3{margin-top:5px}.showcaseLabHead{margin:42px 0 17px;display:flex;align-items:end;justify-content:space-between;gap:15px}.showcaseLabHead small{color:#6475ff}.showcaseLabHead h3{font-size:clamp(24px,2.4vw,35px);letter-spacing:-.04em;margin:7px 0 5px}.showcaseLabHead em{color:#675cf4}.showcaseLabHead p{font-size:13px;color:#718199;margin:0}.showcaseLabHead>span{font-size:10px;font-weight:800;color:#8695a9;letter-spacing:.08em}.showcaseLabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.showcaseLab{position:relative;min-height:270px;padding:25px;border-radius:17px;color:#fff;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s;overflow:hidden}.labPhoto{background:radial-gradient(circle at 100% 0%,#3e5483,#102a4b 55%,#081e36)}.labHome{background:radial-gradient(circle at 100% 0%,#196a70,#0d3949 55%,#082533)}.labNetwork{background:radial-gradient(circle at 100% 0%,#434887,#152b54 55%,#0b203e)}.showcaseLab .labIcon{position:absolute;right:22px;top:45px;font-size:76px;line-height:1;color:#ffffff22}.showcaseLab .labState{align-self:flex-start;font-size:9px;border-radius:20px;padding:5px 9px;color:#a6eec9;background:#072a30;border:1px solid #1d7364}.showcaseLab small{font-size:9px;color:#b5c4e0;letter-spacing:.12em;font-weight:800;margin-top:26px}.showcaseLab h4{font-size:26px;line-height:1.1;letter-spacing:-.04em;margin:8px 0}.showcaseLab p{font-size:12px;color:#bbccde;line-height:1.55;max-width:280px}.showcaseLab .labTech{font-size:10px;color:#94aeca;margin-top:auto}.showcaseLab>b{font-size:12px;color:#b9b0ff;margin-top:14px}@media(max-width:1150px){.showcaseOrbit{opacity:.32;right:-60px}.showcaseFeatureGrid{grid-template-columns:1fr 1fr}.showcasePrimary,.showcaseSecondary{padding:22px}.showcasePipeline{gap:3px}.showcasePipeline>div{padding:10px 5px}.showcasePipeline b{font-size:8px}}@media(max-width:800px){.showcaseFeatureGrid,.showcaseLabs{grid-template-columns:1fr}.showcaseHero{min-height:320px}.showcaseOrbit{display:none}.showcaseLab{min-height:245px}.showcaseLabHead>span{display:none}}@media(prefers-reduced-motion:reduce){.ringTwo{animation:none}}

/* V10.3.1 – focused readability fix for Enterprise Data Protection preview */
.projectsShowcase .showcaseSecondary .dpGraphicReadable{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1.2fr) 18px minmax(0,1fr);gap:7px;align-items:stretch;min-height:0;margin:24px 0 22px;width:100%}
.dpGraphicReadable .dpFlowStep{min-width:0;min-height:164px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:15px 8px;background:#112e4d;border:1px solid #45658b;border-radius:14px;color:#e9f1ff}
.dpGraphicReadable .dpFlowCore{background:linear-gradient(145deg,#343c80,#1a315b);border-color:#9387ff;box-shadow:0 0 28px #857aff2c}
.dpGraphicReadable .dpFlowIcon{font-size:25px;line-height:1;color:#a79cff}
.dpGraphicReadable small{font-size:10px;letter-spacing:.08em;font-weight:800;color:#b2bff2}
.dpGraphicReadable strong{font-size:clamp(13px,1.1vw,17px);line-height:1.25;letter-spacing:-.02em;color:#fff}
.dpGraphicReadable .dpFlowStep>span:last-child{font-size:11px;line-height:1.4;color:#bfd0e4}
.dpGraphicReadable .dpFlowArrow{align-self:center;text-align:center;font-size:21px;color:#9c9bff}
@media(max-width:1200px){.projectsShowcase .showcaseSecondary .dpGraphicReadable{grid-template-columns:1fr;gap:7px}.dpGraphicReadable .dpFlowStep{min-height:90px;padding:10px;gap:4px}.dpGraphicReadable .dpFlowIcon{font-size:18px}.dpGraphicReadable .dpFlowArrow{font-size:17px;transform:rotate(90deg);line-height:1}}

/* V10.3.2: Home-only readable Enterprise Data Protection console */
#home .heroArchitecture .archBody.archBodyV1032{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(215px,29%);gap:14px;padding:18px!important;align-items:stretch;overflow:hidden}
#home .archBodyV1032 .archMainPanel{min-width:0;display:flex;flex-direction:column;gap:15px}
#home .archBodyV1032 .archCloudRow{position:static!important;transform:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;z-index:auto}
#home .archBodyV1032 .archCloud{width:100%!important;height:74px!important;padding:8px!important;min-width:0;gap:3px;font-size:12px}
#home .archBodyV1032 .archCloud b{font-size:11px!important;line-height:1.15}
#home .archBodyV1032 .archCloud img{width:42px!important;height:34px!important;object-fit:contain}
#home .archBodyV1032 .awsNode img{width:68px!important;height:47px!important;filter:none}
#home .archBodyV1032 .archNetworkDiagram{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,1.45fr) minmax(0,1fr);gap:17px;align-items:center;min-height:200px;position:relative}
#home .archBodyV1032 .archSide{position:static!important;display:grid!important;gap:9px;min-width:0}
#home .archBodyV1032 .archSide>div{width:100%!important;min-width:0;height:48px!important;padding:0 9px!important;gap:5px!important;border-color:#34577e}
#home .archBodyV1032 .archSide span{font-size:clamp(10px,.8vw,13px)!important;white-space:normal;line-height:1.15}
#home .archBodyV1032 .archSide i{font-size:18px;flex:0 0 20px}
#home .archBodyV1032 .archCore{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;min-width:0;height:118px!important;z-index:3}
#home .archBodyV1032 .archCore:before,#home .archBodyV1032 .archCore:after{content:"";position:absolute;top:50%;width:17px;height:2px;background:#5188ff;box-shadow:0 0 10px #5188ff}
#home .archBodyV1032 .archCore:before{right:100%}#home .archBodyV1032 .archCore:after{left:100%}
#home .archBodyV1032 .archCoreLogo{width:min(175px,88%)!important;height:46px!important;padding:6px!important}
#home .archBodyV1032 .archCoreLogo img{max-width:100%!important;max-height:34px!important;object-fit:contain}
#home .archBodyV1032 .archCore small{font-size:9px!important;text-align:center;line-height:1.4;padding:0 5px}
#home .archBodyV1032 .archOutcomeRow{position:static!important;transform:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%;min-width:0}
#home .archBodyV1032 .archOutcomeRow>div{height:66px!important;min-width:0}
#home .archBodyV1032 .archOutcomeRow b{font-size:11px!important}
#home .archBodyV1032 .archTerminal{position:static!important;width:auto!important;height:auto!important;min-width:0;box-shadow:none;display:flex;flex-direction:column}
#home .archBodyV1032 .archTerminal pre{font-size:clamp(10px,.74vw,12px)!important;line-height:1.8!important;padding:18px 13px!important;overflow-wrap:anywhere;white-space:pre-wrap;flex:1}
#home .archBodyV1032 .termTabs{flex-wrap:wrap;height:auto;min-height:39px;padding:10px!important;gap:8px}
#home .archBodyV1032 .termTabs>*{font-size:10px!important}
#home .archBodyV1032 .archSimLabel{font:700 9px ui-monospace,monospace;color:#7189a5;letter-spacing:.1em;padding:10px 12px;border-top:1px solid #21405e}
@media(max-width:1150px){#home .heroArchitecture .archBody.archBodyV1032{grid-template-columns:1fr!important}#home .archBodyV1032 .archTerminal{display:none!important}}
@media(max-width:650px){#home .archBodyV1032 .archNetworkDiagram{grid-template-columns:1fr!important;gap:10px}#home .archBodyV1032 .archSide{grid-template-columns:repeat(3,minmax(0,1fr))!important}#home .archBodyV1032 .archSide>div{height:64px!important;flex-direction:column;justify-content:center;text-align:center}#home .archBodyV1032 .archCore{height:100px!important}#home .archBodyV1032 .archCore:before,#home .archBodyV1032 .archCore:after{display:none}#home .archBodyV1032 .archOutcomeRow b{font-size:9px!important}}

/* V10.3.3: restore premium connected architecture in Home only */
#home .heroArchitecture{background:radial-gradient(ellipse at 36% 42%,#143565 0%,#071c39 51%,#05152b 100%)!important;border:1px solid #3876c7!important;box-shadow:0 16px 55px #020c2470,inset 0 0 45px #1952a51b!important}
#home .heroArchitecture .archBody.archBodyV1032{height:405px!important;min-height:405px!important;padding:12px 14px!important;gap:14px!important;grid-template-columns:minmax(0,1fr) minmax(245px,30%)!important;background:radial-gradient(ellipse at 30% 50%,#102f5b80,transparent 65%)!important}
#home .archBodyV1032 .archMainPanel{position:relative;display:block!important;height:380px;isolation:isolate}
#home .archBodyV1032 .homeArchitectureWires{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;filter:drop-shadow(0 0 5px #278cff88)}
#home .archBodyV1032 .archCloudRow{position:absolute!important;top:8px!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;justify-content:center;gap:12px!important;width:66%!important;z-index:2!important}
#home .archBodyV1032 .archCloud{width:100px!important;height:75px!important;flex:1!important;border-color:#3e6ca0!important;background:linear-gradient(150deg,#12335a,#081c37)!important;box-shadow:0 8px 18px #010b2480!important}
#home .archBodyV1032 .archCloud img{max-width:75px!important;max-height:40px!important}
#home .archBodyV1032 .archNetworkDiagram{position:absolute!important;inset:104px 0 70px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(195px,1.48fr) minmax(0,1fr)!important;gap:24px!important;min-height:0!important;z-index:2!important}
#home .archBodyV1032 .archSide{display:grid!important;grid-template-rows:repeat(3,50px);gap:12px!important;align-content:center!important}
#home .archBodyV1032 .archSide>div{height:50px!important;background:linear-gradient(115deg,#102d51,#0b2340)!important;border:1px solid #4474a9!important;border-radius:9px!important;box-shadow:0 4px 14px #020b2370!important}
#home .archBodyV1032 .archSide span{font-size:clamp(10px,.82vw,13px)!important}
#home .archBodyV1032 .archCore{height:102px!important;align-self:center!important;background:linear-gradient(140deg,#263b83,#111e53)!important;border:1px solid #7b84ff!important;box-shadow:0 0 30px #686aff60,inset 0 0 22px #797bff18!important}
#home .archBodyV1032 .archCore:before,#home .archBodyV1032 .archCore:after{display:none!important}
#home .archBodyV1032 .archCoreLogo{background:transparent!important;width:90%!important;height:49px!important;padding:0!important}
#home .archBodyV1032 .archCoreLogo img{max-width:100%!important;max-height:45px!important;filter:drop-shadow(0 0 5px #ffffff22)}
#home .archBodyV1032 .archOutcomeRow{position:absolute!important;bottom:0!important;left:9%!important;width:82%!important;height:65px!important;z-index:2!important;gap:0!important;border:1px solid #365f96!important;border-radius:11px!important;overflow:hidden;background:#0b2343!important;box-shadow:0 8px 20px #020b2366!important}
#home .archBodyV1032 .archOutcomeRow>div{height:65px!important;background:transparent!important;border-right:1px solid #31517c!important}
#home .archBodyV1032 .archOutcomeRow i{color:#9384ff!important;font-size:23px!important;text-shadow:0 0 12px #7e70ff88}
#home .archBodyV1032 .archTerminal{height:380px!important;background:#041424!important;border:1px solid #315783!important;border-radius:12px!important;box-shadow:0 12px 35px #02091c99!important}
#home .archBodyV1032 .archTerminal pre{font-size:clamp(10px,.75vw,12px)!important;line-height:1.65!important;padding:14px!important}
#home .archBodyV1032 .termTabs{flex-wrap:nowrap!important;justify-content:space-around!important}
#home .archBodyV1032 .archSimLabel{margin-top:auto!important}
@media(max-width:1250px){#home .heroArchitecture .archBody.archBodyV1032{grid-template-columns:minmax(0,1fr) 255px!important}#home .archBodyV1032 .archNetworkDiagram{gap:14px!important;grid-template-columns:minmax(0,1fr) minmax(160px,1.4fr) minmax(0,1fr)!important}#home .archBodyV1032 .archCloudRow{width:78%!important}}
@media(max-width:1050px){#home .heroArchitecture .archBody.archBodyV1032{height:auto!important;grid-template-columns:1fr!important}#home .archBodyV1032 .archTerminal{display:flex!important;height:auto!important;min-height:220px!important}#home .archBodyV1032 .archMainPanel{height:380px}}
@media(max-width:650px){#home .heroArchitecture .archBody.archBodyV1032{padding:10px!important}#home .archBodyV1032 .archMainPanel{height:auto;display:flex!important;flex-direction:column;gap:12px}#home .archBodyV1032 .homeArchitectureWires{display:none}#home .archBodyV1032 .archCloudRow,#home .archBodyV1032 .archNetworkDiagram,#home .archBodyV1032 .archOutcomeRow{position:static!important;transform:none!important;width:100%!important;inset:auto!important}#home .archBodyV1032 .archCloudRow{gap:6px!important}#home .archBodyV1032 .archCloud{min-width:0!important}#home .archBodyV1032 .archNetworkDiagram{grid-template-columns:1fr!important;gap:12px!important}#home .archBodyV1032 .archSide{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:6px!important}#home .archBodyV1032 .archSide>div{height:65px!important}#home .archBodyV1032 .archCore{width:100%!important}#home .archBodyV1032 .archOutcomeRow{height:70px!important}#home .archBodyV1032 .archTerminal{min-height:250px!important}}

/* V10.3.4: Home console – transparent provider logos, vendor-neutral platform, integrated flow */
#home .archBodyV1032 .archCloud{display:flex!important;align-items:center!important;justify-content:center!important;padding:13px!important;overflow:hidden}
#home .archBodyV1032 .archCloud img{display:block!important;width:auto!important;height:auto!important;max-width:82%!important;max-height:57px!important;object-fit:contain!important;filter:drop-shadow(0 4px 8px #0005)!important}
#home .archBodyV1032 .azureNode img{max-height:59px!important;max-width:58%!important}
#home .archBodyV1032 .awsNode img{max-height:56px!important;max-width:80%!important}
#home .archBodyV1032 .gcpNode img{max-height:54px!important;max-width:65%!important}
#home .archBodyV1032 .archCoreNeutral{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:116px!important;overflow:visible}
#home .archBodyV1032 .archCoreEmblem{width:38px;height:38px;filter:drop-shadow(0 0 10px #b18bff77)}
#home .archBodyV1032 .archCoreEmblem svg{width:100%;height:100%;fill:#b5a5ff22;stroke:#c1b2ff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#home .archBodyV1032 .archCoreEmblem svg path:last-child{fill:none;stroke:#e0d7ff;stroke-width:3}
#home .archBodyV1032 .archCoreTitle{font-size:clamp(17px,1.35vw,23px);font-weight:800;letter-spacing:-.03em;color:#fff;text-shadow:0 2px 16px #b6a6ff66;line-height:1.15}
#home .archBodyV1032 .archCoreNeutral small{font-size:9px!important;letter-spacing:.18em!important;color:#c3caff!important}
#home .archBodyV1032 .archOutcomeRow{border-color:#4974ae!important;box-shadow:0 0 20px #2469cb2a,inset 0 1px #77a4ff22!important}
#home .archBodyV1032 .archOutcomeRow>div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:background .2s ease}
#home .archBodyV1032 .archOutcomeRow>div:hover{background:#1a3b6c88!important}
#home .archBodyV1032 .archOutcomeRow i{font-style:normal;font-size:24px!important;line-height:1}
#home .archBodyV1032 .archOutcomeRow b{font-size:12px!important;letter-spacing:.01em}
#home .archBodyV1032 .homeArchitectureWires{opacity:.96;filter:drop-shadow(0 0 5px #278cffaa)!important}
@media(max-width:650px){#home .archBodyV1032 .archCoreNeutral{height:125px!important}#home .archBodyV1032 .archCloud img{max-height:44px!important}#home .archBodyV1032 .archOutcomeRow b{font-size:10px!important}}

/* V10.3.5 – architectural editorial redesign, Home only */
#home .nextGenConsole{background:radial-gradient(ellipse at 40% 36%,#163866 0,#0a1f3d 44%,#06162d 100%)!important;border:1px solid #416eac!important;box-shadow:0 22px 80px #0006,inset 0 1px #92baff20!important;min-height:0!important;display:flex!important;flex-direction:column}
#home .nextGenConsole .heroCommandTop{flex:none}
#home .nextGenLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(205px,28%);gap:16px;padding:17px;flex:1;min-width:0}
#home .nextGenMap{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:0}
#home .nextGenSectionTag{display:block;font:800 9px/1.2 ui-monospace,monospace;letter-spacing:.14em;color:#87a9d6}
#home .nextGenClouds{text-align:center}
#home .nextGenCloudLogos{display:flex;justify-content:center;gap:12px;margin:12px auto 0;max-width:420px}
#home .nextGenCloudLogos>div{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:65px;border:1px solid #416995;border-radius:12px;background:linear-gradient(155deg,#17385c,#0a2341);box-shadow:inset 0 1px #ffffff16}
#home .nextGenCloudLogos img{display:block;object-fit:contain;max-width:70%;max-height:42px}
#home .nextGenCloudLogos>div:first-child img{max-height:43px}
#home .nextGenSpine{height:31px;display:flex;flex-direction:column;align-items:center;justify-content:center}
#home .nextGenSpine span{height:12px;width:2px;background:#448aff;box-shadow:0 0 12px #499aff}
#home .nextGenSpine i{width:7px;height:7px;border-radius:50%;background:#9d91ff;box-shadow:0 0 15px #8a7dff}
#home .nextGenNetwork{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,1.3fr) minmax(0,1fr);align-items:center;gap:10px;min-height:198px}
#home .nextGenNodes{display:flex;flex-direction:column;gap:9px;min-width:0;position:relative}
#home .nextGenNodes small{font:800 8px ui-monospace,monospace;letter-spacing:.09em;color:#7b9ecb;white-space:nowrap}
#home .nextGenNodes>div{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 8px;background:#102b4a;border:1px solid #375f8e;border-radius:9px;min-height:40px;color:#dbeaff;font-size:clamp(9px,.8vw,12px);font-weight:700}
#home .nextGenNodes svg{width:17px;height:17px;flex:none;fill:none;stroke:#74b6ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#home .nextGenCoreWrap{position:relative;min-height:195px;display:grid;place-items:center;isolation:isolate}
#home .nextGenOrbit{position:absolute;border:1px solid #5989d27d;border-radius:50%;width:100%;max-width:224px;aspect-ratio:1;box-shadow:0 0 28px #5c7eff1a;z-index:-1}
#home .nextGenOrbit.orbitTwo{width:77%;max-width:170px;border-color:#a58cff80;border-style:dashed;transform:rotate(20deg)}
#home .nextGenCore{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:80%;min-width:150px;max-width:200px;min-height:166px;padding:15px 8px;border:1px solid #a08cff;border-radius:19px;background:radial-gradient(circle at 50% 20%,#3c438c,#1a2b66 60%,#101f49);box-shadow:0 0 50px #657aff40,inset 0 1px #fff4}
#home .nextGenShield{width:44px;height:44px;fill:#ad9aff15;stroke:#d2c2ff;stroke-width:2.4;stroke-linejoin:round;filter:drop-shadow(0 0 8px #a88cff88)}
#home .nextGenShield path:last-child{fill:none;stroke-width:3}
#home .nextGenCore strong{font-size:clamp(15px,1.1vw,19px);line-height:1.08;letter-spacing:.035em;margin:9px 0 7px;color:#fff}
#home .nextGenCore small{font:800 8px ui-monospace,monospace;letter-spacing:.1em;color:#bdcaff}
#home .nextGenSources:after,#home .nextGenTargets:before{content:"";position:absolute;top:51%;height:2px;width:11px;background:#5da6ff;box-shadow:0 0 11px #5da6ff}
#home .nextGenSources:after{right:-11px}#home .nextGenTargets:before{left:-11px}
#home .nextGenSpineBottom{height:25px}
#home .nextGenCapabilities{text-align:center}
#home .nextGenCapGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}
#home .nextGenCapGrid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;height:69px;background:linear-gradient(145deg,#132f54,#0b2444);border:1px solid #355f90;border-radius:10px}
#home .nextGenCapGrid svg{width:24px;height:24px;fill:none;stroke:#9e95ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#home .nextGenCapGrid b{font-size:11px;color:#dceaff}
#home .nextGenOps{display:flex;flex-direction:column;min-width:0;border:1px solid #365b84;border-radius:14px;overflow:hidden;background:#041729;box-shadow:0 12px 28px #0005}
#home .nextGenOpsTop{display:flex;align-items:center;gap:9px;padding:14px 11px;border-bottom:1px solid #244465}
#home .nextGenPulse{width:9px;height:9px;flex:none;border-radius:50%;background:#3de3ac;box-shadow:0 0 12px #3de3ac}
#home .nextGenOpsTop div{display:flex;flex-direction:column;min-width:0;gap:2px}
#home .nextGenOpsTop strong{font:800 10px ui-monospace,monospace;letter-spacing:.07em}
#home .nextGenOpsTop small{font:700 8px ui-monospace,monospace;color:#7c98b8}
#home .nextGenLive{margin-left:auto;white-space:nowrap;font:800 8px ui-monospace,monospace;color:#43dbb1}
#home .nextGenOpsGraph{margin:17px 12px 10px;border:1px solid #294b70;border-radius:10px;padding:12px 10px 0;background:#09243d}
#home .nextGenOpsGraph span{font:800 9px ui-monospace,monospace;color:#9fb9d8;letter-spacing:.09em}
#home .nextGenOpsGraph svg{display:block;width:100%;height:75px;margin-top:8px}
#home .nextGenOpsLog{display:flex;flex-direction:column;gap:16px;padding:16px 12px;flex:1}
#home .nextGenOpsLog span{display:flex;align-items:center;gap:8px;font:600 clamp(9px,.72vw,11px) ui-monospace,monospace;color:#b9d4e9}
#home .nextGenOpsLog i{display:block;width:7px;height:7px;flex:none;border-radius:50%;background:#41dca8;box-shadow:0 0 8px #41dca866}
#home .nextGenOpsBottom{border-top:1px solid #25496b;display:flex;justify-content:space-between;padding:12px;color:#8ba6c3;font:800 8px ui-monospace,monospace;letter-spacing:.08em}
#home .nextGenOpsBottom span:first-child{color:#42e2b0}
@media(max-width:1280px){#home .nextGenLayout{grid-template-columns:minmax(0,1fr) minmax(180px,27%);gap:10px;padding:12px}#home .nextGenNetwork{grid-template-columns:minmax(0,1fr) minmax(145px,1.3fr) minmax(0,1fr)}#home .nextGenCore{min-width:135px}#home .nextGenNodes>div{padding:8px 5px}#home .nextGenNodes svg{width:14px}}
@media(max-width:980px){#home .nextGenLayout{grid-template-columns:1fr}#home .nextGenOps{min-height:220px}#home .nextGenOpsLog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:560px){#home .nextGenNetwork{grid-template-columns:1fr;gap:10px}#home .nextGenNodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#home .nextGenNodes small{grid-column:1/-1}#home .nextGenNodes>div{flex-direction:column;text-align:center;gap:4px}#home .nextGenSources:after,#home .nextGenTargets:before{display:none}#home .nextGenCoreWrap{min-height:170px}#home .nextGenCloudLogos>div{height:57px}#home .nextGenCapGrid b{font-size:9px}}

/* =============================================
   V11 / FULL EXPERIENCE REDESIGN
   Deliberately scoped to .portfolioV11.
   Original content, dynamic grids, filters and links preserved.
   ============================================= */
body.portfolioV11{--v11-ink:#0a1d36;--v11-accent:#7568ff;--v11-blue:#4b9dff;--v11-soft:#e9edf6;background:#081b31}
.portfolioV11 .sidebar{background:linear-gradient(165deg,#061322 0%,#091b31 54%,#101a35 100%);border-right:1px solid #294163;box-shadow:12px 0 60px #00000025}
.portfolioV11 .sidebar:before{content:"";position:absolute;top:105px;left:0;width:3px;height:160px;background:linear-gradient(transparent,#786cff,transparent);opacity:.7;pointer-events:none}
.portfolioV11 .brand{letter-spacing:-.095em;font-weight:900}
.portfolioV11 .sidebar nav a{border-radius:11px;transition:background .22s,border-color .22s,transform .22s}
.portfolioV11 .sidebar nav a:hover{transform:translateX(3px);background:#172d4b}
.portfolioV11 .sidebar nav a.active{background:linear-gradient(100deg,#192a55,#122644 80%);box-shadow:inset 3px 0 #8274ff,0 8px 24px #0002}
.portfolioV11 main{overflow:hidden}
.portfolioV11 #home{position:relative;background:radial-gradient(ellipse at 80% 13%,#173a6c 0%,transparent 48%),radial-gradient(ellipse at 17% 48%,#171c47 0%,transparent 48%),linear-gradient(140deg,#06152a,#091f3b 62%,#0b1732);border-bottom:1px solid #2c456c}
.portfolioV11 #home:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(#5a8be41c 1px,transparent 1px),linear-gradient(90deg,#5a8be41c 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000)}
.portfolioV11 .v11HeroIndex{position:absolute;left:var(--hero-pad,3%);right:var(--hero-pad,3%);top:17px;display:flex;justify-content:space-between;gap:20px;color:#9ab4db;font:800 10px ui-monospace,monospace;letter-spacing:.19em;opacity:.8;pointer-events:none}
.portfolioV11 #home .heroCopy{position:relative;z-index:1}
.portfolioV11 #home .heroCopy .eyebrow{letter-spacing:.18em;color:#9ca2ff}
.portfolioV11 #home .heroCopy h1{letter-spacing:-.065em;line-height:1.03}
.portfolioV11 #home .heroCopy h1 em{font-style:normal;background:linear-gradient(120deg,#fff 0%,#b3a4ff 30%,#756bff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.portfolioV11 #home .heroCopy p{max-width:640px;line-height:1.7}
.portfolioV11 #home .actions a{border-radius:10px;transition:transform .2s,box-shadow .2s}
.portfolioV11 #home .actions a:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0003}
.portfolioV11 #home .heroMetricsV96{border:1px solid #38517c;border-radius:15px;background:#081a31b8;backdrop-filter:blur(10px);box-shadow:0 15px 40px #0002}
.portfolioV11 #home .nextGenConsole{border-radius:22px!important;box-shadow:0 28px 70px #0007,0 0 0 1px #759eff20!important}
.portfolioV11 #home .homeSkills{position:relative;background:linear-gradient(140deg,#0c2544,#0c1c37);border:1px solid #345079;border-radius:24px;box-shadow:0 20px 50px #0002}
.portfolioV11 #home .homeSkillsHead{padding-bottom:19px}
.portfolioV11 #home .expertiseShowcase{gap:12px}
.portfolioV11 #home .expertiseShowcase article{border-radius:15px;background:linear-gradient(155deg,#193454,#10243e);border:1px solid #345279;transition:transform .24s,box-shadow .24s,border-color .24s}
.portfolioV11 #home .expertiseShowcase article:hover{transform:translateY(-5px);border-color:#867cff;box-shadow:0 15px 32px #0004}
.portfolioV11 .v11SectionIndex{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 38px;padding:0 0 16px;border-bottom:1px solid #d6dfed;color:#637b9c;font:800 10px ui-monospace,monospace;letter-spacing:.16em}
.portfolioV11 .v11SectionIndex span:last-child{color:#7469e9}
.portfolioV11 #experience{background:linear-gradient(150deg,#f7f9fd,#eef3fa);position:relative}
.portfolioV11 #experience .sectionHead h2{letter-spacing:-.06em;line-height:1.1}
.portfolioV11 #experience .experienceStory{border-radius:24px;background:#fff;box-shadow:0 18px 65px #203e6810;border:1px solid #dbe5f1}
.portfolioV11 #experience .careerItem.current{position:relative}
.portfolioV11 #experience .careerItem.current:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:linear-gradient(#857bff,transparent);opacity:.5}
.portfolioV11 #experience .clientExperiencePanel{background:#fff;border:1px solid #dbe5f1;border-radius:26px;box-shadow:0 25px 65px #203e6810}
.portfolioV11 #experience .featuredClientGrid>*{transition:transform .24s,box-shadow .24s}
.portfolioV11 #experience .featuredClientGrid>*:hover{transform:translateY(-4px);box-shadow:0 18px 35px #233c5b1c}
.portfolioV11 #projects{background:#08182e;color:#f1f5ff;position:relative}
.portfolioV11 #projects .v11SectionIndex{border-color:#355071;color:#95afcc}
.portfolioV11 #projects .v11SectionIndex span:last-child{color:#a99bff}
.portfolioV11 #projects .showcaseHero{position:relative;border:1px solid #385785;border-radius:27px;background:radial-gradient(ellipse at 75% 20%,#303271 0%,transparent 44%),linear-gradient(125deg,#0e2c50,#0a1932);padding:clamp(22px,3vw,55px);overflow:hidden}
.portfolioV11 #projects .showcaseHero:after{content:"";position:absolute;right:-95px;top:-140px;width:370px;height:370px;border:1px solid #a0a3ff48;border-radius:50%;box-shadow:0 0 0 48px #6375f910,0 0 0 105px #6375f90b;pointer-events:none}
.portfolioV11 #projects .showcaseHero h2{color:#fff;letter-spacing:-.07em}
.portfolioV11 #projects .showcaseHero p{color:#b9cce5}
.portfolioV11 #projects .showcaseLabel{color:#aabbe3}
.portfolioV11 #projects .showcaseFeatureGrid{gap:20px}
.portfolioV11 #projects .showcasePrimary,.portfolioV11 #projects .showcaseSecondary{border-radius:23px;border:1px solid #3e5880;box-shadow:0 25px 45px #0004;transition:transform .3s,box-shadow .3s,border-color .3s}
.portfolioV11 #projects .showcasePrimary:hover,.portfolioV11 #projects .showcaseSecondary:hover{transform:translateY(-7px);border-color:#a293ff;box-shadow:0 32px 55px #0007}
.portfolioV11 #projects .showcaseSecondary{background:linear-gradient(155deg,#142b4a,#0b1d35);color:#f2f6ff}
.portfolioV11 #projects .showcaseSecondary h3,.portfolioV11 #projects .showcaseSecondary p{color:#f2f6ff}
.portfolioV11 #projects .showcaseSecondary p{color:#b7c9e2}
.portfolioV11 #projects .showcaseLabHead{margin-top:60px}
.portfolioV11 #projects .showcaseLabHead h3{color:#fff}
.portfolioV11 #projects .showcaseLabHead p{color:#aebfdb}
.portfolioV11 #projects .showcaseLabs{gap:17px}
.portfolioV11 #projects .showcaseLab{border:1px solid #3d567a;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0003;transition:transform .25s,border-color .25s}
.portfolioV11 #projects .showcaseLab:hover{transform:translateY(-6px);border-color:#8c81ff}
.portfolioV11 #about{background:linear-gradient(155deg,#e9eff8,#f9fbfe 65%);position:relative}
.portfolioV11 #about .aboutCopy h2{letter-spacing:-.06em}
.portfolioV11 #about .aboutVisual{border-radius:23px;border:1px solid #46648d;box-shadow:0 25px 70px #0b23402c;overflow:hidden}
.portfolioV11 #about .contactCards a{border-radius:12px;transition:transform .22s}
.portfolioV11 #about .contactCards a:hover{transform:translateX(5px)}
.portfolioV11 #certifications{background:#f9fbff}
.portfolioV11 #certifications h2{letter-spacing:-.055em}
.portfolioV11 #certifications .certGrid>*{transition:transform .24s,box-shadow .24s}
.portfolioV11 #certifications .certGrid>*:hover{transform:translateY(-4px);box-shadow:0 15px 30px #172b4a16}
@media(max-width:900px){.portfolioV11 .v11HeroIndex{display:none}.portfolioV11 .v11SectionIndex{margin-bottom:24px}.portfolioV11 #projects .showcaseHero{padding:24px}.portfolioV11 #projects .showcaseLabHead{margin-top:36px}}
@media(prefers-reduced-motion:reduce){.portfolioV11 #home .expertiseShowcase article,.portfolioV11 #projects .showcasePrimary,.portfolioV11 #projects .showcaseSecondary,.portfolioV11 #projects .showcaseLab{transition:none}}

/* V11.1 corrective redesign – restores readable layouts and correct contrast */
.portfolioV11 #experience{padding-top:76px!important}
.portfolioV11 #experience .v11SectionIndex{margin-bottom:32px}
.portfolioV11 #experience .experienceStory{padding:clamp(22px,3vw,48px)!important;box-shadow:0 22px 65px #223b6114}
.portfolioV11 #experience .careerFull .careerItem.current:before{left:154px!important;top:7px!important;width:1px!important;background:#ccd7eb!important;opacity:1!important}
.portfolioV11 #experience .careerFull .careerItem:after{top:4px!important}
.portfolioV11 #experience .careerFull .careerItem{grid-template-columns:145px minmax(0,1fr)!important;gap:22px!important;padding-bottom:50px!important}
.portfolioV11 #experience .careerFull .careerItem>div{padding-left:32px!important}
.portfolioV11 #experience .careerFull .careerItem time{font-size:15px!important;line-height:20px!important;color:#526886!important}
.portfolioV11 #experience .careerFull .careerItem h3{font-size:clamp(23px,1.7vw,30px)!important}
.portfolioV11 #experience .careerFull .careerItem p{font-size:16px!important;line-height:1.7!important}
.portfolioV11 #experience .careerFull .careerItem b{font-size:15px!important}
.portfolioV11 #experience .vendorTrack{margin-top:26px}
.portfolioV11 #experience .engagementTimelineWide article{min-height:79px!important;padding:18px 14px!important;grid-template-columns:60px minmax(125px,180px) minmax(0,1fr) 22px!important;gap:16px!important}
.portfolioV11 #experience .engagementTimelineWide article *{font-size:inherit}
.portfolioV11 #experience .engagementTimelineWide .timelineClient{font-size:15px!important}
.portfolioV11 #experience .engagementTimelineWide .timelineActivity{font-size:13px!important}
.portfolioV11 #about{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:clamp(24px,4vw,65px)!important;align-items:center!important;min-height:720px!important;padding-top:78px!important;padding-bottom:85px!important}
.portfolioV11 #about>.v11SectionIndex{grid-column:1/-1!important;grid-row:1!important;margin:0 0 2px!important;width:100%}
.portfolioV11 #about>.aboutCopy{grid-column:1!important;grid-row:2!important;max-width:none!important;align-self:center!important}
.portfolioV11 #about>.aboutVisual{grid-column:2!important;grid-row:2!important;align-self:stretch!important;min-height:520px!important}
.portfolioV11 #about .aboutCopy h2{font-size:clamp(45px,3.3vw,66px)!important}
.portfolioV11 #about .aboutCopy p{font-size:clamp(15px,1.05vw,18px)!important;line-height:1.75!important;color:#536983!important}
.portfolioV11 #about .contactCards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.portfolioV11 #about .contactCards a{padding:11px!important;gap:6px!important;min-width:0}
.portfolioV11 #about .contactCards b{font-size:12px!important}
.portfolioV11 #about .v11Manifesto{background:radial-gradient(ellipse at 65% 20%,#253b79,#101f3e 52%,#071a32 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(23px,2.4vw,44px);border:1px solid #6276b2;box-shadow:0 24px 65px #081d3640}
.portfolioV11 .v11ManifestoEyebrow{display:flex;justify-content:space-between;gap:8px;color:#a7a2ff;font:800 10px ui-monospace,monospace;letter-spacing:.11em}
.portfolioV11 .v11ManifestoEyebrow span{color:#81b3e4}
.portfolioV11 .v11ManifestoTitle{font-size:clamp(27px,2.2vw,43px);font-weight:850;line-height:1.15;letter-spacing:-.045em;margin:34px 0 15px}
.portfolioV11 .v11ManifestoTitle em{font-style:normal;color:#a89bff}
.portfolioV11 .v11Manifesto>p{font-size:15px;line-height:1.7;color:#bbcee8;max-width:550px;margin:0 0 25px}
.portfolioV11 .v11MethodGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.portfolioV11 .v11MethodGrid>div{display:flex;flex-direction:column;gap:7px;padding:18px 15px;border:1px solid #42618c;border-radius:12px;background:#112b4c}
.portfolioV11 .v11MethodGrid small{font:800 9px ui-monospace,monospace;color:#a49aff;letter-spacing:.08em}
.portfolioV11 .v11MethodGrid b{font-size:20px;color:#fff}
.portfolioV11 .v11MethodGrid span{font-size:12px;line-height:1.4;color:#a9c1dd}
.portfolioV11 .v11ManifestoFooter{font:800 10px ui-monospace,monospace;letter-spacing:.08em;color:#8faed1;margin-top:28px}
.portfolioV11 .v11ManifestoFooter span{color:#a89bff;margin:0 8px}
.portfolioV11 #certifications{background:radial-gradient(ellipse at 90% 0%,#1a3860,#071b33 65%)!important;color:#f7f9ff!important;padding-top:80px!important;padding-bottom:100px!important}
.portfolioV11 #certifications .v11SectionIndex{border-color:#344c6d;color:#a3b8d4}
.portfolioV11 #certifications .v11SectionIndex span:last-child{color:#aaa1ff}
.portfolioV11 #certifications .sectionHead h2{color:#fff!important}
.portfolioV11 #certifications .sectionHead p{color:#b7c9df!important}
.portfolioV11 #certifications .credentialSummary{background:#142e4d;border:1px solid #42628a;color:#fff}
.portfolioV11 #certifications .credentialSummary strong{color:#fff}
.portfolioV11 #certifications .certToolbar{background:#102a49;border:1px solid #38557c;color:#f4f7ff;padding:20px 24px}
.portfolioV11 #certifications .certToolbar b{color:#fff}
.portfolioV11 #certifications .certToolbar span{color:#aec0da}
.portfolioV11 #certifications .certFilter{border-color:#436187;color:#bfcce2}
.portfolioV11 #certifications .certFilter.active{background:#796bff;color:#fff;border-color:#796bff}
.portfolioV11 #certifications .credlyGrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px}
.portfolioV11 #certifications .credlyCard{background:#fff;border:1px solid #dfe5ef;border-radius:14px;box-shadow:0 12px 30px #0004}
.portfolioV11 #certifications .certFooter{color:#b4c5db;border-color:#36506e}
.portfolioV11 #certifications .certFooter a{color:#a9a0ff}
@media(max-width:1120px){.portfolioV11 #about{grid-template-columns:1fr!important}.portfolioV11 #about>.v11SectionIndex{grid-column:1!important}.portfolioV11 #about>.aboutCopy{grid-column:1!important;grid-row:2!important}.portfolioV11 #about>.aboutVisual{grid-column:1!important;grid-row:3!important;min-height:480px!important}}
@media(max-width:760px){.portfolioV11 #experience .careerFull .careerItem{grid-template-columns:1fr!important}.portfolioV11 #experience .careerFull .careerItem:before,.portfolioV11 #experience .careerFull .careerItem:after{display:none!important}.portfolioV11 #experience .careerFull .careerItem>div{padding-left:0!important}.portfolioV11 #experience .engagementTimelineWide article{grid-template-columns:42px 80px minmax(0,1fr) 15px!important;gap:6px!important}.portfolioV11 #about .contactCards{grid-template-columns:1fr!important}.portfolioV11 #certifications .credlyGrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}

/* V11.2: fix five-child engagement grid, prevent implicit row wrap */
.portfolioV11 #experience .engagementTimelineWide article{
 display:grid!important;
 grid-template-columns:62px minmax(112px,145px) minmax(90px,110px) minmax(0,1fr) 22px!important;
 align-items:center!important;column-gap:14px!important;row-gap:0!important;
 min-height:78px!important;height:auto!important;padding:14px 16px!important;
}
.portfolioV11 #experience .engagementTimelineWide article > *{min-width:0!important;grid-row:1!important;align-self:center!important}
.portfolioV11 #experience .engagementTimelineWide article > time{grid-column:1!important;white-space:nowrap;font-size:12px!important}
.portfolioV11 #experience .engagementTimelineWide article > .timelineLogo{grid-column:2!important;height:44px!important;display:flex!important;align-items:center!important}
.portfolioV11 #experience .engagementTimelineWide article > .timelineLogo img{max-width:130px!important;max-height:40px!important;width:auto!important;object-fit:contain!important}
.portfolioV11 #experience .engagementTimelineWide article > .timelineClient{grid-column:3!important;display:block!important}
.portfolioV11 #experience .engagementTimelineWide article > .timelineClient b{font-size:14px!important;white-space:nowrap}
.portfolioV11 #experience .engagementTimelineWide article > .timelineActivity{grid-column:4!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important}
.portfolioV11 #experience .engagementTimelineWide article > .timelineActivity > span{min-width:0!important;flex:1 1 auto!important;font-size:12px!important;line-height:1.35!important;overflow-wrap:anywhere}
.portfolioV11 #experience .engagementTimelineWide article > .timelineActivity .chips{flex:0 1 auto!important;display:flex!important;gap:5px!important;justify-content:flex-end!important;flex-wrap:wrap!important;max-width:52%!important;margin:0!important}
.portfolioV11 #experience .engagementTimelineWide article > .timelineActivity .chips span{font-size:10px!important;white-space:nowrap!important;padding:4px 7px!important}
.portfolioV11 #experience .engagementTimelineWide article > em{grid-column:5!important;display:block!important;text-align:center!important;font-size:24px!important;line-height:1!important}
@media(max-width:1450px){
 .portfolioV11 #experience .engagementTimelineWide article{grid-template-columns:52px 120px 100px minmax(0,1fr) 20px!important;gap:10px!important}
 .portfolioV11 #experience .engagementTimelineWide article > .timelineActivity{display:block!important}
 .portfolioV11 #experience .engagementTimelineWide article > .timelineActivity .chips{justify-content:flex-start!important;max-width:100%!important;margin-top:6px!important}
}
@media(max-width:950px){
 .portfolioV11 #experience .engagementTimelineWide article{grid-template-columns:48px 105px minmax(0,1fr) 18px!important}
 .portfolioV11 #experience .engagementTimelineWide article > .timelineClient{display:none!important}
 .portfolioV11 #experience .engagementTimelineWide article > .timelineActivity{grid-column:3!important}
 .portfolioV11 #experience .engagementTimelineWide article > em{grid-column:4!important}
}
@media(max-width:560px){
 .portfolioV11 #experience .engagementTimelineWide article{grid-template-columns:40px 76px minmax(0,1fr) 14px!important;gap:7px!important;padding:12px 6px!important}
 .portfolioV11 #experience .engagementTimelineWide article > .timelineLogo img{max-width:76px!important}
 .portfolioV11 #experience .engagementTimelineWide article > .timelineActivity .chips{display:none!important}
}

/* V11.3 — biography entrypoint */
.portfolioV11 #about .biographyCta{display:flex;align-items:center;gap:15px;text-decoration:none;margin:23px 0 18px;padding:19px 21px;background:linear-gradient(115deg,#0b2443,#172f5a);border:1px solid #6479c0;border-radius:17px;box-shadow:0 14px 30px #10234a18;color:#fff;transition:transform .2s,box-shadow .2s}
.portfolioV11 #about .biographyCta:hover{transform:translateY(-3px);box-shadow:0 20px 40px #10234a36}
.portfolioV11 #about .biographyCtaMark{font-size:23px;color:#ac9dff}
.portfolioV11 #about .biographyCta>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}
.portfolioV11 #about .biographyCta small{color:#afa5ff;letter-spacing:.13em;font-size:10px;font-weight:800}
.portfolioV11 #about .biographyCta strong{font-size:clamp(16px,1.3vw,20px);color:#fff}
.portfolioV11 #about .biographyCta em{font-style:normal;color:#bed0e8;font-size:12px;line-height:1.5}
.portfolioV11 #about .biographyCtaArrow{margin-left:auto;font-size:25px;color:#a99bff}

/* V11.4 identity + My Story redesign */
.brandIdentity{display:flex!important;align-items:center;gap:11px;text-decoration:none;letter-spacing:normal!important}.brandIdentity img{width:48px;height:34px;object-fit:contain;flex-shrink:0}.brandIdentity .brandWords{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.brandIdentity .brandWords strong{font-size:10px;letter-spacing:.13em;line-height:1.1;color:#fff}.brandIdentity .brandWords small{font-size:7px;letter-spacing:.12em;color:#9fa7e9;line-height:1.2}@media(max-width:1200px){.sidebar .brandWords{display:none}}@media(max-width:500px){.mobilebar .brandWords{display:none}}

/* V11.7 — portrait, distinct project actions and meaningful hero graphic */
.portfolioV11 #about .aboutPortrait{padding:0!important;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;background:#0d2749;border-radius:22px;border:1px solid #5973a4;min-height:560px;box-shadow:0 25px 65px #081d3640}
.portfolioV11 #about .aboutPortraitPhoto{position:absolute;inset:0;overflow:hidden}
.portfolioV11 #about .aboutPortraitPhoto:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,#071b34ed)}
.portfolioV11 #about .aboutPortraitPhoto img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block;transition:transform .5s ease}
.portfolioV11 #about .aboutPortrait:hover img{transform:scale(1.025)}
.portfolioV11 #about .aboutPortraitCaption{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:20px;padding:35px;color:white}
.portfolioV11 #about .aboutPortraitCaption>div{display:grid;gap:4px}.portfolioV11 #about .aboutPortraitCaption small{color:#b5a5ff;font:800 10px ui-monospace,monospace;letter-spacing:.13em}.portfolioV11 #about .aboutPortraitCaption strong{font-size:clamp(24px,2.3vw,37px);letter-spacing:-.04em}.portfolioV11 #about .aboutPortraitCaption span{font-size:11px;color:#b6c8e3;letter-spacing:.1em}.portfolioV11 #about .aboutPortraitCaption a{white-space:nowrap;font-weight:800;font-size:12px;color:#e1dcff;text-decoration:none;border:1px solid #ac9fff88;padding:11px;border-radius:9px;background:#162c54b3}
.portfolioV11 .showcaseClarity{position:relative;width:100%;max-width:540px;min-height:260px;display:flex;align-items:center;justify-content:center;gap:22px;padding:20px 12px}
.portfolioV11 .claritySources{width:46%;height:215px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:25px 16px;transform:rotate(-6deg)}
.portfolioV11 .clarityNode{z-index:2;display:grid;place-items:center;border:1px solid #5e83bc;background:#102f55;border-radius:9px;min-height:52px;color:#bcd1ee;font:800 10px ui-monospace,monospace;box-shadow:0 8px 18px #0004}
.portfolioV11 .clarityWire{position:absolute;z-index:1;height:1px;background:#7898c5;left:20%;width:68%;top:45%;transform:rotate(30deg)}.portfolioV11 .wireB{top:55%;transform:rotate(-30deg)}.portfolioV11 .wireC{top:50%;transform:rotate(0)}
.portfolioV11 .clarityArrow{font-size:35px;color:#ac9dff;font-weight:900;text-shadow:0 0 22px #9583ff}
.portfolioV11 .clarityTarget{width:45%;min-height:210px;border-radius:15px;border:1px solid #aa99ff;background:linear-gradient(140deg,#2a417a,#152e59);padding:18px;display:flex;flex-direction:column;gap:12px;justify-content:center;box-shadow:0 15px 35px #0005}
.portfolioV11 .clarityTargetHead{font:800 9px ui-monospace,monospace;color:#c4b9ff;letter-spacing:.09em}.portfolioV11 .clarityServer{height:30px;border:1px solid #708bc1;border-radius:5px;background:#314e81;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.portfolioV11 .clarityServer i{height:4px;width:48%;border-radius:4px;background:#809bd4}.portfolioV11 .clarityServer span{height:7px;width:7px;border-radius:50%;background:#79e5c2;box-shadow:0 0 10px #79e5c2}.portfolioV11 .clarityTarget small{color:#b5c7e3;font-size:8px;font-weight:800;letter-spacing:.07em}
.portfolioV11 .showcaseClickable{position:relative;cursor:pointer;transition:transform .24s,box-shadow .24s,border-color .24s!important}.portfolioV11 .showcaseClickable:hover,.portfolioV11 .showcaseClickable:focus-visible{transform:translateY(-7px)!important;box-shadow:0 24px 55px #0006!important;border-color:#b6a4ff!important;outline:none}.portfolioV11 .showcaseClickable:focus-visible{outline:3px solid #c8b7ff;outline-offset:3px}.portfolioV11 .showcasePrimary.showcaseClickable{border-top:3px solid #66dec5!important}.portfolioV11 .showcaseSecondary.showcaseClickable{border-top:3px solid #ad96ff!important}
.portfolioV11 .projectActionHint{position:absolute;right:23px;top:65px;display:flex;align-items:center;gap:8px;color:#d9d2ff;font-size:24px;font-weight:900}.portfolioV11 .projectActionHint span{font:800 9px ui-monospace,monospace;letter-spacing:.07em}.portfolioV11 .showcaseClickable:hover .projectActionHint{color:#fff}
@media(max-width:760px){.portfolioV11 #about .aboutPortrait{min-height:430px}.portfolioV11 #about .aboutPortraitCaption{padding:23px;align-items:start;flex-direction:column}.portfolioV11 .showcaseClarity{min-height:220px;gap:10px}.portfolioV11 .clarityTarget{padding:12px}.portfolioV11 .projectActionHint{top:58px;right:16px}}

/* V11.9 unified site navigation on standalone experiences */
.unifiedHeader{position:sticky;top:0;z-index:1500;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px clamp(18px,3.5vw,62px);background:rgba(5,22,42,.96);border-bottom:1px solid rgba(156,176,220,.18);backdrop-filter:blur(18px);color:#fff;box-sizing:border-box}
.unifiedBrand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.unifiedBrand img{width:48px;height:34px;object-fit:contain}.unifiedBrand span{display:flex;flex-direction:column;gap:4px}.unifiedBrand strong{font-size:10px;color:#fff;letter-spacing:.12em}.unifiedBrand small{font-size:7px;color:#a8a2ff;letter-spacing:.12em}.unifiedHeader nav{display:flex;gap:clamp(10px,1.6vw,25px);align-items:center}.unifiedHeader nav a{color:#c2d3e9;text-decoration:none;font-size:11px;font-weight:700}.unifiedHeader nav a:hover{color:#b7a6ff}.unifiedTools{display:flex;align-items:center;gap:12px}.unifiedBack{font-size:10px;text-decoration:none;color:#c8d7e9;border:1px solid #38516d;border-radius:20px;padding:8px 12px;white-space:nowrap}.unifiedSafe{font-size:8px;color:#82e6b6;white-space:nowrap}.unifiedLang{display:flex;gap:3px;border:1px solid #3b4d72;border-radius:8px;padding:3px}.unifiedLang button{background:transparent;border:0;color:#b9c9e6;padding:6px 9px;border-radius:5px;cursor:pointer;font-size:10px;font-weight:800}.unifiedLang button.selected{background:#7566ff;color:#fff}
.observeChartV95{position:relative}.observeChartV95.noTelemetry svg,.observeChartV95.noTelemetry .observeAxis{opacity:.07}.obsEmptyTelemetry{position:absolute;inset:38% 10% auto;text-align:center;color:#a9bed9;font-size:13px;font-weight:650;line-height:1.6}.obsEmptyTelemetry[hidden]{display:none}
@media(max-width:1250px){.unifiedHeader nav{gap:10px}.unifiedHeader nav a{font-size:10px}.unifiedSafe{display:none}}
@media(max-width:980px){.unifiedHeader{flex-wrap:wrap;gap:8px}.unifiedHeader nav{order:3;width:100%;overflow-x:auto;padding:8px 0 2px}.unifiedHeader nav a{white-space:nowrap}.unifiedTools{margin-left:auto}.unifiedBack{display:none}}
@media(max-width:520px){.unifiedBrand strong{font-size:8px}.unifiedBrand small{font-size:6px}.unifiedBrand img{width:38px}.unifiedHeader{padding:9px 12px}}

/* V12.0 — IaC Operations Center: continuous navy/violet design system */
.labPage .observeCenterV95{position:relative;margin-top:34px;padding:0 24px 24px!important;background:linear-gradient(145deg,#071a32 0%,#0c2444 62%,#111f40 100%)!important;border:1px solid #35557f!important;border-radius:22px!important;box-shadow:0 22px 60px #06162a24!important;color:#f5f7ff;isolation:isolate}
.labPage .observeCenterV95:before{content:"";position:absolute;inset:0 0 auto;height:185px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 0%,#7773e523,transparent 68%)}
.labPage .observeCenterV95 .observeHead{margin:0 -24px;padding:28px 30px 24px;border-bottom:1px solid #36527380;align-items:center}
.labPage .observeCenterV95 .observeHead small{color:#a89bff!important;font-size:10px;letter-spacing:.12em}
.labPage .observeCenterV95 .observeHead h3{font-size:clamp(24px,2.5vw,35px);line-height:1.15;letter-spacing:-.04em;margin:10px 0 10px}
.labPage .observeCenterV95 .observeHead .obsAccent{color:#aa9aff}
.labPage .observeCenterV95 .observeHead p{color:#b5c8e5!important;max-width:630px;font-size:13px;line-height:1.65}
.labPage .observeCenterV95 .observeHead .obsModeBadge{white-space:nowrap;color:#c7baff!important;border-color:#8273df66!important;background:#8778ee18!important;padding:10px 13px;font-size:9px}
.labPage .observeCenterV95 .observeHead .obsModeBadge i{background:#a795ff;box-shadow:0 0 8px #a795ff}
.labPage .obsJourney{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:20px 0 17px}
.labPage .obsJourney span{font:800 9px ui-monospace,monospace;letter-spacing:.03em;text-align:center;padding:10px 5px;border:1px solid #29456a;border-radius:8px;background:#102b4a;color:#8fa8ce}
.labPage .obsJourney .obsJourneyActive{background:#6158b23d;border-color:#9d90f0;color:#ddd6ff}
.labPage .observeKpisV95{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 12px!important}
.labPage .observeKpisV95 article{min-width:0;background:linear-gradient(150deg,#122e50,#0c2544)!important;border:1px solid #385782!important;border-radius:13px!important;padding:18px 19px!important;box-shadow:inset 0 1px #ffffff08}
.labPage .observeKpisV95 article:first-child{border-color:#8074d566!important}
.labPage .observeKpisV95 small{color:#9cb1d6!important;letter-spacing:.09em!important;font-size:9px!important}
.labPage .observeKpisV95 .obsKpiIcon{font-size:14px;color:#ad9fff;margin-right:5px}
.labPage .observeKpisV95 b{font-size:clamp(16px,1.7vw,23px)!important;color:#f5f7ff!important;overflow-wrap:anywhere}
.labPage .observeKpisV95 span:not(.obsKpiIcon){color:#a7bedc!important;font-size:10px!important}
.labPage .observeMainV95{grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr)!important;gap:12px!important}
.labPage .observeMainV95>article,.labPage .observeMainV95>aside,.labPage .observeBottomV95>article{background:#102744!important;border:1px solid #36557b!important;border-radius:14px!important;padding:22px!important;min-width:0}
.labPage .observeMainV95 .panelTitle small,.labPage .observeBottomV95 .panelTitle small{color:#a497f9!important;font-size:9px!important}
.labPage .observeMainV95 .panelTitle b,.labPage .observeBottomV95 .panelTitle b{font-size:14px!important;color:#f1f4ff}
.labPage .observeChartV95{min-height:280px;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.labPage .observeChartV95 svg{height:185px!important;max-height:185px;margin-top:18px}
.labPage .obsLine95{stroke:#a092ff!important;stroke-width:3!important;filter:drop-shadow(0 0 5px #a092ff77)!important}
.labPage .observeCenterV95.offline .obsLine95{stroke:#536c95!important;filter:none!important}
.labPage .observeChartV95.noTelemetry svg{opacity:.18!important}
.labPage .obsEmptyTelemetry{position:absolute;inset:48% 15px auto;text-align:center;color:#b9c9e5;font-size:12px;line-height:1.5;background:#102744db;border:1px dashed #4d6393;border-radius:9px;padding:12px}
.labPage .observeAxis{color:#8ba3c6!important}
.labPage .stateRows span{gap:12px}.labPage .stateRows small{color:#92a9cf!important}.labPage .stateRows b{text-align:right;color:#e9edff!important}
.labPage .observeBottomV95{grid-template-columns:1.2fr .85fr 1fr!important;gap:12px!important;margin-top:12px!important}
.labPage .observeEventsV95 li{grid-template-columns:26px minmax(0,1fr);padding:12px 0!important}
.labPage .observeEventsV95 li i{color:#b2a4ff!important}.labPage .observeEventsV95 li small{font-size:10px!important;color:#9fb3d2!important;line-height:1.5}
.labPage .capacityBar{background:#1b395b!important}.labPage .capacityBar i{background:linear-gradient(90deg,#6888f4,#b195ff)!important;width:0;transition:width .35s}
.labPage .capacityMeta span,.labPage .observeNetworkV95 .signalRows span{background:#183554!important;border:1px solid #2d4c70!important}
.labPage .observeNetworkV95 .signalRows{grid-template-columns:1fr 1fr;gap:9px}.labPage .signalRows b{overflow-wrap:anywhere}
@media(max-width:950px){.labPage .observeMainV95,.labPage .observeBottomV95{grid-template-columns:1fr!important}.labPage .obsJourney{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.labPage .observeCenterV95{padding:0 13px 15px!important}.labPage .observeCenterV95 .observeHead{margin:0 -13px;padding:23px 18px;display:block}.labPage .observeCenterV95 .observeHead .obsModeBadge{display:inline-block;margin-top:13px}.labPage .observeKpisV95{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.labPage .observeKpisV95 article{padding:12px!important}.labPage .observeMainV95>article,.labPage .observeMainV95>aside,.labPage .observeBottomV95>article{padding:15px!important}.labPage .obsJourney{grid-template-columns:repeat(2,1fr)}}

/* V12.1: no decorative telemetry graph in final Observe step */
.labPage .observeCenterV95 .observeMainV95{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr)!important;gap:14px!important;align-items:stretch!important}
.labPage .observeCenterV95 .observeBottomV95{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.labPage .observeCenterV95 .observeEventsV95{min-height:0!important}
.labPage .observeCenterV95 .observeEventsV95 ul{margin:12px 0 0!important}
@media(max-width:850px){.labPage .observeCenterV95 .observeMainV95,.labPage .observeCenterV95 .observeBottomV95{grid-template-columns:1fr!important}}

/* V12.2 — Selected Engineering: calmer previews and clear navigation */
.portfolioV11 #projects .showcaseHero{min-height:290px;gap:28px}
.portfolioV11 #projects .showcaseIntro{max-width:760px}
.portfolioV11 #projects .showcaseIntro p{max-width:650px}
.portfolioV11 #projects .showcaseSimpleMark{margin-left:auto;flex:0 0 225px;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;z-index:1;color:#b6b0ff}
.portfolioV11 #projects .simpleMarkTop,.portfolioV11 #projects .simpleMarkBottom{font-size:9px;font-weight:800;letter-spacing:.16em}
.portfolioV11 #projects .simpleMarkSymbol{width:112px;height:66px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #7885d080;border-radius:18px;background:#26396d55}
.portfolioV11 #projects .simpleMarkSymbol span{width:16px;height:16px;border-radius:5px;background:#a99bff;box-shadow:0 0 20px #a99bff40}
.portfolioV11 #projects .simpleMarkSymbol span:nth-child(2){background:#78d9d1;transform:translateY(-8px)}
.portfolioV11 #projects .showcaseFeatureGridV122{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.portfolioV11 #projects .projectTeaserV122{min-height:330px;padding:27px 30px;border-top:1px solid #52648d!important;background:linear-gradient(145deg,#142e52,#091c34 85%);text-decoration:none!important;display:flex;flex-direction:column;gap:0}
.portfolioV11 #projects .projectTeaserV122 .showcaseCardTop{font-size:10px;letter-spacing:.1em;color:#aebde4}
.portfolioV11 #projects .projectTeaserV122 .projectCornerV122{font-size:23px;line-height:1;color:#b8a9ff;transition:transform .2s}
.portfolioV11 #projects .projectTeaserV122:hover .projectCornerV122{transform:translate(3px,-3px)}
.portfolioV11 #projects .projectTeaserBodyV122{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0}
.portfolioV11 #projects .projectTeaserCopyV122{min-width:0;flex:1}
.portfolioV11 #projects .projectTeaserV122 h3{font-size:clamp(27px,2.2vw,38px);margin:12px 0 12px;line-height:1.12;color:white}
.portfolioV11 #projects .projectTeaserV122 p{font-size:13px;line-height:1.65;color:#bed0e6;max-width:410px;margin:0 0 18px}
.portfolioV11 #projects .projectTeaserVisualV122{width:125px;flex:0 0 125px;opacity:.95}
.portfolioV11 #projects .projectTeaserVisualV122 svg{display:block;width:100%;height:auto}
.portfolioV11 #projects .projectChipsV122{display:flex;flex-wrap:wrap;gap:7px}
.portfolioV11 #projects .projectChipsV122 span{font-size:10px;padding:6px 9px;border:1px solid #485b80;border-radius:30px;color:#c9d7ef;background:#1a35554d}
.portfolioV11 #projects .projectTeaserV122 .showcaseBottom{padding-top:16px;margin-top:12px}
.portfolioV11 #projects .projectTeaserV122 .showcaseBottom>span{font-size:9px}
.portfolioV11 #projects .projectTeaserV122 .showcaseBottom>b{font-size:13px;color:#c2b6ff}
@media(max-width:1100px){.portfolioV11 #projects .projectTeaserVisualV122{width:90px;flex-basis:90px}.portfolioV11 #projects .showcaseSimpleMark{flex-basis:145px}}
@media(max-width:850px){.portfolioV11 #projects .showcaseFeatureGridV122{grid-template-columns:1fr}.portfolioV11 #projects .showcaseSimpleMark{display:none}.portfolioV11 #projects .projectTeaserV122{min-height:300px}}
@media(max-width:470px){.portfolioV11 #projects .projectTeaserV122{padding:23px 20px}.portfolioV11 #projects .projectTeaserVisualV122{width:72px;flex-basis:72px}.portfolioV11 #projects .projectTeaserV122 .showcaseBottom>span{display:none}}

/* V12.3 — compact, expandable Projects catalog */
.portfolioV11 #projects.projectsCatalogV123{padding-bottom:clamp(36px,5vw,72px)}
.portfolioV11 #projects .catalogHeroV123{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:clamp(24px,3.1vw,46px);border:1px solid #385580;border-radius:23px;background:radial-gradient(ellipse at 93% 0%,#32377570,transparent 42%),linear-gradient(120deg,#102e53,#091b34);min-height:215px}
.portfolioV11 #projects .catalogHeroCopyV123{max-width:840px}.portfolioV11 #projects .catalogHeroCopyV123>small,.portfolioV11 #projects .catalogToolbarV123 small,.portfolioV11 #projects .catalogKnowledgeV123 small{font-size:10px;letter-spacing:.17em;color:#ac9fff;font-weight:850}
.portfolioV11 #projects .catalogHeroV123 h2{font-size:clamp(36px,4.2vw,66px);line-height:1.05;letter-spacing:-.065em;margin:14px 0;color:white}.portfolioV11 #projects .catalogHeroV123 h2 em{font-style:normal;color:#aa99ff}.portfolioV11 #projects .catalogHeroV123 p{font-size:clamp(12px,1vw,15px);line-height:1.7;max-width:720px;color:#bcd0e9;margin:0}
.portfolioV11 #projects .catalogHeroAsideV123{display:flex;align-items:center;gap:9px;color:#a99cff;font-size:10px;letter-spacing:.1em;font-weight:900;white-space:nowrap}.portfolioV11 #projects .catalogHeroLineV123{width:25px;height:1px;background:#8076d6}
.portfolioV11 #projects .catalogToolbarV123{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:30px 0 17px}.portfolioV11 #projects .catalogToolbarV123 h3{font-size:clamp(24px,2.3vw,35px);letter-spacing:-.045em;margin:7px 0;color:#fff}.portfolioV11 #projects .catalogToolbarV123 h3 span,.portfolioV11 #projects .catalogKnowledgeV123 h3 span{color:#a99cff}.portfolioV11 #projects .catalogToolbarV123 p{margin:0;color:#a9bdd7;font-size:12px;line-height:1.5}
.portfolioV11 #projects .catalogFiltersV123{display:flex;gap:7px;flex-wrap:wrap}.portfolioV11 #projects .catalogFiltersV123 button{border:1px solid #3a547b;background:#112b4b;color:#bed0e7;border-radius:999px;padding:9px 15px;font-size:12px;font-weight:750;cursor:pointer}.portfolioV11 #projects .catalogFiltersV123 button.active{background:#6b60e8;color:white;border-color:#a99bff}.portfolioV11 #projects .catalogFiltersV123 button:focus-visible{outline:2px solid #b9acff;outline-offset:3px}.portfolioV11 #projects .catalogFiltersV123 button span{opacity:.75;margin-left:4px}
.portfolioV11 #projects .catalogGridV123{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.portfolioV11 #projects .catalogCardV123{position:relative;display:flex;flex-direction:column;min-width:0;min-height:235px;padding:21px 23px 17px;border:1px solid #3b5377;border-radius:18px;background:linear-gradient(150deg,#142d4e,#0b1e35);color:#fff;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.portfolioV11 #projects .catalogFeatureV123{background:linear-gradient(145deg,#1a345c,#0c1e36)}.portfolioV11 #projects .catalogCardV123:hover{transform:translateY(-5px);border-color:#ad9dff;box-shadow:0 18px 35px #0005}.portfolioV11 #projects .catalogCardV123:focus-visible{outline:3px solid #b9acff;outline-offset:3px}.portfolioV11 #projects .catalogCardV123[hidden]{display:none}
.portfolioV11 #projects .catalogCardMetaV123{display:flex;justify-content:space-between;gap:8px;align-items:center}.portfolioV11 #projects .catalogKindV123{font-size:9px;letter-spacing:.12em;font-weight:850;color:#b9aaff}.portfolioV11 #projects .catalogStatusV123{font-size:9px;font-weight:800;letter-spacing:.07em;border-radius:50px;padding:5px 8px;border:1px solid #416d75;color:#9de6d0;background:#123a43}.portfolioV11 #projects .catalogRoadmapV123{border-color:#635c94;color:#c5baff;background:#302b57}
.portfolioV11 #projects .catalogCardMainV123{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:1}.portfolioV11 #projects .catalogCardIconV123{width:37px;height:37px;margin:14px 0 6px;color:#aa9bff}.portfolioV11 #projects .catalogCardIconV123 svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.portfolioV11 #projects .catalogCardV123 h4{font-size:clamp(21px,1.7vw,28px);letter-spacing:-.045em;line-height:1.12;color:#fff;margin:4px 0 8px}.portfolioV11 #projects .catalogCardV123 h4 span{color:#9f90ff}.portfolioV11 #projects .catalogCardV123 p{font-size:11px;line-height:1.55;color:#b9cce4;max-width:340px;margin:0 0 14px}.portfolioV11 #projects .catalogCardArrowV123{align-self:center;color:#ac9cff;font-size:24px;transition:transform .2s}.portfolioV11 #projects .catalogCardV123:hover .catalogCardArrowV123{transform:translate(3px,-3px)}
.portfolioV11 #projects .catalogCardFootV123{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #365172;padding-top:13px;margin-top:auto}.portfolioV11 #projects .catalogCardFootV123 span{font-size:9px;color:#93a9c9}.portfolioV11 #projects .catalogCardFootV123 strong{font-size:10px;color:#c1b4ff;white-space:nowrap}
.portfolioV11 #projects .catalogKnowledgeV123{display:flex;align-items:center;gap:19px;padding:22px 25px;border:1px dashed #4a5d87;border-radius:18px;background:#112744;margin-top:17px}.portfolioV11 #projects .catalogKnowledgeIconV123{width:49px;height:49px;border-radius:13px;background:#283d70;color:#aa9bff;display:grid;place-items:center;font-size:30px;flex-shrink:0}.portfolioV11 #projects .catalogKnowledgeV123 h3{font-size:19px;color:white;margin:5px 0}.portfolioV11 #projects .catalogKnowledgeV123 p{font-size:11px;color:#b6c9e1;line-height:1.6;max-width:690px;margin:0}.portfolioV11 #projects .catalogKnowledgePillV123{margin-left:auto;font-size:9px;font-weight:800;color:#b3a6f6;letter-spacing:.07em;white-space:nowrap}
@media(max-width:1200px){.portfolioV11 #projects .catalogGridV123{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolioV11 #projects .catalogHeroAsideV123{display:none}.portfolioV11 #projects .catalogKnowledgePillV123{display:none}}
@media(max-width:700px){.portfolioV11 #projects .catalogHeroV123{padding:23px;min-height:0}.portfolioV11 #projects .catalogHeroV123 h2{font-size:clamp(33px,8vw,48px)}.portfolioV11 #projects .catalogToolbarV123{display:block}.portfolioV11 #projects .catalogFiltersV123{margin-top:17px}.portfolioV11 #projects .catalogGridV123{grid-template-columns:1fr}.portfolioV11 #projects .catalogCardV123{min-height:220px}.portfolioV11 #projects .catalogKnowledgeV123{align-items:start;padding:18px}.portfolioV11 #projects .catalogKnowledgeIconV123{display:none}}
@media(prefers-reduced-motion:reduce){.portfolioV11 #projects .catalogCardV123,.portfolioV11 #projects .catalogCardArrowV123{transition:none}}

/* V12.4 — interactive laboratory card: recognisable, focused, responsive */
.portfolioV11 #projects .catalogInteractiveV124{border-color:#7768c7;background:radial-gradient(ellipse at 83% 35%,rgba(111,93,224,.18),transparent 48%),linear-gradient(145deg,#1a345b,#0b1d34);min-height:250px;overflow:hidden}
.portfolioV11 #projects .catalogInteractiveV124:hover{border-color:#b9a7ff;box-shadow:0 18px 45px rgba(85,72,186,.24)}
.portfolioV11 #projects .catalogInteractiveV124 .catalogReadyV123{color:#9ef1d7;border-color:#327965;background:#123d3b}
.portfolioV11 #projects .labPulseV124{display:inline-block;width:7px;height:7px;border-radius:50%;background:#61e7b8;margin-right:4px;box-shadow:0 0 0 3px #61e7b822}
.portfolioV11 #projects .labCardBodyV124{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:16px;align-items:center;flex:1;margin:12px 0 15px}
.portfolioV11 #projects .labEyebrowV124{font-size:9px;font-weight:800;letter-spacing:.14em;color:#b7aaff;margin-bottom:9px}
.portfolioV11 #projects .labCardIntroV124 h4{margin:0 0 10px;font-size:clamp(22px,1.7vw,29px)}
.portfolioV11 #projects .labCardIntroV124 p{max-width:310px;margin:0;font-size:11px;line-height:1.6}
.portfolioV11 #projects .labPreviewV124{min-width:0;padding:12px 11px 10px;border-radius:13px;border:1px solid #395779;background:#08192c;box-shadow:inset 0 1px #ffffff0b;transition:transform .25s,border-color .25s}
.portfolioV11 #projects .catalogInteractiveV124:hover .labPreviewV124{transform:translateY(-2px);border-color:#8076d9}
.portfolioV11 #projects .labPreviewTopV124,.portfolioV11 #projects .labPreviewBottomV124{display:flex;align-items:center;justify-content:space-between;gap:5px}
.portfolioV11 #projects .labPreviewTopV124 b{font-size:7px;letter-spacing:.09em;color:#9bb0cd}
.portfolioV11 #projects .labPreviewTopV124 span{display:flex;gap:4px}.portfolioV11 #projects .labPreviewTopV124 i{width:5px;height:5px;border-radius:50%;background:#637a99}
.portfolioV11 #projects .labPreviewDiagramV124{display:flex;align-items:center;justify-content:space-between;gap:3px;margin:15px 0 13px}
.portfolioV11 #projects .labPreviewNodeV124{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:8px;background:#173455;border:1px solid #3b5c81;padding:10px 2px;color:#d8e5fa}
.portfolioV11 #projects .labPreviewNodeV124 svg{width:23px;height:23px;fill:none;stroke:#ad9bff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.portfolioV11 #projects .labPreviewNodeV124 strong{font-size:9px}
.portfolioV11 #projects .labPreviewFocusV124{background:#2b376b;border-color:#8579dc}.portfolioV11 #projects .labPreviewConnectorV124{font-size:15px;color:#b5a6ff}
.portfolioV11 #projects .labPreviewBottomV124 span{font-size:7px;letter-spacing:.02em;color:#829bb9}
.portfolioV11 #projects .labCardFooterV124{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #365172;padding-top:12px;margin-top:auto}
.portfolioV11 #projects .labTechStackV124{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.portfolioV11 #projects .labTechStackV124>span{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;color:#d4ddf1}
.portfolioV11 #projects .labTechStackV124 svg{width:17px;height:17px;color:#aa8cf7}.portfolioV11 #projects .labAnsibleMarkV124{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#f5f6fa;color:#101928;font-size:11px;font-weight:900}
.portfolioV11 #projects .labIacV124{border-left:1px solid #49607e;padding-left:8px;color:#93a8c6!important;font-weight:500!important}
.portfolioV11 #projects .labCardCtaV124{display:inline-flex;align-items:center;gap:9px;border:1px solid #7768c7;background:#6254bc;color:white;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}
.portfolioV11 #projects .catalogInteractiveV124:hover .labCardCtaV124{background:#7a68df;transform:translateX(2px)}
@media(max-width:1100px){.portfolioV11 #projects .labCardBodyV124{grid-template-columns:1fr}.portfolioV11 #projects .labPreviewV124{max-width:100%}}
@media(max-width:700px){.portfolioV11 #projects .catalogInteractiveV124{min-height:0}.portfolioV11 #projects .labCardFooterV124{align-items:stretch}.portfolioV11 #projects .labCardCtaV124{justify-content:center;width:100%}}
@media(prefers-reduced-motion:reduce){.portfolioV11 #projects .labPreviewV124,.portfolioV11 #projects .labCardCtaV124{transition:none}}

/* V12.5 — consistent, compact project previews and technology identity */
.portfolioV11 #projects .catalogIllustratedV125{min-height:235px}
.portfolioV11 #projects .catalogIllustratedV125 .catalogCardMainV123{align-items:center}
.portfolioV11 #projects .catalogIllustratedV125 .catalogCardMainV123>div:first-child{min-width:0;flex:1}
.portfolioV11 #projects .catalogIllustratedV125 .catalogCardMainV123 h4{margin-top:12px}
.portfolioV11 #projects .projectMiniFlowV125{flex:0 0 45%;max-width:215px;min-width:0;border:1px solid #37547b;border-radius:11px;background:#071b32;padding:9px 8px;box-shadow:inset 0 1px 0 #ffffff0b}
.portfolioV11 #projects .projectMiniFlowHeaderV125{display:flex;align-items:center;gap:4px;margin-bottom:10px}
.portfolioV11 #projects .projectMiniFlowHeaderV125 i{width:4px;height:4px;border-radius:50%;background:#6380a4}
.portfolioV11 #projects .projectMiniFlowHeaderV125 span{margin-left:auto;font-size:6px;letter-spacing:.06em;color:#93a9cb}
.portfolioV11 #projects .projectFlowStepsV125{display:flex;align-items:center;justify-content:space-between;gap:3px}
.portfolioV11 #projects .projectFlowNodeV125{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 2px;border:1px solid #34547c;border-radius:7px;background:#173759;color:#dbe7ff}
.portfolioV11 #projects .projectFlowNodeV125:nth-of-type(3){background:#333a79;border-color:#7772d7}
.portfolioV11 #projects .projectFlowIconV125{font-size:15px;line-height:1;color:#aa9bff}
.portfolioV11 #projects .projectFlowNodeV125 b{font-size:8px;line-height:1.1;text-align:center}
.portfolioV11 #projects .projectFlowNodeV125 small{font-size:6px;color:#9ab1d0;text-align:center}
.portfolioV11 #projects .projectFlowArrowV125{font-size:11px;color:#9b8df5}
.portfolioV11 #projects .projectBrandShelfV125{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.portfolioV11 #projects .projectBrandV125{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#dce7fa;white-space:nowrap}
.portfolioV11 #projects .projectBrandV125 b{font-size:10px;font-weight:650}
.portfolioV11 #projects .projectBrandImageV125{max-width:89px;max-height:22px;object-fit:contain}
.portfolioV11 #projects .projectBrandGlyphV125{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:5px;font-size:14px;font-weight:900}
.portfolioV11 #projects .projectBrandGlyphV125.immich{color:#f7a6d5;background:#53345b}
.portfolioV11 #projects .projectBrandGlyphV125.docker{color:#4cbbff;background:#173f5f}
.portfolioV11 #projects .projectBrandGlyphV125.homeassistant{color:#52c4f4;background:#153b5b}
.portfolioV11 #projects .projectBrandGlyphV125.unifi{color:#eaf4ff;background:#284c77}
.portfolioV11 #projects .projectBrandShelfV125>small{font-size:8px;color:#819bbf}
.portfolioV11 #projects .catalogIllustratedV125:hover .projectMiniFlowV125{border-color:#9b8df5}
@media(max-width:1450px){.portfolioV11 #projects .projectMiniFlowV125{flex-basis:42%}.portfolioV11 #projects .projectFlowNodeV125 small{display:none}}
@media(max-width:900px){.portfolioV11 #projects .catalogIllustratedV125 .catalogCardMainV123{gap:8px}.portfolioV11 #projects .projectMiniFlowV125{flex-basis:45%}.portfolioV11 #projects .projectBrandShelfV125>small{display:none}}
@media(max-width:550px){.portfolioV11 #projects .catalogIllustratedV125 .catalogCardMainV123{align-items:center}.portfolioV11 #projects .projectMiniFlowV125{flex-basis:45%}.portfolioV11 #projects .projectFlowNodeV125{padding:6px 1px}.portfolioV11 #projects .projectFlowNodeV125 b{font-size:7px}.portfolioV11 #projects .catalogCardFootV123{flex-wrap:wrap}}

/* V12.6 · Unified lab navigation and Operations Center */
.labContext{display:flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid rgba(167,145,255,.5);border-radius:10px;background:linear-gradient(120deg,rgba(108,89,255,.22),rgba(24,49,83,.7));white-space:nowrap;box-shadow:inset 3px 0 #a595ff}
.labContextIcon{font-size:20px;color:#a89cff;line-height:1}.labContextCopy{display:flex;flex-direction:column;gap:3px}.labContextCopy strong{font-size:9px;letter-spacing:.11em;color:#eeeaff}.labContextCopy small{font-size:8px;color:#a9c1dd}.unifiedTools{gap:9px}
.ansibleUnifiedObserve{display:block!important;max-width:100%;margin:28px auto 0!important;padding:26px!important;box-sizing:border-box;min-height:0!important;background:linear-gradient(130deg,#0a213b,#142c53)!important;border:1px solid #345179!important;border-radius:20px!important;color:#fff}
.ansibleUnifiedObserve[hidden]{display:none!important}.ansibleUnifiedObserve .observeHead h3{color:#fff}.ansibleUnifiedObserve .observeHead p{color:#b7c9e4}.ansibleUnifiedObserve .observeKpis article,.ansibleUnifiedObserve .observeMainV95>*,.ansibleUnifiedObserve .observeBottomV95>*{background:#112b4b!important;border:1px solid #345779!important;border-radius:13px!important}
.ansibleUnifiedObserve .observeKpis,.ansibleUnifiedObserve .observeMainV95,.ansibleUnifiedObserve .observeBottomV95{background:transparent!important;min-height:0!important}.ansibleUnifiedObserve .observeKpis article{min-height:112px}.ansibleUnifiedObserve .observeEventsV95,.ansibleUnifiedObserve .observeSideV95{min-height:190px}.ansibleUnifiedObserve .observeCapacityV95,.ansibleUnifiedObserve .observeNetworkV95{min-height:160px}
@media(max-width:1350px){.labContextCopy small{display:none}.labContext{padding:8px}.unifiedTools{gap:6px}}
@media(max-width:1120px){.labContextCopy strong{font-size:8px}.unifiedHeader nav{gap:9px}}
@media(max-width:750px){.labContextCopy small{display:none}.labContextCopy strong{max-width:130px;white-space:normal}.unifiedBack{display:none}.ansibleUnifiedObserve{padding:16px!important}}