/* Vion Chat: bilingual typography and restrained, accessible depth. */
:root{--muted:#556d62;--perspective:1200px}html{scroll-padding-top:110px}body{font-family:Arial,Tahoma,sans-serif;font-size:18px;line-height:1.8}body:lang(ar){font-family:Tahoma,Arial,sans-serif}h1,h2,h3{letter-spacing:-.035em}body:lang(ar) h1,body:lang(ar) h2,body:lang(ar) h3{letter-spacing:0}.container{max-width:1200px}.nav-wrap{gap:20px}.nav-wrap nav{gap:20px;font-size:15px}.nav-wrap .nav-cta{font-size:14px;white-space:nowrap}.language-picker{position:relative;order:3;flex-shrink:0;font-size:14px;color:#144e40;z-index:60}.language-picker summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;padding:9px 11px;border:1px solid #dae7e0;border-radius:12px;background:#fff;min-height:44px}.language-picker summary::-webkit-details-marker{display:none}.language-picker svg{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.5}.language-options{position:absolute;top:calc(100% + 9px);inset-inline-end:0;min-width:150px;border:1px solid #dbe8e0;border-radius:14px;background:#fff;box-shadow:0 15px 40px #163d3522;padding:7px}.language-options a{display:block;padding:8px 12px;border-radius:8px}.language-options a:hover,.language-options [aria-current=page]{background:#edf8f2;color:#007f68}.language-picker[open] summary{box-shadow:0 0 0 3px #008d7515}.hero-editorial h1{font-size:clamp(45px,4.5vw,68px);line-height:1.16;letter-spacing:-.05em}.hero-editorial:lang(ar) h1{line-height:1.5;letter-spacing:-.02em}.hero-editorial>p{font-size:20px;line-height:1.8}.hero-editorial .button{font-size:16px;padding:15px 25px}.overline,.eyebrow{font-size:14px}.human-row,.hero-explore{font-size:14px}.ribbon-inner{font-size:16px}.section-intro p,.screens-heading p,.lifestyle-section p,.download-copy>p{font-size:18px;line-height:1.85}.screens-heading h2{font-size:clamp(34px,3.8vw,47px);line-height:1.3}.screens-heading:lang(ar) h2{line-height:1.6}.section-intro h2,.lifestyle-section h2{font-size:40px;line-height:1.3}.section-intro:lang(ar) h2,.lifestyle-section:lang(ar) h2{line-height:1.65}.download-meta{font-size:14px}.button{font-size:16px}.download-steps p,.plan p,.plan ul,.faq-items p,.steps p,.privacy-teaser p{font-size:16px;line-height:1.85}.feature-tabs small{font-size:14px;line-height:1.7}.feature-tabs strong{font-size:20px}.support-fab{font-size:14px}.site-footer .nav-support,.footer-top a{font-size:15px}.footer-top p,.footer-bottom{font-size:14px}.support-account{font-size:16px}.support-account>div span,.support-account button,.support-faq{font-size:14px}#support-dialog>p{font-size:16px}#support-dialog>small{font-size:13px}.support-account>div span{text-align:start}.support-close{inset-inline-end:16px;left:auto}.stage-note{direction:inherit}.live-caption{direction:inherit;font-size:11px;line-height:1.6}.stage-note b{font-size:13px}.stage-note small{font-size:11px}.lifestyle-section>div:last-child{direction:inherit}.lifestyle-section{direction:inherit}.screens-grid article{direction:inherit}.site-footer .nav-support{text-align:start}
/* 3D transforms create depth without an expensive WebGL scene. */
.live-stage{perspective:var(--perspective);transform-style:preserve-3d}.live-phone{transform:rotateY(-12deg) rotateZ(4deg);box-shadow:12px 18px 0 -5px #a8cdbb,25px 36px 65px #0c4d3333;transition:transform .35s}.mini-phone{transform:rotateY(12deg) rotateZ(-9deg);box-shadow:-8px 12px 0 -4px #b9d6c9,0 25px 45px #0c4d3325}.screens-grid{perspective:1400px;gap:42px}.screens-grid article{transform-style:preserve-3d}.screens-grid article:first-child .screen-shell{transform:rotateY(9deg) rotateZ(-1deg)}.screens-grid article:last-child .screen-shell{transform:rotateY(-9deg) rotateZ(1deg)}.screen-shell{box-shadow:8px 9px 0 #b3cfc2,18px 26px 48px #163d3526;transition:transform .3s}.server-unit{transform:rotateX(8deg) rotateY(-10deg);box-shadow:16px 18px 0 #0b352f,24px 34px 60px #00130b50}.environment-visual{perspective:1000px}.plan{box-shadow:0 12px 0 -8px #d8e8df,0 25px 55px #163d350a;transition:transform .2s}.button.primary{box-shadow:0 5px 0 #006551,0 12px 25px #008d751f}.button.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #006551}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #20b59b;outline-offset:5px}@media(hover:hover) and (prefers-reduced-motion:no-preference){.screen-shell:hover{transform:rotateY(0) translateY(-8px)!important}.plan:hover{transform:translateY(-6px)}}
/* Text-based screens keep names and avatars legible at any display resolution. */
.sample-screen{position:relative;aspect-ratio:10/20;height:auto;min-height:0;text-align:left;color:#253b33;background:#fff;font:14px/1.4 Arial,sans-serif;contain:layout paint}.sample-status{font-size:10px;display:flex;justify-content:space-between;padding:9px 13px}.sample-head{display:flex;align-items:center;justify-content:space-between;padding:16px 13px 19px}.sample-head>b{font-size:18px}.sample-head>span{font-size:22px;color:#39836e}.sample-tabs{color:#007b65;border-bottom:1px solid #e5eeea;padding:5px 15px 12px;font-size:13px;font-weight:bold}.sample-tabs span{color:#788b81;padding-left:17px;font-weight:normal}.sample-search{margin:14px 10px;padding:12px;background:#f1f5f3;color:#65766f;border-radius:12px;font-size:12px}.sample-intro{position:relative;margin:22px 15px;font-size:12px;line-height:1.7}.sample-intro span{position:absolute;right:0;top:8px;font-size:24px}.sample-label{display:block;margin:20px 15px 10px;color:#73887d;font-size:10px}.sample-person{display:flex;align-items:center;gap:9px;margin:0 12px;padding:13px 0;border-bottom:1px solid #ecf1ef}.sample-person img,.sample-account img{width:39px;height:39px;border-radius:50%;object-fit:cover}.sample-person>div{flex:1;min-width:0}.sample-person b,.sample-account b{font-size:12px;font-weight:600}.sample-person small,.sample-account small{display:block;font-size:10px;color:#7b8c82;margin-top:4px}.sample-person>span{font-size:10px;background:#edf7f1;padding:6px;color:#14886b;border-radius:8px}.sample-bottom{position:absolute;bottom:0;padding:15px;width:100%;background:#fff;text-align:center;color:#7c8b84;font-size:24px}.sample-bottom b{color:#00856e}.sample-account{display:flex;align-items:center;gap:10px;padding:15px}.sample-setting{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid #f0f4f2}.sample-setting>div{flex:1}.sample-setting b{font-size:12px;font-weight:normal}.sample-setting small{display:block;color:#7c8b83;font-size:9px;margin-top:4px}.sample-setting>span{font-size:18px;color:#5b7a6d}.sample-locale{font-size:10px;color:#00836b;display:block;text-align:right;padding:0 15px}.sample-login{padding:20px 15px}.sample-login img{width:140px;max-width:100%;margin:5px auto 24px}.sample-login h3{font-size:20px;margin:0 0 9px;letter-spacing:-.4px}.sample-login p{font-size:11px;color:#7b8f83;display:block;margin:0 0 26px}.sample-field{border:1px solid #dde7e1;padding:13px 10px;margin:15px 0;border-radius:9px;font-size:11px;color:#819389}.sample-field span{float:right}.sample-login-button{background:#eaf5ee;color:#126750;padding:12px;text-align:center;border-radius:9px;font-size:13px}.sample-login small{font-size:10px;display:block;color:#267e67;margin:17px 0}.sample-login .sample-signup{margin-top:42px;text-align:center}.sample-signup b{color:#1b8468}.screens-grid h3{font-size:20px;line-height:1.5}.screens-grid p{font-size:15px}.policy-content p,.policy-content li,.policy-table{font-size:17px;line-height:1.9}
@media(max-width:1100px){.nav-wrap{gap:12px}.nav-wrap nav{gap:12px;font-size:13px}.brand{width:145px}.nav-wrap .nav-cta{display:none}.screens-grid{gap:30px}.section-intro h2{font-size:34px}}
@media(max-width:800px){.site-header{height:78px}.nav-wrap{justify-content:space-between}.brand{width:137px}.language-picker{order:1;margin-inline-start:auto}.language-picker summary{padding:8px}.language-picker summary>span:not(.lang-caret){font-size:12px}.menu-toggle{order:2;margin:0}.nav-wrap nav{position:absolute;top:78px;inset-inline:0;font-size:17px;gap:15px}.hero-editorial>p{font-size:18px}.hero-editorial h1{font-size:48px}.hero-editorial .button{font-size:15px}.hero-actions{flex-wrap:wrap}.section-intro p,.screens-heading p,.lifestyle-section p{font-size:17px}.ribbon-inner{font-size:14px}.screens-grid{display:flex;gap:27px;overflow-x:auto;padding:18px 16px 36px;scroll-snap-type:x mandatory;margin-inline:-16px}.screens-grid article{flex:0 0 260px;scroll-snap-align:center;transform:none!important}.screen-shell{border:5px solid #17382e;border-radius:29px;transform:none!important}.screens-grid h3{font-size:19px}.screens-grid p{display:block;font-size:14px}.sample-screen{font-size:14px}.screens-heading h2{font-size:36px}.support-fab{font-size:13px;padding:12px 17px}.support-fab span{font-size:13px}.footer-top a,.footer-top .nav-support{font-size:15px}.footer-bottom{padding-bottom:100px}.live-caption{font-size:10px}.lifestyle-section h2{font-size:35px}.hero-grid{padding-bottom:65px}.live-stage{margin-bottom:18px}.stage-note{padding:10px;max-width:190px}.stage-note b{font-size:11px}.stage-note small{font-size:10px}.download-copy h2{font-size:34px;line-height:1.3}.download-copy:lang(ar) h2{line-height:1.6}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.brand{width:115px}.language-picker summary{gap:4px}.language-picker summary>span:not(.lang-caret){display:none}.hero-editorial h1{font-size:41px}.hero-editorial .button{font-size:14px;padding:13px 19px}.live-stage{transform:scale(.9);transform-origin:center top;margin-bottom:-25px}.screens-grid article{flex-basis:250px}}
@media(prefers-reduced-motion:reduce){.live-phone,.mini-phone,.screen-shell,.server-unit,.plan{transform:none!important;transition:none!important}.hero-grid,.live-stage{animation:none!important}}
.support-open{font-size:13px;color:#007d66;font-weight:bold;white-space:nowrap}.support-account{flex-wrap:wrap}.support-account button{font-size:12px}