@font-face{font-family:JuviArabic;src:url('assets/arabic.ttf') format('truetype');font-display:swap}
.header-actions{display:flex;align-items:center;gap:16px}.language-switch{display:flex;align-items:center;gap:2px;direction:ltr}.language-switch a{font-size:11px;padding:7px 8px;border-radius:7px}.language-switch [aria-current=page]{background:#eee6fa;color:#6134a4;font-weight:700}.skip-link{position:fixed;top:-70px;left:10px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}.hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.12;letter-spacing:-2.9px}.hero h1 em:after{bottom:0;height:7px}.hero h1 em{margin-top:6px}.hero-copy>p{max-width:470px}.hero .language{margin-top:18px}.hero-formats{gap:6px}.hero-formats>span{font-size:10px;padding:6px 8px}.hero .hero-buttons{gap:18px}.hero .text-link{white-space:normal}.hero-visual{align-self:center}.hero-animation{height:570px}.meet h2{font-size:38px}.capabilities article p{min-height:0}.capabilities article{min-height:230px}.scene-label{line-height:1.6}.section-top h2{max-width:650px}.sample{unicode-bidi:plaintext}.demo-label{flex-wrap:wrap;gap:7px}.demo-output dl div{gap:12px}.demo-output dd{text-align:end}.demo-output h3{font-size:26px}.tabs{flex-wrap:wrap}.tabs button{min-height:44px}.case-copy h2{overflow-wrap:anywhere}.contact h2{font-size:40px;max-width:430px}.contact-copy>p{max-width:320px}.contact-copy>img{pointer-events:none}.form-note a{color:#61409a;text-decoration:underline}#form-status{font-size:13px;line-height:1.65;margin-top:12px;min-height:24px}button:disabled{opacity:.65;cursor:wait}input,textarea{max-width:100%}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}dialog{max-width:min(560px,calc(100% - 32px));border:1px solid #e1d7eb;border-radius:22px;padding:32px;color:#292238;background:#fffefa}dialog::backdrop{background:#20152e80}dialog h2{font-size:28px;letter-spacing:-.6px;margin:10px 0 20px}dialog p{line-height:1.9;font-size:15px}dialog button{float:inline-end;border:0;background:#eee7f7;width:38px;height:38px;border-radius:50%;font-size:24px}.input-strip div{overflow-wrap:anywhere}
html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] button{font-family:JuviArabic,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0!important}html[lang=ar] .eyebrow{letter-spacing:0;font-size:12px}html[lang=ar] .hero h1{font-size:clamp(40px,4vw,57px);line-height:1.45;margin:16px 0}html[lang=ar] .hero-copy>p{line-height:2}html[lang=ar] .hero h1 em:after{left:auto;right:0}html[lang=ar] .hero .language{font-size:11px}html[lang=ar] .hero-visual{transform:rotate(-1deg)}html[lang=ar] .scene-label{letter-spacing:0;font-size:11px}html[lang=ar] .scene-footer{font-size:11px}html[lang=ar] .scene-footer i{transform:rotate(180deg)}html[lang=ar] .case-visual>img{right:auto;left:-12px}html[lang=ar] .contact-copy>img{right:auto;left:-15px}html[lang=ar] .contact-copy>p{max-width:270px}html[lang=ar] .form-note{font-size:11px}html[lang=ar] .case-copy>p{line-height:2}html[lang=ar] .hero h1 em{display:inline-block}html[lang=ar] .text-link span{margin:0}html[lang=fr] .hero h1{font-size:clamp(39px,4.1vw,59px)}html[lang=fr] .scene-label{letter-spacing:.5px;font-size:7px}html[lang=fr] .hero-buttons .button{padding:16px 22px}html[lang=fr] .hero .language{font-size:10px}
@media(max-width:1100px){header{gap:15px;padding-inline:25px}nav{gap:17px;font-size:12px}.header-actions{gap:10px}.header-actions .button{font-size:11px;padding:11px 15px}.hero{gap:25px}.hero h1{font-size:53px}html[lang=fr] .hero h1{font-size:45px}.hero-copy>p{font-size:15px}}
@media(max-width:850px){header nav{display:none}.hero{grid-template-columns:1fr;gap:32px;padding-top:28px;min-height:0}.hero-copy{text-align:center}.hero-copy>p{margin:auto}.hero-copy .eyebrow,.hero .language,.hero-buttons,.hero-formats{justify-content:center}.hero-visual{width:100%;max-width:520px;margin:auto;transform:none!important}.hero h1{font-size:55px}html[lang=fr] .hero h1{font-size:51px}.hero-copy>p{max-width:480px}.hero h1 br:first-child{display:none}.hero h1 em br{display:none}}
@media(max-width:650px){header{height:80px;padding-inline:18px;gap:10px}.wordmark img{width:86px;height:auto}.header-actions{gap:6px}.header-actions .button{display:none}.language-switch a{padding:10px;font-size:12px;min-height:44px;display:grid;place-items:center}.hero{padding:25px 20px 40px}.hero h1{font-size:43px;letter-spacing:-2px;line-height:1.2}.hero h1 br:first-child{display:initial}.hero h1 em br{display:initial}.hero-copy>p{font-size:14px;line-height:1.8}.hero .hero-buttons{gap:16px;margin-top:23px}.hero-formats{margin-top:24px}.hero .language{font-size:10px}.hero-animation{height:570px}.scene-label{padding:17px 14px 0}.meet h2{font-size:30px}.capabilities article{min-height:0}.section-top h2{font-size:31px}.demo-middle{display:none}.contact h2{font-size:32px;max-width:300px}.contact-copy>img{width:100px;right:0;bottom:0;opacity:.7}.contact-copy>p{max-width:220px}.contact-copy{padding-bottom:70px}.form-row{grid-template-columns:1fr}form h3{font-size:24px}html[lang=ar] .hero h1{font-size:39px;line-height:1.5}html[lang=ar] .hero-copy>p{font-size:14px}html[lang=ar] .contact-copy>img{left:0}html[lang=ar] .scene-footer{font-size:9px;gap:10px}html[lang=fr] .hero h1{font-size:38px}html[lang=fr] .hero .language{font-size:9px}html[lang=fr] .scene-footer{font-size:9px;gap:10px}footer{padding-inline:20px}footer>div{flex-wrap:wrap;justify-content:flex-start;gap:8px}.input-strip{padding-inline:20px}dialog{padding:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Explicit motion playback, with a page-wide pause control. */
html.juvi-motion .demo-middle img{animation:float 5s ease-in-out infinite!important}
html.juvi-motion .case-visual>img{animation:juvi-fly 4s ease-in-out infinite!important}
html.juvi-motion .contact-copy>img{animation:juvi-hello 3.5s ease-in-out infinite!important;transform-origin:50% 80%}
@keyframes juvi-fly{0%,100%{transform:translate(0,0) rotate(-7deg)}50%{transform:translate(12px,-24px) rotate(3deg)}}
@keyframes juvi-hello{0%,100%{transform:translateY(0) rotate(-15deg)}35%{transform:translateY(-12px) rotate(-5deg)}65%{transform:translateY(-8px) rotate(-18deg)}}
.juvi-motion-toggle{position:fixed;bottom:16px;inset-inline-end:16px;z-index:40;border:1px solid #d8c8eb;border-radius:24px;padding:10px 16px;background:#fffefa;color:#513377;box-shadow:0 4px 16px #25113718;font:inherit;font-size:12px;cursor:pointer}
html.juvi-motion-paused *,html.juvi-motion-paused *::before,html.juvi-motion-paused *::after{animation-play-state:paused!important}

html.juvi-motion.juvi-motion-paused .demo-middle img,html.juvi-motion.juvi-motion-paused .case-visual>img,html.juvi-motion.juvi-motion-paused .contact-copy>img{animation-play-state:paused!important}