@font-face{font-family:T;src:url(/brand/plex-arabic-regular.ttf);font-weight:500;font-display:swap}@font-face{font-family:T;src:url(/brand/plex-arabic-semibold.ttf);font-weight:700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{--ink:#123a63;--blue:#157fae;--paper:#fbfaf6;--rule:#d8dfde;margin:0;background:var(--paper);color:var(--ink);font:500 18px/1.55 T,sans-serif}a,button,input{font:inherit;color:inherit;touch-action:manipulation}a{text-decoration:none}button,summary,label{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #2185bd;outline-offset:4px}header{position:sticky;top:0;background:#fbfaf6f5;z-index:5;border-bottom:1px solid var(--rule)}.nav,footer{max-width:1150px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 5%}.brand,nav,.heroactions,.choices,.topt,.ticketline,.listrow,.manhead{display:flex;align-items:center}.brand{gap:8px;font-size:24px}.brand i{font-style:normal;color:#b0b8b8}.brand img{width:34px}.nav nav{gap:26px;font-size:15px}.navcta,.primary{border-radius:9px;background:var(--ink);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 22px 9px;border:0;min-height:44px}.navcta{font-size:15px;padding:10px 17px 7px}.hero{text-align:center;max-width:1000px;margin:auto;padding:clamp(40px,7vw,85px) 18px 0}.kicker{font-weight:700;color:#247797;font-size:15px;margin:0 0 12px}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.035em;line-height:1.08}h1{font-size:clamp(55px,7.5vw,103px)}em{font-style:normal;color:var(--blue)}.intro,.heading>p:last-child:not(.kicker){color:#4a6475;max-width:45ch;margin:14px auto 0;font-size:clamp(18px,1.8vw,22px)}.heroactions{gap:23px;justify-content:center;margin-top:23px}.link{font-weight:700;border-bottom:1px solid #9bbeca;padding-block:6px}.still{width:min(560px,98%);height:clamp(185px,27vw,280px);position:relative;margin:32px auto 0;isolation:isolate;--cup:clamp(108px,16vw,170px)}.cup{width:var(--cup);height:var(--cup);position:absolute;left:46%;top:10%;transform:rotate(18deg);filter:drop-shadow(7px 16px 10px #694f332b)}.rim{position:absolute;inset:0;border-radius:50%;padding:8%;background:linear-gradient(135deg,#fff,#cfc7b2 53%,#f4f0dd 72%,#afa994);box-shadow:inset 1px 3px 2px white,2px 4px 2px #beb49e}.coffee{height:100%;border-radius:50%;background:radial-gradient(ellipse at 62% 36%,#d9ad77,#bf8959 57%,#95603c 82%,#583d2c 97%);box-shadow:inset 1px 3px 5px #774b36;display:grid;place-items:center}.coffee svg{width:77%;height:77%}.handle{position:absolute;left:87%;top:36%;width:36%;height:27%;border:10px solid #e2daca;border-radius:38%;box-shadow:inset 1px 2px 4px #907d66,2px 4px 3px #a99c89}.receipt,.brandtile{position:absolute;display:grid;justify-items:center}.receipt{background:#fffef8;left:18%;top:1%;width:30%;padding:13px;color:#233e54;transform:rotate(-12deg);box-shadow:2px 8px 13px #665f4625;border-bottom:3px dotted #deddd1}.receipt b{font-size:15px}.receipt span{font-size:13px;margin-top:6px}.receipt strong{font-size:46px;line-height:1.1}.bars{width:74%;height:15px;margin:5px;background:repeating-linear-gradient(90deg,#163954 0 2px,transparent 2px 5px,#163954 5px 6px,transparent 6px 9px)}.brandtile{left:35%;top:48%;background:#123a63;width:18%;aspect-ratio:1;align-items:center;border-radius:20%;transform:rotate(-7deg);box-shadow:2px 5px 0 #082540,4px 14px 16px #173f5929}.brandtile img{width:68%}
.chapter{max-width:800px;margin:auto;padding:clamp(44px,7vw,86px) 22px;border-top:1px solid var(--rule)}.heading{text-align:center;margin-bottom:27px}.heading h2{font-size:clamp(34px,4.6vw,57px)}.walk,.manage,.trial,.confirmation,.faqs{max-width:590px;margin:auto}.choices{justify-content:center;flex-wrap:wrap;gap:4px;background:#e9eeed;padding:5px;border-radius:11px}.choices button{color:#36566a;background:transparent;border:0;border-radius:7px;min-height:44px;padding:6px 10px 3px;flex:1;font-size:16px;font-weight:700}.choices button[aria-pressed=true]{background:white;color:#123a63;box-shadow:0 1px 4px #123a6325}#stepcontent,.manbody{padding:24px 14px 8px;text-align:center}h3{font-size:24px;line-height:1.3}#stepcontent p,.manbody p,.faqs p,.confirmation p{color:#4a6475;margin-top:8px}.experiment{max-width:480px;margin:auto;text-align:center}.terminal{width:min(100%,370px);margin:auto;padding:14px 18px;background:#123a63;color:white;border-radius:16px;box-shadow:0 8px 16px #173e5217}.topt,.ticketline,.listrow,.manhead{justify-content:space-between}.topt small{color:#cce4ef;font-size:13px}.ticketline{background:#fffef8;color:var(--ink);padding:8px 15px;margin:8px 0;border-bottom:2px dashed #cdd2cf}.ticketline strong{font-size:27px}.ticketline b{font-size:14px}.go{width:100%;min-height:44px;background:#e1f2fc;color:var(--ink);border:0;border-radius:7px;font-weight:700}.go:disabled{background:#c1d9de;cursor:default}.connector{width:1px;height:20px;background:#aac2cf;margin:auto}.customer{position:relative;width:219px;margin:auto;background:#fff;border:4px solid #2f485b;border-radius:26px;padding:8px 10px 13px;box-shadow:0 7px 14px #16365215}.speaker{width:34px;height:4px;background:#243d52;border-radius:8px;margin:0 auto 5px}.customer small{font-size:12px}.bellmark img{width:39px;margin:7px 0 0}.customer b{display:block;font-size:15px}.hint{font-size:14px;color:#4a6475}.ready .bellmark img{transform-origin:50% 15%;animation:bell .6s ease-out}@keyframes bell{25%{transform:rotate(-12deg)}55%{transform:rotate(8deg)}80%{transform:rotate(-3deg)}}.reset,.resetTrial{min-height:44px;border:0;background:none;font-size:15px;text-decoration:underline;text-underline-offset:3px}
.manage{border:1px solid var(--rule);border-radius:16px;background:#fffefa;padding:18px}.manhead{font-weight:700;margin-bottom:15px}.manhead small{font-weight:500;font-size:13px;color:#557282}.listrow{padding:12px 0 2px;border-top:1px solid var(--rule);margin-top:20px;font-size:16px}.manbody{text-align:right}.faqs details{border-bottom:1px solid var(--rule);padding:13px 0}.faqs summary{min-height:42px;font-weight:700;align-content:center}.faqs p{padding-bottom:10px}.trial,.confirmation{text-align:center}.trial fieldset{border:0;padding:0;margin:0 0 14px}.trial legend{margin:auto auto 8px;font-weight:700}.trial label{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:4px 17px;border:1px solid var(--rule);border-radius:8px}.trial label:has(:checked){background:#e3f1f8;border-color:#86b5ce}.trial input{accent-color:#123a63}.trial small{display:block;margin:11px auto;color:#53697b}.confirmation{background:#eaf3f6;padding:22px;border-radius:12px}.confirmation .link{display:inline-block;margin:10px}.closing{padding-bottom:65px}footer{border-top:1px solid var(--rule);font-size:15px}
@media(max-width:680px){.nav nav{display:none}.brand{font-size:21px}.brand img{width:28px}.nav{padding:9px 16px}.navcta{font-size:14px}.heroactions{gap:14px;font-size:15px}.choices button{font-size:14px;padding:5px 4px}.chapter{padding-inline:18px}.still{margin-top:24px}.hero{padding-top:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}.cup,.receipt,.brandtile{transform:revert-layer}}

.setup{display:grid;gap:8px;max-width:320px;margin:15px auto}.setup input{font:inherit;border:1px solid #91adbc;border-radius:8px;padding:8px;background:#fff}.welcome{margin-top:18px}.setup[hidden],.welcome[hidden]{display:none}

.response{margin:8px 0;color:#dbf0fa;font-size:15px}.reply{display:block;margin:9px auto 0;min-height:44px;width:100%;border:0;border-radius:8px;background:var(--ink);color:white;font:700 17px T,sans-serif}.reply[hidden],.response[hidden]{display:none}
.enroll{max-width:500px;margin:auto;padding:clamp(18px,4vw,32px);background:#fffefa;border:1px solid var(--rule);border-radius:17px}.enroll>small{display:block;color:#53697b;margin-bottom:20px}.enroll [data-panel]{display:grid;gap:14px}.enroll [hidden]{display:none}.enroll .kicker{margin:0}.enroll label{display:grid;gap:4px;font-weight:700}.enroll input,.enroll select{width:100%;min-height:46px;border:1px solid #98adba;border-radius:8px;background:white;padding:8px 12px;font:inherit;color:inherit}.enroll [data-back]{background:transparent;border:0;min-height:44px}.enroll dl{margin:0}.enroll dt{color:#526e7b;font-size:14px}.enroll dd{margin:0 0 10px;overflow-wrap:anywhere}
@media(max-width:680px){
  .experiment .connector{height:10px}
  .experiment .response{min-height:24px;margin:4px 0}
  .experiment .response[hidden],.experiment .reply[hidden]{display:block;visibility:hidden}
  .experiment .hint{min-height:24px}
  .experiment .reply{margin-top:4px}
}
#try{padding-block:12px;overflow-anchor:none;min-height:calc(100svh - 82px);align-content:center}
#try .heading{translate:none!important;margin-bottom:12px}
#try .response{min-height:24px;margin:4px 0}
#try .response[hidden],#try .reply[hidden]{display:block;visibility:hidden}
#try .hint{min-height:24px}
@media(max-height:760px){
 #try .heading h2{font-size:32px}
 #try .heading .kicker{margin-bottom:2px}
 #try .heading>p:last-child{font-size:15px;line-height:1.25;margin-top:4px}
 #try .terminal{padding:9px 14px}
 #try .ticketline{padding:2px 12px;margin:3px 0}
 #try .connector{height:5px}
 #try .customer{width:min(280px,100%);padding:5px 10px 7px;display:grid;grid-template-columns:42px 1fr;align-items:center}
 #try .speaker,#try .customer small,#try .reply,#try .hint{grid-column:1/-1}
 #try .bellmark{grid-column:1;grid-row:3/5}
 #try .customer>b,#try .status{grid-column:2}
 #try .customer .status{font-size:20px}
 #try .customer .bellmark img{width:31px}
 #try .response,#try .hint{margin:0;min-height:21px;font-size:13px}
 #try .speaker{margin-bottom:1px}
 #try .reset{margin:0}
}
@media(max-height:620px){
 #try{padding-block:3px}
 #try .heading{margin-bottom:4px}
 #try .heading>p:last-child{display:none}
 #try .terminal{padding-block:5px}
}

#try{max-width:1100px}.try-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.try-options>.experiment{width:100%}.scan-demo{padding:24px;border:1px solid #c9dae3;border-radius:20px;background:#eef5f8;text-align:center}.scan-demo>p{margin:10px 0}.scan-demo .primary{margin:12px 0}.scan-demo small,#scanConnection{font-size:13px;color:#4a6475}.scan-demo .terminal{margin-top:18px}.scan-demo .terminal p{margin:8px 0}#scanQR{max-width:220px;margin:16px auto;background:white}#scanQR svg{display:block;width:100%;height:auto}#scanPanel[hidden]{display:none}#scanLink{display:inline-block;margin:8px 0;text-decoration:underline}@media(max-width:760px){.try-options{grid-template-columns:1fr;gap:22px}.scan-demo{padding:18px}#try{padding-bottom:24px}}

[data-qr] svg{width:100%;max-width:240px;height:auto}.try-options [data-note]{min-height:2em}#language{white-space:nowrap;font-size:14px}#language button{border:0;background:none}html[dir=ltr] .nav,html[dir=ltr] .hero{text-align:left}

.centered{text-align:center}.price-scroll{overflow-x:auto}.price-scroll table{border-collapse:collapse;width:100%;max-width:800px;margin:auto}.price-scroll th,.price-scroll td{padding:16px;border-bottom:1px solid #dbe5eb;text-align:center}.price-scroll th{background:#edf3f6}.policy{max-width:850px;margin:40px auto;padding:24px}.policy p{line-height:1.9}.policy section{margin-block:30px}