/* Refined motion direction: a moving colour field, staged product actions and quiet transitions. */
.hero-copy>p{margin-top:24px}.hero-actions{margin-top:30px;margin-bottom:10px}.hero-copy h1{animation:headline-in 1s cubic-bezier(.2,.8,.2,1) both}.hero-copy>p{animation:headline-in 1s .12s both}.hero-copy .hero-actions{animation:headline-in 1s .24s both}.hero-copy>small{display:block;animation:headline-in 1s .34s both}.showcase-track{margin-top:48px;height:2600px}.showcase{background:#c2dfe8;transition:border-radius .4s;--stage-pan:0%;--scene-accent:#8ab7f6}.showcase-glow{inset:0;filter:none;background:none;animation:none;overflow:hidden;transform:none;z-index:-1}.showcase-glow:before{content:'';position:absolute;inset:0 auto 0 0;width:400%;height:100%;background:url('assets/showcase-gradient.webp') center/100% 100% no-repeat;transform:translate3d(var(--stage-pan),0,0);transition:transform 2.2s cubic-bezier(.25,.65,.2,1);will-change:transform}.showcase-glow:after{content:'';position:absolute;inset:-5%;background:radial-gradient(ellipse at 80% 25%,#fff3,transparent 50%);animation:glow-breathe 12s ease-in-out infinite alternate;pointer-events:none}.showcase[data-slide="0"]{--stage-pan:0%;--scene-accent:#8ab7f6}.showcase[data-slide="1"]{--stage-pan:-25%;--scene-accent:#dceba7}.showcase[data-slide="2"]{--stage-pan:-50%;--scene-accent:#c6b2f0}.showcase[data-slide="3"]{--stage-pan:-75%;--scene-accent:#ffcea9}.showcase-inner{transition:translate .7s var(--ease)}.service-tabs button{transition:background .45s,transform .45s var(--ease),box-shadow .45s}.service-tabs button[aria-selected=true]{box-shadow:0 0 0 6px #ffffff15;transform:translateY(-2px)}.showcase-copy.is-entering>*{animation:copy-reveal .6s var(--ease) both}.showcase-copy.is-entering h2{animation-delay:.07s}.showcase-copy.is-entering>p{animation-delay:.12s}.showcase-copy.is-entering>.text-link{animation-delay:.17s}.showcase-art{transition:background .8s,box-shadow .8s}.art-ribbon{width:140%;left:-20%;height:105px;background:repeating-linear-gradient(90deg,#b3d3fc 0,#b3d3fc 39px,transparent 39px,transparent 48px);transform:rotate(0);animation:ribbon-travel 12s linear infinite}.showcase[data-slide="1"] .art-ribbon{background:repeating-linear-gradient(90deg,#cfdf9c77 0,#cfdf9c77 2px,transparent 2px,transparent 13px);height:125px}.showcase[data-slide="2"] .art-ribbon{background:repeating-linear-gradient(90deg,#cfbdea 0,#cfbdea 32px,transparent 32px,transparent 45px)}.showcase[data-slide="3"] .art-ribbon{background:repeating-linear-gradient(90deg,#f5c5a0 0,#f5c5a0 39px,transparent 39px,transparent 48px)}.expand-showcase{position:absolute;right:40px;top:40px;z-index:10;width:50px;height:50px;border:1px solid #ffffff80;background:#ffffff18;border-radius:12px;display:grid;place-items:center;color:white;transition:background .25s,transform .25s}.expand-showcase svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.expand-showcase:hover{background:#ffffff55;transform:scale(1.04)}.expand-showcase[aria-expanded=true]{font-size:30px;font-weight:300}.stage-progress{position:absolute;display:flex;gap:6px;bottom:68px;left:50%;transform:translateX(-50%);align-items:center}.stage-progress>i{display:block;width:7px;height:7px;border-radius:8px;background:#ffffff65;transition:width .6s}.stage-progress>i.active{width:50px;position:relative;background:#ffffff65;overflow:hidden}.stage-progress>i.active:after{content:'';position:absolute;inset:0;background:white;transform-origin:left;animation:progress-fill 8.5s linear both}.cinema-open{overflow:hidden}.cinema-open header{visibility:hidden}.showcase.cinema{position:fixed!important;z-index:100;inset:24px!important;top:24px!important;width:calc(100vw - 48px)!important;height:calc(100dvh - 48px)!important;margin:0!important;outline:30px solid var(--paper);border-radius:36px;animation:cinema-in .65s var(--ease);padding:0}.cinema .showcase-inner{max-width:1100px}.cinema .showcase-card{grid-template-columns:350px 1fr;min-height:480px}.cinema .showcase-art{height:370px}.cinema .scroll-hint{display:none}.global-motion{position:fixed;bottom:24px;left:24px;z-index:45;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fcfbf8dc;border:1px solid #d8dfe7;border-radius:30px;box-shadow:0 5px 18px #071a3108;backdrop-filter:blur(10px);font-size:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .3s,transform .3s}.global-motion.visible{opacity:1;transform:none;pointer-events:auto}.global-motion>span{font-size:13px;width:12px}.global-motion small{font-size:11px}.cinema-open .global-motion{z-index:110;background:#ffffffa8}.scene-cursor{position:absolute;left:62%;top:60%;z-index:6;pointer-events:none;width:24px;height:29px;filter:drop-shadow(1px 2px 2px #112d4c35);animation:cursor-journey 8.5s var(--ease) infinite}.scene-cursor svg{width:100%;height:100%;fill:var(--ink);stroke:#fff;stroke-width:1.6}.scene-cursor:after{content:'';position:absolute;width:22px;height:22px;background:#5a9cf733;border:1px solid #72a8ee;border-radius:50%;left:-9px;top:-9px;animation:click-pulse 8.5s infinite}.scene-status{position:absolute;right:18px;bottom:28px;background:#fff;border:1px solid #e1e6ea;border-radius:11px;padding:9px 14px;display:flex;align-items:center;gap:7px;font-size:11px;box-shadow:0 8px 20px #112d4c1c;z-index:7;animation:status-arrive 8.5s var(--ease) infinite}.scene-status b{display:grid;place-items:center;border-radius:50%;width:19px;height:19px;background:#dceba7;font-size:11px;font-weight:500}.theme-palette{position:absolute;right:12px;top:42px;background:white;border:1px solid #e2e7ef;padding:6px 8px;border-radius:8px;display:flex;gap:4px;box-shadow:0 8px 18px #10273e12;z-index:5;animation:palette-in 8.5s var(--ease) infinite}.theme-palette i{width:13px;height:13px;border-radius:50%;background:#91bbf3}.theme-palette i:nth-child(2){background:#dceba7}.theme-palette i:nth-child(3){background:#d4c5f5}.theme-palette i:first-child{outline:1px solid #5583ba;outline-offset:2px}.showcase #demo-scene{position:relative}.showcase .website-window{animation:website-build 8.5s var(--ease) infinite;transform-origin:center}.showcase .website-window .preview-content{animation:website-content 8.5s var(--ease) infinite}.showcase .design-sculpture{animation:sculpture-arrive 8.5s var(--ease) infinite}.showcase .design-sculpture div{animation:sculpture 5s ease-in-out infinite}.showcase .mini-cta{animation:cta-press 8.5s ease infinite}.showcase .demo-ai{position:relative;overflow:hidden;min-height:230px}.demo-ai .ai-prompt{font-size:11px;padding:9px 11px;background:#f0f3e6;border-radius:9px;margin:14px 0 10px 15px;animation:prompt-in 8.5s var(--ease) infinite}.demo-ai .typing-dots{display:flex;gap:4px;height:20px;align-items:center;position:absolute;left:24px;top:133px;animation:typing-visibility 8.5s infinite}.typing-dots i{width:5px;height:5px;border-radius:50%;background:#96ab66;animation:typing-bounce .8s infinite alternate}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.demo-ai>p{font-size:12px;line-height:18px;margin:10px 0;animation:answer-in 8.5s var(--ease) infinite}.demo-ai .approval{animation:approve-in 8.5s var(--ease) infinite}.demo-ai .ai-star{animation:spark-turn 8.5s ease-in-out infinite}.demo-dashboard .demo-stats>div{animation:stat-reveal 8.5s var(--ease) infinite}.demo-dashboard .demo-stats>div:nth-child(2){animation-delay:.15s}.demo-dashboard .demo-stats>div:nth-child(3){animation-delay:.3s}.demo-dashboard .demo-table>div{animation:order-reveal 8.5s var(--ease) infinite}.demo-dashboard .demo-table>div:nth-child(2){animation-delay:.3s}.demo-dashboard .demo-table>div:nth-child(3){animation-delay:.6s}.demo-dashboard .demo-table em{animation:status-highlight 8.5s ease infinite}.demo-marketing .mini-bars i{animation:bar-grow 8.5s var(--ease) infinite}.demo-marketing .mini-bars i:nth-child(2){animation-delay:.15s}.demo-marketing .mini-bars i:nth-child(3){animation-delay:.3s}.demo-marketing .mini-bars i:nth-child(4){animation-delay:.45s}.demo-marketing .mini-bars i:nth-child(5){animation-delay:.6s}.motion-spark{position:absolute;border:1px solid #ffffffa8;border-radius:30%;width:85px;height:85px;pointer-events:none;z-index:-1;transform:rotate(25deg);animation:ambient-shape 15s ease-in-out infinite}.motion-spark.one{left:8%;top:25%}.motion-spark.two{right:9%;bottom:22%;width:45px;height:45px;animation-delay:-7s}.feature-art{perspective:1100px;--tilt-x:0deg;--tilt-y:0deg}.feature-art:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 20%,#fff5,transparent 60%);z-index:-1;animation:art-shimmer 9s ease-in-out infinite alternate}.feature-art .large,.feature-art .ai-window,.feature-art .dashboard-window,.feature-art .marketing-window{transition:transform .7s var(--ease),width .7s var(--ease),opacity .4s}.feature-art .large{transform:rotate(-4deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.feature-art .ai-window{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.feature-art .dashboard-window{transform:rotate(-4deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.feature-art .marketing-window{transform:rotate(2deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.feature-art.motion-in .large,.feature-art.motion-in .ai-window,.feature-art.motion-in .dashboard-window,.feature-art.motion-in .marketing-window{animation:art-entry 1s var(--ease) both,float 8s 1s ease-in-out infinite}.feature-art .orbital-ribbon{animation:ribbon-travel 14s linear infinite}.feature-art .wave-lines{animation:wave-breathe 5s ease-in-out infinite}.feature-art .ai-question{animation:feature-question 9s var(--ease) infinite}.feature-art .ai-answer{animation:feature-answer 9s var(--ease) infinite}.feature-art .ai-task{animation:feature-answer 9s 1s var(--ease) infinite}.feature-art .ai-task+.ai-task{animation-delay:1.4s}.feature-art .approval{animation:feature-answer 9s 1.8s var(--ease) infinite}.feature-art .ai-star{animation:spark-turn 9s infinite}.feature-art[data-state="1"] .ai-star{background:#cce6db}.feature-art[data-state="2"] .ai-star{background:#e7eec2}.feature-art[data-state="1"] .site-preview{background:#f1f3e9}.feature-art[data-state="1"] .design-sculpture div{border-color:#c1d4a4}.feature-art[data-state="1"] .design-sculpture div:nth-child(2){border-color:#e6d2aa}.feature-art[data-state="1"] .design-sculpture div:nth-child(3){border-color:#d6e6be}.feature-art[data-state="2"] .large{width:235px;border-radius:30px;border:7px solid #fdfdfd;transform:rotate(-6deg);box-shadow:0 16px 35px #102b442b}.feature-art[data-state="2"] .large .window-bar{height:22px}.feature-art[data-state="2"] .large .site-preview{height:350px;padding:22px 18px}.feature-art[data-state="2"] .large .mini-nav>span{display:none}.feature-art[data-state="2"] .large .preview-content{margin-top:30px}.feature-art[data-state="2"] .large .preview-content h3{font-size:28px}.feature-art[data-state="2"] .large .design-sculpture{top:215px;right:25px;transform:rotate(-22deg) scale(.65)}.feature-art[data-state="2"] .large .mini-cta{position:relative;z-index:3}.dashboard-window{position:relative;overflow:hidden}.dashboard-scan{position:absolute;width:100%;height:45%;top:10%;left:0;background:linear-gradient(transparent,#a0b7ff22,transparent);border-bottom:1px solid #91b2ff66;animation:dashboard-scan 7s ease-in-out infinite;pointer-events:none}.feature-notification{position:absolute;left:7%;bottom:110px;padding:15px 18px;background:#fff;border-radius:14px;display:flex;align-items:center;gap:12px;box-shadow:0 15px 30px #17274022;z-index:3;animation:feature-toast 8s var(--ease) infinite}.feature-notification>span{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#e9e0fa;color:#8362b9}.feature-notification b{font-size:13px;font-weight:500;display:block}.feature-notification small{font-size:10px;color:#778190;display:block;margin-top:3px}.art-software .floating-pill{bottom:50px;right:30px}.marketing-chart .chart-stroke{animation-duration:7s}.marketing-window .marketing-metrics>span{animation:metric-pop 7s var(--ease) infinite}.marketing-window .marketing-metrics>span:nth-child(2){animation-delay:.2s}.marketing-window .marketing-metrics>span:nth-child(3){animation-delay:.4s}.accordion details[open]:after{animation:progress-fill var(--feature-duration,7s) linear both}.feature-copy h2{transition:opacity .3s}.feature-art.swapping .website-window,.feature-art.swapping .ai-window,.feature-art.swapping .dashboard-window,.feature-art.swapping .marketing-window{animation:art-swap .65s var(--ease) both}.process-card{align-content:start}.process-card.active:before{content:'';height:3px;position:absolute;left:32px;right:32px;top:0;background:linear-gradient(90deg,#91bbf3,#beddd0);transform-origin:left;animation:progress-fill 6.5s linear both}.process-card .process-mini{transition:transform .6s var(--ease)}.process-card.active .process-mini{animation:mini-lift .7s .12s var(--ease) both}.process-card.active .process-extra li{animation:copy-reveal .5s .15s both}.process-card.active .process-extra li:nth-child(2){animation-delay:.23s}.process-card.active .process-extra li:nth-child(3){animation-delay:.31s}.process-card.active .process-number{animation:number-reveal 1s var(--ease) both}.work-card{transition:box-shadow .6s}.work-card.work-swapping .work-description>*{animation:copy-reveal .6s var(--ease) both}.work-card.work-swapping .work-description>p{animation-delay:.08s}.work-card.work-swapping .work-visual{animation:project-in .7s var(--ease) both}.project-mini{animation:float 9s ease-in-out infinite}.project-route i{animation:route-step 6s ease-in-out infinite}.project-route i:nth-of-type(2){animation-delay:1s}.project-route i:nth-of-type(3){animation-delay:2s}.project-route b{background:linear-gradient(90deg,#acbfe5,#fff,#acbfe5);background-size:200% 100%;animation:route-flow 2.5s linear infinite}.carousel-dots button[aria-selected=true]{position:relative;overflow:hidden;background:#ffffff60}.carousel-dots button[aria-selected=true]:after{content:'';position:absolute;inset:0;background:white;transform-origin:left;animation:progress-fill 8s linear both}.product-decoration{transition:translate .7s var(--ease),rotate .7s var(--ease)}.product-card:hover .product-decoration{translate:-16px -8px;rotate:-8deg}.product-card .product-decoration b{animation:badge-breathe 5s ease-in-out infinite}.integration-orbit{max-width:1200px}.integration-row{animation:integration-slide 22s linear infinite;justify-content:flex-start;width:max-content}.integration-row.second{animation:integration-slide 25s linear infinite reverse;transform:none}.integration-tile{transition:transform .35s,box-shadow .35s}.integration-tile:hover{transform:translateY(-10px) rotate(6deg);box-shadow:0 18px 28px #071a3112}.integration-orbit:hover .integration-row{animation-play-state:paused}.final-cta{padding:150px 0;min-height:620px}.cta-rings i{animation:ring-orbit 22s ease-in-out infinite alternate}.cta-rings i:nth-child(2){animation-delay:-10s}.cta-floating{position:absolute;z-index:1;display:flex;align-items:center;gap:12px;background:#fcfbf8ed;padding:20px 22px;border:1px solid #fff;border-radius:18px;box-shadow:0 15px 35px #071a3110;animation:cta-float 8s ease-in-out infinite;pointer-events:none}.cta-floating b{font-size:14px;display:block;font-weight:500}.cta-floating small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.cta-floating>i{font-style:normal;background:#e4edce;border-radius:50%;font-size:13px;width:23px;height:23px;display:grid;place-items:center;margin-left:12px}.cta-float-left{left:-65px;top:120px;rotate:-12deg}.cta-float-right{right:-60px;bottom:85px;rotate:12deg;animation-delay:-4s}.button>span:last-child{transition:transform .3s}.button:hover>span:last-child{transform:translate(2px,-2px)}.reveal{transition-duration:.9s}.js-motion .reveal:not(.seen){transform:translateY(36px)}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.motion-offscreen *,.motion-offscreen *:before,.motion-offscreen *:after{animation-play-state:paused!important}
@keyframes headline-in{from{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes copy-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes glow-breathe{to{transform:scale(1.08) translateX(-3%);opacity:.45}}@keyframes ribbon-travel{to{translate:48px 0}}@keyframes progress-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cinema-in{from{opacity:.4;scale:.96}to{opacity:1;scale:1}}@keyframes cursor-journey{0%,9%{opacity:0;transform:translate(65px,40px)}15%{opacity:1}28%,38%{transform:translate(37px,-73px)}48%,61%{transform:translate(-130px,75px)}70%,100%{opacity:0;transform:translate(-120px,90px)}}@keyframes click-pulse{0%,29%,39%,51%,65%,100%{opacity:0;scale:.3}34%,57%{opacity:1;scale:1.4}}@keyframes status-arrive{0%,60%{opacity:0;transform:translateY(20px) scale(.9)}70%,91%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px)}}@keyframes palette-in{0%,12%,90%,100%{opacity:0;transform:translateY(-6px) scale(.9)}20%,75%{opacity:1;transform:none}}@keyframes website-build{0%{opacity:.2;transform:translateY(20px) scale(.9) rotate(-4deg)}15%,80%{opacity:1;transform:translateY(0) scale(1) rotate(-2deg)}100%{opacity:.2;transform:translateY(-6px) scale(.98) rotate(-2deg)}}@keyframes website-content{0%,8%{opacity:0;translate:0 10px}25%,90%{opacity:1;translate:0 0}100%{opacity:0}}@keyframes sculpture-arrive{0%,15%{opacity:0;translate:30px 10px}35%,90%{opacity:1;translate:0 0}100%{opacity:0}}@keyframes cta-press{0%,48%,60%,100%{scale:1;background:#071a31}54%{scale:.94;background:#396da9}}@keyframes prompt-in{0%,7%{opacity:0;transform:translateY(10px)}18%,90%{opacity:1;transform:none}100%{opacity:0}}@keyframes typing-visibility{0%,20%,50%,100%{opacity:0}25%,44%{opacity:1}}@keyframes typing-bounce{to{translate:0 -4px;opacity:.4}}@keyframes answer-in{0%,45%{opacity:0;transform:translateY(10px)}58%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes approve-in{0%,62%{opacity:0;transform:translateY(8px) scale(.96)}74%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes spark-turn{0%,20%,70%,100%{rotate:0deg;scale:1}35%{rotate:90deg;scale:1.06}50%{rotate:180deg;scale:1}}@keyframes stat-reveal{0%{opacity:0;translate:0 12px}16%,95%{opacity:1;translate:0 0}100%{opacity:0}}@keyframes order-reveal{0%,24%{opacity:0;transform:translateY(-12px)}40%,95%{opacity:1;transform:none}100%{opacity:0}}@keyframes status-highlight{0%,48%,80%,100%{background:#e9f4e9}60%{background:#bbdfb9}}@keyframes bar-grow{0%,8%{transform:scaleY(.08)}50%,90%{transform:scaleY(1)}100%{transform:scaleY(.08)}}@keyframes ambient-shape{0%,100%{translate:0 0;rotate:0deg;opacity:.2}50%{translate:15px -30px;rotate:20deg;opacity:.55}}@keyframes art-shimmer{to{transform:translate(-15%,10%) scale(1.2);opacity:.3}}@keyframes art-entry{from{opacity:0;translate:0 40px;scale:.85}to{opacity:1;translate:0 0;scale:1}}@keyframes wave-breathe{50%{transform:scaleY(.65) translateX(8px);opacity:.6}}@keyframes feature-question{0%{opacity:0;translate:10px 10px}15%,92%{opacity:1;translate:0 0}100%{opacity:0}}@keyframes feature-answer{0%,20%{opacity:0;translate:0 12px}35%,90%{opacity:1;translate:0 0}100%{opacity:0}}@keyframes dashboard-scan{0%{top:0;opacity:0}20%{opacity:1}80%{top:55%;opacity:1}100%{top:60%;opacity:0}}@keyframes feature-toast{0%,25%{opacity:0;translate:0 20px;scale:.94}38%,85%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:0 -15px}}@keyframes metric-pop{0%,45%{opacity:.35;transform:translateY(7px)}62%,100%{opacity:1;transform:none}}@keyframes art-swap{from{opacity:.1;translate:0 15px;scale:.97}to{opacity:1;translate:0 0;scale:1}}@keyframes mini-lift{from{opacity:0;transform:translateY(35px) scale(.92)}to{opacity:1;transform:none}}@keyframes number-reveal{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes project-in{from{opacity:.1;transform:translateX(40px) rotate(3deg)}to{opacity:1;transform:none}}@keyframes route-step{0%,60%,100%{scale:1;background:#d6e1f9}25%{scale:1.12;background:#a8c5ed}}@keyframes route-flow{to{background-position:-200% 0}}@keyframes badge-breathe{50%{scale:1.07;translate:0 -4px}}@keyframes integration-slide{from{translate:0 0}to{translate:-50% 0}}@keyframes ring-orbit{to{rotate:28deg;translate:20px -25px}}@keyframes cta-float{0%,100%{translate:0 0}50%{translate:15px -24px}}
@media(min-width:1500px){.cta-float-left{left:45px}.cta-float-right{right:35px}}
@media(max-width:1100px){.cta-floating{scale:.8}.cta-float-left{left:-120px;top:40px}.cta-float-right{right:-130px;bottom:40px}.showcase.cinema .showcase-card{grid-template-columns:300px 1fr;gap:30px}.cinema .showcase-inner{max-width:950px}}
@media(max-width:760px){.hero-copy h1{animation-duration:.7s}.hero-copy>p{margin-top:25px}.hero-copy .hero-actions{margin-top:25px;margin-bottom:18px}.hero-copy>small{padding:0 12px}.showcase-track{height:auto;margin-top:44px}.showcase{padding-top:82px;padding-bottom:52px}.expand-showcase{right:12px;top:13px;width:30px;height:30px;border-radius:8px}.expand-showcase svg{width:16px;height:16px}.stage-progress{bottom:23px;gap:5px}.stage-progress i{width:5px;height:5px}.stage-progress i.active{width:35px}.motion-control{bottom:13px}.global-motion{bottom:17px;left:17px;padding:10px 12px}.global-motion small{display:none}.global-motion>span{font-size:12px}.showcase.cinema{inset:8px!important;top:8px!important;width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;min-height:0!important;padding:70px 16px 50px;overflow:auto;outline-width:10px;align-items:center;border-radius:25px}.cinema .showcase-inner{padding:0;margin:auto;max-width:460px}.cinema .showcase-card{min-height:0;gap:20px;padding:24px}.cinema .showcase-art{height:240px}.cinema .service-tabs{top:-60px}.cinema .showcase-copy h2{font-size:28px;min-height:0}.cinema .showcase-copy p{min-height:0;font-size:13px;line-height:19px}.cinema .showcase-copy .text-link{margin-top:14px}.cinema .expand-showcase{position:fixed;right:20px;top:20px}.cinema .stage-progress{position:fixed;bottom:27px}.cinema .motion-control{position:fixed;bottom:20px;right:22px}.scene-cursor{width:18px;height:23px;animation-name:cursor-mobile}.scene-status{font-size:9px;padding:7px 10px;bottom:18px;right:7px}.scene-status b{width:16px;height:16px;font-size:9px}.theme-palette{top:30px;right:8px;padding:5px;gap:3px}.theme-palette i{width:10px;height:10px}.demo-ai .ai-prompt{font-size:9px;padding:8px;margin-top:9px;margin-bottom:8px}.showcase .demo-ai{min-height:200px;padding:15px}.demo-ai .typing-dots{top:107px;left:19px}.demo-ai>p{font-size:10px;line-height:15px;margin:8px 0}.demo-ai .approval{font-size:12px;margin-top:12px;padding:7px}.feature-notification{left:15px;bottom:95px;padding:12px 15px}.feature-notification b{font-size:12px}.feature-notification small{font-size:9px}.feature-art[data-state="2"] .large{width:210px}.feature-art[data-state="2"] .large .site-preview{height:310px}.feature-art[data-state="2"] .large .preview-content h3{font-size:25px}.feature-art[data-state="2"] .large .design-sculpture{top:190px}.feature-art .large,.feature-art .ai-window,.feature-art .marketing-window,.feature-art .dashboard-window{--tilt-x:0deg!important;--tilt-y:0deg!important}.process-card.active:before{left:20px;right:20px}.integration-orbit{width:700px}.integration-row{gap:12px}.final-cta{padding:125px 10px 135px;min-height:630px}.cta-floating{padding:13px 16px;scale:.72}.cta-float-left{left:-45px;top:14px;rotate:-7deg}.cta-float-right{right:-45px;bottom:10px;rotate:7deg}.cta-floating b{font-size:14px}.cta-floating small{font-size:11px}.cta-floating .tiny-icon{width:28px;height:28px}.motion-spark{display:none}}
@keyframes cursor-mobile{0%,9%{opacity:0;transform:translate(35px,20px)}15%{opacity:1}28%,38%{transform:translate(10px,-55px)}48%,61%{transform:translate(-90px,50px)}70%,100%{opacity:0;transform:translate(-80px,60px)}}
@media(max-height:700px) and (min-width:761px){.cinema .showcase-card{min-height:0;padding:32px}.cinema .showcase-art{height:300px}.cinema .showcase-inner{max-width:950px}.cinema .showcase-copy h2{font-size:30px}.cinema .stage-progress{bottom:25px}}
@media(prefers-reduced-motion:reduce){.hero-copy h1,.hero-copy>p,.hero-copy .hero-actions,.hero-copy>small{opacity:1;transform:none;filter:none}.showcase-glow:before{transition:none}.showcase.cinema{animation:none}.scene-cursor,.typing-dots{display:none!important}.scene-status,.demo-ai>p,.demo-ai .approval{opacity:1}.integration-row{translate:0 0}.global-motion{display:none}.showcase-track{height:auto}.feature-art *{animation:none!important}}
.showcase[data-slide="0"]{--stage-pan:-12%}.showcase[data-slide="1"]{--stage-pan:-30%}.showcase[data-slide="2"]{--stage-pan:-50%}.showcase[data-slide="3"]{--stage-pan:-73%}
.cinema-open .global-motion{opacity:1;transform:none;pointer-events:auto}
