.preview{transform:none}.demo-controls{display:flex;align-items:center;padding:10px 12px;gap:8px;border-bottom:1px solid var(--line)}.demo-tabs{display:flex;gap:4px;flex:1;min-width:0}.demo-tabs button,.demo-play{border:0;background:transparent;color:var(--muted);font:700 12px Tajawal,Tahoma;cursor:pointer;padding:9px 10px;border-radius:7px;white-space:nowrap}.demo-tabs button[aria-selected=true]{background:var(--blue);color:#fff}.demo-tabs button:hover{box-shadow:inset 0 0 0 1px #86b9ca}.demo-play{font:16px Tahoma;background:#edf4f8;min-width:34px}.demo-progress{height:3px;background:#e9f1f5}.demo-progress i{display:block;width:0;height:100%;background:var(--cyan)}.demo-progress.running i{animation:demo-progress 5.5s linear forwards}.preview-body{height:405px;overflow:auto}.panel-enter{animation:panel-enter .5s ease both}.panel-enter .bars i{transform-origin:bottom;animation:bar-grow .7s ease both;animation-delay:var(--delay,0ms)}.report-bars i{background:var(--bar-color)}.demo-rings{display:flex;justify-content:space-around;text-align:center;margin-top:24px}.demo-ring{width:65px;height:65px;border-radius:50%;background:conic-gradient(var(--cyan) var(--value),#e5edf3 0);display:grid;place-items:center;animation:panel-enter .65s ease both}.demo-ring b{display:grid;place-items:center;width:51px;height:51px;background:white;border-radius:50%;font:700 13px Tahoma}.demo-rings small{font-size:11px;color:var(--muted)}.designer-preview{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:center}.voucher-sample{border-radius:12px;background:linear-gradient(135deg,#122c49,#077eaa);padding:20px;color:white;box-shadow:0 8px 18px #193d6720;animation:panel-enter .6s ease}.voucher-brand{display:flex;justify-content:space-between;align-items:center;font:700 18px Tahoma}.voucher-brand small{font:10px Tajawal,Tahoma;color:#bce7f4}.voucher-sample>b{display:block;font-size:12px;margin-top:20px}.voucher-sample>strong{display:block;white-space:nowrap;font:700 17px Tahoma;letter-spacing:1px;background:#ffffff17;border-radius:5px;padding:10px 5px;margin:8px 0}.voucher-sample>div{display:flex;justify-content:space-between;font-size:9px}.designer-options{display:grid;gap:12px;font-size:11px;color:var(--muted)}.sample-sheet{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px}.sample-sheet span{padding:10px;background:#edf7fb;border:1px dashed #7da8bc;text-align:center;border-radius:4px;font:10px/1.8 Tahoma;color:var(--blue)}.demo-table-wrap{overflow-x:auto}.demo-table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}.demo-table th{text-align:right;background:#eff5f8;color:var(--muted);padding:13px 8px}.demo-table td{padding:17px 8px;border-bottom:1px solid #e5edf1}.demo-table tr{animation:panel-enter .5s ease both;animation-delay:var(--delay,0ms)}.session-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#189780}.session-summary{display:flex;justify-content:space-around;text-align:center;margin-top:25px}.session-summary strong{display:block;font:700 21px Tahoma;color:var(--blue)}.session-summary small{font-size:10px;color:var(--muted)}.problems{background:#142537;color:#f1f7fb;padding:85px 0}.problems .section-title h2 span{color:#49cbe2}.problems .section-title p{color:#afc3d4}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.problem-card{background:#1b3045;border:1px solid #30485e;border-radius:15px;padding:24px;position:relative}.problem-number{font:700 12px Tahoma;color:#96adbf;letter-spacing:2px}.problem-card h3{font-size:20px;line-height:1.6;margin:15px 0 8px}.problem-card>p{font-size:15px;color:#b7c7d5;margin:0;min-height:76px}.problem-solution{border-top:1px solid #3a5266;margin-top:18px;padding-top:18px}.problem-solution b{font-size:14px;color:#65d2d1}.problem-solution p{font-size:15px;color:#e0edf5;margin:8px 0 0}.problems-cta{text-align:center;margin-top:35px}.problems-cta p{color:#c9dae6}.problems .button{background:#0a91b4;border-color:#0a91b4}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal-ready.revealed{opacity:1;transform:none}@keyframes panel-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bar-grow{from{transform:scaleY(.1)}to{transform:scaleY(1)}}@keyframes demo-progress{to{width:100%}}@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 1.15fr;gap:25px}.demo-tabs button{padding:9px 6px;font-size:11px}.designer-preview{gap:10px}.voucher-sample{padding:14px}.voucher-sample>strong{font-size:13px}}@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.problem-grid{grid-template-columns:1fr 1fr}.problems{padding:60px 0}.preview-body{height:390px}.problem-card>p{min-height:0}.problem-card{padding:20px}}@media(max-width:420px){.problem-grid{grid-template-columns:1fr}.demo-controls{padding:8px 5px;gap:3px}.demo-tabs button{font-size:10px;padding:9px 5px}.demo-play{min-width:28px;padding:7px}.designer-options{font-size:10px}.voucher-brand{font-size:15px}.voucher-brand small{display:none}}@media(prefers-reduced-motion:reduce){.panel-enter,.panel-enter .bars i,.demo-ring,.demo-table tr,.voucher-sample,.demo-progress.running i{animation:none}.reveal-ready{opacity:1;transform:none;transition:none}}
.feature-showcase{padding:90px 0;background:#f7f9fb}.feature-showcase svg{width:22px;height:22px;flex-shrink:0}.feature-showcase .section-title h2 span{color:#087ea4}.feature-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:46px 0}.feature-pills button{display:flex;align-items:center;gap:9px;border:1px solid #e3e8ed;background:#fff;border-radius:30px;padding:12px 19px;font:inherit;color:#627187;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.feature-pills button[aria-selected=true]{background:#087ea4;color:white;border-color:#087ea4;box-shadow:0 7px 15px #087ea426}.feature-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:stretch}.feature-panels,.feature-side-menu{background:white;border:1px solid #e9edf1;border-radius:18px}.feature-panel{padding:32px;animation:feature-appear .3s ease;min-height:440px}.feature-panel[hidden]{display:none}.feature-panel h3{display:flex;align-items:center;gap:14px;font-size:25px;margin:0 0 40px}.feature-symbol{display:inline-flex;align-items:center;justify-content:center;background:#edf7fa;color:#087ea4;width:48px;height:48px;border-radius:13px;flex-shrink:0}.feature-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 32px}.feature-detail-grid article{display:flex;gap:13px;align-items:flex-start}.feature-detail-grid h4{font-size:18px;margin:0 0 6px}.feature-detail-grid p{color:#738197;line-height:1.8;font-size:15px;margin:0}.feature-note{margin:30px 0 0;color:#738197;font-size:13px;line-height:1.8}.feature-aside{display:grid;gap:18px;align-content:start}.feature-counter{display:flex;flex-direction:column;gap:8px;background:#eaf5f8;border:1px solid #dfedf2;padding:22px;border-radius:18px;color:#087ea4}.feature-counter svg{width:32px;height:32px}.feature-counter strong{font-size:30px}.feature-counter>span:last-child{font-size:13px}.feature-side-menu{padding:22px 18px}.feature-side-menu small{color:#8a98a9}.feature-side-menu h3{font-size:18px;margin:12px 0 16px}.feature-side-menu button{display:flex;gap:9px;align-items:center;text-align:right;width:100%;padding:11px 10px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:12px;color:#738197;cursor:pointer}.feature-side-menu button svg{width:17px;height:17px}.feature-side-menu button[aria-pressed=true]{background:#edf7fa;color:#087ea4}.feature-bottom{text-align:center;margin-top:35px}.feature-bottom p{color:#738197}.feature-pills button:focus-visible,.feature-side-menu button:focus-visible{outline:3px solid #41b8da;outline-offset:3px}@keyframes feature-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.feature-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.feature-panel{padding:24px}.feature-detail-grid{gap:28px 18px}}@media(max-width:680px){.feature-showcase{padding:60px 0}.feature-layout{grid-template-columns:1fr}.feature-aside{grid-template-columns:1fr}.feature-side-menu{display:none}.feature-counter{flex-direction:row;align-items:center;justify-content:center}.feature-panel{min-height:0}.feature-detail-grid{grid-template-columns:1fr;gap:26px}.feature-pills{gap:8px;margin:30px 0}.feature-pills button{font-size:13px;padding:10px 12px}.feature-panel h3{font-size:22px;margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.feature-panel{animation:none}}
.why-cplus{padding:95px 0;background:#fff;scroll-margin-top:90px}.why-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}.why-copy h2{font-size:42px;margin:0 0 20px}.why-copy h2 span{color:#087ea4}.why-intro{color:#748197;line-height:1.9;font-size:19px;margin:0 0 45px}.why-reason{display:flex;align-items:flex-start;gap:20px;margin-top:34px}.why-icon{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:15px;color:#087ea4;background:#edf7fa}.why-icon svg{width:29px;height:29px}.why-reason h3{font-size:22px;margin:0 0 8px}.why-reason p{font-size:17px;line-height:1.9;color:#748197;margin:0}.benefits-frame{padding:32px;background:linear-gradient(145deg,#eaf7fa,#f4f9fb 60%,#edf3fb);border-radius:30px}.benefits-card{padding:32px 28px;background:white;border-radius:22px;box-shadow:0 18px 28px #18344d19}.benefits-card h3{text-align:center;font-size:25px;margin:0 0 30px}.benefits-card ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.benefits-card li{display:flex;align-items:center;gap:14px;background:#effaf3;border-radius:12px;padding:18px 16px;color:#536b7e;line-height:1.8;font-size:17px}.benefits-card li>span{background:#52b96b;border-radius:50%;width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;color:white;line-height:1}.benefits-footer{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #edf0f3;margin-top:28px;padding-top:24px;color:#81918f;font-size:15px}.benefits-footer svg{width:21px;height:21px;color:#52b96b}@media(max-width:950px){.why-layout{gap:35px}.benefits-frame{padding:20px}.benefits-card{padding:26px 20px}}@media(max-width:700px){.why-cplus{padding:60px 0}.why-layout{grid-template-columns:1fr;gap:35px}.why-copy h2{font-size:34px}.why-intro{font-size:17px;margin-bottom:30px}.why-reason h3{font-size:20px}.why-reason p{font-size:16px}.benefits-card li{font-size:16px}.why-icon{flex-basis:48px;height:48px}.benefits-frame{padding:18px}}
.pricing-section{padding:90px 0;background:#f7f9fb}.pricing-section h2 span,.contact-section h2 span{color:#087ea4}.pricing-section .section-title small{color:#8895a5}.hosting-switch{display:flex;justify-content:center;gap:12px;margin:30px 0 16px}.hosting-switch button{font:700 21px inherit;border:1px solid #dce3ea;background:white;color:#596b80;padding:18px 30px;border-radius:10px;cursor:pointer}.hosting-switch button[aria-selected=true]{color:white;background:#087ea4;border-color:#087ea4}.pricing-description{text-align:center;color:#748197}.active-selector{display:flex;align-items:center;justify-content:center;gap:16px;margin:25px 0 40px}.active-selector select{padding:10px 22px;border:1px solid #dce3ea;border-radius:9px;background:white;font:inherit}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;max-width:950px;margin:auto;gap:36px}.pricing-card{padding:38px;background:white;border:1px solid #edf0f4;border-radius:22px;box-shadow:0 12px 18px #1423350d;text-align:center}.pricing-card h3{font-size:27px;margin:0 0 8px}.pricing-card p{color:#8190a1}.pricing-amount{color:#087ea4;font-weight:800;font-size:35px;margin-top:30px}.pricing-card ul{padding:18px 0;list-style:none;text-align:right;color:#6b7b8d;line-height:2}.pricing-card li{position:relative;padding-right:30px;margin:12px 0}.pricing-card li:before{content:'✓';position:absolute;right:0;color:#51b86a}.pricing-card .button{width:100%}.customer-section{position:relative;background:#171d30;color:white;padding:100px 0 90px;border-radius:50% 50% 0 0 / 24px 24px 0 0}.public-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;margin-bottom:80px}.metric-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:19px;margin:0 auto 20px;background:#ffffff09;color:#50b6cf;font-size:35px}.public-metrics>div:nth-child(2) .metric-icon{color:#63c584}.public-metrics>div:nth-child(3) .metric-icon{color:#649afa}.public-metrics>div:nth-child(4) .metric-icon{color:#efc958}.public-metrics strong{font-size:36px}.public-metrics p,.customer-section .section-title p{color:#9caabe}.customer-section h2 span{color:#58c2dc}.customer-quotes{display:flex;gap:25px}.customer-quotes article,.quotes-empty{background:#ffffff07;border:1px solid #ffffff10;border-radius:20px;padding:30px;flex:1}.quote-mark{font-size:48px;color:#58c2dc;line-height:1}.customer-quotes p{color:#b6c2d1;line-height:1.9}.customer-quotes small{display:block;color:#9caabe}.quotes-empty{text-align:center;max-width:750px;margin:auto}.quotes-empty a{color:#69c8df}.contact-section{padding:90px 0;background:radial-gradient(ellipse at top left,#eaf7fa,white 65%)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.contact-copy h3{font-size:28px;margin:0 0 20px}.contact-copy>p{color:#748197;font-size:18px;line-height:1.8}.contact-channel{display:flex;justify-content:space-between;padding:25px 20px;margin:20px 0;background:#eef8f4;border-radius:14px;gap:16px;flex-wrap:wrap}.contact-pending,.contact-existing{padding:25px;background:#f1f7fa;border-radius:15px;margin:30px 0;color:#62758a}.contact-existing h4{font-size:21px;margin:0}.contact-form{background:white;border:1px solid #edf1f5;box-shadow:0 14px 40px #14233508;border-radius:20px;padding:32px}.contact-form label{display:block;margin:0 0 10px;color:#63778d;font-size:15px}.contact-form input,.contact-form textarea{display:block;width:100%;padding:14px;border:1px solid #dfe6ed;border-radius:9px;background:white;font:inherit;margin:0 0 23px}.contact-form input[readonly]{background:#f5f8fa}.contact-form .button{width:100%}.contact-note{color:#8492a3;font-size:13px}.contact-form [hidden]{display:none}.site-footer{position:relative;background:#171d30;color:#9aabc0;padding:65px 0 0;margin-top:40px}.footer-wave{position:absolute;top:-39px;left:0;width:100%;height:40px;color:#171d30}.footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px;padding-bottom:45px}.site-footer .brand{color:white}.footer-about p{font-size:15px;line-height:1.9}.footer-about>a:not(.brand){display:block;margin:15px 0}.footer-columns nav h3{color:white;font-size:19px;margin:0 0 22px}.footer-columns nav a{display:block;margin:15px 0;font-size:15px}.site-footer a:hover{color:white}.footer-baseline{border-top:1px solid #ffffff0c;display:flex;justify-content:space-between;gap:15px;padding:25px 0;font-size:14px}.nav nav{flex-wrap:wrap}@media(max-width:760px){.pricing-cards,.contact-layout{grid-template-columns:1fr;gap:24px}.pricing-section,.contact-section{padding:60px 0}.pricing-card{padding:30px}.public-metrics{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:55px}.public-metrics strong{font-size:28px}.customer-quotes{flex-direction:column}.footer-columns{grid-template-columns:1fr 1fr;gap:28px}.footer-about{grid-column:1/-1}.footer-baseline{flex-direction:column;text-align:center}.contact-form{padding:23px}.customer-section{padding:65px 0}.hosting-switch button{padding:14px 24px}.contact-layout{gap:25px}}@media(max-width:420px){.public-metrics strong{font-size:23px}.footer-columns{gap:20px}.pricing-card{padding:24px}.pricing-amount{font-size:30px}}
.quote-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.quote-stars{color:#f4ce51;font-size:23px;letter-spacing:2px}.quote-sample{display:inline-block;color:#b4cbd8;background:#ffffff08;border:1px solid #ffffff15;border-radius:20px;padding:3px 10px;font-size:12px}.customer-quotes article{display:flex;flex-direction:column}.customer-quotes article>p{flex:1;margin:18px 0 28px}.customer-quotes article>strong{color:#edf3f8}.customer-quotes article>small{margin-top:8px}

.metrics-disclosure{text-align:center;color:#aab9cc;font-size:14px;margin:0 0 35px;line-height:1.8}