/* Connect orbital choreography — Forest / Paper / Amber. Decoration has no input layer. */
html{scroll-padding-top:110px}main{min-width:0}.motion-toolbar{position:sticky;top:0;z-index:12;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;background:var(--paper);border-bottom:1px solid var(--line);margin-bottom:20px;min-height:76px}.motion-toolbar p{font-size:12px;margin:0;line-height:1.5}.motion-toolbar .motion-control{color:var(--forest);border-color:var(--forest);background:var(--paper);min-height:44px;min-width:184px;flex:none;font-size:12px}.motion-control:disabled,.scene-replay:disabled{opacity:.6;cursor:default}.motion-toolbar strong{display:block;font-size:12px;letter-spacing:.1em;font-weight:600;text-transform:uppercase}#motion-note{display:block;min-height:18px}.scene-topline{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.scene-topline .eyebrow{margin:0}.scene-replay{font:12px/1.4 Arial,sans-serif;min-height:44px;padding:10px 14px;color:inherit;background:transparent;border:1px solid currentColor;flex:none}.hero .scene-replay{color:var(--sage)}[data-motion-scene]{--orbit-play:paused;position:relative;min-width:0;scroll-margin-top:110px}[data-motion-scene][data-play=running]{--orbit-play:running}[data-motion-scene] h1,[data-motion-scene] h2{backface-visibility:hidden;transform-origin:50% 70%}.scene-art,.orbital-space{position:relative;isolation:isolate;pointer-events:none;user-select:none;overflow:clip}.scene-art *,.orbital-space *{pointer-events:none}.orbital-space.demo-scene{height:450px;--scene-play:var(--orbit-play,paused);background:radial-gradient(ellipse at 50% 52%,#315b4b99,transparent 65%);perspective:1000px}.orbital-space:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#d5dcc70a 1px,transparent 1px),linear-gradient(90deg,#d5dcc70a 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,#000 30%,transparent 70%)}.orbital-world{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 50%;will-change:auto}.orbit-field{position:absolute;inset:0;width:100%;height:100%;z-index:1}.orbit-core{position:absolute;left:50%;top:50%;width:150px;height:150px;border:1px solid #d5dcc75e;border-radius:50%;transform:translate(-50%,-50%) translateZ(-45px);background:radial-gradient(circle at 35% 35%,#e8b45f38,#183d35 70%);box-shadow:0 0 65px #e8b45f12}.orbit-core:after{content:'';position:absolute;inset:15px;border-radius:inherit;border:1px solid #e8b45f42}.orbit-ring{position:absolute;left:50%;top:50%;width:310px;height:310px;margin:-155px;border:1px solid #d5dcc76a;border-radius:50%;transform-style:preserve-3d}.ring-a{transform:rotateX(63deg) rotateY(-18deg) rotateZ(-30deg)}.ring-b{transform:rotateX(-49deg) rotateY(56deg) rotateZ(40deg);width:346px;height:346px;margin:-173px;border-color:#e8b45f88}.ring-c{transform:rotateX(13deg) rotateY(68deg) rotateZ(18deg);width:290px;height:290px;margin:-145px;border-style:dashed;border-color:#d5dcc74a}.ring-phase{position:absolute;inset:0;border-radius:50%;animation:orbit-phase 16s linear infinite;animation-play-state:var(--orbit-play)}.ring-b .ring-phase{animation-duration:23s;animation-direction:reverse}.ring-c .ring-phase{animation-duration:19s;animation-delay:-9s}.ring-phase:before{content:'';position:absolute;top:50%;left:-5px;width:10px;height:10px;border-radius:50%;background:var(--amber);box-shadow:0 0 16px #e8b45f88}.ring-phase:after{content:'';position:absolute;inset:-1px;border:1px solid transparent;border-left-color:#e8b45faa;border-top-color:#e8b45f33;border-radius:50%;clip-path:polygon(0 0,50% 0,50% 50%,0 50%)}.orbit-label{position:absolute;font-size:10px;letter-spacing:.14em;color:var(--sage);z-index:5}.orbit-label.top{top:14px;left:12px}.orbit-label.bottom{bottom:12px;right:12px}.device-skin{position:absolute;background:var(--paper);color:var(--forest);border:1px solid #d5dcc7b3;box-shadow:14px 18px 0 #071e1833;transform-style:preserve-3d}.device-skin:before{content:'';position:absolute;inset:9px;border:1px solid #183d3533}.device-skin .device-glyph{position:absolute;inset:20px;display:grid;place-items:center;font-size:44px;font-weight:400;font-family:Georgia,serif}.device-skin .device-caption{position:absolute;bottom:16px;left:16px;font-size:9px;letter-spacing:.08em}.orbit-phone{width:116px;height:208px;left:calc(50% - 66px);top:116px;border-radius:18px;transform:translateZ(60px) rotateY(-18deg) rotateZ(-7deg);animation:orbit-phone 11s ease-in-out infinite;animation-play-state:var(--orbit-play);z-index:4}.orbit-phone:before{border-radius:11px}.orbit-phone:after{content:'';position:absolute;top:9px;left:45px;width:26px;height:3px;border-radius:4px;background:var(--forest)}.orbit-laptop{width:178px;height:116px;right:4px;top:86px;transform:translateZ(-50px) rotateY(-23deg) rotateX(9deg) rotateZ(7deg);background:var(--sage);animation:orbit-laptop 15s ease-in-out infinite;animation-play-state:var(--orbit-play);z-index:2}.orbit-laptop:after{content:'';position:absolute;left:-10px;right:-10px;bottom:-8px;height:7px;background:var(--sage);border:1px solid #183d3544;transform:skewX(-25deg)}.orbit-tablet{width:146px;height:116px;left:0;bottom:62px;transform:translateZ(-25px) rotateY(25deg) rotateZ(-12deg);background:var(--amber);animation:orbit-tablet 13s ease-in-out infinite;animation-play-state:var(--orbit-play);z-index:3}.orbit-tablet .device-glyph{font-size:28px}.orbital-legend{display:flex;gap:12px;align-items:center;font:11px/1.5 Arial,sans-serif;color:var(--sage);margin-top:14px}.orbital-legend:before{content:'';width:22px;height:1px;background:var(--amber);flex:none}.demo-frame figcaption{margin:12px 0;font-size:12px;max-width:42ch}.device-assembly{height:195px;background:linear-gradient(110deg,#d5dcc744,transparent);margin:24px 0 26px;border-bottom:1px solid var(--line);perspective:900px}.assembly-stage{position:absolute;inset:0;transform-style:preserve-3d}.assembly-line{position:absolute;left:8%;right:8%;top:55%;border-top:1px dashed #183d3533;transform:rotate(-5deg)}.assembly-piece{position:absolute;border:1px solid var(--forest);background:var(--paper);box-shadow:8px 8px 0 #183d350c;transform-style:preserve-3d;animation:assembly-pose 14s ease-in-out infinite;animation-play-state:var(--orbit-play)}.assembly-piece:before{content:'';position:absolute;inset:7px;border:1px solid #183d3526}.assembly-piece span{position:absolute;bottom:10px;left:10px;font-size:10px}.assembly-phone{left:12%;top:39px;width:62px;height:116px;border-radius:10px;--pose:rotateY(-20deg) rotateZ(-6deg);--float:-7px;transform:var(--pose)}.assembly-tablet{left:32%;top:24px;width:104px;height:140px;border-radius:7px;--pose:rotateY(17deg) rotateZ(5deg);--float:5px;animation-duration:17s;transform:var(--pose)}.assembly-laptop{left:55%;top:56px;width:154px;height:92px;--pose:rotateY(-14deg) rotateX(12deg);--float:-5px;animation-duration:19s;transform:var(--pose)}.assembly-laptop:after{content:'';position:absolute;bottom:-7px;left:-9px;right:-9px;height:6px;background:var(--forest)}.assembly-monitor{right:8%;top:29px;width:116px;height:106px;--pose:rotateY(-25deg) rotateZ(3deg);--float:7px;animation-duration:21s;transform:var(--pose)}.assembly-monitor:after{content:'';position:absolute;left:45px;bottom:-26px;width:25px;height:24px;border-left:1px solid var(--forest);border-bottom:1px solid var(--forest)}.scene-art-label{position:absolute;top:10px;left:12px;font-size:10px;letter-spacing:.1em;color:var(--muted)}.plan-fan{height:150px;perspective:800px;margin:20px 0}.plan-fan:before{content:'';position:absolute;left:calc(50% - 125px);top:15px;width:250px;height:250px;border:1px solid var(--line);border-radius:50%}.fan-plane{position:absolute;left:calc(50% - 38px);top:31px;width:76px;height:94px;border:1px solid var(--forest);background:var(--paper);transform-origin:50% 140%;--fan:0deg;transform:rotate(var(--fan));animation:fan-turn 16s ease-in-out infinite;animation-play-state:var(--orbit-play)}.fan-plane:after{content:'';position:absolute;inset:12px;border-top:1px solid var(--forest);border-bottom:1px solid var(--line)}.fan-plane:nth-child(2){--fan:-52deg;animation-delay:-3s}.fan-plane:nth-child(3){--fan:-18deg;background:var(--sage);animation-delay:-5s}.fan-plane:nth-child(4){--fan:18deg;background:var(--amber);animation-delay:-8s}.fan-plane:nth-child(5){--fan:52deg;animation-delay:-11s}.installation-plane{height:160px;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);perspective:900px}.plane-fold{position:absolute;left:12%;right:12%;top:45px;display:grid;grid-template-columns:repeat(4,1fr);transform:rotateX(36deg) rotateY(-8deg);transform-style:preserve-3d;animation:plane-unfold 18s ease-in-out infinite;animation-play-state:var(--orbit-play)}.plane-fold i{position:relative;display:grid;place-items:center;height:75px;font:14px Arial,sans-serif;font-style:normal;background:var(--sage);border:1px solid #183d3555;transform:rotateY(-12deg)}.plane-fold i:nth-child(even){background:var(--paper);transform:rotateY(12deg)}.plane-fold i:last-child{background:var(--amber)}.decorative-line{position:absolute;left:8%;right:8%;top:50%;height:1px;background:#183d3538;transform:rotate(-3deg)}.decorative-line:after{content:'';position:absolute;width:32px;height:3px;top:-1px;background:var(--amber);animation:decorative-pass 8s ease-in-out infinite;animation-play-state:var(--orbit-play)}.help-depth{height:130px;background:linear-gradient(90deg,#d5dcc73b,transparent);perspective:800px;border-bottom:1px solid var(--line);margin:22px 0}.help-sheet{position:absolute;width:130px;height:85px;border:1px solid var(--forest);left:calc(50% - 70px);top:22px;background:var(--paper);transform:rotateY(-18deg) rotateZ(-8deg);animation:help-perspective 13s ease-in-out infinite;animation-play-state:var(--orbit-play)}.help-sheet:before{content:'?';position:absolute;inset:0;display:grid;place-items:center;font:56px Georgia,serif}.help-sheet:after{content:'';position:absolute;inset:10px;border:1px solid var(--line)}.help-sheet.back{left:calc(50% - 35px);background:var(--sage);transform:translateZ(-50px) rotateY(20deg) rotateZ(12deg);animation-direction:reverse;animation-duration:17s}.help-sheet.back:before{content:''}.final-orbit{height:160px;perspective:850px}.final-ring{position:absolute;width:126px;height:126px;left:calc(50% - 63px);top:17px;border:1px solid var(--forest);border-radius:50%;transform:rotateY(62deg) rotateZ(-22deg);animation:final-iris 18s ease-in-out infinite;animation-play-state:var(--orbit-play)}.final-ring:nth-child(2){transform:rotateY(-52deg) rotateX(22deg);animation-direction:reverse;animation-duration:23s}.final-ring:nth-child(3){width:96px;height:96px;left:calc(50% - 48px);top:32px;border-color:#183d3566;transform:rotateX(50deg);animation-duration:15s}.final-arrow{position:absolute;inset:0;display:grid;place-items:center;font:64px Georgia,serif}.notice[data-motion-scene]{margin-top:36px;padding:24px 32px 32px}.notice .scene-topline{color:var(--forest)}.guide-motion-marker{position:relative;display:flex;justify-content:space-between;margin:20px 0 26px;border-top:1px solid var(--line);height:34px;overflow:clip;--guide-step:0}.guide-motion-marker i{display:block;border:1px solid var(--forest);width:14px;height:14px;border-radius:50%;background:var(--paper);margin-top:9px;z-index:1}.guide-motion-marker:after{content:'';position:absolute;top:9px;left:calc(var(--guide-step)*25%);width:14px;height:14px;background:var(--amber);border:1px solid var(--forest);border-radius:50%;z-index:2;transform:translateX(calc(var(--guide-step)*-3.5px))}.guide-motion-marker:before{content:'';position:absolute;left:0;top:15px;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--amber),transparent);animation:guide-order 2.8s ease-out infinite;animation-play-state:var(--orbit-play)}.guide-motion-marker[data-step="0"]:after{display:none}.guide-motion-marker *{pointer-events:none}.scene-art svg{display:block;width:100%;height:100%}
@keyframes orbit-phase{to{transform:rotate(360deg)}}@keyframes orbit-phone{50%{transform:translateY(-9px) translateZ(60px) rotateY(7deg) rotateZ(-3deg)}}@keyframes orbit-laptop{50%{transform:translateY(7px) translateZ(-50px) rotateY(-5deg) rotateX(4deg) rotateZ(4deg)}}@keyframes orbit-tablet{50%{transform:translateY(-6px) translateZ(-25px) rotateY(8deg) rotateZ(-7deg)}}@keyframes assembly-pose{50%{transform:translateY(var(--float)) var(--pose)}}@keyframes fan-turn{50%{transform:rotate(var(--fan)) rotateY(20deg)}}@keyframes plane-unfold{50%{transform:rotateX(20deg) rotateY(8deg)}}@keyframes decorative-pass{0%,8%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}95%,100%{left:calc(100% - 32px);opacity:0}}@keyframes help-perspective{50%{transform:translateZ(15px) rotateY(8deg) rotateZ(3deg)}}@keyframes final-iris{50%{transform:rotateY(18deg) rotateX(-16deg) rotateZ(22deg)}}@keyframes guide-order{from{transform:scaleX(0);transform-origin:0 50%;opacity:0}30%{opacity:1}to{transform:scaleX(1);transform-origin:0 50%;opacity:0}}
@media(max-width:1100px){.hero .scene-topline{gap:10px}.orbital-space.demo-scene{height:400px}.orbit-laptop{right:10px}.hero{gap:25px}.assembly-monitor{right:6%}.assembly-laptop{left:50%}}
@media(max-width:640px){html{scroll-padding-top:118px}.motion-toolbar{gap:10px;min-height:82px}.motion-toolbar strong{font-size:10px;letter-spacing:.04em}.motion-toolbar p{font-size:10px}.motion-toolbar .motion-control{min-width:0;width:48%;padding:9px 10px;font-size:11px}.scene-topline{align-items:flex-start;gap:8px}.scene-replay{font-size:10px;padding:8px 10px;min-height:44px}.scene-topline .eyebrow{font-size:10px;letter-spacing:.06em}.hero .scene-topline{display:block}.hero .scene-topline .scene-replay{margin-top:14px}.orbital-space.demo-scene{height:340px}.orbit-label{font-size:8px}.orbit-ring{width:238px;height:238px;margin:-119px}.ring-b{width:252px;height:252px;margin:-126px}.ring-c{width:222px;height:222px;margin:-111px}.orbit-core{width:120px;height:120px}.orbit-phone{width:94px;height:170px;top:88px;left:calc(50% - 52px)}.orbit-phone:after{left:34px}.device-skin .device-glyph{font-size:30px}.device-skin .device-caption{font-size:8px;bottom:14px;left:12px}.orbit-laptop{width:128px;height:87px;top:62px;right:0}.orbit-tablet{width:110px;height:88px;left:0;bottom:42px}.orbit-tablet .device-glyph{font-size:24px}.device-assembly{height:182px}.assembly-phone{left:6%;width:46px;height:92px;top:51px}.assembly-tablet{left:26%;width:68px;height:112px;top:29px}.assembly-laptop{left:53%;width:105px;height:67px;top:76px}.assembly-monitor{right:5%;top:28px;width:70px;height:65px}.assembly-monitor:after{left:28px;width:16px;height:17px;bottom:-19px}.assembly-piece span{font-size:8px;left:7px;bottom:7px}.assembly-piece:before{inset:5px}.scene-art-label{font-size:8px}.plan-fan{height:134px}.fan-plane{width:58px;height:78px;left:calc(50% - 29px);top:29px}.plane-fold{left:5%;right:5%;top:45px}.plane-fold i{height:67px;font-size:11px}.notice[data-motion-scene]{padding:22px}.notice[data-motion-scene] .scene-topline{display:block}.notice .scene-replay{margin-top:12px}.final-orbit{height:140px}.final-ring{top:7px}.final-ring:nth-child(3){top:22px}.evidence-table{table-layout:fixed;overflow-wrap:anywhere}.evidence-table th:first-child{width:32%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-motion-scene] *,[data-motion-scene] *:before,[data-motion-scene] *:after{animation-play-state:paused!important}[data-motion-reveal]{transform:none!important;opacity:1!important}.orbital-world{transform:none!important}}
@media print{html{scroll-behavior:auto}.motion-toolbar,.scene-replay,.scene-art,.orbital-space,.orbital-legend,.demo-frame{display:none!important}[data-motion-reveal]{transform:none!important;opacity:1!important;clip-path:none!important}[data-motion-scene] *,[data-motion-scene] *:before,[data-motion-scene] *:after{animation:none!important}.hero{display:block;background:white!important;color:#183d35!important;padding:0}.hero p,.hero .hero-facts{color:#183d35!important}.hero .button{background:white!important;border:1px solid #183d35;color:#183d35!important}.motion-control{display:none!important}.section{break-inside:auto}.card{break-inside:avoid}.notice[data-motion-scene]{background:white!important;padding:0}header,main,footer{max-width:none;padding:12px}}
@media(max-width:640px){.hero .scene-topline{display:flex;align-items:center}.hero .scene-topline .scene-replay{margin-top:0}.hero .scene-topline .eyebrow{min-width:0}.hero h1{margin-top:12px}}
/* Reserve control geometry before JS arrives; hidden controls remain unfocusable. */
.motion-toolbar[hidden]{display:flex!important;visibility:hidden;pointer-events:none}.scene-replay[hidden]{display:inline-flex!important;visibility:hidden;pointer-events:none}
@media print{.motion-toolbar[hidden],.scene-replay[hidden]{display:none!important}}