/* Final theme layer, after the retained document's inline component styles. */
body,.hero{background:#0f1116}
.nav-shell{background:rgba(15,17,22,.88);border-bottom-color:rgba(140,190,255,.13)}
.nav-links{color:#9fb2d4}
.nav-links a:hover,.footer-links a:hover{color:#f4f8ff}
.brand img,.footer>a>img,.footer>img{filter:none}
.engine-brand-logo{filter:none}
.button.secondary{background:#121a28;color:#dbe7ff;border-color:#2a374c}
.button.secondary:hover{background:#19243a;border-color:#4a9dff}
.section-kicker,.resources-head .section-kicker,.roadmap .section-kicker,.why-different .section-kicker,.contact-eyebrow,.resource-card-body .tag,.resource-card-body .arrow{color:#4a9dff}
.system-map,.stack-card.old-stack,.roadmap-card,.resource-card,.social-links a{background:#121a28;border-color:rgba(140,190,255,.16);box-shadow:0 20px 60px rgba(0,0,0,.15)}
.system-map-head{border-color:#273345;color:#9fb2d4}
.signal-strip>div,.fragmented-row,.unified-stages>div{background:#172131;border-color:#2a374c;color:#a8bad6}
.engine-surface{background:linear-gradient(145deg,#17243b,#121a28);border-color:rgba(74,157,255,.3)}
.stage-node{background:#121a28;border-color:#2a374c;color:#c1cee2}
.stage-node>span,.stage-icon.muted{background:#1c293e;color:#9fb2d4}
.stage-node.active{background:#1a3157;border-color:#4a9dff;color:#f4f8ff}
.stage-node.active small{color:#a7c5ff}
.stage-node.active>span{background:#2563eb;color:white}
.verified-output{background:#13251f;border-color:#254638}
.verified-output strong{color:#b9e4ca}
.verified-output small,.verified-output>span{color:#88b79e}
.holo-stack{background:radial-gradient(700px circle at var(--mx) var(--my),rgba(74,157,255,.10),transparent 60%),linear-gradient(140deg,#14233c,#221d37 30%,#172b2b 60%,#15253e)!important;border-color:rgba(74,157,255,.3)}
.market-badge,.stack-footnote span,.tags span{background:#1c293e;color:#a8bad6;border-color:#2a374c}
.fragmented-row strong,.unified-stages strong{color:#dbe7ff}
.fragmented-row small,.stack-label,.state-rail{color:#9fb2d4}
.stack-footnote.positive span{background:#1b3051;color:#a7c5ff}
.cap,.advantage-card,.shipping-card{background:#121a28;border-color:#273345}
.cap-featured{background:#162239}
.shipping{background:#101722;border-color:#273345}
.cap-icon,.advantage-icon,.ship-icon,.deployment-outcomes span,.industry-icon,.stage-icon{background:#1a2b48;color:#75aaff;border-color:#2a374c}
.layers-icon{background:transparent}
.industry-card{background:#121a28;border-color:rgba(140,190,255,.16)}
/* Match the typography of the industry scene cards. */
#core-advantages .advantage-card h3{font-size:20px;font-weight:600;line-height:1.22;margin-bottom:12px}
#core-advantages .advantage-card p{font-size:14px;line-height:1.6}
.industry-card::before{background:radial-gradient(520px circle at var(--mx) var(--my),rgba(74,157,255,.12),transparent 60%),linear-gradient(140deg,#14233c,#221d37 30%,#172b2b 60%,#15253e);background-size:100% 100%,280% 280%}
.proof{background:#10182a}
.proof-spheres{opacity:.5}
.final-cta{background:#121a28;border-color:#273345}
.env-shot,.env-live{background:#0f1117;border-color:#273345}
.env-tab{background:#121a28;color:#a8bad6;border-color:#2a374c}
.env-tab.active{background:#2563eb;color:#fff;border-color:#2563eb}
.resource-card:hover,.roadmap-card:hover,.shipping-card:hover{border-color:#4a9dff;box-shadow:0 12px 32px rgba(0,0,0,.3)}
.resource-card img{background:#0b0e14}
.contact-dialog{background:#121a28;border-color:#2a374c;box-shadow:0 32px 80px rgba(0,0,0,.5)}
.contact-head h3{color:#f4f8ff}
.contact-head p,.contact-consent label,.contact-foot{color:#9fb2d4}
.contact-field label{color:#dbe7ff}
/* Shared field lighting for the homepage and Robotics contact forms. */
.contact-field input,.contact-field textarea,
.robot-pilot-dialog .pilot-form input:not([type=checkbox]),.robot-pilot-dialog .pilot-form textarea{background:#0f1622;color:#f4f8ff;border-color:#2a374c;transition:border-color .15s,box-shadow .15s,background .15s}
.contact-field input:focus,.contact-field textarea:focus,
.robot-pilot-dialog .pilot-form input:not([type=checkbox]):focus,.robot-pilot-dialog .pilot-form textarea:focus{background:#172238;border-color:#4a9dff;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.contact-close{background:#1c293e;color:#c1cee2}
.contact-close:hover{background:#273a58;color:#fff}
.contact-status.error{background:#351b23;color:#ffb3bd;border-color:#75313f}
.contact-status.success{background:#132b22;color:#a3e6c0;border-color:#2b664a}
.contact-consent.invalid label{color:#ffb3bd}
.contact-consent label a,.contact-foot a{color:#75aaff}
:focus-visible{outline:2px solid #75aaff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Header logo: 15% larger than the original desktop/mobile sizes. */
.nav .brand img{height:35.65px;width:auto}
@media(max-width:900px){.nav .brand img{height:32.2px}}

/* Core card has no header: align first row with the card padding. */
#core .system-map>.signal-strip{margin-top:0}
#core .core-copy h2{margin-top:0}

/* Text-only advantages from SoapBubble, using the existing Industries cards. */
.core-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:56px}
.core-highlights .core-highlight{padding:26px 24px}
.core-highlights .core-highlight h3{font-size:18px;line-height:1.25;min-height:2.5em;margin-bottom:16px}
.core-highlights .core-highlight p{font-size:13px;line-height:1.65;color:#9fb2d4}
@media(max-width:900px){
  .core-highlights{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(82vw,340px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;gap:16px;margin-top:40px;padding:5px 0 14px;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#2a3f60 transparent}
  .core-highlights .core-highlight{scroll-snap-align:start;scroll-snap-stop:normal}
  .core-highlights .core-highlight p{font-size:14px}
}
@media(hover:none){.core-highlights .core-highlight::before{opacity:.3}}

/* Optimized supplied PNGs, matching the 48px Industries icon size. */
.core-highlights .core-highlight-icon{display:block;position:relative;z-index:1;width:48px;height:48px;object-fit:contain;margin:0 0 20px}

/* Infrastructure advantages follow the industry cards, with a wider desktop gap. */
#content-sections>.core-advantages{width:100%;max-width:none;margin:112px 0 0;padding:0;border-top:0}
@media(max-width:900px){#content-sections>.core-advantages{margin-top:56px}}

/* Shared compact headings for the content sections below The Core. */
#content-sections :is(.industries,.core-advantages,.shipping,.env-section) .split-heading{margin-top:0}
#content-sections :is(.industries,.core-advantages,.shipping,.env-section) .split-heading h2{font-size:clamp(26.6px,2.94vw,40.6px);line-height:1.15}
@media(max-width:560px){#content-sections :is(.industries,.core-advantages,.shipping,.env-section) .split-heading h2{font-size:clamp(22px,6.8vw,26.6px)}}

@media(max-width:760px){
  #content-sections{padding-top:56px;padding-bottom:64px}
  #core>.core-split{gap:28px}
}

/* Share the article cards' lift and timing with the compact engine facts. */
.resource-card,#core-advantages .engine-fact{transition:transform .2s ease,box-shadow .2s ease}
.resource-card:hover,#core-advantages .engine-fact:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.3)}

/* Native Core optics: original thin conic sparks, with a separate latched contour. */
@property --card-feather{syntax:'<angle>';initial-value:8deg;inherits:false}
@keyframes card-contour-complete{
  0%{--spark:0deg;--card-feather:8deg;opacity:0}
  10%{opacity:1}
  70%{--card-feather:8deg}
  100%{--spark:180deg;--card-feather:0deg;opacity:1}
}
:is(.shipping-card,.roadmap-card,.resource-card,.engine-fact){position:relative}
:is(.shipping-card,.roadmap-card,.resource-card,.engine-fact)::before,
:is(.shipping-card,.roadmap-card,.resource-card,.engine-fact)::after{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;z-index:2;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
  opacity:0;pointer-events:none;
}
:is(.shipping-card,.roadmap-card,.resource-card,.engine-fact)::after{background:conic-gradient(from calc(78deg + var(--spark)) at 50% 0%,transparent 0deg,rgba(37,99,235,.95) 12deg,transparent 24deg),conic-gradient(from calc(282deg - var(--spark)) at 50% 0%,transparent 0deg,rgba(37,99,235,.95) 12deg,transparent 24deg)}
:is(.shipping-card,.roadmap-card,.resource-card,.engine-fact)::before{
  background:conic-gradient(from 0deg at 50% 0%,transparent 0deg,transparent 90deg,rgba(37,99,235,.6) 90deg,rgba(37,99,235,.6) max(90deg,calc(90deg + min(90deg,var(--spark)) - var(--card-feather))),transparent calc(90deg + min(90deg,var(--spark))),transparent calc(270deg - min(90deg,var(--spark))),rgba(37,99,235,.6) min(270deg,calc(270deg - min(90deg,var(--spark)) + var(--card-feather))),rgba(37,99,235,.6) 270deg,transparent 270deg);
}
.resource-card:hover,.roadmap-card:hover,#core-advantages .engine-fact:hover{border-color:rgba(140,190,255,.16)}
.shipping-card:hover{border-color:#273345}
@media(hover:hover){
  :is(.shipping-card,.roadmap-card,.resource-card,.engine-fact):hover::after{animation:spark-travel 1.2s cubic-bezier(.3,.6,.3,1) 1 both}
  :is(.shipping-card,.roadmap-card,.resource-card,.engine-fact):hover::before{animation:card-contour-complete 1.2s cubic-bezier(.3,.6,.3,1) 1 both}
}
.resource-card:focus-visible::after{animation:spark-travel 1.2s cubic-bezier(.3,.6,.3,1) 1 both}
.resource-card:focus-visible::before{animation:card-contour-complete 1.2s cubic-bezier(.3,.6,.3,1) 1 both}
@media(prefers-reduced-motion:reduce){
  :is(.shipping-card,.roadmap-card,.resource-card,.engine-fact)::before,
  :is(.shipping-card,.roadmap-card,.resource-card,.engine-fact)::after{animation:none!important}
  :is(.shipping-card,.roadmap-card,.resource-card,.engine-fact):is(:hover,:focus-visible),#core-advantages .engine-fact:hover{border-color:#4a9dff}
}

/* Deployment cards: the icon starts at the card padding after removing the number row. */
.shipping-card .ship-icon{margin-top:0}

/* Industry cards lead the product sections on the shared content grid. */
#content-sections>.industries{width:100%;max-width:none;margin:0;padding:0}
@media(max-width:900px){#content-sections>.industries{margin-top:0}}


/* The industry heading follows the section gap directly, without a kicker. */
#content-sections>.industries>.industries-heading{grid-template-columns:1fr;align-items:start;gap:14px;margin-bottom:32px}
#content-sections>.industries>.industries-heading p{max-width:820px}

/* Deployment choices follow the workspace on the shared content grid. */
#content-sections>.shipping{width:100%;max-width:none;margin:112px 0 0;padding:0;background:none;border:0}
@media(max-width:900px){#content-sections>.shipping{margin-top:56px}}

/* Deployment uses the same grid, cards, icons and pointer spotlight as Industries. */
#deployment .deployment-grid{margin-top:32px}

/* The workspace follows the infrastructure advantages on the shared content grid. */
#content-sections>.env-section{width:100%;max-width:none;margin:112px 0 0;padding:0}
@media(max-width:900px){#content-sections>.env-section{margin-top:56px}}

/* Click to interact: the resting canvas leaves wheel/touch scrolling to the page. */
#environment .env-shot{box-shadow:0 0 20px 2px rgba(37,99,235,0),0 0 52px 8px rgba(37,99,235,0),0 28px 80px #1f345921;transition:border-color .24s ease-out,box-shadow .24s ease-out}
#environment .env-shot.is-interaction-gated:not(.is-interactive) .env-live{pointer-events:none;filter:blur(4px)}
#environment .env-shot.is-interactive{border-color:transparent;box-shadow:0 0 20px 2px rgba(37,99,235,.24),0 0 52px 8px rgba(37,99,235,.14),0 28px 80px #1f345921}
#environment .env-activate{appearance:none;display:grid;place-items:center;position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:24px;border:0;background:rgba(15,17,22,.38);color:#f4f8ff;cursor:pointer;touch-action:pan-y}
#environment .env-activate[hidden]{display:none!important}
#environment .env-activate-hint{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:12px 18px;border:1px solid rgba(117,170,255,.3);border-radius:10px;background:#2563eb;color:#fff;font:500 13px/1.4 Inter,system-ui,sans-serif;transition:background .15s ease}
#environment .env-activate-hint svg{flex:none;color:currentColor}
#environment .env-activate:focus-visible{outline:2px solid #2563eb;outline-offset:-4px;border-radius:20px}
@media(prefers-reduced-motion:reduce){#environment .env-shot{transition:none}}

/* Resting preview invitation; the existing activation state removes blur and overlay. */
#environment .env-activate-copy{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:620px;text-align:center;pointer-events:none}
#environment .env-activate-title{font:600 clamp(24px,2.5vw,32px)/1.2 Inter,system-ui,sans-serif;letter-spacing:-.035em;text-shadow:0 2px 16px rgba(0,0,0,.35)}
#environment .env-activate:hover .env-activate-hint{background:#3473ed}
@media(prefers-reduced-motion:reduce){#environment .env-activate-hint{transition:none}}

/* The active glow supplies the frame focus cue without a second crisp outline. */
#environment .env-frame .env-live:focus{outline:none}

/* The tab row keeps its footprint; controls enter only after canvas activation. */
#environment .env-tabs[aria-hidden="true"]{visibility:hidden;pointer-events:none}
#environment .env-tabs[aria-hidden="true"] .env-tab{opacity:0;transform:translate3d(0,28px,0)}
#environment .env-tabs[aria-hidden="false"] .env-tab{animation:workflow-tab-spring .68s linear both}
#environment .env-tabs[aria-hidden="false"] .env-tab:nth-child(2){animation-delay:35ms}
#environment .env-tabs[aria-hidden="false"] .env-tab:nth-child(3){animation-delay:70ms}
#environment .env-tabs[aria-hidden="false"] .env-tab:nth-child(4){animation-delay:105ms}
/* Damped spring, k=260 / c=20 / mass=1; the negative displacement is the small overshoot. */
@keyframes workflow-tab-spring{
  0%{transform:translate3d(0,28px,0);opacity:0}
  5%{transform:translate3d(0,24.6838px,0);opacity:0.1483}
  10%{transform:translate3d(0,17.7533px,0);opacity:0.4786}
  15%{transform:translate3d(0,10.4659px,0);opacity:0.819}
  20%{transform:translate3d(0,4.5478px,0);opacity:0.9976}
  25%{transform:translate3d(0,0.5822px,0);opacity:1}
  30%{transform:translate3d(0,-1.5506px,0);opacity:1}
  35%{transform:translate3d(0,-2.3014px,0);opacity:1}
  40%{transform:translate3d(0,-2.1922px,0);opacity:1}
  45%{transform:translate3d(0,-1.6706px,0);opacity:1}
  50%{transform:translate3d(0,-1.051px,0);opacity:1}
  55%{transform:translate3d(0,-0.5135px,0);opacity:1}
  60%{transform:translate3d(0,-0.132px,0);opacity:1}
  65%{transform:translate3d(0,0.0894px,0);opacity:1}
  70%{transform:translate3d(0,0.1825px,0);opacity:1}
  75%{transform:translate3d(0,0.1909px,0);opacity:1}
  80%{transform:translate3d(0,0.1545px,0);opacity:1}
  85%{transform:translate3d(0,0.1032px,0);opacity:1}
  90%{transform:translate3d(0,0.0553px,0);opacity:1}
  95%{transform:translate3d(0,0.0192px,0);opacity:1}
  100%{transform:translate3d(0,0px,0);opacity:1}
}
@media(prefers-reduced-motion:reduce){
  #environment .env-tabs[aria-hidden="false"] .env-tab{animation:none;transform:none;opacity:1}
}

/* Compact engine facts: transparent outlined cards, matching the advantages above. */
#core-advantages .engine-facts{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;
}
#core-advantages .engine-fact{
  min-width:0;padding:24px;border:1px solid var(--line);border-radius:16px;background:transparent;overflow:hidden;
}
#core-advantages .engine-fact-value{
  margin:0 0 12px;color:var(--ink);font-family:inherit;font-size:20px;font-weight:600;line-height:1.22;letter-spacing:-.02em;
}
#core-advantages .engine-fact-copy p{
  margin:0;color:var(--muted);font-size:14px;font-weight:400;line-height:1.6;letter-spacing:normal;
}
@media(max-width:900px){
  #core-advantages .engine-facts{grid-template-columns:1fr;gap:14px}
}
@media(max-width:560px){
  #core-advantages .engine-facts{gap:12px;margin-top:20px}
  #core-advantages .engine-fact{padding:20px}
}

/* Keep the final invitation in three deliberate lines, including on phones. */
#contact .cta-title-line{display:block;white-space:nowrap}
@media(max-width:560px){#contact h2{font-size:clamp(32px,10.5vw,46px)}}

/* Match the embedded document even before its first response paints. */
#environment .env-frame,#environment .env-live{background:#0f1117;color-scheme:dark}

/* Industry applications precede the engine explanation; keep the same section rhythm. */
#content-sections>.core-main{width:100%;max-width:none;margin:112px 0 0;padding:0}
@media(max-width:900px){#content-sections>.core-main{margin-top:64px}}