.reps-open{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;margin-top:20px;border:1px solid #ffffff55;border-radius:12px;background:linear-gradient(110deg,#257acd90,#c15f9f55);color:#fff;font:700 14px 'IBM Plex Sans Arabic',sans-serif;cursor:pointer;box-shadow:0 8px 25px #16225425;transition:background .25s,transform .25s}.reps-open:hover{background:#ffffff24;transform:translateY(-3px)}.app-message-en .reps-open{font:600 11px 'Montserrat',sans-serif}.reps-quick-open{position:absolute;top:27px;left:50%;transform:translateX(-50%);z-index:5;margin:0;font-size:12px}.reps-quick-open:hover{transform:translate(-50%,-3px)}
#reps-guide{--reps-accent:#65c8ef;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:#fff;background:radial-gradient(ellipse at 46% 40%,#257acd55,transparent 55%),linear-gradient(130deg,#20285d,#2f3a85 60%,#402d63);overflow:hidden;font-family:'IBM Plex Sans Arabic',sans-serif;direction:ltr}#reps-guide::backdrop{background:#151c48}#reps-guide[data-reps-page=visits]{--reps-accent:#7bdfd4}#reps-guide[data-reps-page=sales]{--reps-accent:#eda3ce}#reps-guide[data-reps-page=accounts]{--reps-accent:#9ec2ff}#reps-guide[data-reps-page=reports]{--reps-accent:#91dfcf}#reps-guide[data-reps-page=offline]{--reps-accent:#e3b1ef}
.reps-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:24px 4.5% 16px;gap:14px;box-sizing:border-box}.reps-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff18;padding-bottom:17px}.reps-brand{display:flex;gap:15px;align-items:center}.reps-brand-mark{font:400 55px/1 'Montserrat',sans-serif;color:var(--reps-accent)}.reps-brand small{font:600 8px 'Montserrat',sans-serif;letter-spacing:2px;color:#b7c7eb}.reps-brand h2{display:flex;gap:18px;align-items:center;margin:6px 0 0;font-size:22px}.reps-brand h2 .reps-en{font:600 14px 'Montserrat',sans-serif;color:#d4dff4}.reps-tools{display:flex;gap:10px}.reps-tools button,.reps-footer button{border:1px solid #ffffff24;background:#ffffff08;color:#fff;border-radius:10px;padding:10px 14px;font:700 13px 'IBM Plex Sans Arabic',sans-serif;cursor:pointer}.reps-tools button:hover,.reps-footer button:hover{background:#ffffff20}.reps-tools [data-reps-close]{background:#ffffff16}.reps-tools [data-reps-language]{font-family:'Montserrat','IBM Plex Sans Arabic',sans-serif;font-size:10px}
.reps-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}.reps-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.95fr) minmax(0,1fr);align-items:center;gap:3.8%;min-height:100%;isolation:isolate}.reps-page-number{position:absolute;font:700 250px/.8 'Montserrat',sans-serif;color:#ffffff06;left:0;bottom:25px;z-index:-1;pointer-events:none}.reps-copy{min-width:0;align-self:center}.reps-eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:var(--reps-accent)}.reps-copy-en .reps-eyebrow{font-family:'Montserrat',sans-serif;font-size:7px}.reps-copy h3{font-size:clamp(26px,2.55vw,42px);line-height:1.4;margin:13px 0 15px;font-weight:700;letter-spacing:-.5px}.reps-copy-en h3{font:600 clamp(23px,2.15vw,34px)/1.35 'Montserrat',sans-serif;letter-spacing:-1px}.reps-copy>p{font-size:17px;line-height:1.85;color:#d1def4;margin:0 0 23px}.reps-copy-en>p{font:500 12px/1.85 'Montserrat',sans-serif}.reps-points{display:flex;flex-direction:column;gap:19px}.reps-points>div{display:flex;gap:12px}.reps-points>div>b{font:500 9px/1.7 'Montserrat',sans-serif;color:var(--reps-accent);padding-top:3px;border-top:1px solid var(--reps-accent);min-width:19px}.reps-points h4{font-size:17px;margin:0 0 5px}.reps-points p{font-size:14px;line-height:1.75;color:#b6c9eb;margin:0}.reps-copy-en .reps-points h4{font:600 12px/1.5 'Montserrat',sans-serif}.reps-copy-en .reps-points p{font:500 10px/1.85 'Montserrat',sans-serif}
.reps-visual{position:relative;perspective:1000px;display:flex;flex-direction:column;align-items:center;min-width:0;padding:14px 0}.reps-orbit{position:absolute;inset:-10% -25%;width:150%;height:120%;fill:none;stroke:var(--reps-accent);stroke-width:1;stroke-opacity:.35;pointer-events:none;z-index:-1}.reps-orbit path{stroke-dasharray:1}.reps-orbit path+path{stroke:#c15f9f;stroke-width:2;stroke-opacity:.45}.reps-float-label{position:absolute;top:12%;right:-8%;z-index:2;background:#ffffffef;color:#2f3a85;padding:10px 13px;border-radius:10px;box-shadow:0 15px 30px #11194030;font-weight:700;font-size:11px;transform:rotate(5deg)}.reps-phone{width:235px;height:458px;flex-shrink:0;border-radius:35px;padding:7px;background:linear-gradient(120deg,#bfd9f8,#263666 30%,#8faad3 60%,#24305f);box-shadow:0 30px 55px #0a163e70,0 0 50px #5eaeec20;box-sizing:border-box}.reps-phone-screen{position:relative;height:100%;overflow:hidden;border-radius:29px;background:#f4f7fc;color:#2f3a85;font:700 11px 'IBM Plex Sans Arabic',sans-serif}.reps-phone-status{display:flex;justify-content:space-between;align-items:center;padding:8px 15px 4px;font:600 8px 'Montserrat',sans-serif;direction:ltr;background:#fff}.reps-phone-status i{width:65px;height:14px;background:#172344;border-radius:10px}.reps-ui-title{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:9px 14px 12px;font-size:12px}.reps-ui-title>span{font-size:17px}.reps-phone-content{padding:10px 12px}.reps-ui-hero{background:linear-gradient(125deg,#257acd,#2f3a85);color:#fff;padding:14px 12px;border-radius:12px;display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.reps-ui-hero small{font-size:10px;color:#bde1fa}.reps-ui-hero strong{font-size:14px}.reps-ui-hero>span{font-size:7px;color:#cad6f0}.reps-ui-tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.reps-ui-tile{background:white;border:1px solid #e4eaf5;border-radius:10px;display:flex;flex-direction:column;gap:7px;padding:11px 8px}.reps-ui-tile small{font-size:9px;color:#7282a1}.reps-ui-tile strong{font:600 18px 'Montserrat',sans-serif}.reps-ui-tile:nth-child(2n)>strong{color:#a0538c}.reps-ui-row{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid #e5eaf3;padding:10px 3px;font-size:10px}.reps-ui-row b{font:600 10px 'Montserrat','IBM Plex Sans Arabic',sans-serif;color:#257acd}.reps-ui-row.is-total{font-size:14px;border:0}.reps-ui-row.is-total b{font-size:16px;color:#2f3a85}.reps-ui-pill{text-align:center;background:#2f3a85;color:#fff;padding:11px 7px;border-radius:8px;margin-top:10px;font-size:10px}.reps-ui-field{background:#fff;border:1px solid #e5ebf5;border-radius:7px;padding:8px 9px;display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.reps-ui-field small{font-size:8px;color:#8793ac}.reps-ui-field strong{font-size:10px}.reps-totals{border-radius:9px;background:#eaf0fa;padding:2px 7px;margin-top:8px}.reps-totals .reps-ui-row{padding:6px 0}.reps-phone-home{position:absolute;bottom:6px;left:35%;width:30%;height:3px;background:#2f3a85;border-radius:5px}.reps-example{font:500 9px 'IBM Plex Sans Arabic',sans-serif;letter-spacing:.3px;color:#acbedb;margin:17px 0 0;text-align:center}.reps-customer{text-align:center;display:flex;flex-direction:column;gap:6px}.reps-customer>div{font-size:25px;color:#257acd}.reps-customer strong{font-size:12px}.reps-customer small{font-size:7px;color:#7a8bab}.reps-timer{text-align:center;margin:12px 0;color:#288c81;display:flex;flex-direction:column;gap:5px}.reps-timer strong{font:600 25px 'Montserrat',sans-serif}.reps-timer small{font-size:9px}.reps-timer i{height:2px;width:55px;background:#60b6a8;align-self:center}.reps-ui-toggle{display:flex;gap:9px;align-items:center;font-size:9px;padding:9px 0}.reps-ui-toggle i{width:27px;height:15px;border-radius:20px;background:#257acd;position:relative}.reps-ui-toggle i:after{content:'';position:absolute;right:2px;top:2px;width:11px;height:11px;border-radius:50%;background:white}.reps-statement{background:#e7eef9;border-radius:8px;padding:1px 9px;margin:6px 0}.reps-performance-ring{position:relative;width:104px;margin:0 auto}.reps-performance-ring svg{display:block;fill:none;stroke:#e2eaf4;stroke-width:7;transform:rotate(-90deg)}.reps-ring-value{stroke:#257acd;stroke-dasharray:314;stroke-dashoffset:78.5;stroke-linecap:round}.reps-performance-ring strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:600 27px 'Montserrat',sans-serif}.reps-performance-ring small{font-size:12px;margin-left:3px}.reps-chart{height:66px;display:flex;align-items:flex-end;gap:9px;padding:8px 10px 0;border-bottom:1px solid #d4deed}.reps-chart i{flex:1;max-width:16px;transform-origin:bottom;background:#257acd;border-radius:4px 4px 0 0}.reps-chart i:nth-child(2n){background:#c15f9f}.reps-ui-caption{font-size:9px;color:#6e80a1}.reps-sync-symbol{text-align:center;font:500 52px/1 'Montserrat',sans-serif;color:#257acd;margin:10px 0 18px}.reps-sync-path{display:flex;flex-direction:column;gap:16px;position:relative}.reps-sync-step{background:white;border-radius:10px;padding:13px 11px;display:grid;grid-template-columns:25px 1fr;gap:7px;border:1px solid #e4eaf5;align-items:center}.reps-sync-step i{font:500 10px 'Montserrat',sans-serif;color:#c15f9f;font-style:normal}.reps-sync-step strong{font-size:10px}.reps-sync-step small{grid-column:2;font:500 8px 'Montserrat',sans-serif;color:#7487a6}.reps-ui-note{font-size:10px;line-height:1.8;text-align:center;color:#6b7e9e;margin:15px 5px}
.reps-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;border-top:1px solid #ffffff20;padding-top:10px;direction:rtl}.reps-tabs button{position:relative;display:flex;gap:12px;padding:12px 6px;border:0;color:#9fafd1;background:none;text-align:right;cursor:pointer;align-items:center;min-width:0}.reps-tabs button>b{font:500 11px 'Montserrat',sans-serif;color:#bbcbed}.reps-tabs button>span{display:flex;flex-direction:column;gap:5px}.reps-tabs .reps-ar{font:700 14px 'IBM Plex Sans Arabic',sans-serif}.reps-tabs .reps-en{font:500 8px 'Montserrat',sans-serif;letter-spacing:.1px;text-align:left}.reps-tabs button[aria-current=step]{color:white}.reps-tabs button[aria-current=step]>b{color:var(--reps-accent)}.reps-tabs button>i{position:absolute;top:-11px;right:0;left:0;height:2px;background:var(--reps-accent);transform:scaleX(0);transition:transform .4s}.reps-tabs button[aria-current=step]>i{transform:scaleX(1)}.reps-footer{display:flex;justify-content:space-between;align-items:center}.reps-footer button{min-width:120px;padding:9px 17px}.reps-footer [data-reps-next]{background:#fff;color:#2f3a85}.reps-footer button:disabled{opacity:.25;cursor:default}.reps-counter{font:500 10px 'Montserrat',sans-serif;color:#b1c1de}.reps-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reps-sales-tabs{grid-column:1/-1;display:flex;justify-content:center;gap:10px;margin-top:-7px;margin-bottom:8px}.reps-sales-tabs button{display:flex;flex-direction:column;align-items:center;gap:5px;color:#d8e1f3;background:#ffffff08;border:1px solid #ffffff22;border-radius:9px;padding:11px 17px;font:700 13px 'IBM Plex Sans Arabic',sans-serif;cursor:pointer;min-width:125px}.reps-sales-tabs .reps-en{font:500 8px 'Montserrat',sans-serif}.reps-sales-tabs [aria-pressed=true]{background:#fff;color:#2f3a85}.reps-sales-tabs button:hover{border-color:var(--reps-accent)}#reps-guide button:focus-visible,.reps-open:focus-visible{outline:2px solid #f3b6df;outline-offset:4px}
body[data-lang=en] #reps-guide .reps-ar,body[data-lang=en] .reps-copy-ar{display:none}body[data-lang=en] .reps-stage{grid-template-columns:1fr 1fr;gap:8%;max-width:1080px;margin:auto}body[data-lang=en] .reps-copy-en h3{font-size:36px}body[data-lang=en] .reps-copy-en>p{font-size:15px}body[data-lang=en] .reps-copy-en .reps-points h4{font-size:15px}body[data-lang=en] .reps-copy-en .reps-points p{font-size:12px}body[data-lang=en] .reps-tabs{direction:ltr}body[data-lang=en] .reps-tabs .reps-en{font-size:10px}body[data-lang=en] .reps-brand h2 .reps-en{font-size:20px}body[data-lang=en] .reps-phone-screen{font-family:'Montserrat',sans-serif}body[data-lang=en] .reps-phone-content strong{font-family:'Montserrat',sans-serif}body[data-lang=en] .reps-tools button,body[data-lang=en] .reps-footer button{font-family:'Montserrat','IBM Plex Sans Arabic',sans-serif;font-size:10px}
@media(max-height:780px) and (min-width:901px){.reps-shell{padding-top:16px;gap:9px}.reps-header{padding-bottom:10px}.reps-phone{width:209px;height:408px}.reps-phone-content{padding:7px 10px}.reps-ui-hero{padding:10px}.reps-ui-tile{padding:8px}.reps-ui-field{padding:6px 8px;margin-bottom:6px}.reps-ui-row{padding:8px 2px}.reps-ui-title{padding:7px 12px}.reps-ui-pill{padding:9px 6px;margin-top:8px}.reps-customer>div{font-size:19px}.reps-timer{margin:9px 0}.reps-timer strong{font-size:22px}.reps-performance-ring{width:85px}.reps-chart{height:52px}.reps-sync-symbol{font-size:40px;margin:6px 0 12px}.reps-sync-path{gap:13px}.reps-sync-step{padding:11px 8px}.reps-copy h3{font-size:29px;margin:10px 0}.reps-copy-en h3{font-size:25px}.reps-copy>p{font-size:15px;margin-bottom:18px}.reps-copy-en>p{font-size:11px}.reps-points{gap:14px}.reps-points p{font-size:12px}.reps-copy-en .reps-points p{font-size:9px}.reps-points h4{font-size:15px}.reps-copy-en .reps-points h4{font-size:11px}.reps-sales-tabs{margin-top:0}.reps-sales-tabs button{padding:7px 16px}.reps-tabs button{padding:9px 4px}.reps-tabs .reps-ar{font-size:12px}.reps-example{margin-top:12px}body[data-lang=en] .reps-copy-en h3{font-size:30px}body[data-lang=en] .reps-copy-en>p{font-size:13px}body[data-lang=en] .reps-copy-en .reps-points p{font-size:11px}}
@media(max-width:900px){.reps-shell{padding:15px 5% 12px;gap:10px}.reps-header{flex-wrap:wrap;gap:12px;padding-bottom:12px}.reps-brand{gap:10px}.reps-brand-mark{font-size:40px}.reps-brand h2{font-size:18px;gap:10px}.reps-brand h2 .reps-en{font-size:10px}.reps-brand small{font-size:6px;letter-spacing:1.4px}.reps-tools{margin-left:auto;gap:6px}.reps-tools button{padding:8px 10px;font-size:11px}.reps-stage{grid-template-columns:1fr 1fr;gap:25px 18px;align-items:start;padding:0 2px 20px}.reps-visual{grid-row:1;grid-column:1/3;padding-top:20px}.reps-phone{width:222px;height:435px}.reps-copy-en{grid-row:2;grid-column:1}.reps-copy-ar{grid-row:2;grid-column:2}.reps-copy h3{font-size:25px}.reps-copy-en h3{font-size:22px}.reps-copy>p{font-size:14px;line-height:1.9}.reps-copy-en>p{font-size:11px}.reps-points{gap:20px}.reps-points h4{font-size:15px}.reps-points p{font-size:12px}.reps-copy-en .reps-points h4{font-size:11px}.reps-copy-en .reps-points p{font-size:9px}.reps-points>div{gap:7px}.reps-points>div>b{font-size:7px;min-width:13px}.reps-float-label{right:12%;top:18%;font-size:10px}.reps-orbit{inset:0;left:5%;width:90%;height:100%}.reps-tabs{display:flex;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;gap:10px;padding:7px 0}.reps-tabs button{flex:0 0 145px;padding:5px 4px;gap:8px}.reps-tabs button>i{top:-7px}.reps-tabs .reps-ar{font-size:12px}.reps-tabs .reps-en{font-size:8px}.reps-tabs button>b{font-size:9px}.reps-footer button{font-size:12px;min-width:105px;padding:8px 12px}.reps-sales-tabs{grid-row:3;grid-column:1/3;flex-wrap:wrap;gap:8px;margin:0}.reps-sales-tabs button{min-width:0;width:calc(50% - 4px);padding:11px 8px}.reps-quick-open{position:static;transform:none;font-size:11px;padding:8px 11px;margin:0 0 12px;width:100%;max-width:none;justify-content:center}.reps-quick-open:hover{transform:none}#apps:has(.reps-quick-open) .apps-content{grid-template-rows:auto minmax(0,1fr) 65px}.reps-open{padding:9px 10px;font-size:12px}.app-message-en .reps-open{font-size:9px}body[data-lang=en] .reps-stage{grid-template-columns:1fr;gap:25px;padding-bottom:30px}body[data-lang=en] .reps-visual{grid-column:1;grid-row:1}body[data-lang=en] .reps-copy-en{grid-column:1;grid-row:2}body[data-lang=en] .reps-sales-tabs{grid-column:1;grid-row:3}body[data-lang=en] .reps-copy-en h3{font-size:30px}body[data-lang=en] .reps-brand h2 .reps-en{font-size:16px}body[data-lang=en] .reps-tools button{font-size:9px}body[data-lang=en] .reps-copy-en .reps-points p{font-size:12px}.apps-stage:has([data-reps-open]){min-height:700px}}
@media(max-width:400px){.reps-copy h3{font-size:22px}.reps-copy-en h3{font-size:19px}.reps-copy>p{font-size:13px}.reps-copy-en>p{font-size:10px}.reps-points p{font-size:11px}.reps-copy-en .reps-points p{font-size:8px}.reps-float-label{right:2%}.reps-eyebrow{font-size:7px;letter-spacing:.4px}.reps-copy-en .reps-eyebrow{font-size:6px;letter-spacing:.4px}}
@media(prefers-reduced-motion:reduce){#reps-guide *, .reps-open{transition:none!important;scroll-behavior:auto!important}}
@media print{#reps-guide,.reps-open{display:none!important}}

/* Keep document choices beside their descriptions and inside the first view. */
.reps-copy .reps-sales-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 24px}.reps-copy .reps-sales-tabs button{width:100%;min-width:0;padding:11px 8px;font-size:13px}.reps-copy-en .reps-sales-tabs button{font:600 10px "Montserrat",sans-serif}.reps-phone-content .reps-ui-hero{padding:11px}.reps-phone-content .reps-ui-tile{padding:9px 8px}.reps-phone-content .reps-ui-pill{padding:9px 7px}
@media(min-width:901px){.reps-copy h3{font-size:clamp(26px,2.3vw,35px)}.reps-copy>p{font-size:16px}.reps-points{gap:16px}.reps-points p{font-size:13px}.reps-copy-en>p{font-size:12px}.reps-copy-en h3{font-size:clamp(23px,2vw,31px)}.reps-visual{padding:8px 0}.reps-copy-en .reps-points p{font-size:10px}}
@media(max-height:780px) and (min-width:901px){.reps-phone-content .reps-ui-hero{padding:9px}.reps-phone-content .reps-ui-tile{padding:7px}.reps-copy h3{font-size:28px}.reps-copy-en h3{font-size:25px}.reps-copy>p{font-size:14px}.reps-copy-en>p{font-size:10px}.reps-points p{font-size:12px}.reps-copy-en .reps-points p{font-size:9px}}
@media(max-width:500px){.reps-copy .reps-sales-tabs{grid-template-columns:1fr}.reps-copy-en .reps-sales-tabs button{font-size:9px}}

.reps-stage{overflow:clip}
.reps-tabs{scrollbar-color:#ffffff40 transparent}
/* Detailed walkthrough: fourteen screens within six navigable sections. */
.reps-expanded .reps-phone-content{padding:7px 10px}
.reps-expanded .reps-phone-content .reps-ui-field{padding:5px 7px;gap:3px;margin-bottom:5px;line-height:1.25}
.reps-expanded .reps-phone-content .reps-ui-row{padding:6px 2px;line-height:1.3}
.reps-expanded .reps-phone-content .reps-totals .reps-ui-row{padding:4px 1px}
.reps-expanded .reps-phone-content .reps-ui-pill{padding:7px 5px;margin-top:7px;line-height:1.4}
.reps-expanded .reps-phone-content .reps-ui-tile{padding:7px 6px;gap:5px}
.reps-expanded .reps-phone-content .reps-focus-area{padding:2px;margin-bottom:4px}
#reps-guide.reps-expanded[data-reps-group="0"]{--reps-accent:#65c8ef}
#reps-guide.reps-expanded[data-reps-group="1"]{--reps-accent:#7bdfd4}
#reps-guide.reps-expanded[data-reps-group="2"]{--reps-accent:#eda3ce}
#reps-guide.reps-expanded[data-reps-group="3"]{--reps-accent:#9ec2ff}
#reps-guide.reps-expanded[data-reps-group="4"]{--reps-accent:#91dfcf}
#reps-guide.reps-expanded[data-reps-group="5"]{--reps-accent:#e3b1ef}
.reps-expanded .reps-shell{grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:9px;padding-top:18px}
.reps-expanded .reps-header{padding-bottom:12px}
.reps-subnav{display:flex;justify-content:center;gap:10px;direction:rtl;padding:4px 0 7px;overflow:auto;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;overscroll-behavior:contain}
.reps-subnav button{display:flex;align-items:center;gap:9px;border:1px solid #ffffff20;border-radius:30px;background:#ffffff08;color:#bdcceb;padding:8px 15px;white-space:nowrap;cursor:pointer;font:700 12px 'IBM Plex Sans Arabic',sans-serif;flex-shrink:0}
.reps-subnav button>b{font:500 8px 'Montserrat',sans-serif;color:var(--reps-accent)}
.reps-subnav .reps-en{font:500 9px 'Montserrat',sans-serif}
.reps-subnav button[aria-current=step]{background:#ffffffed;color:#2f3a85;border-color:white;box-shadow:0 4px 14px #12235328}
.reps-subnav button[aria-current=step]>b{color:#a45691}
.reps-expanded .reps-stage{gap:3%;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr) minmax(0,1fr)}
.reps-expanded .reps-copy{padding:4px 1px}
.reps-expanded .reps-copy h3{font-size:clamp(25px,2vw,31px);margin:9px 0 12px;line-height:1.35}
.reps-expanded .reps-copy-en h3{font:600 clamp(23px,1.7vw,27px)/1.4 'Montserrat',sans-serif;letter-spacing:-.6px}
.reps-expanded .reps-copy>p{font-size:14px;line-height:1.75;margin-bottom:13px}
.reps-expanded .reps-copy-en>p{font:500 11px/1.8 'Montserrat',sans-serif}
.reps-expanded .reps-points{gap:8px}
.reps-point{display:flex;gap:11px;align-items:flex-start;width:100%;margin:0;padding:10px 12px;background:#ffffff06;border:1px solid #ffffff0c;border-radius:12px;color:white;text-align:inherit;cursor:pointer;transition:background .35s,border-color .35s,box-shadow .35s}
.reps-point>b{font:600 9px/1.9 'Montserrat',sans-serif;color:var(--reps-accent);min-width:17px;padding-top:1px}
.reps-point>span{display:flex;flex-direction:column;gap:4px;min-width:0}
.reps-point>span>strong{font:700 15px/1.5 'IBM Plex Sans Arabic',sans-serif}
.reps-point>span>span{font:500 12px/1.75 'IBM Plex Sans Arabic',sans-serif;color:#bdcdec}
.reps-copy-en .reps-point>span>strong{font:600 11px/1.5 'Montserrat',sans-serif}
.reps-copy-en .reps-point>span>span{font:500 9px/1.8 'Montserrat',sans-serif}
.reps-point[aria-pressed=true]{background:#f5f8ff;border-color:white;color:#2f3a85;box-shadow:0 8px 22px #18224d25}
.reps-point[aria-pressed=true]>b{color:#a85591}
.reps-point[aria-pressed=true]>span>span{color:#5a6d91}
.reps-point:hover{border-color:var(--reps-accent)}
.reps-copy .reps-outcome{border-top:1px solid #ffffff23;padding-top:11px;margin:13px 1px 0;font-size:11px;line-height:1.7;color:var(--reps-accent)}
.reps-copy-en .reps-outcome{font:500 8px/1.85 'Montserrat',sans-serif}
.reps-expanded .reps-phone{height:clamp(330px,calc(100dvh - 370px),458px);width:clamp(169px,calc((100dvh - 370px)*.514),235px)}
.reps-focus-hint{font:700 10px/1.65 'IBM Plex Sans Arabic',sans-serif;color:#d1dff6;text-align:center;max-width:260px;margin:13px 0 0}
.reps-expanded .reps-example{margin-top:6px;font-size:8px}
.reps-focus-area{padding:3px;margin:0 0 6px;border-radius:9px;border:1px solid transparent;transition:border-color .35s,background .35s,box-shadow .35s}
.reps-focus-area.is-highlighted{border-color:#b55b9d;background:#c15f9f0b;box-shadow:0 0 0 2px #c15f9f0c}
.reps-focus-area .reps-ui-field:last-child,.reps-focus-area .reps-ui-tiles:last-child{margin-bottom:0}
.reps-focus-area .reps-ui-pill:first-child{margin-top:0}
.reps-quantity-limit{height:14px;background:#e3eaf5;border-radius:6px;position:relative;margin-top:8px;overflow:hidden;direction:ltr}
.reps-quantity-limit i{display:block;width:50%;height:100%;background:linear-gradient(90deg,#257acd,#c15f9f)}
.reps-quantity-limit span{position:absolute;inset:0;text-align:center;color:#25315e;font:700 8px/14px 'Montserrat',sans-serif}
.reps-receipt-preview{padding:9px;background:#fff;border:1px dashed #b9c8df;border-radius:7px;display:flex;flex-direction:column;gap:6px;text-align:center}
.reps-receipt-preview>small{color:#8496b3;font-size:9px}
.reps-receipt-preview>strong{font:600 11px 'Montserrat',sans-serif}
.reps-receipt-preview>i{height:3px;width:50px;align-self:center;background:#257acd;border-radius:3px}
.reps-location-art{height:65px;position:relative;background:repeating-linear-gradient(25deg,#e8eff9,#e8eff9 13px,#fff 14px,#fff 17px);border-radius:10px;overflow:hidden}
.reps-location-art:before{content:'';position:absolute;left:44%;top:0;width:14px;height:100%;background:#fff;transform:rotate(-30deg)}
.reps-location-art>i{position:absolute;inset:15px;text-align:center;font:600 34px/1 'Montserrat',sans-serif;color:#257acd;font-style:normal}
.reps-expanded .reps-sync-path{gap:3px}
.reps-expanded .reps-tabs .reps-ar{font-size:12px}
.reps-expanded .reps-tabs .reps-en{font-size:8px}
.reps-expanded .reps-tabs button{padding:8px 4px}
.reps-expanded .reps-footer button{font-size:12px;max-width:43%;line-height:1.4}
body[data-lang=en] .reps-expanded .reps-subnav{direction:ltr}
body[data-lang=en] .reps-expanded .reps-stage{grid-template-columns:1fr 1fr;gap:9%;max-width:1050px}
body[data-lang=en] .reps-expanded .reps-copy-en h3{font-size:30px}
body[data-lang=en] .reps-expanded .reps-copy-en>p{font-size:12px}
body[data-lang=en] .reps-expanded .reps-point>span>strong{font-size:13px}
body[data-lang=en] .reps-expanded .reps-point>span>span{font-size:10px}
body[data-lang=en] .reps-expanded .reps-copy-en .reps-outcome{font-size:10px}
body[data-lang=en] .reps-expanded .reps-focus-hint{font:500 9px/1.7 'Montserrat',sans-serif}
@media(min-width:901px) and (max-height:720px){.reps-expanded .reps-shell{padding-top:12px;gap:7px}.reps-expanded .reps-copy h3{font-size:25px}.reps-expanded .reps-copy-en h3{font-size:23px}.reps-expanded .reps-copy>p{font-size:12px}.reps-expanded .reps-copy-en>p{font-size:10px}.reps-point{padding:8px 10px}.reps-point>span>span{font-size:11px}.reps-copy-en .reps-point>span>span{font-size:8px}.reps-copy .reps-outcome{font-size:10px;margin-top:10px}.reps-copy-en .reps-outcome{font-size:8px}.reps-expanded .reps-tabs button{padding:6px 4px}}
@media(max-width:900px){.reps-expanded .reps-stage{grid-template-columns:1fr 1fr;gap:24px 15px}.reps-expanded .reps-shell{padding:13px 4.5% 11px;gap:7px}.reps-expanded .reps-header{padding-bottom:9px}.reps-subnav{justify-content:flex-start;padding-top:2px;padding-bottom:8px}.reps-subnav button{padding:7px 11px;gap:6px;font-size:11px}.reps-subnav .reps-en{font-size:8px}.reps-expanded .reps-phone{width:222px;height:435px}.reps-expanded .reps-copy h3{font-size:25px}.reps-expanded .reps-copy-en h3{font-size:21px}.reps-expanded .reps-copy>p{font-size:13px}.reps-expanded .reps-copy-en>p{font-size:10px}.reps-point{padding:10px 8px;gap:6px;display:block}.reps-point>b{display:block;text-align:start;margin-bottom:4px}.reps-point>span>strong{font-size:13px}.reps-point>span>span{font-size:11px}.reps-copy-en .reps-point>span>strong{font-size:10px}.reps-copy-en .reps-point>span>span{font-size:8px}.reps-expanded .reps-points{gap:12px}.reps-expanded .reps-copy .reps-outcome{font-size:10px}.reps-expanded .reps-copy-en .reps-outcome{font-size:8px}.reps-expanded .reps-tabs button{padding:5px 4px}.reps-expanded .reps-footer button{font-size:11px;padding:8px 10px;min-width:85px}body[data-lang=en] .reps-expanded .reps-stage{grid-template-columns:1fr;gap:24px}body[data-lang=en] .reps-expanded .reps-point{display:flex;padding:12px;gap:12px}body[data-lang=en] .reps-expanded .reps-point>span>span{font-size:11px}body[data-lang=en] .reps-expanded .reps-copy-en h3{font-size:28px}body[data-lang=en] .reps-expanded .reps-footer button{font-size:9px}body[data-lang=en] .reps-expanded .reps-copy-en .reps-outcome{font-size:10px}}
@media(max-width:400px){.reps-expanded .reps-copy h3{font-size:22px}.reps-expanded .reps-copy-en h3{font-size:19px}.reps-expanded .reps-copy>p{font-size:12px}.reps-expanded .reps-copy-en>p{font-size:9px}}