/* Level 03: same immersive launch-page system, scoped to the new capability level. */
#level03 .level-banner-photo img{object-position:center 55%}
.creation-banner-design{margin-left:.4em}
[data-scenery="creation-overview"]{--scene-image:url('assets/fast-v1-level-03-overview-v1.webp');--scene-position:center 52%}
[data-scenery="creation-process"]{--scene-image:url('assets/fast-v1-level-03-process-v1.webp');--scene-position:center}
[data-scenery="creation-difference"]{--scene-image:url('assets/fast-v1-level-03-difference-v1.webp');--scene-position:center 50%}
[data-scenery="creation-ai"]{--scene-image:url('assets/fast-v1-level-03-ai-v1.webp');--scene-position:center 50%}
[data-scenery="creation-projects"]{--scene-image:url('assets/fast-v1-level-03-projects-v1.webp');--scene-position:center 55%}
[data-scenery="creation-launch"]{--scene-image:url('assets/fast-v1-level-03-launch-v1.webp');--scene-position:center 48%}
[data-scenery="creation-outcomes"]{--scene-image:url('assets/fast-v1-level-03-outcomes-v1.webp');--scene-position:center 50%;--scene-dim:.74}
#level03 .creation-comparison,#level03 .creation-projects,#level03 .creation-launch{position:relative}
#level03 .creation-cad-name{font-size:clamp(18px,2.3vw,26px);line-height:1.55}
.creation-stage{min-height:480px}
#level03 .journey-steps .is-active strong,#level03 .journey-steps .is-active .step-number{color:#8bdcff}
.creation-stage-panel{position:absolute;inset:85px 30px 76px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px);transition:opacity .35s,transform .45s}
.creation-stage[data-step="0"] [data-creation-panel="0"],.creation-stage[data-step="1"] [data-creation-panel="1"],.creation-stage[data-step="2"] [data-creation-panel="2"],.creation-stage[data-step="3"] [data-creation-panel="3"],.creation-stage[data-step="4"] [data-creation-panel="4"]{opacity:1;visibility:visible;transform:none}
.creation-stage-panel h3{font-size:30px;font-weight:550;line-height:1.45;letter-spacing:-.03em;margin-top:18px}
.creation-stage-panel p{font-size:12px;color:#cbd7e8;line-height:1.8;margin-top:24px}
.creation-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.creation-points>span,.creation-flow>span{padding:8px 12px;border:1px solid #355b80;border-radius:5px;background:#0e2034;color:#d8e7f7;font-size:12px}
.creation-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:24px}
.creation-flow>i{font-style:normal;color:var(--cyan)}
.creation-code{list-style:none;margin-top:20px;background:#0b1726;border-left:2px solid #6cc5f5;padding:9px 14px}
.creation-code li{font:13px/2.2 ui-monospace,Consolas,monospace;color:#d8e7f7}
.creation-code li>span{margin-right:14px;color:#98b9d7}
.creation-stage-panel[data-creation-panel="1"]>p{margin-top:16px}
.creation-stage-panel[data-creation-panel="2"] .creation-flow{justify-content:center;margin-top:10px}
.creation-stage-panel[data-creation-panel="2"]>p{text-align:center;margin-top:14px}
.creation-comparison{padding-block:100px}
.creation-mainline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:44px 0 30px}
.creation-mainline-grid article{border-top:1px solid #438fff80;padding-top:25px}
.creation-mainline-mark{display:block;font-size:48px;line-height:1.25;font-weight:550;color:var(--cyan)}
.creation-mainline-grid h3{font-size:20px;line-height:1.5;font-weight:550;color:#f3f6fc;margin-top:20px}
.creation-mainline-grid p{font-size:14px;line-height:1.9;color:#cbd7e8;margin-top:16px}
.creation-compare-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;margin-top:40px}
.creation-compare-grid article{border-top:1px solid var(--line);padding:30px 0}
.creation-compare-grid h3{font-size:23px;line-height:1.5;font-weight:550;margin-top:12px}
.creation-compare-grid article>p:last-child{font-size:14px;line-height:1.9;margin-top:22px;max-width:510px;color:#cbd7e8}
.creation-connected{border-top-color:#438fff80!important}
.creation-connected h3{color:#8bdcff}
.creation-code-diagram{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px 20px;gap:12px}
.creation-code-diagram>span{padding:14px 24px;border:1px solid #345c89;background:#132139;color:#d8e7f7;border-radius:6px;font-size:15px;text-align:center}
.creation-code-diagram>i{font-style:normal;color:var(--cyan)}
.creation-code-diagram>p{margin-top:16px}
.creation-projects{padding-block:75px 110px}
.creation-project-photo{margin:38px 0 0}
.creation-project-photo img{display:block;width:100%;height:auto;border-radius:10px}
.creation-project-photo figcaption{font-size:12px;line-height:1.8;color:#cbd7e8;margin-top:16px}
.creation-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 45px;margin-top:38px}
.creation-project-grid article{border-top:1px solid var(--line);padding-top:23px}
.creation-project-grid article>span,#level03 .outcome-grid article>span,#level03 .back-top{font-size:12px;color:#cbd7e8}
.creation-project-grid h3{font-size:23px;line-height:1.5;font-weight:550;margin-top:12px}
.creation-project-grid p{font-size:14px;line-height:1.9;color:#cbd7e8;margin-top:15px}
.creation-outcomes{padding-top:100px}
.creation-launch{padding-block:100px 110px}
.creation-presentation-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin:44px 0 30px}
.creation-presentation-points article{border-top:1px solid #438fff80;padding-top:26px}
.creation-presentation-points article>span{font-size:12px;color:#cbd7e8;line-height:1.8}
.creation-presentation-points h3{font-size:23px;font-weight:550;line-height:1.5;color:#8bdcff;margin-top:14px}
.creation-presentation-points p{font-size:14px;line-height:1.9;color:#cbd7e8;margin-top:18px}
.closing .creation-mentor-note{font-size:14px;line-height:1.9;max-width:660px;margin:24px auto 0;color:#cbd7e8;letter-spacing:0}
/* Five steps keep their type size; tighten spacing on shorter desktop screens. */
@media(min-width:981px) and (max-height:820px){
 #level03 .scene-sticky{padding-block:10px}
 #level03 .journey-steps{margin-block:18px 12px}
 #level03 .journey-steps button{padding-block:6px}
 #level03 .journey-steps li::before{top:15px}
}
@media(max-width:980px){
 .creation-mainline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
 .creation-compare-grid{grid-template-columns:1fr;gap:15px}
 .creation-comparison{padding-block:75px}
 .creation-stage-panel{inset:85px 28px 78px}
}
@media(max-width:700px){
 #level03 .section-scenery{--scene-dim:.76}
 .creation-banner-design{display:block;margin-left:0}
 #level03 .level-banner-photo img{object-position:54% center}
 #level03 .creation-cad-name{font-size:14px;line-height:2.15}
 #level03 .hero-facts{gap:24px;flex-wrap:wrap}
 .creation-stage-panel{inset:80px 22px 80px}
 .creation-stage-panel h3{font-size:27px}
 .creation-stage-panel[data-creation-panel="2"] .hardware-shell{height:150px;width:180px;margin-top:16px}
 .creation-stage-panel[data-creation-panel="2"] .hardware-shell>div{height:75px}
 .creation-stage-panel[data-creation-panel="2"] .shell-board{top:38px}
 .creation-stage-panel[data-creation-panel="2"] .shell-bottom{top:76px}
 .creation-points{gap:7px;margin-top:22px}
 .creation-points>span,.creation-flow>span{padding:6px 9px}
 .creation-stage .stage-footer{font-size:12px}
 .creation-stage .stage-progress{width:38px}
 .creation-comparison{padding-block:65px}
 .creation-mainline-grid{grid-template-columns:1fr;gap:28px;margin-block:30px}
 .creation-mainline-mark{font-size:38px}
 .creation-mainline-grid h3{margin-top:12px}
 .creation-compare-grid{margin-top:25px}
 .creation-compare-grid article{padding-block:25px}
 .creation-compare-grid h3{font-size:21px}
 .creation-projects{padding-block:60px 70px}
 .creation-project-photo{margin-top:28px}
 .creation-project-grid{grid-template-columns:1fr;gap:28px;margin-top:28px}
 .creation-project-grid h3{font-size:21px;margin-top:8px}
 .creation-project-grid p{margin-top:10px}
 .creation-outcomes{padding-top:65px}
 .creation-launch{padding-block:65px 75px}
 .creation-presentation-points{grid-template-columns:1fr;gap:28px;margin-block:30px}
 .creation-presentation-points h3{font-size:21px}
 .creation-presentation-points article{padding-top:20px}
 #level03 .journey-steps li:last-child{grid-column:1 / -1}
}
@media(max-width:360px){
 #level03 .hero-facts{gap:16px}
 .creation-stage-panel{inset-inline:18px}
 .creation-stage-panel h3{font-size:24px}
 .creation-stage-panel p{margin-top:20px}
 .creation-code{padding-inline:10px}
 .creation-code li{font-size:12px}
 .creation-flow{gap:6px}
 .creation-flow>span{padding-inline:7px}
}
.reduce-motion .creation-stage-panel{transition:none}
@media(prefers-reduced-motion:reduce){.creation-stage-panel{transition:none}}