.landing-hero{position:relative;isolation:isolate;padding:70px 0 0;overflow:hidden}.hero-grid{position:absolute;inset:0 0 24%;z-index:-3;background-image:radial-gradient(#ffffff22 .65px,transparent .65px);background-size:24px 24px;mask-image:radial-gradient(ellipse at 50% 36%,#0007,transparent 65%)}.hero-copy{position:relative;text-align:center;z-index:2}.hero-copy .eyebrow{font-size:10px;margin-bottom:26px;color:#a9b1c0}.beta-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);vertical-align:2px;margin-right:8px}.hero-copy h1{font-size:clamp(58px,7.1vw,104px);font-weight:800;line-height:.96;letter-spacing:-.065em}.hero-copy h1 span{display:block}.hero-copy h1 .hero-blue{color:var(--blue)}.hero-copy p{font-size:14px;color:var(--muted);margin:27px 20px 28px;line-height:1.65}.hero-note{display:block;margin-top:16px;font-size:10px;color:#788393;letter-spacing:.015em}.hero-horizon{position:absolute;z-index:-2;pointer-events:none;top:490px;left:50%;width:max(1300px,135%);height:710px;transform:translateX(-50%);border-radius:50%;border-top:1px solid #57baff89;box-shadow:0 -8px 27px #0d99ff45,0 -28px 105px #0d99ff24,inset 0 18px 70px #0d99ff1c;background:radial-gradient(ellipse at 50% 0,#0d99ff12,transparent 64%);mask-image:linear-gradient(#000,transparent 83%)}.editor-scene{position:relative;padding-top:76px;padding-bottom:30px;perspective:1600px}.editor-frame{position:relative;border:1px solid #96c7ee42;border-radius:12px;padding:5px;background:#20262f;box-shadow:0 34px 75px #0008,0 2px 1px #ffffff16 inset;transform:rotateX(4deg);transform-origin:50% 100%}.editor-frame:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0d}.editor-frame img{width:100%;height:auto;border-radius:7px}.editor-caption{font-size:10px;color:#727c8b;text-align:center;margin-top:20px;letter-spacing:.01em}.compatibility{padding-block:144px 140px;display:grid;grid-template-columns:1.06fr 1fr;gap:80px;align-items:center}.compatibility h2{font-size:clamp(38px,4.1vw,58px)}.compatibility p{max-width:340px;margin-top:24px;color:var(--muted);font-size:14px}.file-bridge{position:relative;display:flex;align-items:center;gap:22px;padding:35px 0}.file-inputs{display:flex;flex-direction:column;gap:16px;flex:1}.file-card{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #ffffff14;border-radius:12px;background:linear-gradient(125deg,#ffffff05,transparent)}.file-card svg{width:30px;fill:none;stroke:#707e90;stroke-width:1.3;flex-shrink:0}.file-card strong{display:block;font-size:24px;font-weight:550;letter-spacing:-.035em}.file-card span{display:block;font-size:10px;color:var(--muted);margin-top:6px}.bridge-line{position:relative;width:35px;flex-shrink:0;height:1px;background:linear-gradient(90deg,#3c4858,var(--blue))}.bridge-line:after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid var(--blue);border-right:1px solid var(--blue);transform:rotate(45deg)}.bridge-icon{width:90px;height:90px}.motion-section{border-block:1px solid var(--line);background:#12161c}.motion-layout{display:grid;grid-template-columns:1.16fr 1fr;gap:95px;align-items:start}.motion-stage{position:sticky;top:calc(50vh - 255px);height:510px;margin-top:80px;display:flex;flex-direction:column;justify-content:center}.stage-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#748095;letter-spacing:.1em;margin-bottom:24px}.stage-top span:last-child{letter-spacing:0;color:#a4b0c1;font-variant-numeric:tabular-nums}.pose-canvas{width:100%;height:330px;border-radius:14px;background:radial-gradient(#ffffff18 .7px,transparent .7px),linear-gradient(150deg,#1c2430,#151a22);background-size:20px 20px,100% 100%;border:1px solid #ffffff0b}.pose-canvas path,.pose-canvas circle{vector-effect:non-scaling-stroke}.pose-ground{stroke:#6b7e952a;stroke-width:1;fill:none}.pose-body{stroke:#e9f3ff;stroke-width:9;fill:none;stroke-linecap:round;stroke-linejoin:round}.pose-head{fill:#e9f3ff}.pose-ghost{opacity:.13}.pose-joints circle{fill:#12161c;stroke:var(--blue);stroke-width:2}.motion-timeline{position:relative;margin-top:23px;height:46px;display:flex;align-items:center;justify-content:space-between;border-block:1px solid #ffffff0b}.motion-timeline:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent calc(6.25% - 1px),#ffffff08 calc(6.25% - 1px),#ffffff08 6.25%)}.timeline-key{width:8px;height:8px;background:#64758b;transform:rotate(45deg);z-index:1;margin-inline:8px}.timeline-key.is-active{background:var(--blue)}.timeline-playhead{position:absolute;top:-6px;bottom:-6px;left:0;width:1px;background:var(--blue)}.timeline-playhead:before{content:'';position:absolute;top:0;left:-3px;border:4px solid transparent;border-top-color:var(--blue)}.stage-caption{margin-top:17px;text-align:center;color:#68778b;font-size:10px}.motion-copy{padding-top:80px;padding-bottom:70px}.motion-step{min-height:490px;display:flex;flex-direction:column;justify-content:center;position:relative}.motion-step .eyebrow{color:#66839e;font-size:10px;margin-bottom:24px}.motion-step h2{font-size:clamp(43px,4.8vw,66px)}.motion-step p{color:var(--muted);font-size:14px;max-width:310px;margin-top:22px}.feature-detail{display:inline-flex;align-items:center;gap:8px;margin-top:25px;color:#74899e;font-size:10px}.feature-detail:before{content:'';width:4px;height:4px;background:var(--blue);border-radius:50%}.motion-step.is-active .eyebrow{color:var(--blue)}.closing{padding-block:130px 125px;text-align:center}.closing>img{width:65px;height:76px;object-fit:contain;margin:0 auto 28px}.closing h2{font-size:clamp(50px,6.5vw,88px);margin-bottom:30px}.closing p{margin-top:18px;font-size:11px;color:var(--muted)}
@media(min-width:1600px){.landing-hero{padding-top:90px}.hero-horizon{top:515px}.editor-scene{padding-top:85px}}
@media(max-width:900px){.compatibility{gap:45px}.file-card{padding:20px 14px;gap:12px}.file-card strong{font-size:21px}.bridge-icon{width:65px;height:65px}.file-bridge{gap:14px}.bridge-line{width:20px}.motion-layout{gap:45px}.motion-stage{top:calc(50vh - 230px);height:460px}.pose-canvas{height:290px}.motion-step{min-height:440px}}
@media(max-width:700px){.landing-hero{padding-top:50px}.hero-copy .eyebrow{font-size:9px;margin-bottom:24px}.hero-copy h1{font-size:clamp(33px,10.2vw,70px);letter-spacing:-.06em;line-height:.99}.hero-copy p{font-size:12px;margin:23px 25px 26px}.hero-copy .button{font-size:12px;padding:15px 23px;min-height:49px}.hero-note{font-size:9px}.hero-horizon{top:350px;width:900px;height:480px;box-shadow:0 -7px 25px #0d99ff45,0 -28px 70px #0d99ff26,inset 0 20px 60px #0d99ff1c}.editor-scene{padding-top:58px;width:calc(100% - 28px);padding-bottom:0}.editor-frame{padding:2px;border-radius:6px;transform:none}.editor-frame img{border-radius:4px}.editor-caption{font-size:9px;margin-top:15px}.compatibility{padding-block:85px 80px;grid-template-columns:1fr;gap:25px}.compatibility h2{font-size:42px}.compatibility p{font-size:13px;max-width:310px;margin-top:20px}.compatibility .eyebrow{font-size:10px;margin-bottom:20px}.file-bridge{max-width:420px;width:100%;padding-block:14px;gap:22px}.file-inputs{gap:12px}.file-card{padding:19px 20px;gap:18px}.file-card strong{font-size:23px}.bridge-line{width:30px}.bridge-icon{width:68px;height:68px}.motion-layout{display:flex;flex-direction:column;gap:0}.motion-stage{position:relative;top:auto;height:auto;width:100%;margin-top:40px}.pose-canvas{height:auto;aspect-ratio:500/320}.stage-top{margin-bottom:16px;font-size:9px}.motion-timeline{margin-top:16px;height:35px}.stage-caption{font-size:9px;margin-top:14px}.motion-copy{padding:16px 0 24px;width:100%}.motion-step{min-height:0;padding:38px 0;border-bottom:1px solid var(--line)}.motion-step:last-child{border:0}.motion-step h2{font-size:43px}.motion-step .eyebrow{margin-bottom:16px}.motion-step p{font-size:13px;max-width:330px;margin-top:17px}.feature-detail{margin-top:16px}.closing{padding:82px 0}.closing h2{font-size:clamp(46px,11vw,76px)}.closing>img{width:54px;height:64px}.site-footer{align-items:center}.site-footer nav{max-width:150px;justify-content:flex-end}}
@media(max-width:380px){.file-bridge{gap:14px}.file-card{padding:16px 14px;gap:12px}.file-card svg{width:24px}.file-card strong{font-size:21px}.bridge-line{width:18px}.bridge-icon{width:56px;height:56px}.motion-step h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.motion-stage{position:relative;top:auto}.motion-step{min-height:340px}.motion-layout{align-items:center}.motion-stage{margin-top:0}.motion-copy{padding-block:40px}.pose-ghost{opacity:.22}}