.automations-page{background:#030303}.automations-page :focus-visible{outline:2px solid #ff7136;outline-offset:4px}.automations-page .mobile-nav a.active{color:#fff;background:rgba(237,61,0,.16)}.automation-eyebrow{margin:0 0 17px;color:var(--orange2);font-size:.66rem;font-weight:900;letter-spacing:.22em}.automation-copy{color:#aaa9a5;font-size:.98rem;line-height:1.75}.automation-section{position:relative;padding:48px 0;overflow:hidden}.automation-section h2,.automation-final h2{margin:0;font-size:clamp(3.1rem,5.3vw,5.55rem);line-height:1.02;letter-spacing:-.06em}.automation-section h3{letter-spacing:-.03em}.section-intro{text-align:center}.section-intro.left{text-align:left}.section-intro h2{max-width:980px;margin:auto}.section-intro.left h2{margin-left:0}.section-intro .section-copy{max-width:680px}
.automation-hero{position:relative;min-height:1260px;padding:208px 0 42px;overflow:hidden;background:radial-gradient(circle at 50% 23%,rgba(237,61,0,.15),transparent 27%),linear-gradient(135deg,#170704,#030303 42%)}.automation-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(#000,transparent 74%)}.automation-hero-light{position:absolute;left:50%;top:40px;width:820px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(237,61,0,.17),transparent 68%);filter:blur(28px);transform:translateX(-50%);animation:autoGlow 6s ease-in-out infinite}.automation-hero-copy{position:relative;z-index:2;text-align:center}.automation-hero-copy h1{max-width:1140px;margin:0 auto;font-size:clamp(4.25rem,6.3vw,6.7rem);line-height:.98;letter-spacing:-.07em}.automation-lead{max-width:760px;margin:27px auto 0;color:#c5c4c0;font-size:1.05rem;line-height:1.65}.automation-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:35px}
.hero-flow{position:relative;z-index:2;height:550px;margin-top:80px;overflow:hidden;border:1px solid rgba(237,61,0,.48);border-radius:30px;background:radial-gradient(circle at 50% 50%,rgba(237,61,0,.14),transparent 28%),linear-gradient(145deg,rgba(14,14,14,.98),rgba(3,3,3,.98));box-shadow:inset 0 1px rgba(255,255,255,.07),0 35px 90px rgba(0,0,0,.38)}.hero-flow:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle,#000,transparent 80%)}.hero-flow-head{position:absolute;z-index:6;left:23px;right:23px;top:20px;display:flex;justify-content:space-between;color:#747470;font-size:.52rem;font-weight:800;letter-spacing:.15em}.hero-flow-head span{display:flex;align-items:center;gap:7px}.hero-flow-head i{width:6px;height:6px;border-radius:50%;background:#48c987;box-shadow:0 0 9px #48c987}.hero-flow-path{position:absolute;z-index:2;inset:8% 4%;width:92%;height:84%}.hero-flow-path path{fill:none;stroke:rgba(237,61,0,.45);stroke-width:1.2;stroke-dasharray:7 9}.hero-packets circle{fill:#fff6ef;stroke:#ff6b2d;stroke-width:1;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 12px #ff5a16)}.flow-inputs,.flow-outcomes{position:absolute;z-index:5;top:77px;bottom:58px;width:225px;display:flex;flex-direction:column;justify-content:space-between}.flow-inputs{left:36px}.flow-outcomes{right:36px}.flow-inputs>p,.flow-outcomes>p{margin:0;color:#6f6f6b;font-size:.5rem;font-weight:800;letter-spacing:.17em}.flow-outcomes>p{text-align:right}.flow-inputs>div,.flow-outcomes>div{display:flex;align-items:center;gap:11px;padding:12px;border-radius:14px;background:rgba(8,8,8,.93);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 13px 28px rgba(0,0,0,.35)}.flow-inputs>div>svg,.flow-outcomes>div>svg{width:20px;color:var(--orange2)}.flow-outcomes>div>svg{color:#47ca8a}.flow-inputs span,.flow-outcomes span{display:flex;flex-direction:column}.flow-inputs b,.flow-outcomes b{font-size:.67rem}.flow-inputs small,.flow-outcomes small{color:#787874;font-size:.52rem}.flow-core{position:absolute;z-index:5;left:50%;top:50%;width:225px;height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--orange2);border-radius:50%;background:radial-gradient(circle,#2a0c04,#080302 67%);transform:translate(-50%,-50%);box-shadow:0 0 0 30px rgba(237,61,0,.025),0 0 0 62px rgba(237,61,0,.02),0 0 65px rgba(237,61,0,.2);animation:corePulse 3.4s ease-in-out infinite}.flow-core>span{position:absolute;inset:-31px;border:1px dashed rgba(255,255,255,.14);border-radius:50%;animation:autoSpin 16s linear infinite}.flow-core img{width:84px;height:70px;object-fit:contain}.flow-core small{margin-top:4px;font-size:.59rem;font-weight:900;letter-spacing:.18em}.flow-core strong{margin-top:5px;color:var(--orange2);font-size:.48rem;letter-spacing:.2em}.flow-core em{margin-top:13px;color:#777;font-size:.48rem;font-style:normal}
.model-section{background:radial-gradient(circle at 50% 58%,rgba(237,61,0,.08),transparent 30%)}.layer-system{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:70px}.layer-spine{position:absolute;left:8%;right:8%;top:72px;height:1px;background:rgba(255,255,255,.1)}.layer-spine:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--orange),var(--orange2),#45c987,transparent);transform-origin:left;animation:layerSweep 5s ease-in-out infinite}.layer-spine i{position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 20px var(--orange2);animation:layerDot 5s ease-in-out infinite}.layer-card{position:relative;z-index:2;min-height:315px;padding:24px 20px;border-radius:18px;background:linear-gradient(150deg,#121212,#050505);box-shadow:inset 0 1px rgba(255,255,255,.065),inset 0 0 0 1px rgba(255,255,255,.08),0 22px 50px rgba(0,0,0,.28)}.layer-card>span{color:#666;font-size:.52rem;letter-spacing:.15em}.layer-icon{width:51px;height:51px;display:grid;place-items:center;margin:28px 0 52px;border-radius:50%;background:#110602;color:var(--orange2);box-shadow:0 0 0 1px rgba(237,61,0,.5),0 0 26px rgba(237,61,0,.11)}.layer-icon svg{width:21px}.layer-card h3{margin:0 0 9px;font-size:1.05rem}.layer-card p{margin:0;color:#92928d;font-size:.73rem;line-height:1.55}.layer-card>small{position:absolute;left:20px;bottom:20px;color:#5e5e5a;font-size:.45rem;font-weight:800;letter-spacing:.15em}.model-note{max-width:700px;margin:28px auto 0;text-align:center;color:#777773;font-size:.7rem}
.practice-section{background:linear-gradient(180deg,#030303,#080403,#030303)}.practice-board{position:relative;margin-top:50px;padding:25px 24px 28px;border-radius:27px;background:linear-gradient(145deg,#101010,#040404);box-shadow:inset 0 0 0 1px rgba(237,61,0,.42),0 35px 80px rgba(0,0,0,.35)}.practice-top{display:flex;justify-content:space-between;color:#73736f;font-size:.5rem;font-weight:800;letter-spacing:.15em}.practice-top span{display:flex;align-items:center;gap:7px}.practice-top i{width:6px;height:6px;border-radius:50%;background:#47ca8a;box-shadow:0 0 8px #47ca8a}.practice-board ol{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;list-style:none;margin:58px 0 0;padding:0}.practice-board li{position:relative;min-height:220px;padding:18px;border-radius:17px;background:linear-gradient(150deg,#121212,#070707);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}.practice-board li>b{color:#686864;font-size:.48rem}.practice-board li>span{width:45px;height:45px;display:grid;place-items:center;margin:25px 0 30px;border-radius:14px;background:rgba(237,61,0,.1);color:var(--orange2);box-shadow:inset 0 0 0 1px rgba(237,61,0,.4)}.practice-board li>span svg{width:20px}.practice-board strong,.practice-board small{display:block}.practice-board strong{font-size:.8rem}.practice-board small{margin-top:6px;color:#7e7e7a;font-size:.59rem;line-height:1.5}.practice-route{position:absolute;z-index:1;left:9%;right:9%;top:140px;height:1px;background:linear-gradient(90deg,transparent,var(--orange2),transparent)}.practice-route i{position:absolute;top:-4px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 9px #fff,0 0 22px var(--orange2);animation:practiceDot 7s linear infinite}
.config-grid,.limits-grid,.implementation-grid{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.config-copy h2,.limits-copy h2,.implementation-copy h2{font-size:clamp(3rem,4.8vw,4.9rem)}.config-copy .automation-copy,.limits-copy .automation-copy,.implementation-copy .automation-copy{margin:28px 0 0}.config-caveat{display:flex;gap:9px;align-items:flex-start;margin-top:25px;color:#777773;font-size:.7rem}.config-caveat svg{width:16px;color:var(--orange2)}.config-console{padding:24px;border-radius:27px;background:linear-gradient(145deg,#111,#050505);box-shadow:inset 0 0 0 1px rgba(237,61,0,.45),0 34px 75px rgba(0,0,0,.34)}.console-head,.limits-head,.implementation-head{display:flex;justify-content:space-between;margin-bottom:20px;color:#71716d;font-size:.5rem;font-weight:800;letter-spacing:.15em}.console-row{display:grid;grid-template-columns:43px 1fr auto;gap:12px;align-items:center;margin:9px 0;padding:13px;border-radius:15px;background:#0b0b0b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.085)}.console-row>svg{width:38px;height:38px;padding:10px;border-radius:11px;background:rgba(237,61,0,.09);color:var(--orange2)}.console-row span{display:flex;flex-direction:column}.console-row b{font-size:.7rem}.console-row small{color:#797975;font-size:.55rem}.console-row em{padding:5px 8px;border-radius:999px;background:rgba(70,201,137,.07);color:#48ca8b;font-size:.43rem;font-style:normal;letter-spacing:.1em}
.limits-section{background:radial-gradient(circle at 24% 50%,rgba(237,61,0,.1),transparent 29%)}.limits-panel{padding:24px;border-radius:27px;background:linear-gradient(145deg,#110806,#050505);box-shadow:inset 0 0 0 1px rgba(237,61,0,.52),0 34px 75px rgba(0,0,0,.34)}.limits-head span{display:flex;align-items:center;gap:7px;color:#c16d4c}.limits-head i{width:6px;height:6px;border-radius:50%;background:var(--orange2);box-shadow:0 0 9px var(--orange2);animation:statusPulse 1.8s ease-in-out infinite}.limit-radar{position:relative;width:150px;height:150px;display:grid;place-items:center;margin:24px auto 30px;border:1px solid rgba(237,61,0,.35);border-radius:50%;box-shadow:0 0 0 24px rgba(237,61,0,.025),0 0 0 48px rgba(237,61,0,.02)}.limit-radar span{position:absolute;inset:18px;border:1px dashed rgba(255,255,255,.12);border-radius:50%;animation:autoSpin 12s linear infinite}.limit-radar svg{width:43px;height:43px;color:var(--orange2);filter:drop-shadow(0 0 14px rgba(237,61,0,.42))}.limit-states{display:grid;grid-template-columns:1fr 1fr;gap:9px}.limit-states span{padding:12px;border-radius:13px;background:#0b0b0b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.limit-states b,.limit-states small{display:block}.limit-states b{font-size:.63rem}.limit-states small{margin-top:4px;color:#777773;font-size:.52rem}
.implementation-copy .button{margin-top:30px;font-size:.84rem}.implementation-flow{position:relative;min-height:530px;padding:24px;border-radius:27px;background:radial-gradient(circle at 50% 34%,rgba(237,61,0,.12),transparent 28%),linear-gradient(145deg,#101010,#040404);box-shadow:inset 0 0 0 1px rgba(237,61,0,.45),0 34px 75px rgba(0,0,0,.34)}.implementation-core{width:280px;display:flex;align-items:center;gap:14px;margin:60px auto 0;padding:16px 20px;border-radius:19px;background:#0c0705;box-shadow:inset 0 0 0 1px rgba(237,61,0,.5)}.implementation-core img{width:58px;height:55px;object-fit:contain}.implementation-core span{display:flex;flex-direction:column}.implementation-core small{color:var(--orange2);font-size:.45rem;letter-spacing:.15em}.implementation-core strong{font-size:.79rem}.implementation-line{position:relative;width:88%;height:60px;margin:auto}.implementation-line:before{content:"";position:absolute;left:50%;top:0;bottom:22px;width:1px;background:var(--orange2)}.implementation-line:after{content:"";position:absolute;left:2%;right:2%;bottom:21px;height:1px;background:linear-gradient(90deg,transparent,var(--orange2),transparent)}.implementation-line i{position:absolute;left:50%;top:0;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 11px var(--orange2);animation:implementationPulse 2.4s ease-in-out infinite}.implementation-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.implementation-steps span{min-height:126px;display:flex;flex-direction:column;align-items:center;padding:16px 7px;text-align:center;border-radius:14px;background:#090909;box-shadow:inset 0 0 0 1px rgba(255,255,255,.085)}.implementation-steps svg{width:20px;margin-bottom:23px;color:var(--orange2)}.implementation-steps b{font-size:.62rem}.implementation-steps small{color:#73736f;font-size:.47rem}
.automation-final{position:relative;min-height:520px;display:grid;place-items:center;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 62%,rgba(237,61,0,.2),transparent 34%),linear-gradient(180deg,#030303,#100704 72%,#080504)}.automation-final-content{position:relative;z-index:2}.automation-final h2{max-width:970px;margin:auto;font-size:clamp(3.7rem,6.3vw,6.5rem)}.automation-final-content>p:not(.automation-eyebrow){max-width:650px;margin:24px auto 0;color:#aaa9a5}.automation-final-lines{position:absolute;inset:0}.automation-final-lines:before{content:"";position:absolute;left:50%;top:9%;width:520px;height:520px;border:1px solid rgba(237,61,0,.12);border-radius:50%;transform:translateX(-50%)}.automation-final-lines i{position:absolute;left:50%;top:4%;width:1px;height:390px;background:linear-gradient(transparent,rgba(255,89,20,.35),transparent);transform-origin:bottom;animation:finalSignal 6s ease-in-out infinite}.automation-final-lines i:nth-child(1){transform:rotate(-47deg)}.automation-final-lines i:nth-child(2){transform:rotate(0);animation-delay:-2s}.automation-final-lines i:nth-child(3){transform:rotate(47deg);animation-delay:-4s}
@keyframes autoGlow{50%{opacity:.6;transform:translateX(-50%) scale(1.08)}}@keyframes autoSpin{to{transform:rotate(360deg)}}@keyframes corePulse{50%{transform:translate(-50%,-50%) scale(1.035);box-shadow:0 0 0 35px rgba(237,61,0,.03),0 0 0 68px rgba(237,61,0,.02),0 0 75px rgba(237,61,0,.25)}}@keyframes layerSweep{0%,10%{transform:scaleX(0)}75%,100%{transform:scaleX(1)}}@keyframes layerDot{0%{left:0;opacity:0}12%,85%{opacity:1}100%{left:100%;opacity:0}}@keyframes practiceDot{0%{left:0;opacity:0}8%,92%{opacity:1}100%{left:100%;opacity:0}}@keyframes statusPulse{50%{opacity:.35}}@keyframes implementationPulse{50%{top:34px;opacity:.35}}@keyframes finalSignal{50%{opacity:.35;filter:drop-shadow(0 0 8px var(--orange2))}}
@media(max-width:1040px){.automation-hero{min-height:0}.hero-flow{height:720px}.flow-inputs,.flow-outcomes{top:84px;bottom:auto;width:250px}.flow-inputs{left:28px}.flow-outcomes{right:28px}.flow-core{top:52%}.layer-system{grid-template-columns:repeat(3,1fr)}.layer-spine{display:none}.config-grid,.limits-grid,.implementation-grid{grid-template-columns:1fr;gap:48px}.config-copy,.limits-copy,.implementation-copy{max-width:760px}.limits-panel{order:2}.limits-copy{order:1}.implementation-copy{order:1}.implementation-flow{order:2}}
@media(max-width:720px){.automation-section{padding:38px 0}.automation-section h2,.automation-final h2{font-size:clamp(2.1rem,9.8vw,3.15rem)}.automation-hero{padding:125px 0 36px}.automation-hero-copy h1{font-size:clamp(2.55rem,12vw,3.8rem);line-height:1}.automation-lead{font-size:.84rem}.automation-actions{flex-direction:column}.automation-actions .button{width:100%}.hero-flow{height:880px;margin-top:50px;border-radius:22px}.hero-flow-head b{display:none}.hero-flow-path{display:none}.flow-inputs,.flow-outcomes{left:16px;right:16px;width:auto;top:62px;bottom:auto}.flow-inputs>p,.flow-outcomes>p{text-align:center;margin-bottom:9px}.flow-inputs>div,.flow-outcomes>div{margin-bottom:8px;padding:10px}.flow-core{top:50%;width:150px;height:150px}.flow-core>span{inset:-20px}.flow-core img{width:58px;height:48px}.flow-core em{display:none}.flow-outcomes{top:auto;bottom:43px}.flow-core:before,.flow-core:after{content:"";position:absolute;left:50%;width:1px;height:105px;background:linear-gradient(transparent,var(--orange2),transparent)}.flow-core:before{bottom:100%}.flow-core:after{top:100%}.layer-system{grid-template-columns:1fr;gap:10px;margin-top:42px}.layer-card{min-height:150px;display:grid;grid-template-columns:34px 52px 1fr;gap:11px;align-items:center;padding:17px}.layer-icon{margin:0}.layer-card>small{display:none}.layer-card h3{font-size:.95rem}.practice-board{padding:18px 15px}.practice-top b{display:none}.practice-board ol{grid-template-columns:1fr;margin-top:36px;gap:9px}.practice-board li{min-height:0;display:grid;grid-template-columns:28px 45px 1fr;gap:10px;align-items:center;padding:12px}.practice-board li>span{margin:0}.practice-route{left:51px;right:auto;top:96px;bottom:45px;width:1px;height:auto;background:linear-gradient(transparent,var(--orange2),transparent)}.practice-route i{left:-3px;animation-name:practiceDotVertical}.config-console,.limits-panel,.implementation-flow{padding:15px;border-radius:21px}.console-head b,.limits-head b,.implementation-head b{display:none}.console-row{grid-template-columns:40px 1fr}.console-row em{display:none}.limit-states{grid-template-columns:1fr}.implementation-flow{min-height:670px}.implementation-core{width:100%;margin-top:42px}.implementation-line{height:42px}.implementation-steps{grid-template-columns:1fr}.implementation-steps span{min-height:62px;display:grid;grid-template-columns:36px 1fr;grid-template-rows:1fr 1fr;text-align:left;align-items:center;padding:8px 13px}.implementation-steps svg{grid-row:1/3;margin:0}.implementation-steps b{align-self:end}.implementation-steps small{align-self:start}.automation-final{min-height:460px;padding:52px 0 42px}.automation-final h2{font-size:clamp(2.45rem,11vw,3.6rem)}.automation-copy{font-size:.82rem}}
@media(max-width:390px){.automation-hero-copy h1{font-size:2.48rem}.flow-core{width:140px;height:140px}.automation-section h2,.automation-final h2{font-size:2.15rem}}
@keyframes practiceDotVertical{0%{top:0;opacity:0}8%,92%{opacity:1}100%{top:100%;opacity:0}}
@media(prefers-reduced-motion:reduce){.automation-hero-light,.hero-packets,.flow-core,.flow-core>span,.layer-spine:before,.layer-spine i,.practice-route i,.limits-head i,.limit-radar span,.implementation-line i,.automation-final-lines i{animation:none!important}.hero-packets{display:none}.layer-spine:before{transform:scaleX(1)}.practice-route i,.implementation-line i{display:none}.automations-page .site-header .brand,.automations-page .site-header .desktop-nav,.automations-page .site-header .explore-button,.automations-page .site-header .menu-toggle{opacity:1;transform:none}}

/* Automations has its own motion language: routes, instruments and state fields. */
.mobile-flow-route{display:none}
@media(min-width:1041px){
  .flow-inputs,.flow-outcomes{top:0;bottom:0;height:100%;display:block}
  .flow-inputs>p,.flow-outcomes>p{position:absolute;top:76px;left:0;right:0}
  .flow-inputs>div,.flow-outcomes>div{position:absolute;left:0;right:0}
  .flow-inputs>div:nth-of-type(1),.flow-outcomes>div:nth-of-type(1){top:120px}
  .flow-inputs>div:nth-of-type(2),.flow-outcomes>div:nth-of-type(2){top:247px}
  .flow-inputs>div:nth-of-type(3),.flow-outcomes>div:nth-of-type(3){top:374px}
}

.layer-system{max-width:1050px;margin:62px auto 0;display:flex;flex-direction:column;gap:11px}
.layer-spine{left:50%;right:auto;top:0;bottom:0;width:1px;height:auto;background:rgba(255,255,255,.08)}
.layer-spine:before{background:linear-gradient(transparent,var(--orange),#45c987,transparent);transform-origin:top;animation:layerSweepVertical 6s ease-in-out infinite}
.layer-spine i{left:-3px;top:0;animation:layerDotVertical 6s ease-in-out infinite}
.layer-card{width:88%;min-height:108px;display:grid;grid-template-columns:48px 58px minmax(0,1fr) 120px;align-items:center;gap:15px;padding:16px 22px;border-radius:8px;background:linear-gradient(90deg,rgba(19,9,6,.92),rgba(9,9,9,.96) 48%,rgba(5,5,5,.98));box-shadow:inset 3px 0 var(--orange2),inset 0 1px rgba(255,255,255,.07),0 16px 36px rgba(0,0,0,.22)}
.layer-card:nth-of-type(odd){align-self:flex-start}.layer-card:nth-of-type(even){align-self:flex-end;background:linear-gradient(270deg,rgba(9,17,13,.75),rgba(9,9,9,.96) 48%,rgba(5,5,5,.98));box-shadow:inset -3px 0 #42bd82,inset 0 1px rgba(255,255,255,.07),0 16px 36px rgba(0,0,0,.22)}
.layer-card>span{font-size:.68rem;text-align:center}.layer-icon{width:48px;height:48px;margin:0;border-radius:12px}.layer-card h3{margin:0;font-size:1.05rem}.layer-card p{font-size:.7rem}.layer-card>small{position:static;text-align:right;color:#686864}

.practice-board{padding:28px 30px 36px;border-radius:10px;background:linear-gradient(110deg,#0d0d0d,#050505);box-shadow:inset 0 1px rgba(255,255,255,.07),inset 0 -2px rgba(237,61,0,.3),0 35px 80px rgba(0,0,0,.35)}
.practice-board ol{gap:0;margin-top:48px}
.practice-board li{min-height:205px;padding:22px 18px;border-radius:0;background:transparent;box-shadow:none;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.06)}
.practice-board li+li{border-left:1px solid rgba(255,255,255,.09)}
.practice-board li:nth-child(even){transform:translateY(18px)}
.practice-board li>span{border-radius:50%;background:#130704}
.practice-route{left:7%;right:7%;top:135px}

.config-console{position:relative;overflow:hidden;border-radius:9px;background:#070707;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 5px 0 var(--orange2),0 34px 75px rgba(0,0,0,.34)}
.config-console:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 43px,rgba(255,255,255,.025) 44px);pointer-events:none}
.console-row{position:relative;margin:0;padding:15px 8px;border-radius:0;background:transparent;box-shadow:inset 0 -1px rgba(255,255,255,.08)}
.console-row>svg{border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1px rgba(237,61,0,.4)}
.console-row em{background:transparent;border:1px solid rgba(70,201,137,.25)}

.limits-panel{position:relative;min-height:480px;overflow:hidden;border-radius:50%;background:radial-gradient(circle,rgba(237,61,0,.11),#080504 46%,#050505 70%);box-shadow:inset 0 0 0 1px rgba(237,61,0,.45),0 34px 75px rgba(0,0,0,.34)}
.limits-head{position:absolute;z-index:3;left:50%;top:26px;width:72%;transform:translateX(-50%)}
.limit-radar{position:absolute;z-index:2;left:50%;top:50%;margin:0;transform:translate(-50%,-50%)}
.limit-states{position:absolute;inset:90px 35px 48px;display:block}
.limit-states span{position:absolute;width:175px;padding:12px 14px;border-radius:4px;background:rgba(5,5,5,.78);box-shadow:inset 2px 0 var(--orange2),0 9px 25px rgba(0,0,0,.3)}
.limit-states span:nth-child(1){left:0;top:5px}.limit-states span:nth-child(2){right:0;top:5px}.limit-states span:nth-child(3){left:0;bottom:5px}.limit-states span:nth-child(4){right:0;bottom:5px}

.implementation-flow{overflow:hidden;border-radius:10px;background:radial-gradient(circle at 50% 34%,rgba(237,61,0,.13),transparent 27%),linear-gradient(145deg,#0d0d0d,#030303)}
.implementation-travel{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none}
.implementation-travel path{fill:none;stroke:rgba(237,61,0,.58);stroke-width:1;stroke-dasharray:6 7;vector-effect:non-scaling-stroke}
.implementation-travel circle{fill:#fff9f4;stroke:#ff5a17;stroke-width:1;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 12px #ff5514)}
.implementation-travel-mobile{display:none}
.implementation-core,.implementation-steps{position:relative;z-index:3}
.implementation-steps span{border-radius:4px;background:linear-gradient(180deg,rgba(18,18,18,.94),rgba(6,6,6,.96));box-shadow:inset 0 1px rgba(255,255,255,.11),inset 0 -2px rgba(237,61,0,.22)}

@keyframes layerSweepVertical{0%,10%{transform:scaleY(0)}75%,100%{transform:scaleY(1)}}
@keyframes layerDotVertical{0%{top:0;opacity:0}12%,85%{opacity:1}100%{top:100%;opacity:0}}
@keyframes mobileFlowBall{0%{top:0;opacity:0}8%,92%{opacity:1}48%{box-shadow:0 0 10px #fff,0 0 25px var(--orange2)}100%{top:100%;opacity:0}}

@media(max-width:1040px) and (min-width:721px){
  .layer-card{width:94%}
  .limits-panel{max-width:620px;width:100%;margin:auto}
}

@media(max-width:720px){
  .mobile-flow-route{display:block;position:absolute;z-index:4;left:50%;top:205px;bottom:195px;width:1px;background:linear-gradient(transparent,var(--orange2),transparent)}
  .mobile-flow-route i{position:absolute;left:-4px;top:0;width:9px;height:9px;border-radius:50%;background:#fff8f2;box-shadow:0 0 8px #fff,0 0 20px var(--orange2);animation:mobileFlowBall 6s ease-in-out infinite}
  .flow-core:before,.flow-core:after{display:none}
  .layer-system{gap:8px;margin-top:40px}
  .layer-card,.layer-card:nth-of-type(odd),.layer-card:nth-of-type(even){width:100%;align-self:stretch;grid-template-columns:30px 46px 1fr;padding:14px 15px;background:linear-gradient(90deg,#100805,#070707);box-shadow:inset 2px 0 var(--orange2),inset 0 1px rgba(255,255,255,.07)}
  .layer-card p{font-size:.64rem}.layer-card>small{display:none}.layer-spine{display:none}
  .practice-board ol{gap:0}.practice-board li,.practice-board li:nth-child(even){transform:none;border-left:1px solid rgba(255,255,255,.08);border-bottom:0}.practice-board li:last-child{border-bottom:1px solid rgba(255,255,255,.08)}
  .config-console{border-radius:7px}.console-row{margin:0}
  .limits-panel{min-height:500px;border-radius:22px;padding:15px}
  .limits-head{position:static;width:auto;transform:none}
  .limit-radar{top:42%}
  .limit-states{inset:72px 12px 18px}
  .limit-states span{width:145px;padding:10px}
  .implementation-travel-desktop{display:none}.implementation-travel-mobile{display:block}
  .implementation-steps{position:relative;z-index:3}
  .implementation-steps span{border-radius:3px}
}

@media(max-width:390px){
  .limit-states span{width:128px}.limit-states b{font-size:.56rem}.limit-states small{font-size:.45rem}
}

@media(prefers-reduced-motion:reduce){
  .mobile-flow-route i,.implementation-travel circle{display:none}
  .mobile-flow-route{background:linear-gradient(transparent,var(--orange2),transparent)}
}

/* Clear status field: readable labels with motion that explains the state. */
.limits-panel{min-height:420px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(237,61,0,.13),transparent 31%),linear-gradient(145deg,#100704,#050505 62%);box-shadow:inset 0 0 0 1px rgba(237,61,0,.48),0 28px 65px rgba(0,0,0,.32)}
.limits-panel:before,.limits-panel:after{content:"";position:absolute;z-index:0;left:50%;top:50%;border:1px solid rgba(237,61,0,.18);border-radius:50%;transform:translate(-50%,-50%);animation:limitWave 3.8s ease-out infinite}
.limits-panel:before{width:230px;height:230px}.limits-panel:after{width:310px;height:310px;animation-delay:1.9s}
.limits-head{left:26px;right:26px;top:23px;width:auto;transform:none}
.limit-radar{width:126px;height:126px;box-shadow:0 0 0 20px rgba(237,61,0,.025),0 0 0 42px rgba(237,61,0,.018)}
.limit-states{z-index:2;inset:82px 22px 34px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:128px 120px;align-items:center}
.limit-states span{position:relative!important;inset:auto!important;width:auto;min-width:0;padding:13px 14px;border-radius:8px;background:rgba(7,7,7,.92);box-shadow:inset 3px 0 var(--orange2),inset 0 0 0 1px rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.3);animation:limitState 8s ease-in-out infinite}
.limit-states span:nth-child(2){animation-delay:2s}.limit-states span:nth-child(4){animation-delay:4s}.limit-states span:nth-child(3){animation-delay:6s}
.limit-states b{font-size:.67rem}.limit-states small{font-size:.5rem;line-height:1.4}

/* The workflow frame now ends with its content instead of leaving an empty stage. */
.implementation-flow{min-height:0;padding:24px 24px 28px}
.implementation-core{margin-top:44px}
.implementation-steps span{min-height:118px;animation:implementationStage 9s ease-in-out infinite}
.implementation-steps span:nth-child(2){animation-delay:1.8s}.implementation-steps span:nth-child(3){animation-delay:3.6s}.implementation-steps span:nth-child(4){animation-delay:5.4s}.implementation-steps span:nth-child(5){animation-delay:7.2s}

@keyframes limitWave{0%{opacity:.75;transform:translate(-50%,-50%) scale(.68)}80%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes limitState{0%,16%,100%{border-color:transparent;filter:none}7%{box-shadow:inset 3px 0 #ff5a16,inset 0 0 0 1px rgba(255,105,46,.28),0 0 24px rgba(237,61,0,.15);filter:brightness(1.2)}}
@keyframes implementationStage{0%,18%,100%{transform:translateY(0);filter:none}8%{transform:translateY(-5px);filter:drop-shadow(0 10px 16px rgba(237,61,0,.22))}}

@media(max-width:720px){
  .limits-panel{min-height:470px;border-radius:18px}
  .limits-panel:before{width:180px;height:180px}.limits-panel:after{width:245px;height:245px}
  .limits-head{position:relative;left:auto;right:auto;top:auto}
  .limit-radar{top:44%;width:108px;height:108px}
  .limit-states{inset:62px 8px 20px;gap:128px 50px}
  .limit-states span{width:auto;padding:10px 9px}
  .implementation-flow{min-height:0;padding:15px 15px 20px}
  .implementation-core{margin-top:34px}
}

@media(prefers-reduced-motion:reduce){
  .limits-panel:before,.limits-panel:after,.limit-states span,.implementation-steps span{animation:none!important}
}

/* Scroll entrance: the workflow rotates from an X-axis plane into its final view. */
.hero-flow.axis-turn-reveal.reveal{opacity:0;filter:blur(9px);transform:perspective(1500px) translate3d(-7%,70px,0) rotateX(58deg) rotateY(-14deg) scale(.9);transform-origin:50% 0;transition:opacity .72s ease,filter .9s ease,transform 1.45s cubic-bezier(.16,1,.3,1);will-change:transform,opacity,filter}
.hero-flow.axis-turn-reveal.reveal.visible{opacity:1;filter:blur(0);transform:perspective(1500px) translate3d(0,0,0) rotateX(0) rotateY(0) scale(1)}
@media(max-width:720px){.hero-flow.axis-turn-reveal.reveal{transform:perspective(900px) translate3d(-11%,52px,0) rotateX(42deg) rotateY(-10deg) scale(.92);transition-duration:.68s,.8s,1.25s}.hero-flow.axis-turn-reveal.reveal.visible{transform:perspective(900px) translate3d(0,0,0) rotateX(0) rotateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.hero-flow.axis-turn-reveal.reveal,.hero-flow.axis-turn-reveal.reveal.visible{opacity:1;filter:none;transform:none;transition:none}}

/* True X-axis hinge: starts edge-on and unfolds into the vertical plane. */
.hero-flow.axis-turn-reveal.reveal{opacity:.18;filter:none;transform:perspective(1700px) rotateX(88deg) scale(.94);transform-origin:50% 50%;transition:opacity .48s ease,transform 1.7s cubic-bezier(.18,.82,.18,1);backface-visibility:hidden}
.hero-flow.axis-turn-reveal.reveal.visible{opacity:1;filter:none;transform:perspective(1700px) rotateX(0deg) scale(1)}
@media(max-width:720px){.hero-flow.axis-turn-reveal.reveal{opacity:.2;transform:perspective(1100px) rotateX(86deg) scale(.95);transform-origin:50% 50%;transition:opacity .45s ease,transform 1.55s cubic-bezier(.18,.82,.18,1)}.hero-flow.axis-turn-reveal.reveal.visible{opacity:1;transform:perspective(1100px) rotateX(0deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.hero-flow.axis-turn-reveal.reveal,.hero-flow.axis-turn-reveal.reveal.visible{opacity:1;transform:none;transition:none}}

/* Mobile workflow story: inputs, core and outcomes enter in operational order. */
@media(max-width:720px) and (prefers-reduced-motion:no-preference){
  .hero-flow.axis-turn-reveal .flow-inputs>p,
  .hero-flow.axis-turn-reveal .flow-inputs>div,
  .hero-flow.axis-turn-reveal .flow-core,
  .hero-flow.axis-turn-reveal .flow-outcomes>p,
  .hero-flow.axis-turn-reveal .flow-outcomes>div{opacity:0}
  .hero-flow.axis-turn-reveal.visible .flow-inputs>p{animation:mobileStepIn .55s .18s cubic-bezier(.16,1,.3,1) forwards}
  .hero-flow.axis-turn-reveal.visible .flow-inputs>div:nth-of-type(1){animation:mobileStepIn .62s .38s cubic-bezier(.16,1,.3,1) forwards}
  .hero-flow.axis-turn-reveal.visible .flow-inputs>div:nth-of-type(2){animation:mobileStepIn .62s .68s cubic-bezier(.16,1,.3,1) forwards}
  .hero-flow.axis-turn-reveal.visible .flow-inputs>div:nth-of-type(3){animation:mobileStepIn .62s .98s cubic-bezier(.16,1,.3,1) forwards}
  .hero-flow.axis-turn-reveal.visible .flow-core{animation:mobileCoreIn .78s 1.3s cubic-bezier(.16,1,.3,1) forwards,corePulse 3.4s 2.08s ease-in-out infinite}
  .hero-flow.axis-turn-reveal.visible .flow-outcomes>p{animation:mobileStepIn .55s 1.82s cubic-bezier(.16,1,.3,1) forwards}
  .hero-flow.axis-turn-reveal.visible .flow-outcomes>div:nth-of-type(1){animation:mobileStepIn .62s 2.02s cubic-bezier(.16,1,.3,1) forwards}
  .hero-flow.axis-turn-reveal.visible .flow-outcomes>div:nth-of-type(2){animation:mobileStepIn .62s 2.32s cubic-bezier(.16,1,.3,1) forwards}
  .hero-flow.axis-turn-reveal.visible .flow-outcomes>div:nth-of-type(3){animation:mobileStepIn .62s 2.62s cubic-bezier(.16,1,.3,1) forwards}
  .hero-flow.axis-turn-reveal.visible .mobile-flow-route i{animation-delay:1.3s}
}
@keyframes mobileStepIn{0%{opacity:0;transform:translateX(-24px) scale(.97)}100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes mobileCoreIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.72) rotate(-7deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}

/* Outcome cards are parallel states, not sequential steps. */
@media(max-width:720px) and (prefers-reduced-motion:no-preference){
  .hero-flow.axis-turn-reveal.visible .flow-outcomes>p{animation-delay:1.82s}
  .hero-flow.axis-turn-reveal.visible .flow-outcomes>div:nth-of-type(1),
  .hero-flow.axis-turn-reveal.visible .flow-outcomes>div:nth-of-type(2),
  .hero-flow.axis-turn-reveal.visible .flow-outcomes>div:nth-of-type(3){animation-delay:2.08s}
}