/* Connected business hero — a physical product scene with real, readable UI. */
.product-hero{height:auto;min-height:890px;padding-top:120px;background:radial-gradient(ellipse at 75% 42%,#2C6E6A26,transparent 47%),#0A0D0E}
.product-hero .hero-layout{grid-template-columns:1fr 1.13fr;gap:clamp(30px,4vw,62px);min-height:680px;padding-block:24px 32px}
.product-hero .hero-copy{padding:0;max-width:550px;z-index:3}
.product-hero .hero-title{font-size:clamp(51px,5.8vw,88px);letter-spacing:-.065em;line-height:1.04;white-space:normal;max-width:none;margin:0}
.product-hero .hero-title .title-last{font-size:1em;line-height:1.16;letter-spacing:-.065em;white-space:nowrap}
.product-hero .lime-period{font-size:.4em;margin-inline-start:12px}
.product-hero .hero-kicker{font-size:9px;letter-spacing:.12em;margin-bottom:25px}
.product-hero .hero-description{font-size:15px;line-height:1.85;max-width:430px;margin:26px 0 22px;color:#9AA8A6}
.hero-capabilities{display:flex;gap:8px 19px;flex-wrap:wrap;margin-bottom:30px;max-width:460px}
.hero-capabilities>span{display:flex;align-items:center;gap:8px;color:#EAEDEC;font-size:10px}
.hero-capabilities i{font-style:normal;color:#5FB3AB;font-size:16px}
.product-hero .hero-actions{gap:24px}.product-hero .hero-actions .btn{font-size:12px;padding:17px 19px;gap:22px}
.hero-build-note{font-size:10px;color:#6B7A78;margin-top:23px;max-width:370px;line-height:1.75}
.product-experience.hero-art{height:auto;min-height:0;margin:0;width:100%;isolation:auto;font-family:var(--sans)}
.product-experience::after{display:none}
.experience-overline{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 5px;color:#9AA8A6;font-size:7px;letter-spacing:.12em}
.experience-overline>span:first-child{display:flex;align-items:center;gap:8px}.experience-overline>span:last-child{color:#6B7A78;font-size:6px}
.experience-overline .status-dot{width:4px;height:4px;background:#5FB3AB}
.experience-panel{position:relative;outline:none}
.experience-stage{height:508px;position:relative;perspective:1350px;isolation:isolate}
.experience-floor{position:absolute;left:-6%;right:-6%;bottom:0;height:190px;background:repeating-linear-gradient(0deg,transparent 0 40px,#5FB3AB0d 41px 42px),repeating-linear-gradient(90deg,transparent 0 40px,#5FB3AB0d 41px 42px);transform:perspective(400px) rotateX(65deg);mask-image:radial-gradient(ellipse,#0007,transparent 67%);pointer-events:none}
.experience-stage::after{content:'';position:absolute;bottom:0;left:12%;right:2%;height:35px;background:#000b;border-radius:50%;filter:blur(19px);z-index:-1}
.experience-rig{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--experience-x,0deg)) rotateY(var(--experience-y,0deg));transition:transform .65s cubic-bezier(.2,.8,.2,1);direction:ltr}
.experience-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;transform:translateZ(15px)}
.experience-wires .wire-track{stroke:#222E2D26;stroke-width:1.5}.experience-wires .wire-current{stroke:#5FB3AB;stroke-width:1.5;stroke-dasharray:7 95;animation:dataFlow 3s linear infinite;filter:drop-shadow(0 0 5px #5FB3AB)}.experience-wires circle{fill:#5FB3AB;filter:drop-shadow(0 0 7px #5FB3AB)}
.experience-site{position:absolute;left:7%;top:20px;width:245px;height:149px;border:1px solid #5FB3AB49;border-radius:8px;overflow:hidden;transform:translateZ(-55px) rotateY(14deg) rotateZ(-8deg);background:linear-gradient(150deg,#F1EDE4,#F1EDE4);box-shadow:-5px 9px 0 #2C6E6A44,0 28px 50px #0005;color:#1F4E4C}
.exp-site-chrome{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:6px;border-bottom:1px solid #222E2D41;letter-spacing:.02em}.exp-site-chrome>span:first-child{display:flex;gap:3px}.exp-site-chrome i{width:3px;height:3px;border-radius:100%;background:#5FB3AB}
.exp-site-body{padding:12px 18px}.exp-site-logo{display:block;font-size:8px;font-weight:700;letter-spacing:-.02em}.exp-site-logo>span{font-weight:400}.exp-site-body>div{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.exp-site-body strong{font-family:var(--serif);font-size:20px;line-height:1.02;letter-spacing:-.05em;font-weight:600}.mini-site-shape{width:43px;height:43px;border-radius:12px;border:9px solid #2C6E6A;transform:rotate(-20deg);box-shadow:inset 2px 3px 3px #222E2D,3px 5px 8px #2C6E6A50}.mini-site-button{display:inline-block;font-size:5px;padding:4px 7px;background:#1F4E4C;color:#F1EDE4;border-radius:2px}
.experience-dashboard{position:absolute;left:-2%;top:167px;width:277px;min-height:239px;padding:17px 19px 11px;border:1px solid #5FB3AB42;border-radius:12px;background:linear-gradient(135deg,#2C6E6Ae8,#131A1Bea 65%,#1F4E4C);box-shadow:inset 0 1px 0 #ffffff2a,-4px 4px 0 #2C6E6A30,0 30px 50px #0005;backdrop-filter:blur(16px);transform:translateZ(-12px) rotateY(13deg) rotateZ(-7deg);color:#EAEDEC}
.exp-dashboard-top{display:flex;align-items:center;gap:7px;padding-bottom:12px;border-bottom:1px solid #222E2D23;font-size:9px;font-weight:500}.exp-dashboard-top b{font-weight:400;color:#6B7A78;font-size:7px;margin-left:3px}.exp-dashboard-symbol{font-size:18px;color:#5FB3AB;line-height:1}.dash-demo-tag{margin-left:auto;font-size:5px;letter-spacing:.09em;border:1px solid #222E2D65;border-radius:3px;color:#9AA8A6;padding:3px 5px}
.exp-dashboard-heading{display:flex;justify-content:space-between;align-items:center;padding-top:12px;font-size:8px;color:#9AA8A6;gap:5px}.exp-online{font-size:6px;color:#5FB3AB;display:flex;align-items:center;gap:4px}.exp-online i{width:3px;height:3px;background:#5FB3AB;border-radius:50%}
.experience-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-height:80px;padding-top:12px}.exp-main-metric>span{display:block;color:#9AA8A6;font-size:7px}.exp-main-metric>strong{display:block;font-family:var(--serif);font-size:40px;letter-spacing:-.06em;font-weight:500;line-height:1.2;color:#EAEDEC;font-variant-numeric:tabular-nums}.exp-main-metric strong>span{font-size:13px;color:#5FB3AB;display:inline-block;vertical-align:middle;margin-inline-start:9px}.exp-mini-metrics{display:flex;flex-direction:column;gap:9px;padding-top:3px}.exp-mini-metrics>div{display:flex;align-items:baseline;justify-content:space-between;gap:7px}.exp-mini-metrics b{font-size:13px;font-weight:500;color:#EAEDEC;white-space:nowrap;font-variant-numeric:tabular-nums}.exp-mini-metrics span{font-size:6px;color:#9AA8A6;text-align:end}
.experience-chart{display:flex;align-items:end;gap:7px;height:45px;padding-top:4px;border-bottom:1px solid #222E2D21;margin-top:9px}.experience-chart i{flex:1;height:var(--bar);background:linear-gradient(180deg,#5FB3AB,#2C6E6A);border-top:1px solid #5FB3AB7a;border-radius:2px 2px 0 0;transform-origin:bottom;animation:metricDrift 6s calc(var(--i) * -.4s) ease-in-out infinite}.experience-chart i:last-child{background:linear-gradient(180deg,#D9911F,#2C6E6A);border-color:#EBAA43}
.exp-dashboard-foot{display:flex;justify-content:space-between;align-items:center;font-size:6px;color:#6B7A78;padding-top:9px;gap:5px}.exp-dashboard-foot>span:last-child{font-size:11px;color:#5FB3AB}
.experience-phone{position:absolute;right:5%;top:18px;width:249px;height:448px;transform-style:preserve-3d;transform:translateZ(63px) rotateY(-13deg) rotateZ(6deg);border-radius:38px;background:linear-gradient(115deg,#2C6E6A 0%,#5FB3AB 2%,#182122 4%,#131A1B 48%,#2C6E6A 95%,#5FB3AB 97%,#182122 100%);padding:8px;box-shadow:inset 0 0 0 1px #5FB3AB69,12px 12px 0 -6px #0A0D0E,14px 14px 0 -6px #2C6E6A77,18px 25px 50px #0008;direction:ltr}
.exp-phone-edge{position:absolute;inset:1px;border:2px solid #5FB3AB55;border-radius:37px;transform:translateZ(-10px);pointer-events:none}
.exp-phone-key{position:absolute;left:-4px;top:99px;width:4px;height:31px;background:linear-gradient(90deg,#2C6E6A,#182122);border-radius:2px;transform:translateZ(-3px)}.exp-phone-key.key-two{top:143px;height:42px}
.exp-phone-front{position:relative;background:radial-gradient(ellipse at 10% 20%,#222E2D47,transparent 75%),#0E1314;box-shadow:inset 0 0 0 1px #5FB3AB1c;overflow:hidden;border-radius:30px;height:100%;transform:translateZ(1px);display:flex;flex-direction:column}
.exp-phone-status{height:35px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#9AA8A6;font-size:7px;flex-shrink:0}.exp-phone-status>i{position:absolute;top:0;left:50%;transform:translateX(-50%);width:77px;height:19px;background:#0A0D0E;border-radius:0 0 13px 13px}.phone-signal{letter-spacing:-1px;font-size:8px;line-height:1}.phone-signal b{font-size:11px;letter-spacing:0;margin-left:3px;font-weight:400}
.experience-screen{padding:9px 15px 12px;flex:1;position:relative;min-height:0;color:#EAEDEC}
.exp-app-title{display:flex;justify-content:space-between;align-items:center;font-family:var(--serif);font-size:24px;font-weight:500;letter-spacing:-.035em;line-height:1.3}.exp-app-title>i{font-size:17px;font-family:var(--sans);font-style:normal;color:#6B7A78;line-height:1}.exp-app-sub{font-size:8px;color:#6B7A78;margin:5px 0 15px}
.exp-wallet-card{padding:16px 13px 10px;position:relative;border-radius:13px;border:1px solid #5FB3AB60;background:linear-gradient(130deg,#2C6E6A,#1F4E4C 50%,#1F4E4C);box-shadow:inset 0 1px 0 #5FB3AB70,0 11px 24px #0005;overflow:hidden}.exp-wallet-card::after{content:'';position:absolute;width:140px;height:140px;top:-70px;right:-70px;background:#5FB3AB2b;border-radius:50%;filter:blur(16px);pointer-events:none}
.exp-wallet-brand{display:flex;align-items:center;gap:9px}.exp-wallet-brand img{width:29px;height:29px;border:1px solid #5FB3AB55;border-radius:7px;flex-shrink:0}.exp-wallet-brand b{display:block;font-family:Georgia,'IBM Plex Sans Arabic',serif;font-size:15px;font-weight:500;color:#F1EDE4}.exp-wallet-brand small{display:block;font-size:5px;letter-spacing:.15em;color:#9AA8A6;margin-top:2px}
.exp-stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:17px;margin-bottom:13px}.exp-stamps>i{width:27px;height:27px;border-radius:50%;border:1px dashed #5FB3AB45;background:#222E2D30;display:grid;place-items:center;line-height:1;font-style:normal;color:#EBAA43;font-size:13px}.exp-stamps .earned{background:radial-gradient(circle at 30% 20%,#EBAA43,#D9911F 80%);color:#0A0D0E;border:1px solid #EBAA43;box-shadow:0 2px 3px #0A0D0E80,inset 1px 1px 1px #fff5}
.exp-wallet-count{color:#9AA8A6;display:flex;flex-direction:column;gap:3px;font-size:7px;line-height:1.5}.exp-wallet-count>b{font-size:10px;color:#F1EDE4;font-weight:500;font-variant-numeric:tabular-nums}.exp-barcode{height:27px;margin-top:13px;border:7px solid #F1EDE4;border-radius:5px;background:repeating-linear-gradient(90deg,#1F4E4C 0px 1px,#F1EDE4 1px 3px,#1F4E4C 3px 5px,#F1EDE4 5px 7px,#1F4E4C 7px 8px,#F1EDE4 8px 11px);box-sizing:content-box}.exp-wallet-id{font-size:4px;letter-spacing:.16em;color:#9AA8A6;text-align:center;display:block;margin-top:6px}
.exp-phone-hint{font-size:7px;text-align:center;color:#6B7A78;margin:12px 0 8px}
.experience-action{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 11px;border:1px solid #EBAA438a;border-radius:6px;background:#D9911F;color:#0A0D0E;font-size:8px;font-weight:500;cursor:pointer;text-align:start;transition:background .2s,box-shadow .2s;position:relative;z-index:2;min-height:33px}.experience-action:hover{background:#EBAA43;box-shadow:0 3px 15px #D9911F25}.experience-action>span{font-size:13px;line-height:1}.experience-action:disabled{opacity:.55;cursor:default}.experience-action:focus-visible{outline:2px solid white;outline-offset:3px}
.exp-phone-home{position:absolute;bottom:7px;left:50%;width:74px;height:3px;border-radius:5px;background:#9AA8A677;transform:translateX(-50%)}
.experience-sync{position:absolute;left:15%;bottom:3px;min-width:259px;max-width:81%;display:flex;gap:11px;align-items:center;padding:15px 17px;border:1px solid #5FB3AB52;border-radius:10px;background:linear-gradient(130deg,#182122ea,#131A1Bea);box-shadow:inset 0 1px 0 #EAEDEC22,0 15px 40px #0006;backdrop-filter:blur(20px);transform:translateZ(112px) rotateY(2deg) rotateZ(-2deg);color:#EAEDEC;z-index:2;pointer-events:none}
.exp-sync-icon{width:31px;height:31px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;border:1px solid #5FB3AB55;background:#5FB3AB15;color:#D9911F;font-size:15px}.experience-sync small{display:block;font-size:5px;letter-spacing:.12em;color:#6B7A78}.experience-sync strong{font-family:var(--serif);font-size:12px;line-height:1.4;font-weight:500;letter-spacing:-.025em;display:block;margin-top:4px}.experience-sync>div>span{font-size:6px;color:#6B7A78;display:block;margin-top:4px}.experience-sync>i{font-style:normal;font-size:15px;margin-left:auto;color:#5FB3AB}
.experience-explanation{display:flex;align-items:start;gap:16px;margin-top:18px;padding:15px 0;border-top:1px solid #222E2D23;min-height:85px}.experience-chapter{font-family:monospace;font-size:8px;color:#6B7A78;padding-top:4px;white-space:nowrap;font-variant-numeric:tabular-nums}.experience-explanation h2{font-family:var(--serif);font-size:15px;line-height:1.4;font-weight:500;color:#EAEDEC;letter-spacing:-.025em}.experience-explanation p{font-size:10px;line-height:1.8;color:#9AA8A6;max-width:450px;margin-top:5px}
.experience-controls{display:flex;gap:8px;align-items:stretch}.experience-tabs{display:flex;flex:1;border:1px solid #222E2D45;border-radius:6px;padding:4px;background:#0E1314;gap:3px;min-width:0}.experience-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:1px solid transparent;border-radius:3px;background:none;color:#9AA8A6;font-size:9px;cursor:pointer;flex:1;white-space:nowrap;min-height:37px;transition:color .25s,background .25s}.experience-tabs button>span{font-family:monospace;font-size:6px;color:#6B7A78}.experience-tabs button:hover{background:#5FB3AB11;color:#EAEDEC}.experience-tabs button[aria-selected=true]{color:#EAEDEC;border-color:#5FB3AB55;background:#5FB3AB15;box-shadow:inset 0 1px 0 #EAEDEC16}.experience-tabs button[aria-selected=true]>span{color:#D9911F}.experience-play{width:34px;flex-shrink:0;background:#182122;border:1px solid #222E2D45;border-radius:6px;color:#9AA8A6;font-size:13px;cursor:pointer}.experience-play:hover{background:#182122;color:#EAEDEC}.experience-play:disabled{opacity:.45;cursor:default}.experience-disclaimer{font-size:7px;color:#6B7A78;margin:10px 0 0;line-height:1.7;text-align:center}
/* Alternate phone interfaces share the same physical device. */
.demo-brand-line{display:flex;align-items:center;gap:7px;font-size:10px;color:#EAEDEC;padding-bottom:12px;border-bottom:1px solid #222E2D28}.demo-brand-icon{width:21px;height:21px;display:grid;place-items:center;background:#D9911F;color:#1F4E4C;border-radius:5px;font-size:15px}.demo-brand-line>i{margin-left:auto;font-style:normal;font-size:15px;color:#9AA8A6}.demo-web-hero{padding:17px 0 0}.demo-web-hero>small{font-size:5px;color:#9AA8A6;letter-spacing:.12em}.demo-web-hero>h3{font-size:26px;font-family:var(--serif);font-weight:500;letter-spacing:-.055em;line-height:1.15;margin-top:8px;color:#EAEDEC}.demo-web-hero>h3>span{color:#D9911F}.demo-web-hero>p{font-size:8px;line-height:1.7;color:#9AA8A6;margin-top:12px}.demo-web-visual{position:relative;height:90px;background:linear-gradient(135deg,#5FB3AB28,#1F4E4C15);border:1px solid #5FB3AB24;border-radius:6px;margin:14px 0;display:flex;gap:13px;align-items:center;justify-content:center;perspective:600px}.demo-web-visual i{display:block;border:1px solid #5FB3AB77;width:50px;height:50px;background:linear-gradient(130deg,#5FB3AB80,#2C6E6A);box-shadow:7px 7px 0 #5FB3AB20;transform:rotateY(-30deg) rotateX(18deg)}.demo-web-visual i:nth-child(2){width:39px;height:39px;border-radius:50%;background:linear-gradient(145deg,#5FB3AB,#1F4E4C);box-shadow:3px 6px 13px #0005}.demo-web-caption{font-size:7px;display:flex;gap:10px;color:#9AA8A6;margin-bottom:12px}.demo-web-caption>span::before{content:'';display:inline-block;width:8px;height:4px;border-left:1.5px solid #D9911F;border-bottom:1.5px solid #D9911F;transform:rotate(-45deg);margin-inline-end:5px;vertical-align:3px}
.demo-booking-service{display:flex;align-items:center;gap:10px;padding:13px 11px;background:#5FB3AB12;border:1px solid #5FB3AB32;border-radius:7px;margin-bottom:13px}.demo-service-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#5FB3AB22;color:#5FB3AB;font-size:20px}.demo-booking-service b{font-size:10px;font-weight:500;display:block;color:#EAEDEC}.demo-booking-service small{font-size:6px;color:#9AA8A6;display:block;margin-top:4px}.demo-booking-month{display:flex;justify-content:space-between;font-size:9px;margin-bottom:8px;color:#5FB3AB}.demo-dates{display:flex;gap:5px}.demo-dates>span{flex:1;padding:9px 0;border:1px solid #5FB3AB27;border-radius:6px;text-align:center;font-size:7px;color:#9AA8A6}.demo-dates b{font-size:14px;display:block;font-weight:500;margin-top:2px;color:#EAEDEC}.demo-dates .selected-date{background:#5FB3AB1c;border-color:#5FB3AB8c}.demo-dates .selected-date b{color:#EAEDEC}.demo-slot-label{display:block;font-size:7px;color:#9AA8A6;margin:14px 0 8px}.demo-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;direction:ltr}.demo-slots span{font-size:8px;padding:7px 0;text-align:center;border:1px solid #5FB3AB47;border-radius:4px;color:#9AA8A6}.demo-slots .selected-slot{color:#0A0D0E;background:#D9911F;border-color:#EBAA43}.demo-slots .taken{opacity:.4;text-decoration:line-through}.demo-booking-note{font-size:7px;color:#9AA8A6;margin:12px 0}
.demo-products{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0 16px}.demo-product-image{height:99px;border:1px solid #5FB3AB2e;border-radius:6px;background:radial-gradient(ellipse at 50% 70%,#5FB3AB55,#1F4E4C17);position:relative;display:grid;place-items:center;perspective:500px}.demo-product-image .demo-bottle{width:29px;height:56px;border-radius:5px 5px 7px 7px;display:block;background:linear-gradient(90deg,#2C6E6A,#5FB3AB 35%,#2C6E6A 85%,#1F4E4C);box-shadow:8px 12px 13px #0004;transform:rotate(-13deg)}.demo-bottle::before{content:'';position:absolute;width:16px;height:9px;left:6px;top:-8px;background:linear-gradient(90deg,#182122,#2C6E6A,#182122);border-radius:3px 3px 0 0}.demo-bottle::after{content:'pure';font-family:Georgia,serif;position:absolute;inset:19px 0 auto;background:#F1EDE4;color:#182122;font-size:8px;text-align:center;padding:5px 0}.demo-product-image .demo-box{width:44px;height:42px;display:block;transform:rotateY(-28deg) rotateZ(9deg);background:linear-gradient(120deg,#F1EDE4,#2C6E6A);border:1px solid #F1EDE4;box-shadow:7px 5px 0 #1F4E4C,12px 14px 20px #0004;position:relative}.demo-box::after{content:'';position:absolute;inset:7px;background:url('/assets/demo-mark.svg') center/contain no-repeat}.demo-product h4{font-size:8px;color:#EAEDEC;margin:8px 0 4px;font-family:var(--sans);font-weight:500}.demo-product>span{font-size:7px;color:#9AA8A6}.demo-cart-total{border-block:1px solid #222E2D30;padding:12px 0;display:flex;justify-content:space-between;font-size:8px;color:#9AA8A6;margin-bottom:13px}.demo-cart-total b{color:#EAEDEC;font-weight:500}.demo-cart-note{font-size:7px;color:#9AA8A6;margin-bottom:13px}
@keyframes dataFlow{to{stroke-dashoffset:-306}}@keyframes metricDrift{50%{transform:scaleY(.82)}}
section:not(.chapter-visible) .experience-chart i,section:not(.chapter-visible) .wire-current{animation-play-state:paused}
html[lang=ar] .product-hero .hero-title{font-size:clamp(46px,5.2vw,78px);line-height:1.35;letter-spacing:0}
html[lang=ar] .product-hero .hero-title .title-last{letter-spacing:0;line-height:1.3}
html[lang=ar] .product-hero .hero-copy{padding:0}html[lang=ar] .product-experience.hero-art{direction:rtl}
html[lang=ar] .product-hero .hero-description{font-size:16px}html[lang=ar] .experience-dashboard,html[lang=ar] .experience-screen,html[lang=ar] .experience-sync{direction:rtl}
html[lang=ar] .experience-site{direction:rtl}html[lang=ar] .exp-site-chrome{direction:ltr}
html[lang=ar] .dash-demo-tag{margin-left:0;margin-right:auto}html[lang=ar] .exp-dashboard-top b{margin-right:3px;margin-left:0}
html[lang=ar] .experience-sync>i{margin-left:0;margin-right:auto}html[lang=ar] .exp-wallet-brand b{font-family:var(--sans)}
html[lang=ar] .experience-explanation h2{font-size:16px;letter-spacing:0}html[lang=ar] .experience-explanation p{font-size:11px}
html[lang=ar] .experience-overline{letter-spacing:0;font-size:8px}html[lang=ar] .exp-app-title{letter-spacing:0;font-size:22px}
html[lang=ar] .demo-brand-line>i{margin-left:0;margin-right:auto}html[lang=ar] .demo-web-hero>h3{font-size:23px;line-height:1.4;letter-spacing:0}
html[lang=ar] .experience-chapter{direction:ltr}html[lang=ar] .experience-disclaimer{font-size:8px}html[lang=ar] .hero-build-note{font-size:11px}
@media(min-width:1550px){.product-hero .hero-layout{gap:75px}.experience-stage{height:555px}.experience-phone{width:271px;height:480px;right:8%}.experience-dashboard{top:190px;width:301px;min-height:253px;left:0}.experience-site{width:271px;height:156px;left:9%}.exp-app-title{font-size:27px}.exp-wallet-card{padding:19px 15px 14px}.exp-stamps>i{height:31px;width:31px}.exp-stamps{gap:7px;margin-top:21px}.exp-wallet-count{font-size:8px}.exp-wallet-count>b{font-size:12px}.exp-phone-hint{font-size:8px;margin-top:15px}.experience-action{font-size:9px;min-height:38px}.experience-sync{left:20%;bottom:6px}.product-hero .hero-layout{min-height:735px}}
@media(max-width:1150px){.product-hero .hero-layout{grid-template-columns:.93fr 1.07fr;gap:25px}.product-hero .hero-title{font-size:5.5vw}.product-hero .hero-description{font-size:13px}.hero-capabilities{gap:6px 12px}.hero-capabilities>span{font-size:9px}.product-hero .hero-kicker{font-size:8px}.experience-phone{right:1%;width:229px;height:430px}.experience-dashboard{width:238px;left:-3%;padding:15px;top:164px}.experience-site{left:2%;width:223px}.experience-stage{height:487px}.exp-stamps{gap:5px}.exp-stamps>i{height:25px;width:25px}.experience-screen{padding:9px 12px 12px}.exp-wallet-card{padding:13px 11px 9px}.exp-stamps{margin-top:14px}.exp-app-sub{margin-bottom:12px}.experience-sync{left:7%;min-width:250px;bottom:0}.experience-explanation h2{font-size:14px}.experience-explanation p{font-size:9px}.experience-tabs button{padding:9px 5px;font-size:8px;gap:4px}.experience-overline{font-size:6px;letter-spacing:.07em}.experience-overline>span:last-child{font-size:5px}.experience-metrics{gap:8px}.exp-mini-metrics span{font-size:5.5px}.exp-main-metric>strong{font-size:35px}.product-hero .hero-actions{gap:19px;flex-wrap:wrap}.product-hero .hero-actions .btn{font-size:10px}.product-hero .text-link{font-size:11px}.product-hero{min-height:855px}html[lang=ar] .product-hero .hero-title{font-size:5vw}html[lang=ar] .product-hero .hero-description{font-size:14px}}
@media(max-width:880px){.product-hero{padding-top:110px;min-height:0}.product-hero .hero-layout{grid-template-columns:1fr;gap:42px;min-height:0;padding-top:35px;padding-bottom:28px}.product-hero .hero-copy{max-width:620px;padding:0}.product-hero .hero-title{font-size:clamp(57px,9vw,76px)}.product-hero .hero-description{max-width:520px;font-size:15px}.hero-capabilities{max-width:600px;gap:9px 20px}.hero-capabilities>span{font-size:11px}.product-hero .hero-actions .btn{font-size:12px}.product-hero .text-link{font-size:12px}.hero-build-note{max-width:450px;font-size:11px}.product-experience.hero-art{width:min(100%,590px);margin-inline:auto}.experience-stage{height:518px}.experience-phone{right:8%;width:253px;height:449px}.experience-dashboard{width:278px;left:0;top:168px;padding:17px 19px 11px}.experience-site{left:8%;width:245px}.experience-sync{left:17%;bottom:3px}.experience-screen{padding:9px 15px 12px}.exp-stamps>i{width:28px;height:28px}.exp-stamps{gap:6px;margin-top:18px}.exp-wallet-card{padding:16px 13px 10px}.experience-explanation p{font-size:11px}.experience-explanation h2{font-size:17px}.experience-tabs button{font-size:11px;padding:11px 10px;gap:8px}.experience-tabs button>span{font-size:7px}.experience-overline{font-size:7px;letter-spacing:.1em}.experience-overline>span:last-child{font-size:6px}.experience-disclaimer{font-size:8px}.exp-mini-metrics span{font-size:6px}.exp-main-metric>strong{font-size:40px}.exp-phone-hint{margin-top:13px}html[lang=ar] .product-hero .hero-title{font-size:68px;line-height:1.3}html[lang=ar] .product-hero .hero-copy{padding:0}html[lang=ar] .product-hero .hero-description{font-size:16px}}
@media(max-width:620px){.product-hero{padding-top:98px}.product-hero .hero-layout{gap:37px;padding-top:31px;padding-bottom:20px}.product-hero .hero-kicker{font-size:6px;margin-bottom:22px;letter-spacing:.1em}.product-hero .hero-title{font-size:clamp(39px,10.8vw,65px);line-height:1.08;letter-spacing:-.055em}.product-hero .hero-title .title-last{letter-spacing:-.055em}.product-hero .lime-period{font-size:.36em;margin-inline-start:8px}.product-hero .hero-description{font-size:12px;line-height:1.85;margin:20px 0 17px}.hero-capabilities{gap:7px 14px;margin-bottom:23px}.hero-capabilities>span{font-size:8px;gap:5px}.hero-capabilities i{font-size:13px}.product-hero .hero-actions{gap:14px}.product-hero .hero-actions .btn{font-size:10px;padding:15px;gap:18px}.product-hero .text-link{font-size:10px;gap:9px}.hero-build-note{font-size:8px;margin-top:17px;max-width:300px}.experience-overline{font-size:5px;letter-spacing:.07em;gap:6px}.experience-overline>span:last-child{font-size:4.5px}.experience-overline>span:first-child{gap:5px}.experience-stage{height:451px;perspective:1200px;margin-inline:-5px}.experience-site{left:0;top:24px;width:198px;height:132px;border-radius:6px;transform:translateZ(-35px) rotateY(9deg) rotateZ(-7deg)}.exp-site-body{padding:10px 13px}.exp-site-body strong{font-size:18px}.mini-site-shape{height:36px;width:36px;border-width:7px}.exp-site-chrome{font-size:5px}.experience-dashboard{width:191px;left:-3%;top:152px;padding:13px 13px 11px;min-height:216px;transform:translateZ(-17px) rotateY(10deg) rotateZ(-7deg)}.exp-dashboard-top{font-size:8px;gap:5px;padding-bottom:10px}.exp-dashboard-top b{font-size:5px}.exp-dashboard-symbol{font-size:14px}.dash-demo-tag{font-size:4px;padding:2px 3px}.exp-dashboard-heading{font-size:6px;padding-top:10px}.exp-online{font-size:4px;gap:2px}.experience-metrics{display:block;min-height:0;padding-top:8px}.exp-main-metric>span{font-size:6px}.exp-main-metric>strong{font-size:33px}.exp-mini-metrics{display:flex;flex-direction:row;gap:10px;margin-top:7px;padding-top:0}.exp-mini-metrics>div{display:flex;flex-direction:column;gap:2px;flex:1;align-items:start}.exp-mini-metrics b{font-size:10px;line-height:1.2}.exp-mini-metrics span{font-size:4.5px;text-align:start}.experience-chart{gap:4px;height:31px;margin-top:11px}.exp-dashboard-foot{font-size:4px;padding-top:8px}.exp-dashboard-foot>span:last-child{font-size:7px}.experience-phone{top:31px;right:0;width:204px;height:378px;padding:6px;border-radius:31px;transform:translateZ(34px) rotateY(-10deg) rotateZ(6deg);box-shadow:inset 0 0 0 1px #5FB3AB69,8px 9px 0 -5px #0A0D0E,10px 12px 0 -5px #2C6E6A77,10px 15px 30px #0008}.exp-phone-edge{border-radius:30px}.exp-phone-front{border-radius:25px}.exp-phone-status{height:29px;padding-inline:12px;font-size:6px}.exp-phone-status>i{width:64px;height:16px}.phone-signal{font-size:6px}.phone-signal b{font-size:9px}.experience-screen{padding:8px 11px 10px}.exp-app-title{font-size:21px}.exp-app-sub{font-size:6.5px;margin:4px 0 11px}.exp-app-title>i{font-size:14px}.exp-wallet-card{padding:12px 10px 8px;border-radius:10px}.exp-wallet-brand{gap:7px}.exp-wallet-brand img{width:24px;height:24px;border-radius:5px}.exp-wallet-brand b{font-size:13px}.exp-wallet-brand small{font-size:4px}.exp-stamps{gap:5px;margin:13px 0 9px}.exp-stamps>i{height:23px;width:23px;font-size:11px}.exp-wallet-count{font-size:6px;gap:2px}.exp-wallet-count>b{font-size:9px}.exp-barcode{height:21px;border-width:5px;margin-top:10px;border-radius:4px}.exp-wallet-id{font-size:3px;margin-top:5px}.exp-phone-hint{font-size:6px;margin:10px 0 7px}.experience-action{padding:8px 9px;font-size:7px;min-height:29px}.experience-action>span{font-size:11px}.exp-phone-home{bottom:6px;height:2px;width:60px}.experience-sync{left:8%;bottom:1px;min-width:228px;max-width:92%;gap:9px;padding:11px 12px;transform:translateZ(67px) rotateY(2deg) rotateZ(-2deg)}.exp-sync-icon{width:26px;height:26px;font-size:12px}.experience-sync strong{font-size:11px}.experience-sync small{font-size:4.5px}.experience-sync>div>span{font-size:5.5px}.experience-explanation{margin-top:12px;gap:10px;padding:14px 0;min-height:103px}.experience-chapter{font-size:6px;padding-top:3px}.experience-explanation h2{font-size:14px}.experience-explanation p{font-size:10px;line-height:1.7}.experience-tabs{padding:3px;gap:1px}.experience-tabs button{font-size:8px;padding:10px 5px;gap:4px;min-height:39px}.experience-tabs button>span{font-size:5px}.experience-play{width:30px;font-size:11px}.experience-controls{gap:5px}.experience-disclaimer{font-size:6.5px;margin-top:9px}.product-hero .hero-bottom{gap:12px;font-size:5px;padding-block:17px}.product-hero .hero-bottom p{max-width:148px;font-size:8px}.demo-brand-line{font-size:8px;padding-bottom:10px}.demo-brand-icon{width:18px;height:18px;font-size:12px}.demo-web-hero{padding-top:12px}.demo-web-hero>h3{font-size:22px;margin-top:6px}.demo-web-hero>small{font-size:4.5px}.demo-web-hero>p{font-size:7px;line-height:1.6;margin-top:9px}.demo-web-visual{height:71px;margin:11px 0}.demo-web-visual i{height:40px;width:40px}.demo-web-visual i:nth-child(2){height:30px;width:30px}.demo-web-caption{font-size:6px;margin-bottom:10px}.demo-booking-service{padding:10px 8px;gap:7px;margin-bottom:10px}.demo-booking-service b{font-size:8px}.demo-booking-service small{font-size:5px}.demo-service-icon{width:28px;height:28px;font-size:17px}.demo-booking-month{font-size:8px;margin-bottom:7px}.demo-dates{gap:4px}.demo-dates>span{font-size:6px;padding:7px 0}.demo-dates b{font-size:12px}.demo-slot-label{margin:11px 0 6px;font-size:6px}.demo-slots span{font-size:7px;padding:6px 0}.demo-booking-note{font-size:6px;margin:10px 0}.demo-products{margin:9px 0 12px;gap:6px}.demo-product-image{height:79px}.demo-product-image .demo-bottle{width:24px;height:47px}.demo-bottle::before{width:14px;left:5px}.demo-bottle::after{top:17px;padding:3px;font-size:7px}.demo-product-image .demo-box{width:34px;height:34px}.demo-box::after{font-size:18px}.demo-product h4{font-size:7px}.demo-product>span{font-size:6px}.demo-cart-total{font-size:7px;padding:10px 0;margin-bottom:10px}.demo-cart-note{font-size:6px;margin-bottom:10px}html[lang=ar] .product-hero .hero-title{font-size:48px;line-height:1.3}html[lang=ar] .product-hero .hero-description{font-size:13px}html[lang=ar] .hero-build-note{font-size:9px}html[lang=ar] .experience-overline{font-size:6px}html[lang=ar] .experience-overline>span:last-child{font-size:5px}html[lang=ar] .exp-app-title{font-size:18px}html[lang=ar] .experience-explanation h2{font-size:15px}html[lang=ar] .experience-explanation p{font-size:10px}html[lang=ar] .experience-disclaimer{font-size:7px}html[lang=ar] .experience-tabs button{font-size:9px}html[lang=ar] .demo-web-hero>h3{font-size:19px;line-height:1.35}}
@media(max-width:360px){.product-hero .hero-title{font-size:35px}.product-hero .hero-actions .btn{font-size:9px;padding:14px 11px;gap:13px}.product-hero .text-link{font-size:9px;gap:6px}.product-hero .hero-actions{gap:12px}.experience-phone{width:189px;right:-1%;transform:translateZ(24px) rotateY(-8deg) rotateZ(5deg);height:367px}.experience-dashboard{width:169px;left:-3%;top:148px;padding:12px 11px}.experience-site{width:175px}.exp-stamps{gap:4px}.exp-stamps>i{height:21px;width:21px}.exp-wallet-card{padding-inline:8px}.experience-stage{height:437px}.experience-sync{left:3%;min-width:217px;padding:10px;transform:translateZ(42px) rotateZ(-2deg)}.experience-tabs button{font-size:7px;padding:10px 3px;gap:3px}.experience-tabs button>span{font-size:4px}.experience-play{width:26px}.experience-overline>span:last-child{display:none}.exp-dashboard-top b{display:none}.exp-mini-metrics span{font-size:4px}html[lang=ar] .product-hero .hero-title{font-size:42px}html[lang=ar] .experience-tabs button{font-size:8px}}
/* Keep metrics in reading order in the layered Arabic scene. */
.exp-wallet-count>b,.exp-mini-metrics b{direction:ltr;unicode-bidi:isolate}
html[lang=ar] .experience-metrics{direction:ltr;text-align:left}
html[lang=ar] .exp-main-metric>strong{direction:ltr}
html[lang=ar] .exp-wallet-count>b{align-self:flex-start}
@media(max-width:620px){html[lang=ar] .experience-phone{height:393px}}
@media(max-width:360px){.experience-phone{height:377px}html[lang=ar] .experience-phone{height:382px}}
html[data-motion=paused] .experience-rig{transform:none!important}
@media(prefers-reduced-motion:reduce){.experience-rig{transform:none!important}}

/* Draw icons as vectors: phone fonts must never replace them with emoji. */
.demo-icon { display: inline-block; width: 1em; height: 1em; flex: 0 0 auto; vertical-align: middle; overflow: visible; }
.demo-brand-icon .demo-icon, .demo-service-icon .demo-icon { width: 74%; height: 74%; }
.exp-stamps .demo-icon { width: 58%; height: 58%; }
.exp-dashboard-symbol .demo-icon { width: 1em; height: 1em; }
.exp-sync-icon .demo-icon { width: 62%; height: 62%; }
.demo-brand-icon .demo-icon, .demo-service-icon .demo-icon { animation: demoVectorFloat 3.2s ease-in-out infinite; transform-origin: center; }
.demo-service-icon .demo-icon { animation-delay: -.8s; }
@keyframes demoVectorFloat { 0%,100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-2px) rotate(4deg); } }
section:not(.chapter-visible) .demo-icon, html[data-hidden=true] .demo-icon,
html[data-motion=paused] .demo-icon { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) { .demo-icon { animation: none !important; } }