/* Shared custom-production story: homepage and offer page. */
.system-section{background:#0b182a;color:#f6f9fc;overflow:hidden}
.system-section .eyebrow{color:#71edc1}.system-title{max-width:970px}.system-section .lead{color:#b5c6d9;max-width:850px}
.system-subtitle{font:800 clamp(23px,2.8vw,34px)/1.2 Manrope,sans-serif;letter-spacing:-.025em;margin:52px 0 24px;scroll-margin-top:105px}
.production-system{border:1px solid #34465c;border-radius:24px;overflow:hidden;background:#101f33;box-shadow:0 24px 70px #0003}
.system-toolbar,.system-bottom{display:flex;align-items:center;gap:16px;padding:20px 24px;flex-wrap:wrap}
.system-toolbar{border-bottom:1px solid #2b3f55}.system-label{font-size:11px;letter-spacing:.12em;font-weight:800;color:#85f2ca}.system-caption{color:#94aac2;font-size:11px;margin-left:auto}
.system-pause,.system-bottom button{border:1px solid #42576f;background:transparent;color:#e5edf7;padding:8px 12px;border-radius:8px;font:600 11px Inter,sans-serif;cursor:pointer}
.system-batches{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:22px 24px 8px}
.system-batches>span{padding:7px 10px;background:#21364b;color:#bdd2e5;border:1px solid #3b526b;border-radius:5px;font:700 10px monospace;animation:batch-flow 5s ease-in-out infinite}
.system-batches>span:nth-child(2){animation-delay:.3s}.system-batches>span:nth-child(3){animation-delay:.6s}.system-batches i{color:#6bf0c1;font-style:normal}.system-batches b{font-size:11px;color:#a0b5ca;font-weight:500}
.system-stages{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:24px}
.system-stages li{min-width:0}.system-stages button{width:100%;min-height:140px;text-align:left;color:#e2eaf4;background:#15263c;border:1px solid #34475c;border-radius:13px;padding:16px;cursor:pointer;transition:background .3s,border-color .3s,transform .3s}
.system-stages button[aria-pressed=true]{background:#174139;border-color:#64eabc;transform:translateY(-4px)}
.system-stages button.is-complete{border-color:#357363}.system-number{font:800 10px monospace;color:#8dd7bd;display:block;margin-bottom:16px}
.system-stages strong{display:block;font:800 13px/1.4 Manrope,sans-serif;margin-bottom:7px}.system-stages small{font:400 11px/1.5 Inter,sans-serif;color:#a5bad1;display:block}
.system-track{height:14px;position:relative;margin-top:12px;background:linear-gradient(#38556c,#38556c) center/100% 1px no-repeat;overflow:hidden}
.system-track i{position:absolute;left:-8px;top:5px;width:5px;height:5px;border-radius:50%;background:#68eac0;animation:packet-flow 2.6s linear infinite}.system-track i:nth-child(2){animation-delay:.65s}.system-track i:nth-child(3){animation-delay:1.3s}
.system-stages li:last-child .system-track{opacity:.2}.production-system[data-approved=true] .system-stages li:last-child .system-track{opacity:1}
.system-detail{margin:0 24px 24px;padding:26px;border-radius:16px;background:#0b1727;display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:center;min-height:250px}
.system-scene{position:relative;height:195px;display:grid;place-items:center;overflow:hidden;border:1px solid #2a4058;border-radius:12px;background:radial-gradient(ellipse,#16463d55,transparent 70%)}
.system-scene>div{grid-area:1/1;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s;pointer-events:none}
[data-stage="0"] .system-docs,[data-stage="1"] .system-email,[data-stage="2"] .system-checks,[data-stage="3"] .system-human,[data-stage="4"] .system-delivery{opacity:1;transform:none}
.system-docs{display:flex;gap:14px}.system-docs span{padding:32px 16px;border-radius:8px;background:#e4f3ef;color:#134e3f;box-shadow:6px 6px 0 #354f62;font:800 12px monospace}
.system-email{padding:12px;background:#f6fbf9;width:125px;height:155px;border-radius:5px;box-shadow:10px 8px 0 #54797055,20px 16px 0 #54797033}.system-email>div{height:52px;background:#143b32;border-radius:3px}.system-email>i{display:block;height:5px;margin-top:12px;background:#adbfba}.system-email>b{display:block;width:60px;text-align:center;margin:12px auto 0;padding:5px;background:#35c992;border-radius:10px;font-size:9px;color:#083c2a}
.system-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.system-checks span{padding:16px 12px;border:1px solid #2f6857;border-radius:8px;background:#14372f;color:#8aebc8;font-size:12px}
.system-human{display:flex;flex-direction:column;align-items:center;gap:10px}.system-human img{width:65px;height:65px;object-fit:cover;border-radius:50%;border:2px solid #65e3b7}.system-human strong{font-size:13px}.system-human>span{color:#70e9bc;font-size:22px}.system-delivery{display:flex;gap:18px}.system-delivery b{padding:24px 18px;border-radius:10px;background:#62e6b4;color:#103e30;font-size:15px}
.system-description h4{font:800 23px/1.25 Manrope,sans-serif;margin:6px 0 12px}.system-description>p:not(.eyebrow){font-size:13px;line-height:1.75;color:#adc0d4;margin:0}.system-description .eyebrow{margin:0;font-size:10px}.system-gate{margin-top:18px;color:#e2c89b;font-size:11px;padding-left:13px;border-left:2px solid #d8b376}.production-system[data-approved=true] .system-gate{color:#78e5bd;border-color:#78e5bd}
.system-bottom{border-top:1px solid #2c4158;justify-content:space-between;color:#9fb4c9;font-size:11px}.system-outcomes .production-outcomes{margin-top:24px}.system-outcomes article{border-color:#34465c}.system-outcomes h4{font:800 19px Manrope,sans-serif;margin:16px 0 10px}.system-outcomes p{color:#a9bdd0}.system-outcomes article>span{background:#193f36;color:#80e7c4}
.production-system.is-paused *{animation-play-state:paused!important}
@keyframes packet-flow{to{left:105%}}@keyframes batch-flow{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px);border-color:#67e6b5}}
/* Services are entry points, with a visually dominant long-term offer. */
#services{background:#eef3f7}#services .services{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#services .service{display:flex;flex-direction:column;border-radius:22px;transition:transform .25s,box-shadow .25s}#services .service:hover{transform:translateY(-4px);box-shadow:0 20px 40px #112d4612}#services .service .service-link{margin-top:auto;padding-top:22px;font-size:13px}#services .service h3{font-size:22px;line-height:1.25}#services .service p{line-height:1.75}
#services .service-featured{grid-column:1/-1;padding:36px 42px;background:radial-gradient(ellipse at right top,#21614e 0,transparent 55%),#0d2330;color:white;border:1px solid #367560;position:relative;overflow:hidden}#services .service-featured:after{content:'';position:absolute;right:36px;bottom:18px;width:110px;height:110px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M22 78 78 22M22 22h56v56' fill='none' stroke='%2369e7b7' stroke-width='10'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.13;pointer-events:none}#services .service-featured h3{font-size:clamp(26px,3vw,38px)}#services .service-featured p{max-width:850px;color:#b7d1cc}#services .service-featured .service-num{background:transparent;color:#80f0c9}#services .service-featured .service-link{color:#80f0c9;align-self:flex-start;position:relative;z-index:1}#services .service-featured .service-flag{font-size:10px;letter-spacing:.15em;font-weight:800;color:#80f0c9;margin:0 0 22px}
.migration-teaser{background:#0c1b2e;color:white}.migration-teaser .lead,.migration-teaser-points{color:#afc2d6}.migration-teaser .eyebrow{color:#72edc4}.live-production-section{padding-bottom:40px}.clients-section{padding-top:40px}
/* Native details menu: keyboard, touch and no-JS support. */
.nav-services{position:relative;color:#c9d3e1;font-size:12px;font-weight:700}.nav-services summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;padding:12px 0}.nav-services summary::-webkit-details-marker{display:none}.nav-services[open] summary{color:#7aefc4}.nav-services-panel{position:absolute;top:100%;left:0;width:320px;padding:10px;border:1px solid #34465a;border-radius:14px;background:#0c192a;box-shadow:0 20px 50px #0005;z-index:60}.site-header .nav-services-panel>a{display:block;white-space:normal;padding:13px 14px;border-radius:8px;font-size:12px;line-height:1.5;color:#d0ddea}.nav-services-panel>a:first-child{background:#174536;color:#89f3ca}.nav-services-panel>a:hover{background:#223a50}.nav-services-panel a:focus-visible,.nav-services summary:focus-visible,.production-system button:focus-visible{outline:2px solid #79e9bf;outline-offset:4px}
.autonomy-hero .title{font-size:clamp(38px,4.7vw,65px)}.autonomy-hero .title span{color:#53e0ab}.autonomy-promise{padding:40px;border:1px solid #426252;border-radius:26px;background:radial-gradient(ellipse at top right,#26654e77,transparent 70%),#102533}.autonomy-promise>strong{font:800 clamp(70px,9vw,116px)/1.1 Manrope,sans-serif;letter-spacing:-.065em;color:#72edc4;display:block}.autonomy-promise h2{font:800 26px/1.3 Manrope,sans-serif;margin:20px 0}.autonomy-promise>p:not(.eyebrow){font-size:12px;color:#a8c0cf;line-height:1.8}.autonomy-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.autonomy-tags span{font-size:10px;border:1px solid #3b6056;border-radius:6px;color:#a8e9d4;padding:7px 10px}
@media(max-width:900px){.system-stages{gap:7px;padding:18px}.system-stages button{padding:12px 9px}.system-detail{margin:0 18px 18px;padding:20px;gap:20px}.nav-services{display:none}.nav.open .nav-services{display:block}.nav-services-panel{position:static;width:100%;box-shadow:none;margin:6px 0}.system-title{font-size:36px}#services .service-featured{padding:30px}#services .services{grid-template-columns:1fr}.autonomy-promise{max-width:600px}}
@media(max-width:620px){.system-toolbar,.system-bottom{padding:16px;gap:10px}.system-label{font-size:9px}.system-caption{margin-left:0;font-size:9px}.system-pause{margin-left:auto}.system-stages{grid-template-columns:1fr;padding:16px;gap:8px}.system-stages button{min-height:0;display:grid;grid-template-columns:28px 1fr;gap:3px 12px;padding:12px;text-align:left}.system-number{grid-row:1/3;margin:0;align-self:center}.system-stages strong{font-size:13px;margin:0}.system-stages small{font-size:10px}.system-track{display:none}.system-stages button[aria-pressed=true]{transform:none}.system-detail{grid-template-columns:1fr;margin:0 16px 16px;padding:18px;gap:20px}.system-description{min-height:170px}.system-batches{padding:16px 16px 0}.system-batches b{flex-basis:100%}.system-title{font-size:31px}.system-subtitle{font-size:24px;margin-top:36px}.autonomy-promise{padding:27px}.system-outcomes .production-outcomes{gap:0}}
@media(prefers-reduced-motion:reduce){.production-system *{animation:none!important;transition:none!important}}

/* Premium offer: the same workflow, with a deeper operational reward. */
.migration-teaser .eyebrow{display:block;padding:0;border:0;border-radius:0;background:transparent;color:#72edc4;font-size:12px;letter-spacing:.13em}
.production-premium{background:#081424;color:#eff5fb}
.production-premium .production-frictions{background:#0d1c2f;border-top:1px solid #ffffff0b}
.production-premium .production-frictions .eyebrow,.production-rewards .eyebrow{color:#7ae6be}
.production-premium .production-frictions .lead,.production-premium .production-frictions .production-outcomes p{color:#adbed1}
.production-premium .production-frictions .production-outcomes article{border-color:#33465c}
.production-premium .system-section{background:#091728;border-top:1px solid #ffffff0b}
.production-rewards{background:radial-gradient(ellipse at 90% 20%,#17413966,transparent 55%),#0d1d30;border-top:1px solid #34495b}
.production-rewards .title span{color:#76e4bb}.production-rewards .lead{max-width:800px;color:#b7c9d9;font-size:19px}
.reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.reward-grid article{padding:32px;border:1px solid #344b60;border-radius:20px;background:linear-gradient(140deg,#ffffff05,#ffffff01)}
.reward-number{font:600 12px monospace;color:#77ddb9;display:block;margin-bottom:25px}
.reward-grid h3{font:800 26px/1.25 Manrope,sans-serif;letter-spacing:-.025em;margin:0 0 18px;color:#f2f8ff}
.reward-grid p{color:#b2c4d7;font-size:15px;line-height:1.85;margin:0}
.reward-shift{display:grid;grid-template-columns:1fr auto 1fr;gap:34px;align-items:center;margin-top:34px;padding:28px 32px;border-radius:16px;background:#071526;border:1px solid #304d54}
.reward-shift small{font-size:10px;letter-spacing:.12em;color:#9cb3c9}.reward-shift p{font-size:15px;font-weight:600;margin:9px 0 0}.reward-shift>span{color:#73e3b7;font-size:30px}.reward-shift>div:last-child small,.reward-shift>div:last-child p{color:#89edc8}
.production-premium .autonomy-scope{background:#f3f6f8;color:#102033}
.production-premium .autonomy-scope .production-modes article{background:white;border-color:#dbe4eb;box-shadow:0 14px 35px #102a4010}
.production-premium .production-pilot{background:#0e2035;color:#f2f7ff}
.production-premium .production-pilot .lp-process article{background:#142a40;border-color:#35516a}.production-premium .production-pilot .lp-process b{color:#7ce7c0}.production-premium .production-pilot .lp-process p{color:#b1c4d8}
.production-premium .production-questions{background:#0a182a}.production-premium .production-faq details{border-color:#304257}.production-premium .production-faq p{color:#b3c4d6}
.production-premium .lp-cta{background:radial-gradient(ellipse at 50% 100%,#175c4566,transparent 75%),#07101f;border-top:1px solid #2c4254}
@media(max-width:700px){.reward-grid{grid-template-columns:1fr;gap:16px;margin-top:30px}.reward-grid article{padding:25px}.reward-grid h3{font-size:23px}.reward-shift{grid-template-columns:1fr;gap:16px;padding:24px}.reward-shift>span{transform:rotate(90deg);justify-self:start}.production-rewards .lead{font-size:17px}}

/* Shared section rhythm and the brief-to-proof workflow. */
body{--production-section-space:110px}
.production-premium main>section{padding-block:var(--production-section-space)}
main>.live-production-section,main>.clients-section{padding-block:var(--production-section-space)}
.production-premium .system-section{background:#0d1c2f}
.production-premium .production-frictions{background:#091728}
.production-frictions .title span{color:#76e4bb}
.system-assurance{max-width:970px;margin:24px 0 0;color:#b7c9d9;font-size:16px;line-height:1.85}
.system-assurance a,.system-description a,.reward-grid a{color:#85edc6;text-decoration:underline;text-underline-offset:3px}
.system-docs{flex-wrap:wrap;justify-content:center;max-width:280px}
.system-docs>b{flex-basis:100%;text-align:center;font-size:12px;color:#85edc6;margin-bottom:6px}
.system-checks .system-anomaly{border-color:#b9935d;background:#3a3022;color:#ffe1ad}
.system-notification{padding:7px 10px;border:1px solid #b9935d;border-radius:7px;color:#ffe1ad;background:#3a3022;font-size:10px}
.system-delivery{flex-wrap:wrap;justify-content:center;gap:12px}
.system-delivery b{padding:22px 14px;font-size:13px}
@media(min-width:701px){.reward-grid article{display:grid;grid-template-rows:auto minmax(66px,auto) 1fr;align-content:start}.reward-grid h3{margin-bottom:18px}}
@media(max-width:900px){body{--production-section-space:80px}}
@media(max-width:620px){body{--production-section-space:68px}.system-assurance{font-size:15px}.system-description{min-height:230px}.system-checks{gap:8px}.system-checks span{padding:14px 9px;font-size:11px}}
@media(min-width:701px){.reward-grid article{grid-row:span 3;grid-template-rows:subgrid;row-gap:0}.reward-number{align-self:start}.reward-grid h3{align-self:start}}

/* Keep the mobile service card clear of decorative overlays. */
@media(max-width:900px){#services .service-featured:after{display:none}}