/* Native motion, no remote runtime or animation dependency. */
.motion-ready .project-art{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .4s;transform-style:preserve-3d}
.motion-ready .project-open:hover .project-art{filter:brightness(1.05)}
.scene-light{position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,35%),#fff2,transparent 60%);opacity:0;transition:opacity .5s;mix-blend-mode:soft-light}
.project-open:hover .scene-light{opacity:1}
.motion-ready .round-arrow .arrow-icon{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.motion-ready .project-open:hover .round-arrow .arrow-icon{transform:translateX(3px)}
.project-info h3{transition:color .3s}
.project-open:hover h3{color:var(--lime)}
.project-info{position:relative}
.project-info:after{content:'';position:absolute;bottom:-12px;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--lime),#a9e8de,transparent);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.project-open:hover .project-info:after{transform:scaleX(1)}
.hero{isolation:isolate}
.hero-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.hero-field:before{content:'';position:absolute;width:650px;height:650px;left:15%;top:8%;background:radial-gradient(ellipse,#bded5610,transparent 66%);animation:aura-drift 18s ease-in-out infinite alternate}
.hero-field:after{content:'';position:absolute;width:480px;height:480px;right:0;top:10%;background:radial-gradient(ellipse,#a4d9ed12,transparent 70%);animation:aura-drift 15s ease-in-out -7s infinite alternate-reverse}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#9cbd7010 1px,transparent 1px),linear-gradient(90deg,#9cbd7010 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse at 60% 50%,#0006,transparent 65%);transform:perspective(650px) rotateX(17deg) scale(1.1);animation:grid-breathe 16s ease-in-out infinite alternate}
.motion-ready .hero-copy>.eyebrow{animation:intro-rise .8s both}
.motion-ready .hero-copy>h1{animation:intro-rise 1s .08s both}
.motion-ready .hero-description{animation:intro-rise 1s .18s both}
.motion-ready .hero-actions{animation:intro-rise 1s .28s both}
.motion-ready .platforms{animation:intro-rise 1s .38s both}
.motion-ready .portrait-frame{animation:portrait-enter 1.25s cubic-bezier(.16,.8,.22,1) both}
.motion-ready .portrait{animation:portrait-breathe 16s ease-in-out 1.2s infinite alternate}
.motion-ready .floating-tag{animation:tag-float 7s ease-in-out infinite}
.motion-ready .orbit-label{box-shadow:0 0 0 10px #d4ff6606,0 0 0 22px #d4ff6603}
.motion-ready .orbit-label>.orbit-monogram,.motion-ready .orbit-label>.orbit-monogram>svg{animation:none;transform:none}
.motion-ready .iridescent{animation-duration:6s}
.motion-ready .scroll-cue span:last-child{animation:scroll-nudge 2.4s ease-in-out infinite}
.motion-ready .button .arrow-icon,.header-contact .arrow-icon{transition:transform .3s}
.motion-ready .button:hover .arrow-icon,.header-contact:hover .arrow-icon{transform:translateX(4px)}
.motion-ready .header nav a{position:relative}
.motion-ready .header nav a:after{content:'';position:absolute;bottom:-7px;left:0;width:100%;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:right;transition:transform .3s}
.motion-ready .header nav a:hover:after{transform:scaleX(1);transform-origin:left}
.motion-ready .contact-orb{animation:contact-breathe 6s ease-in-out infinite}
.motion-ready .contact-links a .arrow-icon{transition:transform .3s}
.motion-ready .contact-links a:hover .arrow-icon{transform:translateX(5px)}
.motion-ready .marquee-track{animation-duration:43s}
.motion-ready .marquee-group b{animation:separator-breathe 3s ease-in-out infinite alternate}
.motion-ready .marquee-group b:nth-of-type(2n){animation-delay:-1.5s}

/* FuelWatch: radar, route and incoming Telegram update. */
.fuel-map{position:absolute;inset:15px -15px -20px;opacity:.55;overflow:hidden;pointer-events:none}
.fuel-map svg{width:100%;height:100%;position:absolute;inset:0}
.map-grid{stroke:#90d9cf;stroke-width:1;opacity:.15;fill:none}
.map-road{stroke:#90d9cf;stroke-width:2;opacity:.25;fill:none}
.map-route{stroke:#d4ff66;stroke-width:2;stroke-dasharray:5 10;fill:none;opacity:.7;animation:route-travel 4s linear infinite}
.map-point{fill:#d4ff66}
.map-pulse{fill:none;stroke:#c2ff97;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:map-pulse 4s ease-out infinite}
.map-pulse.second{animation-delay:-2s}
.fuel-sweep{position:absolute;width:420px;height:420px;border-radius:50%;left:calc(50% - 210px);top:calc(50% - 210px);background:conic-gradient(from 0deg,transparent 0deg 275deg,#7fe9c500 280deg,#7fe9c52b 358deg,transparent 360deg);animation:radar-sweep 10s linear infinite}
.motion-ready .fuel-message{z-index:3;animation:fuel-notification 9s cubic-bezier(.22,.7,.25,1) infinite}
.motion-ready .fuel-pill{display:inline-flex;align-items:center;gap:6px;font-size:8px}
.motion-ready .fuel-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:#cfffaa;animation:signal-pulse 2.5s ease-in-out infinite}
.motion-ready .fuel-message-body strong{animation:notification-copy 9s ease-in-out infinite}
.motion-ready .fuel-message-link .arrow-icon{width:15px;height:15px;animation:link-nudge 3s ease-in-out infinite}
.motion-ready .telegram-symbol{animation:telegram-float 9s ease-in-out infinite}
.motion-ready .fuel-orbit{animation:orbit-breathe 8s ease-in-out infinite alternate}

/* German practice: a conversation that builds itself and an actual wave rhythm. */
.motion-ready .german-chat{animation:chat-float 10s ease-in-out infinite}
.motion-ready .german-bubble.outgoing{animation:chat-outgoing 12s ease-in-out infinite;transform-origin:bottom right}
.motion-ready .german-bubble.incoming{animation:chat-incoming 12s ease-in-out infinite;transform-origin:bottom left}
.motion-ready .german-voice{animation:chat-voice 12s ease-in-out infinite}
.typing-dots{display:flex;gap:4px;position:absolute;left:21px;top:155px;pointer-events:none;animation:typing-window 12s linear infinite}
.typing-dots i{display:block;width:5px;height:5px;background:#779578;border-radius:50%;animation:typing-dot 1s ease-in-out infinite}
.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}
.voice-wave{display:flex;align-items:center;gap:3px;height:22px;flex:1;max-width:190px}
.voice-wave i{display:block;background:currentColor;width:3px;border-radius:5px;min-height:3px;height:15px;animation:voice-level 1s ease-in-out infinite alternate;transform-origin:center}
.voice-wave i:nth-child(3n){height:22px;animation-duration:.7s;animation-delay:-.35s}
.voice-wave i:nth-child(3n + 1){height:10px;animation-duration:.9s;animation-delay:-.7s}
.voice-wave i:nth-child(2n){animation-delay:-.5s}
.german-halo{position:absolute;width:380px;height:380px;left:-130px;top:25px;border:1px solid #bdff7720;border-radius:50%;box-shadow:0 0 0 45px #bdff7708,0 0 0 90px #bdff7704;animation:german-halo 20s linear infinite}
.german-halo:after{content:'';position:absolute;left:50%;top:-4px;width:8px;height:8px;background:#d4ff66;border-radius:50%;box-shadow:0 0 18px #d4ff6670}
.german-copy{z-index:1}
.german-modes span{animation:mode-highlight 12s ease-in-out infinite}
.german-modes span:nth-child(2){animation-delay:-8s}.german-modes span:nth-child(3){animation-delay:-4s}

/* Word Autopilot: page layers, formatting pass and a completed check. */
.motion-ready .word-sheet:not(.sheet-back){animation:document-float 8s ease-in-out infinite}
.motion-ready .word-sheet.sheet-back{animation:document-back 8s ease-in-out infinite}
.motion-ready .sheet-lines i{transform-origin:left;animation:document-line 8s ease-in-out infinite}
.motion-ready .sheet-lines i:nth-child(2){animation-delay:.35s}.motion-ready .sheet-lines i:nth-child(3){animation-delay:.7s}
.motion-ready .sheet-title{animation:document-copy 8s ease-in-out infinite}
.motion-ready .word-badge{animation:word-badge 8s ease-in-out infinite}
.document-scan{position:absolute;left:9%;right:9%;top:18%;height:1px;background:#3171be;box-shadow:0 0 12px #3171be88;transform-origin:left;animation:document-scan 8s ease-in-out infinite;pointer-events:none}
.document-scan:before{content:'';position:absolute;left:0;right:0;bottom:0;height:32px;background:linear-gradient(0deg,#3171be15,transparent)}
.document-done{position:absolute;bottom:29px;right:7%;display:flex;gap:8px;align-items:center;padding:9px 13px;border:1px solid #294c7830;border-radius:40px;color:#244b76;background:#edf4f5e8;font-size:11px;box-shadow:0 8px 30px #1f365d12;animation:document-done 8s ease-in-out infinite}
.document-done svg{width:16px;height:16px}.document-done path{stroke-dasharray:25;stroke-dashoffset:25;animation:check-draw 8s ease-in-out infinite}
.word-orbit{position:absolute;width:420px;height:420px;border:1px solid #ffffff40;border-radius:50%;right:-90px;top:-110px;box-shadow:0 0 0 35px #ffffff10,0 0 0 70px #ffffff08;animation:orbit-breathe 10s ease-in-out infinite alternate}

/* Real screenshots: stronger depth and a moving view through the actual page. */
.motion-ready .real-phone{animation:phone-float-rich 8s ease-in-out infinite;z-index:3}
.motion-ready .browser-preview{animation:browser-float-rich 9s ease-in-out infinite}
.motion-ready .screenshot-viewport img{animation:screen-tour 18s cubic-bezier(.37,0,.25,1) infinite}
.motion-ready .project-open:hover .real-phone,.motion-ready .project-open:focus-visible .real-phone,.motion-ready .project-open:hover .browser-preview,.motion-ready .project-open:focus-visible .browser-preview,.motion-ready .project-open:hover .screenshot-viewport img,.motion-ready .project-open:focus-visible .screenshot-viewport img{animation-play-state:running}
.preview-orbit{position:absolute;width:370px;height:370px;right:0;top:55px;border:1px solid #397b9d30;border-radius:50%;box-shadow:0 0 0 35px #ffffff1a,0 0 0 70px #ffffff0c;animation:orbit-breathe 9s ease-in-out infinite alternate}
.preview-orbit:after{content:'';position:absolute;top:-4px;left:50%;width:8px;height:8px;background:#4a83be;border-radius:50%;animation:signal-pulse 3s ease-in-out infinite}
.diary-signals{position:absolute;left:7%;bottom:39px;display:flex;gap:5px;align-items:end;height:18px}
.diary-signals i{display:block;width:3px;height:12px;background:#467495;border-radius:4px;animation:voice-level 1.4s ease-in-out infinite alternate}
.diary-signals i:nth-child(2n){height:18px;animation-delay:-.8s}.diary-signals i:nth-child(3n){animation-delay:-.4s}
.photo-art.real-preview:after{content:'';position:absolute;width:220px;height:450px;left:-260px;top:-50px;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:rotate(25deg);animation:photo-light 12s ease-in-out infinite;pointer-events:none}
.browser-preview{z-index:2}
.photo-frame-line{position:absolute;inset:30px;border:1px solid #fff4;pointer-events:none;border-radius:7px;animation:frame-breathe 8s ease-in-out infinite}

/* Infrastructure and business flow are active diagrams, not spinning cards. */
.infra-packets{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.infra-packets i{position:absolute;top:-10px;width:3px;height:35px;background:linear-gradient(transparent,#d4ff66,transparent);left:50%;opacity:0;animation:packet-travel 5s ease-in-out infinite}
.infra-packets i:nth-child(2){left:25%;animation-delay:-1.6s}.infra-packets i:nth-child(3){left:75%;animation-delay:-3.3s}
.motion-ready .infra-gateway{animation:gateway-pulse 5s ease-in-out infinite}
.motion-ready .infra-bottom .infra-node{animation:node-receive 5s ease-in-out infinite}
.motion-ready .infra-bottom .infra-node:nth-child(2){animation-delay:-1.6s}.motion-ready .infra-bottom .infra-node:nth-child(3){animation-delay:-3.3s}
.motion-ready .infra-terminal p{animation:terminal-line 7s ease-in-out infinite}
.motion-ready .infra-terminal p:nth-child(3){animation-delay:.7s}
.motion-ready .clinic-flow span{animation:flow-step 7.5s ease-in-out infinite}
.motion-ready .clinic-flow span:nth-of-type(2){animation-delay:-5s}.motion-ready .clinic-flow span:nth-of-type(3){animation-delay:-2.5s}
.motion-ready .clinic-flow i{animation:link-nudge 2.5s ease-in-out infinite}
.motion-ready .clinic-plus{animation:clinic-cross 12s ease-in-out infinite}
.clinic-trace{position:absolute;left:8%;right:8%;top:80px;height:1px;background:linear-gradient(90deg,transparent,#417969,transparent);transform-origin:left;animation:clinic-trace 7.5s ease-in-out infinite}
.clinic-dots{position:absolute;left:8%;bottom:32px;display:flex;gap:5px}
.clinic-dots i{width:5px;height:5px;background:#668579;border-radius:50%;animation:signal-pulse 2s ease-in-out infinite}.clinic-dots i:nth-child(2){animation-delay:.3s}.clinic-dots i:nth-child(3){animation-delay:.6s}

/* Credentials and one compact, keyboard-accessible motion switch. */
.about-credentials{margin-top:35px;max-width:510px}
.about-credentials>h3{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#9eaf87;font-weight:500;margin:0 0 18px}
.credential{display:flex;gap:17px;position:relative;padding:23px 0;border-top:1px solid #38442e;align-items:flex-start}
.credential:before{content:'';position:absolute;left:0;top:-1px;height:1px;width:80px;background:linear-gradient(90deg,transparent,#d4ff66,transparent);animation:credential-signal 9s ease-in-out infinite}
.credential:nth-child(3):before{animation-delay:-4.5s}
.credential-index{font-size:11px;color:#849870;padding-top:2px}
.credential-label{font-size:10px;letter-spacing:1px;color:#95a67e}
.credential h4{font-size:20px;font-weight:500;line-height:1.35;margin:7px 0}
.credential p{font-size:14px;line-height:1.8;color:#b0b6a3}
.credential>div{flex:1}
.credential-symbol{color:#c9e99b;font:italic 36px Georgia,serif;line-height:1;padding-top:12px;animation:credential-float 7s ease-in-out infinite}
.credential-lock{width:32px;flex-shrink:0}.credential-lock svg{width:100%;height:auto}
.motion-toggle{position:fixed;right:22px;bottom:20px;display:flex;gap:8px;align-items:center;padding:9px 13px;border:1px solid #7b8e5255;border-radius:40px;background:#172012e6;backdrop-filter:blur(15px);color:#cbd9b7;font-size:11px;z-index:15;box-shadow:0 4px 25px #0003;transition:background .25s,transform .25s}
.motion-toggle:hover{background:#29391e;transform:translateY(-2px)}
.motion-toggle svg{width:16px;height:16px}.play-shape{display:none}.motion-toggle[aria-pressed=true] .pause-bars{display:none}.motion-toggle[aria-pressed=true] .play-shape{display:block}
.motion-toggle:disabled{opacity:.65;cursor:default}
.motion-paused *,.motion-paused *:before,.motion-paused *:after,.page-hidden *,.page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}
.scene-idle *,.scene-idle *:before,.scene-idle *:after{animation-play-state:paused!important}
.scene-idle .fuel-sweep,.scene-idle .german-halo,.scene-idle .word-orbit{animation-play-state:paused!important}
.motion-ready .expertise-row[open] .service-body{animation:accordion-in .5s cubic-bezier(.2,.7,.2,1)}
.motion-ready dialog[open]{animation:dialog-in .4s cubic-bezier(.16,.8,.22,1)}
.motion-ready dialog[open] .dialog-section{animation:intro-rise .5s .05s both}
.motion-ready dialog[open] .dialog-stack{animation:intro-rise .5s .1s both}

@keyframes intro-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes portrait-enter{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}
@keyframes portrait-breathe{to{transform:scale(1.045) translateY(-5px)}}
@keyframes aura-drift{to{transform:translate(15%,8%) scale(1.25)}}
@keyframes grid-breathe{to{transform:perspective(650px) rotateX(8deg) scale(1.04);opacity:.5}}
@keyframes tag-float{50%{transform:translateY(-9px) rotate(-1deg)}}
@keyframes scroll-nudge{50%{transform:translateY(5px)}}
@keyframes contact-breathe{50%{box-shadow:0 0 0 12px #d4ff6608,0 0 0 25px #d4ff6603}}
@keyframes separator-breathe{to{opacity:.35;transform:scale(.6)}}
@keyframes route-travel{to{stroke-dashoffset:-60}}
@keyframes map-pulse{0%{opacity:.8;transform:scale(.5)}85%,100%{opacity:0;transform:scale(2.3)}}
@keyframes radar-sweep{to{transform:rotate(360deg)}}
@keyframes fuel-notification{0%,100%{opacity:0;transform:translateY(28px) rotate(-2deg) scale(.97)}9%,82%{opacity:1;transform:translateY(0) rotate(-2deg) scale(1)}90%{opacity:1;transform:translateY(-8px) rotate(0deg) scale(1)}}
@keyframes notification-copy{0%,8%{opacity:0;transform:translateY(8px)}18%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes signal-pulse{50%{opacity:.35;transform:scale(.75)}}
@keyframes link-nudge{50%{transform:translateX(4px)}}
@keyframes telegram-float{50%{transform:translate(-10px,-6px) rotate(-14deg)}}
@keyframes orbit-breathe{to{transform:scale(1.13) translateY(-7px);opacity:.6}}
@keyframes chat-float{50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes chat-outgoing{0%,3%{opacity:0;transform:translateY(9px) scale(.97)}10%,92%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-4px)}}
@keyframes chat-incoming{0%,24%{opacity:0;transform:translateY(9px) scale(.97)}34%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes chat-voice{0%,43%{opacity:0;transform:translateY(5px)}52%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes typing-window{0%,12%,28%,100%{opacity:0}15%,24%{opacity:1}}
@keyframes typing-dot{50%{transform:translateY(-3px);opacity:.45}}
@keyframes voice-level{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
@keyframes german-halo{to{transform:rotate(360deg)}}
@keyframes mode-highlight{0%,25%{background:#d9e9c4;border-color:#9db589}35%,100%{background:transparent}}
@keyframes document-float{50%{transform:translateY(-9px) rotate(-3deg)}}
@keyframes document-back{50%{transform:translate(7px,-4px) rotate(12deg)}}
@keyframes document-line{0%,12%{transform:scaleX(.1);opacity:.15}38%,87%{transform:scaleX(1);opacity:1}100%{opacity:0}}
@keyframes document-copy{0%,10%{opacity:.35;transform:translateY(4px)}32%,92%{opacity:1;transform:none}}
@keyframes word-badge{50%{transform:translateY(-12px) rotate(-4deg)}}
@keyframes document-scan{0%,10%{opacity:0;transform:translateY(0)}20%{opacity:.8}66%{opacity:.8;transform:translateY(180px)}74%,100%{opacity:0;transform:translateY(180px)}}
@keyframes document-done{0%,60%{opacity:0;transform:translateY(10px) scale(.95)}72%,93%{opacity:1;transform:none}100%{opacity:0}}
@keyframes check-draw{0%,66%{stroke-dashoffset:25}79%,100%{stroke-dashoffset:0}}
@keyframes phone-float-rich{0%,100%{transform:translateY(5px) rotate(6deg)}50%{transform:translateY(-16px) rotate(1deg)}}
@keyframes browser-float-rich{0%,100%{transform:translateY(5px) rotate(-3deg) scale(.98)}50%{transform:translateY(-8px) rotate(1deg) scale(1.015)}}
@keyframes screen-tour{0%,15%,100%{transform:translateY(0)}46%,68%{transform:translateY(-22%)}84%{transform:translateY(-9%)}}
@keyframes photo-light{0%,20%{left:-260px;opacity:0}35%{opacity:.6}60%,100%{left:120%;opacity:0}}
@keyframes frame-breathe{50%{transform:scale(.97);opacity:.4}}
@keyframes packet-travel{0%{transform:translateY(0);opacity:0}12%{opacity:.65}85%{opacity:.65}100%{transform:translateY(330px);opacity:0}}
@keyframes gateway-pulse{0%,100%{box-shadow:0 0 0 0 #d4ff6600}35%{box-shadow:0 0 0 6px #d4ff6610;border-color:#bed88e}}
@keyframes node-receive{50%{color:#d4ff66;border-color:#9bbd6799;transform:translateY(-3px)}}
@keyframes terminal-line{0%,8%{opacity:.15;transform:translateX(-4px)}25%,90%{opacity:1;transform:none}}
@keyframes flow-step{0%,25%{background:#f9fff7;box-shadow:0 0 0 4px #5b9d7915;transform:translateY(-5px)}40%,100%{transform:none}}
@keyframes clinic-cross{50%{transform:translateY(-7px) rotate(3deg);opacity:.55}}
@keyframes clinic-trace{0%{transform:scaleX(0);opacity:0}25%{opacity:.6}80%{transform:scaleX(1);opacity:.6}100%{transform:scaleX(1);opacity:0}}
@keyframes credential-signal{0%,10%{transform:translateX(0);opacity:0}30%{opacity:.8}80%,100%{transform:translateX(250px);opacity:0}}
@keyframes credential-float{50%{transform:translateY(-4px);opacity:.65}}
@keyframes accordion-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}

@container(max-width:600px){.document-done{right:15px;bottom:23px;font-size:10px;padding:7px 10px}.typing-dots{top:139px;left:18px}.diary-signals{bottom:36px}}
@media(max-width:850px){.hero-field{inset:0}.motion-toggle{right:16px;bottom:16px}.credential h4{font-size:18px}.credential{gap:12px}}
@media(max-width:640px){.motion-toggle{right:13px;bottom:13px;padding:8px 11px;font-size:10px}.motion-toggle svg{width:14px;height:14px}.hero-grid{background-size:45px 45px}.hero-field:before{left:-150px;width:500px}.document-done{bottom:19px;right:13px}.about-credentials{margin-top:28px}.credential p{font-size:14px}.credential h4{font-size:19px}.credential-symbol{font-size:29px}.about-credentials>h3{font-size:11px}.diary-signals{bottom:31px}.clinic-trace{top:75px}.photo-frame-line{inset:22px}}
@media(prefers-reduced-motion:reduce){.motion-ready .project-art{transform:none!important}.scene-light{display:none}.motion-ready .hero-copy>*,.motion-ready .portrait-frame,.german-bubble,.german-voice,.fuel-message,.document-done{opacity:1!important;transform:none}.typing-dots,.document-scan{display:none}.motion-toggle{display:none}*,*:before,*:after{animation:none!important;transition:none!important}}

.motion-paused .hero-copy>*,.motion-paused .portrait-frame,.motion-paused dialog[open],.motion-paused dialog[open] .dialog-section,.motion-paused dialog[open] .dialog-stack{animation:none!important;opacity:1!important;transform:none!important}
.motion-paused .fuel-message,.motion-paused .german-bubble,.motion-paused .german-voice,.motion-paused .document-done{animation:none!important;opacity:1;transform:none}
.motion-paused .typing-dots{display:none}
.motion-paused *, .motion-paused *:before, .motion-paused *:after{transition-duration:0s!important}
.fuel-art,.photo-art.real-preview{height:360px}
.fuel-message{top:72px;left:10%;right:10%;padding:17px}
.fuel-message b{font-size:13px}.fuel-message small{font-size:9px;line-height:1.4}.fuel-message-body p{font-size:10px}.fuel-message-link{font-size:10px}
.photo-art.real-preview .browser-preview{height:265px}
@media(max-width:640px){.fuel-art,.photo-art.real-preview{height:350px}.fuel-message{top:65px;left:8%;right:8%;padding:16px}.fuel-message-body strong{font-size:25px}.photo-art.real-preview .browser-preview{height:260px}.document-done{bottom:34px}}

/* Explicit navigation and footer controls never overlap contacts. */
.contact-back{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#b8c7a3;margin-bottom:35px;padding:9px 0;position:relative}
.contact-back svg{width:19px;height:19px;transition:transform .25s}
.contact-back:hover{color:var(--lime)}.contact-back:hover svg{transform:translateX(-4px)}
.footer{display:grid;grid-template-columns:auto 1fr auto;gap:17px 25px}
.footer>span{text-align:center}.footer .footer-back-top{font-size:13px;color:#c3ceb1;display:inline-flex;align-items:center;justify-self:end;padding:8px 0;white-space:nowrap}
.footer .footer-back-top:hover{color:var(--lime)}
.footer .motion-toggle{position:static;grid-column:1/-1;justify-self:end;right:auto;bottom:auto;margin:0 0 3px;z-index:auto;box-shadow:none}
@media(max-width:640px){.contact-back{font-size:13px;margin-bottom:28px}.footer{gap:14px 13px}.footer>span{font-size:10px}.footer .footer-back-top{font-size:13px}.footer .motion-toggle{font-size:11px;padding:9px 13px}}
@media(max-width:360px){.footer{grid-template-columns:auto 1fr}.footer>span{text-align:right}.footer .footer-back-top{grid-column:1;grid-row:2;justify-self:start}.footer .motion-toggle{grid-column:2;grid-row:2}}