.orbit-core { left: 78%; top: calc(100% - 151px); z-index:2; }
.planet-track { left: calc(78% + 72.5px); top: calc(100% - 78.5px); }
.track-crm { --orbit: 124s; --radius: 520px; --distance: 520px; --start: 42deg; --tilt: -7deg; --orbit-squash: .30; --planet-unsquash: 3.34; --orbit-line: rgba(201,255,74,.35); }
.track-pp { --orbit: 116s; --radius: 460px; --distance: 460px; --start: -95deg; --tilt: 15deg; --orbit-line: rgba(100,184,46,.38); }
.planet-crm, .planet-pp { --size: 55px; --glow: var(--lime); font-size: 12px; }
.logo-track { gap: 0; animation-duration: 60s; }.logo-track:hover { animation-play-state:running; }.logo-track img { margin-right: 64px; }

.ai-card { background: var(--ink) !important; color: #fff; }.ai-card p { color: #cae9e3; }
.ai-focus { display: grid; grid-template-columns: 1fr .58fr; gap: 10vw; padding-top: 112px; padding-bottom: 112px; background: #0e2c3e; color: #fff; }
.ai-focus .section-label { color: var(--aqua); }.ai-focus h2 { margin: 28px 0 0; font-size: clamp(42px,5vw,74px); line-height: .94; letter-spacing: -.07em; }.ai-focus h2 em { color: var(--lime); font: 400 1em Georgia,serif; }.ai-focus-copy { align-self:end; }.ai-focus-copy>p { color:#d5e4e7; font-size:15px; line-height:1.75; }.ai-focus ul { padding:0; list-style:none; margin:24px 0; }.ai-focus li { padding:10px 0; border-top:1px solid rgba(255,255,255,.2); font-size:13px; color:#c5d5da; }.ai-focus li b { color:var(--lime); }.ai-focus a { color:var(--aqua); font-weight:800; font-size:13px; }

.button { padding:17px 24px; font-size:14px; gap:28px; }.button span { font-size:22px; }
.planet-track .planet, .planet-track .planet span { font-weight:900; text-shadow:0 1px 0 rgba(255,255,255,.26); }
.about-card { grid-template-columns:280px minmax(0,1fr); align-items:stretch; gap:clamp(32px,5vw,84px); }.portrait { width:280px; aspect-ratio:3 / 4; align-self:stretch; }.portrait img { object-position:center center; }.about-content { display:grid; grid-template-columns:minmax(230px,.7fr) minmax(280px,1fr); column-gap:clamp(32px,6vw,100px); row-gap:30px; align-content:start; }.about-heading { grid-row:span 2; }.about-heading h2 { margin-bottom:12px; }.about-heading .role { margin:0; }.about-heading .eicnam-wordmark { margin-top:34px; }.about-content>.about-text { margin:7px 0 0; max-width:560px; }.about-qualifications { grid-column:2; display:block; padding-top:25px; border-top:1px solid rgba(7,21,37,.14); }.eicnam-wordmark { justify-self:start; }
.credentials { display:grid; grid-template-columns:1fr; gap:10px; margin:0; }.credentials a { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 82px; gap:14px; align-items:center; height:120px; min-height:120px; overflow:hidden; padding:14px 15px 14px 17px; border:1px solid rgba(104,234,215,.46); border-left:4px solid var(--aqua); border-radius:2px; background:var(--ink); color:#fff; font-size:15px; line-height:1.38; transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease; }.credentials a:hover { transform:translateY(-3px); background:var(--lime); color:var(--ink); box-shadow:0 12px 26px rgba(7,21,37,.17); }.credentials .credential-copy { display:block; min-width:0; padding:0; border:0; background:none; color:#fff; font-size:15px; }.credentials b { display:block; color:#fff; font:800 18px Manrope,Arial,sans-serif; }.credentials .credential-copy>span { display:block; margin-top:4px; color:#fff; font-size:14px; }.credentials small { position:absolute; right:111px; bottom:12px; left:17px; display:block; max-height:0; overflow:hidden; margin:0; opacity:0; color:inherit; font-size:11px; line-height:1.4; transition:max-height .22s ease,opacity .18s ease; }.credentials a:hover b,.credentials a:hover .credential-copy,.credentials a:hover .credential-copy>span { color:var(--ink); }.credentials a:hover small { max-height:36px; opacity:1; }.credentials i { position:static; display:grid; place-items:center; width:82px; height:82px; padding:4px; background:#fff; border-radius:2px; opacity:1; }.credentials i img { width:74px; height:74px; object-fit:contain; background:#fff; border-radius:0; }.eicnam-wordmark { display:block; margin:0; }.eicnam-wordmark img { display:block; width:100%; max-width:280px; height:auto; max-height:126px; object-fit:contain; object-position:left center; }
.planet-track::before { box-sizing:border-box; border:0; background:conic-gradient(color-mix(in srgb,var(--orbit-line) 8%,transparent) 0deg,color-mix(in srgb,var(--orbit-line) 12%,transparent) 8deg,color-mix(in srgb,var(--orbit-line) 88%,transparent) 89deg,transparent 91deg 360deg); padding:8px; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0); mask-composite:exclude; }
.planet-track::after { display:none; }
.track-azure { --electron-color:#5d9df4; }.track-ai,.track-crm { --electron-color:#c9ff4a; }.track-pp { --electron-color:#64b82e; }.track-data { --electron-color:#d4a9ef; }.track-devops { --electron-color:#ffb85c; }.track-xpp { --electron-color:#ff8f8f; }.track-power { --electron-color:#8fe1ce; }
.planet-track .planet { left:calc(var(--distance) - (var(--size) / 2)); --glow:var(--electron-color); background:var(--electron-color); box-shadow:0 0 0 7px color-mix(in srgb,var(--electron-color) 17%,transparent),0 0 25px color-mix(in srgb,var(--electron-color) 66%,transparent); }
@media(min-width:761px){html{scroll-snap-type:y mandatory;scroll-behavior:smooth;}main>.section{scroll-snap-align:start;scroll-snap-stop:always;}}
@media(min-width:761px) and (max-width:1100px){.about-card{grid-template-columns:250px minmax(0,1fr)}.portrait{width:250px}.about-content{grid-template-columns:1fr}.about-heading{grid-row:auto}.about-qualifications{grid-column:auto}}
@media(max-width:760px){.orbit-core{left:60%;top:calc(100% - 104px)}.planet-track{left:calc(60% + 46px);top:calc(100% - 58px)}.ai-focus{grid-template-columns:1fr;gap:30px}.about-card,.about-content{grid-template-columns:1fr}.portrait{width:100%;max-width:280px;aspect-ratio:3/4}.about-qualifications{grid-column:auto;grid-template-columns:1fr;gap:22px}.eicnam-wordmark img{max-width:250px}}

.orbit-core { background:#63d6ce; color:#071d2a; box-shadow:0 0 0 18px rgba(99,214,206,.16),0 0 52px rgba(99,214,206,.54),0 0 104px rgba(99,214,206,.22); }
.track-azure { --electron-color:#6aaef2; --orbit-line:rgba(106,174,242,.44); }.track-ai { --electron-color:#c9f36e; --orbit-line:rgba(201,243,110,.42); }.track-data { --electron-color:#c9a8f4; --orbit-line:rgba(201,168,244,.40); }.track-devops { --electron-color:#f2bb67; --orbit-line:rgba(242,187,103,.40); }.track-xpp { --electron-color:#e89091; --orbit-line:rgba(232,144,145,.40); }.track-power { --electron-color:#70d8c5; --orbit-line:rgba(112,216,197,.42); }.track-crm { --electron-color:#b6d96e; --orbit-line:rgba(182,217,110,.42); }.track-pp { --electron-color:#65c96d; --orbit-line:rgba(101,201,109,.44); }
.hero-footer p { font-size:14px; line-height:1.55; color:#b8c8d0; }
main { display:flex; flex-direction:column; } main>.hero { order:1; } main>.intro { order:2; } main>.capabilities { order:3; } main>.ai-focus { order:4; } main>.client-references { order:5; } main>.cases { order:6; } main>.insights { order:7; } main>.about { order:8; } main>.contact { order:9; }
@media(max-width:760px){
  .hero-orbit{height:292px;overflow:visible}
  .orbit-core{width:84px;height:84px;left:59%;top:calc(100% - 104px)}
  .orbit-core b{font-size:22px}
  .planet-track{left:calc(59% + 42px);top:calc(100% - 62px);--orbit-squash:.34;--planet-unsquash:2.95}
  .track-azure{--radius:180px;--distance:180px;--orbit:42s}.track-ai{--radius:198px;--distance:198px;--orbit:49s}.track-data{--radius:190px;--distance:190px;--orbit:45s}.track-devops{--radius:168px;--distance:168px;--orbit:53s}.track-xpp{--radius:158px;--distance:158px;--orbit:40s}.track-power{--radius:174px;--distance:174px;--orbit:56s}.track-crm{--radius:202px;--distance:202px;--orbit:47s}.track-pp{--radius:185px;--distance:185px;--orbit:44s}
  .logo-track{gap:0;animation-duration:32s}.logo-track img{width:375px;flex-basis:375px;height:240px;padding:30px;margin-right:24px}
}
@media(max-width:760px){
  .hero-orbit{height:330px}
  .planet-track{left:calc(57% + 42px);top:calc(100% - 62px);--orbit-squash:.42;--planet-unsquash:2.39}
  .track-azure{--radius:215px;--distance:215px;--orbit:39s;--start:-18deg;--tilt:7deg;animation-delay:-9s}.track-ai{--radius:238px;--distance:238px;--orbit:51s;--start:-76deg;--tilt:-16deg;animation-delay:-28s}.track-data{--radius:226px;--distance:226px;--orbit:44s;--start:64deg;--tilt:22deg;animation-delay:-16s}.track-devops{--radius:205px;--distance:205px;--orbit:57s;--start:142deg;--tilt:-27deg;animation-delay:-35s}.track-xpp{--radius:194px;--distance:194px;--orbit:41s;--start:-148deg;--tilt:30deg;animation-delay:-21s}.track-power{--radius:220px;--distance:220px;--orbit:63s;--start:118deg;--tilt:-34deg;animation-delay:-47s}.track-crm{--radius:244px;--distance:244px;--orbit:48s;--start:28deg;--tilt:-10deg;animation-delay:-31s}.track-pp{--radius:232px;--distance:232px;--orbit:46s;--start:-112deg;--tilt:18deg;animation-delay:-12s}
}
@media(max-width:760px){
  .planet-track .planet{animation-delay:inherit}
}
