
body{margin:0;font-family:'Space Grotesk',system-ui,sans-serif;background:#080B09}
.z2{--bg:#0B0E0B;--bg-alt:#010000;--surface:#141814;--line:#2E352F;--text:#FFFFFF;--muted:#C3C7CB;--subtle:#A9AEAA;--faint:#8E949A;--accent-text:#9EEF35;--hl:#1A2A1B;--tile:#1C2A1C;--pop:#C8FF00}
.z2.light{--bg:#F4F5F3;--bg-alt:#FFFFFF;--surface:#FFFFFF;--line:#DCDFDC;--text:#010000;--muted:#3D423E;--subtle:#4D534F;--faint:#6A706B;--accent-text:#2F7731;--hl:#EAF5E6;--tile:#EAF5E6;--pop:#2F7731}
.z2 a{color:var(--accent-text)}.z2 a:hover{color:var(--pop)}
h1,h2,h3{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700}
.field{position:absolute;inset:-5%;z-index:0;transform-origin:50% 65%;animation:z2drift 11s ease-in-out infinite alternate}
.field :is(img,[data-public-diagram]){width:100%;height:100%;object-fit:cover;object-position:center 59%;opacity:.88;display:block}
.shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#080b09 0%,#080b0950 17%,transparent 65%,#080b09b3 100%),linear-gradient(90deg,#080b09cc,#080b0940 45%,transparent 70%,#080b0950)}
.sparks{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.sparks span{position:absolute;border-radius:50%;background:#d8ffd1;box-shadow:0 0 12px 3px #8eea8b77;opacity:0;animation:z2rise linear infinite}
.reveal{animation:z2in linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee-track{display:flex;gap:20px;width:max-content;animation:z2marquee 36s linear infinite}
@keyframes z2drift{from{transform:scale(1.04) translate3d(-2%,1%,0)}to{transform:scale(1.23) translate3d(2%,-2.5%,0)}}
@keyframes z2rise{0%{transform:translate3d(0,25px,0) scale(.4);opacity:0}20%{opacity:.9}65%{opacity:.6}100%{transform:translate3d(var(--drift),-220px,0) scale(1.5);opacity:0}}
@keyframes z2in{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
@keyframes z2marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.field{animation:none}.sparks{display:none}.reveal{animation:none}.marquee-track{animation:none}}

/* Responsive implementation of the supplied main-page mockup. */
*{box-sizing:border-box}html{scroll-behavior:smooth}button,summary{font:inherit}button{cursor:pointer}.z2 :focus-visible{outline:2px solid var(--pop);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reference-skip{position:fixed;top:-60px;left:20px;z-index:100;background:#c8ff00;color:#010000;padding:12px}.reference-skip:focus{top:12px}.reveal{animation:none}.main-section{scroll-margin-top:24px}.main-section>*{min-width:0}.field,.shade{pointer-events:none}.main-hero .z-navigation{position:relative;z-index:4;background:#080b097a}.hero :is(svg,[data-public-diagram]),.lighthouse :is(svg,[data-public-diagram]){max-width:100%;height:auto}.hero>div:first-child>div:last-child{flex-wrap:wrap}.hero>div:first-child>div:last-child a{height:auto!important;min-height:54px;padding-block:14px!important}.hero h1{font-size:clamp(46px,4.86vw,70px)!important}.metrics .reveal>div>div:first-child{font-size:clamp(32px,3.6vw,52px)!important}.partner-logo{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.marquee-track{gap:0}.marquee-group{display:flex;align-items:center;gap:20px;padding-right:20px}.marquee-logo{width:190px;height:64px;display:flex;align-items:center;justify-content:center;padding:14px 24px;border:1px solid #2e352f;border-radius:8px}.marquee-logo :is(img,[data-public-diagram]){max-width:146px;max-height:34px}.marquee-logo :is(img,[data-public-diagram])[src$='xai.svg']{max-width:72px}.marquee-toggle{align-self:center;background:transparent;color:var(--subtle);border:0;padding:8px 14px;font:12px 'IBM Plex Mono',monospace;text-decoration:underline;text-underline-offset:4px}.partner-marquee:hover .marquee-track,.partner-marquee:focus-within .marquee-track,.partner-marquee.is-paused .marquee-track{animation-play-state:paused}.partners .partner-logo{max-width:140px;max-height:42px;padding:2px}.partners .partner-logo[src$='aws.svg']{max-height:47px}.partners .reveal:last-child>div{padding:18px!important}.workflows{padding:112px 120px 0;background:var(--bg)}.section-heading{max-width:900px;margin-bottom:48px}.kicker{font:15px 'IBM Plex Mono',monospace;letter-spacing:1.5px;color:var(--accent-text);margin-bottom:14px}.section-heading h2{font-size:60px;line-height:1.05;letter-spacing:-1px;margin:0}.workflow-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}.horizontal-workflow,.vertical-workflow{min-width:0;display:flex;flex-direction:column}.workflow-carousel,.vertical-frame{background:#080b09;border:1px solid var(--line);border-radius:16px;overflow:hidden}.workflow-carousel{position:relative}.vertical-frame{flex:1;min-height:380px}.workflow-slide[hidden]{display:none!important}.workflow-diagram{overflow-x:auto;scrollbar-color:#56734c #080b09}.workflow-diagram :is(img,[data-public-diagram]){width:100%;height:auto;display:block}.workflow-caption{display:flex;gap:16px;align-items:flex-start;padding:24px;border-top:1px solid var(--line);min-height:134px}.workflow-caption>span{font:13px 'IBM Plex Mono',monospace;color:var(--accent-text);padding-top:4px}.workflow-caption h4{font-size:22px;line-height:1.3;margin:0 0 8px;font-weight:500}.workflow-caption p{font-size:15px;color:var(--subtle);line-height:1.6;margin:0}.workflow-controls{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding:12px 20px}.workflow-dots,.workflow-playback{display:flex;gap:4px;align-items:center}.workflow-dots button{width:32px;height:44px;background:transparent;border:0;padding:12px;color:var(--faint)}.workflow-dots button:after{content:'';display:block;width:6px;height:6px;border-radius:5px;background:currentColor;transition:width .2s}.workflow-dots button[aria-pressed=true]{color:var(--accent-text)}.workflow-dots button[aria-pressed=true]:after{width:20px;margin-left:-7px}.workflow-count{font:12px 'IBM Plex Mono',monospace;color:var(--subtle)}.workflow-playback{margin-left:auto;gap:6px}.workflow-playback button{width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:20px}.workflow-playback button:hover{color:var(--pop);border-color:var(--accent-text)}.workflow-progress{height:3px;background:var(--line)}.workflow-progress span{display:block;height:100%;width:0;background:var(--accent-text)}.workflow-grid h3{font-size:27px;margin:24px 0 10px}.workflow-grid>div>p{font-size:18px;line-height:1.6;color:var(--muted);margin:0}.ai-provider-row{display:flex;gap:8px;flex-wrap:wrap;position:relative}.ai-provider summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #5a625b;border-radius:8px;background:#080b09b3;cursor:pointer;transition:transform .18s,border-color .18s}.ai-provider summary::-webkit-details-marker{display:none}.ai-provider summary:hover,.ai-provider[open] summary{border-color:#c8ff00;transform:translateY(-3px)}.ai-provider summary :is(img,[data-public-diagram]){filter:brightness(0) invert(1)}.ai-provider-row:has(details[open]){padding-bottom:365px}.ai-prompts{position:absolute;top:60px;right:0;width:340px;max-width:100%;padding:20px;background:#141814;border:1px solid #52614d;border-radius:12px;box-shadow:0 16px 40px #0006;z-index:5}.ai-prompts strong{font-size:17px;color:#fff}.ai-question{display:flex;align-items:center;gap:8px;border-bottom:1px solid #2e352f;padding:12px 0}.ai-question a{font-size:14px;line-height:1.5;text-decoration:none;flex:1}.ai-question button{flex-shrink:0;width:36px;height:36px;color:#c3c7cb;background:transparent;border:1px solid #454c46;border-radius:5px;font-size:20px}.ai-prompts small{display:block;color:#a9aeaa;font-size:12px;line-height:1.5;margin-top:14px}.ai-prompts textarea{width:100%;height:120px;background:#080b09;color:#fff}.copy-feedback{font-size:12px;color:#c8ff00;min-height:16px}.main-footer a:hover{text-decoration:underline!important;text-underline-offset:4px}.main-footer>div:last-child{min-width:0}
@media(max-width:1300px){.main-section:not(.partner-marquee){padding-left:48px!important;padding-right:48px!important}.main-footer>div:last-child{padding-inline:48px!important}.hero{gap:36px!important}.main-footer>div:last-child>div:first-child{gap:28px!important}}
@media(max-width:1050px){.main-section:not(.partner-marquee){padding-left:32px!important;padding-right:32px!important}.hero{grid-template-columns:1fr!important;padding-top:56px!important;padding-bottom:43.2px!important}.hero>div:last-child{justify-content:center!important}.hero h1{font-size:60px!important;max-width:800px}.hero>div:first-child>p{max-width:720px!important}.main-hero{min-height:0!important}.main-section h2{font-size:46px!important}.capabilities>.reveal:last-child,.metrics>.reveal{grid-template-columns:repeat(2,minmax(0,1fr))!important}.partners,.lighthouse,.governance{gap:40px!important}.partners{grid-template-columns:1fr!important}.partners .reveal:last-child{max-width:650px;width:100%}.partners .partner-logo{max-width:150px}.workflow-grid{grid-template-columns:1fr}.vertical-frame{min-height:300px}.main-footer>div:last-child{padding-inline:32px!important}.main-footer>div:last-child>div:first-child{grid-template-columns:1fr 1fr!important;gap:40px!important}.ai-provider-row:has(details[open]){padding-bottom:345px}.contact>.reveal{padding:36px!important}}
@media(max-width:650px){.main-section:not(.partner-marquee){padding-left:24px!important;padding-right:24px!important}.hero h1{font-size:44px!important;letter-spacing:-1px!important}.hero>div:first-child>div:first-child{font-size:11px!important;padding:8px 10px!important}.hero>div:first-child>p:first-of-type{font-size:25px!important}.hero>div:first-child>p:last-of-type{font-size:18px!important}.hero>div:first-child>div:last-child{flex-direction:column;align-items:flex-start}.hero>div:first-child>div:last-child a{font-size:16px!important;padding-inline:18px!important}.main-section h2{font-size:38px!important}.approach,.capabilities,.partners,.lighthouse,.governance{padding-top:72px!important;padding-bottom:72px!important}.metrics>.reveal,.capabilities>.reveal,.lighthouse,.governance{grid-template-columns:1fr!important}.metrics{padding-bottom:72px!important}.capabilities>.reveal{gap:28px!important}.partners>.reveal:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}.workflows{padding-top:72px!important}.workflow-diagram :is(img,[data-public-diagram]){min-width:640px}.workflow-caption{padding:20px;min-height:160px}.workflow-controls{padding:12px 10px;gap:6px}.workflow-count{font-size:10px}.workflow-dots button{width:26px}.workflow-playback{gap:4px}.workflow-playback button{width:40px}.workflow-grid h3{font-size:24px}.contact{padding-top:48px!important;padding-bottom:72px!important}.contact>.reveal{padding:28px 24px!important;flex-direction:column!important;align-items:flex-start!important;gap:28px!important}.contact h2{font-size:32px!important}.lighthouse>div:first-child{order:2}.main-footer>div:last-child{padding:64px 24px 32px!important}.main-footer>div:last-child>div:first-child{grid-template-columns:1fr 1fr!important;gap:32px 20px!important}.main-footer>div:last-child>div:first-child>div:first-child,.main-footer>div:last-child>div:first-child>div:last-child{grid-column:1/-1}.main-footer>div:last-child>div:last-child{gap:20px;flex-wrap:wrap;font-size:14px!important}.ai-prompts{left:0;right:auto}.governance .reveal:last-child{gap:12px!important}.governance .reveal:last-child>div{padding:20px 16px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ai-provider summary{transition:none}.marquee-group[aria-hidden=true]{display:none}.marquee{overflow:auto;mask-image:none}.marquee-toggle{display:none}}
.z2 .z-nav-links a{color:#d5d8db}.z2 .z-nav-links a:hover,.z2 .z-nav-links a:focus-visible{color:#c8ff00}.z2 .z-pilot{color:#010000;transition:background .2s}
.z2 .z-pilot:hover,.z2 .z-pilot:focus-visible{background:#9eef35;color:#010000}.partners .partner-logo[src$='unsloth.png']{filter:none}
.capabilities .reveal>*{min-width:0}.capabilities :is(svg,[data-public-diagram]){max-width:100%;height:auto}.capabilities a>div:last-child>span:first-child{min-width:0;overflow-wrap:normal;word-break:normal}
/* October update: one partner ticker, reading-position dividers and full-width workflows. */
.marquee-track{animation-duration:100s}.marquee-logo{height:78px;width:200px;padding:16px 24px;gap:10px}.marquee-logo :is(img,[data-public-diagram]){max-height:44px}.marquee-logo :is(img,[data-public-diagram])[src$='salesforce.svg']{filter:none;max-height:50px}.marquee-logo :is(img,[data-public-diagram])[src$='ping.svg']{filter:grayscale(1) brightness(0) invert(1)}.marquee-logo :is(img,[data-public-diagram])[src$='unsloth.png']{filter:grayscale(1) brightness(1.6)}.marquee-logo :is(img,[data-public-diagram])[src$='snowflake.svg']{width:30px;flex-shrink:0}.brand-wordmark{font-size:22px;font-weight:500;color:#fff;letter-spacing:-.8px}.meet-partners{display:inline-flex;align-self:center;align-items:center;gap:24px;min-height:48px;border:1px solid #608056;border-radius:8px;padding:12px 24px;text-decoration:none;font-weight:600;background:#141c12;transition:background .2s,border-color .2s}.meet-partners:hover{background:#24351d;border-color:#c8ff00}.section-divider{--divider-gradient:linear-gradient(90deg,#1a2a1b 0%,#2f7731 22%,#41a548 48%,#9eef35 75%,#c8ff00 100%);position:relative;z-index:3;flex-shrink:0;height:3px;width:100%;overflow:hidden;background:var(--divider-gradient)}.section-divider:before{content:'';position:absolute;inset:0;background:#080b09b3;clip-path:inset(0 0 0 var(--page-progress,0%))}.section-divider:after{content:'';position:absolute;top:0;bottom:0;left:clamp(0px,var(--page-progress,0%),calc(100% - 3px));width:3px;background:#ecffbf;box-shadow:0 0 12px 3px #c8ff0077}.workflow-grid{grid-template-columns:minmax(0,1fr);gap:48px}.workflow-diagram :is(img,[data-public-diagram]){width:100%;height:auto;min-width:0}.workflow-caption{min-height:0;padding:28px 32px}.vertical-frame{min-height:380px}.lighthouse{align-items:stretch!important;gap:56px!important}.lighthouse-art{min-width:0;display:flex;align-items:center;justify-content:center;border:1px solid #385540;background:#0b100c;border-radius:16px;overflow:hidden}.lighthouse-art :is(img,[data-public-diagram]){display:block;width:100%;height:100%;min-height:540px;object-fit:contain}.lighthouse>.reveal{justify-content:center}.lighthouse .lighthouse-art{order:0}
@media(max-width:1050px){.lighthouse-art :is(img,[data-public-diagram]){min-height:500px}.lighthouse{gap:32px!important}}
@media(max-width:650px){.workflow-caption{padding:20px}.workflow-diagram :is(img,[data-public-diagram]){min-width:640px}.workflow-grid{gap:36px}.vertical-frame{min-height:260px}.lighthouse-art :is(img,[data-public-diagram]){min-height:0;height:auto}.lighthouse .lighthouse-art{order:0}.lighthouse{gap:36px!important}.section-divider{height:2.5px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.meet-partners{transition:none}}
@media(min-width:651px) and (max-width:900px){.lighthouse{grid-template-columns:1fr!important}.lighthouse-art{max-width:600px;width:100%;justify-self:center}.lighthouse-art :is(img,[data-public-diagram]){min-height:0;height:auto}}
/* Public physical-parts workflow and shared primary calls to action. */
.z2 .pilot-link{display:inline-flex;align-items:center;justify-content:center;height:54px;min-height:54px;padding:0 24px;border:0;border-radius:8px;background:#41a548;color:#010000;text-decoration:none;font-weight:700;font-size:19px;gap:8px;transition:background .2s}
.z2 .pilot-link:hover,.z2 .pilot-link:focus-visible{background:#9eef35;color:#010000}
.marquee-logo :is(img,[data-public-diagram])[src$='block.svg']{transform:scale(.666667)}
.marquee-logo :is(img,[data-public-diagram])[src$='langchain.svg']{filter:none}
.marquee-logo :is(img,[data-public-diagram])[src$='huggingface.svg']{width:36px;flex-shrink:0}
.marquee-logo:has(img[src$='huggingface.svg']){width:235px}
.parts-diagram{aspect-ratio:1120/655;display:flex;align-items:center;background:#080b09}
.parts-diagram :is(svg,[data-public-diagram]){display:block;width:100%;height:auto;flex-shrink:0}
@media(max-width:650px){.parts-diagram{aspect-ratio:auto;min-height:375px}.parts-diagram :is(svg,[data-public-diagram]){min-width:640px}.z2 .pilot-link{font-size:17px}}

.marquee-logo :is(img,[data-public-diagram])[src$='iceberg.svg']{filter:grayscale(1) brightness(1.5)}

/* Social and AI providers share one left edge and matching icon geometry. */
.main-footer .footer-ai-column .footer-social{display:flex;align-items:center;gap:8px;margin-top:auto;min-height:44px}
.main-footer .footer-social .footer-social-icon{box-sizing:border-box;width:44px;height:44px;padding:0;border:1px solid #5a625b;border-radius:8px;background:#080b09b3;color:#e2e5e2;opacity:1}
.main-footer .footer-social .footer-social-icon :is(svg,[data-public-diagram]){width:26px;height:26px;fill:currentColor}
.main-footer .footer-social a[href]:hover{color:#c8ff00;border-color:#c8ff00;transform:translateY(-3px)}
.main-footer .footer-social [aria-disabled=true]{cursor:default}

/* Five approach cards share a compact desktop row. */
.approach-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}
.approach-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px 20px;display:flex;flex-direction:column;gap:18px}
.approach-card>h3{min-height:79px;letter-spacing:-.35px}
.approach-card>div>span{font-size:12px!important}
.approach-card :is(svg,[data-public-diagram]){flex-shrink:0}
.approach-card{transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}
.approach-card :is(svg,[data-public-diagram]){transition:transform .25s ease,color .25s ease;transform-origin:center}
.approach-card>h3{transition:color .25s ease}
.metric-value{font-variant-numeric:tabular-nums}
.metric-digit{display:inline-block;min-width:var(--digit-width);text-align:right}
.metric-card .metric-value{transition:color .2s ease}
.metric-card.is-counting .metric-value{color:var(--accent-text)}
@media(hover:hover){
  .approach-card:hover{transform:translateY(-5px);border-color:var(--pop);background:var(--hl);box-shadow:0 0 0 1px var(--pop),0 12px 28px #0002}
  .approach-card:hover :is(svg,[data-public-diagram]){transform:scale(1.1);color:var(--pop)}
  .approach-card:hover>h3,.metric-card:hover .metric-value{color:var(--pop)}
}
@media(prefers-reduced-motion:reduce){
  .approach-card,.approach-card :is(svg,[data-public-diagram]),.approach-card>h3,.metric-card .metric-value{transition:none}
  .approach-card:hover,.approach-card:hover :is(svg,[data-public-diagram]){transform:none}
}
@media(max-width:1150px) and (min-width:1051px){.approach-cards{gap:12px}.approach-card{padding:24px 16px}.approach-card>h3{font-size:20px!important;min-height:100px}}
@media(max-width:1050px){.approach-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-card>h3{min-height:53px}}
@media(max-width:650px){.approach-cards{grid-template-columns:1fr;gap:16px}.approach-card{padding:24px}.approach-card>h3{min-height:0}}

/* Home content refinements: consistent default cards; emphasis on hover. */
.workflow-introduction{font-size:21px;line-height:1.65;color:var(--muted);margin:24px 0 0;max-width:900px}
.governance-card{transition:border-color .2s,background .2s,box-shadow .2s,color .2s}
@media(hover:hover){.z2 .governance-card:hover{border-color:var(--pop)!important;background:var(--hl)!important;color:var(--pop)!important;box-shadow:0 0 0 1px var(--pop)}}
@media(max-width:650px){.workflow-introduction{font-size:18px}}
@media(prefers-reduced-motion:reduce){.governance-card{transition:none}}

/* Workflow introductions precede their demonstrations. */
.workflow-grid>div>h3{color:var(--accent-text);margin-top:0}
.workflow-grid>div>p{margin-bottom:28px}

/* Override the tablet card grid with equal specificity on phones. */
@media(max-width:650px){
  .capabilities>.reveal:last-child{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
  .capabilities>.reveal:last-child>a{padding:24px!important;min-height:200px!important;gap:32px!important}
  .capabilities a>div:last-child>span:first-child{font-size:26px!important}
  .capabilities a>div:last-child>span:last-child{flex-shrink:0}
}

/* One proportional hero illustration, with a native-vector detail lens. */
.hero-transformation{--hero-diagram-shift:clamp(8px,2vw,20px);width:100%;min-width:0;margin:0;align-self:center;justify-self:end}
/* SVG viewBox starts at x=60, width=2750: security policy center x=385; BPM center x=1300; right rail x=1975 + .9*925. */
.hero-diagram-headings{display:grid;grid-template-columns:28% 34.181818% 37.727273%;align-items:start;gap:0;margin-bottom:36px;color:#c8ff00;font:16px/1.45 'IBM Plex Mono',monospace;text-align:center;transform:translateX(var(--hero-diagram-shift))}
.hero-diagram-headings span{min-width:0;padding-inline:5px;transform:translateY(-8px)}
/* Within the 28% grid track, this centers the first heading at (385 - 60) / 2750. */
.hero-diagram-headings span:first-child{width:84.415584%;padding-inline:0;justify-self:start}
.hero-diagram-headings span:last-child{padding-right:0;text-align:right;justify-self:end}
.hero-diagram-stage{position:relative;width:100%;background:transparent;isolation:isolate;outline-offset:6px;transform:translateX(var(--hero-diagram-shift))}
.hero-diagram-image{display:block;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}
.hero-diagram-stage.is-magnifying{cursor:none;z-index:5}
.hero-magnifier{position:absolute;left:0;top:0;width:280px;height:280px;z-index:10;pointer-events:none;filter:drop-shadow(0 12px 24px #0008)}
.hero-magnifier[hidden]{display:none}
.hero-magnifier-window{position:absolute;inset:0;overflow:hidden;border-radius:50%;background:#080e0b;box-shadow:0 0 0 2px #c8ff00,0 0 0 7px #132315,0 0 25px #9eef3526}
.hero-magnifier-window :is(img,[data-public-diagram]){position:absolute;top:0;left:0;display:block;max-width:none;height:auto;transform-origin:0 0;will-change:transform;user-select:none}
.hero-magnifier-window:after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;border:1px solid #c8ff0080;border-radius:50%;transform:translate(-50%,-50%)}
.hero-magnifier:after{content:'';position:absolute;left:87%;top:87%;width:10px;height:42px;border:1px solid #9eef35;border-radius:6px;background:#213d21;transform:rotate(-45deg);transform-origin:top center}
.hero-magnifier-badge{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);padding:4px 8px;border:1px solid #5e8139;border-radius:4px;background:#080e0be6;color:#c8ff00;font:10px/1.2 'IBM Plex Mono',monospace;letter-spacing:1px;white-space:nowrap}
.hero-diagram-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;font:11px/1.6 'IBM Plex Mono',monospace;color:var(--faint)}
@media(max-width:1200px) and (min-width:1051px){.hero-diagram-headings{font-size:14px}}
@media(max-width:650px){.hero-diagram-headings{font-size:10px;margin-bottom:26px}.hero-diagram-tools{font-size:10px;gap:8px}.hero-transformation{width:100%;margin-top:12px}}
@media(hover:none){.hero-diagram-tools{display:none}}

/* Give the illustration the larger share of the hero; keep copy compact. */
.hero .hero-copy{gap:20px!important}
.hero .hero-copy h1{font-size:clamp(34px,3vw,44px)!important;line-height:1.08!important;letter-spacing:-1px!important}
.hero .hero-copy>p:first-of-type{font-size:24px!important}
.hero .hero-copy>p:last-of-type{font-size:18px!important;line-height:1.6!important}
.hero .hero-copy .pilot-link{font-size:16px!important;padding-inline:20px!important;line-height:1.4}
@media(max-width:1050px) and (min-width:651px){.hero .hero-copy h1{font-size:46px!important}}
@media(max-width:650px){.hero .hero-copy h1{font-size:38px!important}}
/* Match the header gutters so the diagram aligns with the Scope a Pilot CTA. */
@media(max-width:1300px){.main-section.hero{padding-inline:48px!important}}
@media(max-width:1050px){.main-section.hero{padding-inline:32px!important}}
@media(max-width:480px){.main-section.hero{padding-inline:20px!important}}
@media(max-width:360px){.main-section.hero{padding-inline:16px!important}}

/* Five AI capabilities, including private infrastructure and software. */
.capabilities>.capability-cards{gap:16px!important}
.capabilities>.capability-cards>a{padding:28px 18px!important;justify-content:space-between}
.capabilities>.capability-cards>a>div:last-child{gap:8px!important}
.capabilities>.capability-cards>a>div:last-child>span:first-child{font-size:22px!important}
.capabilities>.capability-cards>a>div:last-child>span:last-child{font-size:22px!important;flex-shrink:0}
@media(min-width:651px) and (max-width:1150px){
 .capabilities>.capability-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .capabilities>.capability-cards>a:last-child{grid-column:1/-1}
}
@media(max-width:650px){
 .capabilities>.capability-cards>a{padding:24px!important}
 .capabilities>.capability-cards>a>div:last-child>span:first-child{font-size:26px!important}
}
