.engine-section{padding:110px 0 65px;--engine-accent:#c4a0ef;scroll-margin-top:30px;}
.engine-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:42px;}
.engine-heading h2{font:500 clamp(34px,3.8vw,56px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-2.3px;margin:24px 0 0;}
.engine-heading h2 span,.launch-banner h2 span{color:#a397b6;}
.engine-intro{max-width:390px;}
.concept-tag{display:inline-flex;padding:8px 10px;font:9px var(--mono);letter-spacing:1px;color:#bfabd8;border:1px solid #44334f;border-radius:5px;background:#23182e55;}
.engine-intro p{font-size:14px;line-height:1.8;color:#a89bb6;margin:15px 0 0;}
.engine-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:38px;align-items:center;}
.engine-visual{margin:0;border:1px solid #44364f;border-radius:18px;background:radial-gradient(ellipse at 50% 45%,#21132970,transparent 65%),linear-gradient(145deg,#141018,#090a0e);position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff09;min-width:0;}
.engine-visual-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 26px 0;font:9px var(--mono);letter-spacing:1px;color:#84758f;}
.engine-visual-top>span:first-child{color:#c9b6dd;display:flex;align-items:center;gap:9px;}
.engine-visual-top i{width:5px;height:5px;background:#cba5fb;border-radius:50%;box-shadow:0 0 12px #c48cff88;}
.engine-board{display:block;width:100%;height:auto;overflow:visible;}
.board-guides{opacity:.25;}
.board-route{stroke:#705181;stroke-width:1;transition:stroke .3s;}
.route-wire{opacity:.45;}
.route-flow{stroke-dasharray:5 140;stroke-width:2;opacity:.45;animation:signal-flow 5s linear infinite;animation-play-state:paused;}
.board-route[data-route=skills] .route-flow{animation-delay:-1s;}
.board-route[data-route=inference] .route-flow{animation-delay:-2s;}
.board-route[data-route=delivery] .route-flow{animation-delay:-3s;}
.board-route circle{fill:#171020;}
.board-module rect{fill:#130f1a;stroke:#44314f;transition:stroke .3s,fill .3s;}
.board-module path{stroke:#796084;stroke-width:1;opacity:.45;}
.module-id{font:10px 'IBM Plex Mono',monospace;fill:#a58bb8;letter-spacing:.6px;}
.module-name{font:12px 'DM Sans',sans-serif;fill:#d1c1df;}
.chip-name{font:12px 'IBM Plex Mono',monospace;letter-spacing:3px;fill:#d6bfe7;}
.chip-version{font:7px 'IBM Plex Mono',monospace;letter-spacing:1.1px;fill:#8f749f;}
.chip-highlight{opacity:.6;animation:chip-light 4s ease-in-out infinite alternate;animation-play-state:paused;}
.engine-section[data-visible=true] :is(.route-flow,.chip-highlight){animation-play-state:running;}
.engine-section[data-stage=context] [data-route=context],.engine-section[data-stage=skills] [data-route=skills],.engine-section[data-stage=inference] [data-route=inference],.engine-section[data-stage=delivery] [data-route=delivery]{stroke:#dcafff;}
.engine-section[data-stage=context] [data-route=context] .route-flow,.engine-section[data-stage=skills] [data-route=skills] .route-flow,.engine-section[data-stage=inference] [data-route=inference] .route-flow,.engine-section[data-stage=delivery] [data-route=delivery] .route-flow{opacity:1;stroke-width:3;filter:drop-shadow(0 0 4px #db91ff);}
.engine-section[data-stage=context] [data-module=context] rect,.engine-section[data-stage=skills] [data-module=skills] rect,.engine-section[data-stage=inference] [data-module=inference] rect,.engine-section[data-stage=delivery] [data-module=delivery] rect{stroke:#c397e7;fill:#31203d;}
.engine-visual figcaption{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:20px 25px;border-top:1px solid #332739;font:9px/1.6 var(--mono);color:#95849f;}
.engine-visual figcaption>span:first-child{color:#d0b4e7;}
.engine-visual figcaption>span:last-child{max-width:210px;text-align:right;}
.engine-step-label{font:9px var(--mono);letter-spacing:1.3px;color:#97859f;display:flex;justify-content:space-between;padding:0 20px 16px;}
.engine-steps{display:flex;flex-direction:column;gap:9px;}
body .engine-step{display:grid;grid-template-columns:26px 1fr 18px;align-items:start;gap:16px;width:100%;padding:21px 20px;border:1px solid #302633;border-radius:12px;background:#100e13;text-align:left;color:#b2a3bf;}
.engine-step-number{font:11px/1.7 var(--mono);color:#80698f;}
.engine-step strong{font:500 17px/1.4 'Space Grotesk',sans-serif;display:block;letter-spacing:-.3px;color:#d1c3df;}
.engine-step small{display:block;font-size:12px;line-height:1.8;color:#9f8eab;margin-top:6px;}
.engine-step-arrow{color:#7b6489;font-size:17px;}
body .engine-step[aria-pressed=true]{background:linear-gradient(110deg,#30203e99,#17111e);border-color:#9573af;box-shadow:inset 3px 0 0 #c8a3ee,0 0 30px #b378e912;}
.engine-step[aria-pressed=true] :is(strong,.engine-step-arrow,.engine-step-number){color:#ecdaff;}
.engine-note{font-size:11px;line-height:1.8;color:#8d7a98;padding:0 20px;margin:20px 0 0;}
.engine-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:44px;gap:28px;}
.engine-benefits article{min-width:0;border-top:1px solid #372b40;padding:28px 4px 0;}
.engine-benefits h3{font-size:21px;letter-spacing:-.6px;color:#e0d3eb;margin:20px 0 10px;}
.engine-benefits p{font-size:13px;line-height:1.8;color:#a494ae;max-width:380px;margin:0;}
.engine-benefits article>div{height:90px;display:flex;align-items:center;}
.context-graphic>span{border:1px solid #725384;border-radius:6px;padding:12px;font:10px var(--mono);color:#d1b4e5;background:#261a31;}
.context-graphic>i{width:35px;height:1px;background:#725384;}
.context-graphic>div{display:flex;flex-direction:column;gap:6px;position:relative;border-left:1px solid #554060;padding-left:16px;}
.context-graphic b{font:9px var(--mono);color:#ac91bf;position:relative;}
.context-graphic b:before{content:'';position:absolute;left:-17px;top:50%;height:1px;width:10px;background:#554060;}
.token-graphic{flex-direction:column;align-items:stretch!important;justify-content:center;gap:15px;max-width:310px;}
.token-graphic>span{display:flex;align-items:center;gap:6px;font:9px var(--mono);color:#a88bbd;}
.token-graphic i:first-child{margin-left:auto;}
.token-graphic i{height:17px;width:28px;border:1px solid #795994;background:#5a37726b;transform:skewX(-12deg);}
.token-graphic>span:last-child{padding-right:68px;}
.token-graphic>span:last-child i{border-color:#53898c;background:#31676c55;}
.files-graphic{gap:12px;}
.files-graphic>span{border:1px solid #5b426c;border-radius:7px;width:58px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font:18px var(--mono);color:#c6a7df;background:linear-gradient(150deg,#24182f,#110e16);}
.files-graphic b{font:8px var(--mono);color:#a38bb7;}
.files-graphic>span:nth-child(2){transform:translateY(-6px);}
.launch-banner{border:1px solid #4d385e;border-radius:18px;background:radial-gradient(ellipse at 90% 110%,#6741833a,transparent 70%),#120f18;margin-top:85px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:40px;}
.launch-banner h2{font:500 clamp(28px,3vw,43px)/1.2 'Space Grotesk',sans-serif;letter-spacing:-1.5px;margin:20px 0 0;}
.launch-banner>div:last-child{display:flex;gap:12px;flex-direction:column;min-width:235px;}
.section-index{font-size:10px;}
@keyframes signal-flow{to{stroke-dashoffset:-290;}}
@keyframes chip-light{to{opacity:.2;}}
@media(hover:hover){body .engine-step:hover{border-color:#866098;background-color:#251a2e;box-shadow:0 0 24px #a371ce20;}}
@media(max-width:1150px){.engine-layout{gap:22px;grid-template-columns:1.2fr 1fr;}.engine-step strong{font-size:15px;}body .engine-step{padding:17px 14px;gap:12px;}.engine-visual figcaption{flex-direction:column;align-items:flex-start;gap:7px;}.engine-visual figcaption>span:last-child{text-align:left;max-width:none;}.engine-visual-top{font-size:8px;padding-left:18px;padding-right:18px;}}
@media(max-width:900px){.engine-heading{gap:30px;}.engine-intro{max-width:320px;}.engine-layout{grid-template-columns:1fr;gap:26px;}.engine-visual{max-width:740px;width:100%;margin:auto;}.engine-steps{display:grid;grid-template-columns:1fr 1fr;}.engine-note{padding-left:0;}.engine-benefits{gap:20px;}.engine-benefits h3{font-size:19px;}.token-graphic i{width:20px;}.token-graphic>span:last-child{padding-right:52px;}.launch-banner{padding:32px;}}
@media(max-width:600px){.engine-section{padding-top:72px;padding-bottom:25px;}.engine-heading{display:block;margin-bottom:28px;}.engine-heading h2{font-size:39px;letter-spacing:-1.6px;}.engine-intro{margin-top:25px;max-width:none;}.engine-intro p{font-size:13px;}.engine-visual{border-radius:12px;}.engine-visual-top{padding:18px 15px 0;font-size:7px;gap:8px;letter-spacing:.5px;}.engine-visual-top>span:last-child{display:none;}.engine-board{width:130%;margin-left:-15%;}.board-module{display:none;}.engine-visual figcaption{padding:16px;font-size:9px;}.engine-steps{grid-template-columns:1fr;gap:9px;}body .engine-step{padding:18px 14px;}.engine-step strong{font-size:16px;}.engine-step small{font-size:13px;}.engine-step-label{padding-left:0;}.engine-benefits{grid-template-columns:1fr;gap:28px;margin-top:35px;}.engine-benefits article{padding-top:24px;}.engine-benefits article>div{height:76px;}.engine-benefits h3{font-size:22px;margin-top:16px;}.engine-benefits p{max-width:none;font-size:14px;}.token-graphic i{width:28px;}.token-graphic>span:last-child{padding-right:68px;}.launch-banner{padding:27px 24px;display:block;margin-top:50px;}.launch-banner h2{font-size:31px;}.launch-banner>div:last-child{margin-top:30px;min-width:0;}.launch-banner a{min-height:50px;}}
@media(prefers-reduced-motion:reduce){.route-flow,.chip-highlight{animation:none!important;}.board-route,.board-module rect{transition:none;}}