/* Larger Arabic typography, recognizable service marks, and a mobile purchase dock. */
:root{--muted:#bec6d6}
body{font-size:18px}
.desktop-nav{font-size:15px;gap:23px}
.brand strong{font-size:23px}.brand small{font-size:13px}
.button{font-size:16px;min-height:56px}.button-small{font-size:14px;min-height:46px}
.eyebrow{font-size:14px;padding:8px 15px}
.hero-description{font-size:18px;color:#c0c8d8;line-height:1.9}
.hero-assurance{font-size:14px;color:#c4cddd}.hero-assurance .icon{width:19px;height:19px}
.hero-actions{gap:12px}.hero-actions .button{font-size:16px}
.section-kicker{font-size:15px;color:#d1bde9}
.section-heading p{font-size:17px;max-width:390px;color:#c0c8d8}
.feature-copy p{font-size:17px;color:#d0c5e3}.feature-copy .section-kicker{font-size:14px}
.feature-note{font-size:13px;color:#c1b4d6}.feature-product{font-size:23px}
.feature-product>span{font-size:13px}.feature-product img{width:31px;height:31px}
.duration-overline{font-size:10px}.duration-label{font-size:23px}.duration-badge{font-size:13px}
.filter-tab{font-size:15px;min-height:48px;padding:10px 17px}
.filter-tab span{font-size:12px}.search-box{min-height:48px;width:250px}
.search-box input{font-size:16px}.search-box .icon{width:21px;height:21px}
.catalog-status{font-size:14px;color:#b8c2d5}
.service-card{padding:28px 26px 0;min-height:370px;isolation:isolate}
.service-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(220px circle at var(--shine-x,50%) var(--shine-y,0%),rgba(var(--service-rgb),.1),transparent 70%);opacity:0;transition:opacity .3s}
.service-card:hover::after{opacity:1}
.service-icon{width:60px;height:60px;border-radius:16px;background:rgba(var(--service-rgb),.075)}
.service-icon img{width:37px;height:37px;object-fit:contain;display:block}
.canva-icon{background:linear-gradient(135deg,rgba(22,153,169,.2),rgba(130,88,214,.25));border:1px solid rgba(119,183,232,.2)}
.service-name{flex-wrap:wrap;gap:5px 12px;align-items:baseline}
.service-name h3{font-size:26px}.service-name h3 small{font-size:15px}
.service-name>span{font-size:14px;color:#bac5d9}
.service-card>p{font-size:16px;line-height:1.85;color:#c5cede;max-width:none;min-height:60px}
.service-category{font-size:13px;color:#cbd2df;padding:4px 9px}
.service-tags{gap:8px;margin-bottom:24px}.service-tags span{font-size:12px;padding:4px 8px;color:#bec8da}
.service-tags .special-tag{color:#e0c8ff}
.card-bottom{gap:10px;padding-block:15px}
.service-order{min-height:46px;flex:1;justify-content:center;font-size:14px;padding:9px 11px;background:rgba(91,219,166,.07);border:1px solid rgba(102,231,176,.16);border-radius:9px;color:#ccedde}
.service-order:hover{background:rgba(91,219,166,.12)}
.service-order .icon{width:18px;height:18px}
.detail-button{width:auto;min-width:93px;height:46px;gap:6px;display:flex;justify-content:center;padding-inline:10px;font-size:13px}
.detail-button .icon{width:17px;height:17px}
.catalog-note{font-size:14px;color:#bcc6d7;line-height:1.9}.catalog-note .icon{width:21px;height:21px}
.trust-intro p{font-size:17px;color:#c0c9d8}
.trust-card h3{font-size:23px}.trust-card p{font-size:16px;color:#c0cadb;line-height:1.9}
.trust-label{font-size:13px;color:#b9cbbf}.trust-icon{width:51px;height:51px}
.step-number{font-size:14px}.step h3{font-size:24px}.step p{font-size:16px;max-width:none;color:#c0cadb}
.text-link{font-size:16px}.faq-heading p{font-size:16px;color:#bdc7d9}
.faq-list summary{font-size:17px;line-height:1.8}.faq-list details p{font-size:16px;color:#c1ccdd;line-height:1.95}
.faq-list summary .icon{width:20px;height:20px}
.final-cta p{font-size:17px;color:#c2ccda}.phone-link{font-size:14px}
.footer-top p{font-size:15px}.footer-top .brand strong{font-size:21px}.footer-top .text-link{font-size:14px}
.footer-bottom small{font-size:13px}.footer-bottom>span{font-size:10px}
.service-dialog>p{font-size:16px;color:#c6d0e1}.service-dialog .section-kicker{font-size:14px}
.dialog-durations h3{font-size:17px}.duration-options>button{font-size:15px;min-height:49px}
.dialog-durations small{font-size:13px;color:#bac5d9}.dialog-assurance{font-size:14px}
.service-dialog>.button{font-size:15px;min-height:57px}.dialog-close{width:44px;height:44px;font-size:27px}
.dialog-brand-icon{width:58px;height:58px;display:grid;place-items:center;background:rgba(164,154,231,.08);border:1px solid rgba(200,200,242,.14);border-radius:15px;margin-bottom:20px}
.dialog-brand-icon img{width:36px;height:36px;object-fit:contain}
.orbit-tile img{width:26px;height:26px;object-fit:contain}
.orbit-caption{font-size:13px}.visual-label{font-size:10px}
.hero-art::before{position:absolute;content:"";width:85%;height:85%;left:7%;top:7%;border:1px solid rgba(170,122,227,.11);border-radius:50%;transform:rotate(-25deg) scaleY(.72);pointer-events:none;box-shadow:0 0 0 35px rgba(139,105,198,.025)}
.hero-art::after{content:"";position:absolute;width:6px;height:6px;top:16%;right:23%;background:#aceccd;border-radius:50%;box-shadow:0 0 18px rgba(91,218,173,.65);animation:beacon-glow 4s ease-in-out infinite}
.brand-band{padding-block:23px 21px;overflow:hidden}
.brand-band-label{display:flex;justify-content:space-between;gap:14px;font-size:15px;color:#c5cddd;margin-bottom:15px}
.brand-band-label>span{font-size:13px;color:#aeb9ce}
.logo-marquee{overflow:hidden;direction:ltr;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.logo-track{display:flex;width:max-content;animation:brand-roll 45s linear infinite;will-change:transform}
.logo-group{display:flex;flex-shrink:0;gap:12px;padding-inline:6px}
.brand-service{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;min-height:61px;min-width:136px;white-space:nowrap;color:#e3e7f0;border:1px solid rgba(170,180,215,.14);border-radius:12px;background:linear-gradient(135deg,#151a26,#111620);font:500 15px var(--latin);transition:background .25s,border-color .25s,transform .25s}
.brand-service img{width:29px;height:29px;object-fit:contain}.brand-service:hover{background:#202738;border-color:rgba(164,156,213,.36);transform:translateY(-2px)}
.logo-marquee:hover .logo-track,.logo-marquee:focus-within .logo-track,.logo-marquee.paused .logo-track{animation-play-state:paused}
.mobile-dock{display:none}
.mobile-order-copy{display:grid;text-align:center;gap:2px;line-height:1.4}
#mobile-order-context{font:12px var(--latin);line-height:1.35;color:#153b2d}
.return-banner{font-size:14px}.return-banner>a{font-size:13px;min-height:44px}.return-banner>button{min-height:44px;min-width:36px}
@keyframes brand-roll{to{transform:translateX(-50%)}}
@keyframes beacon-glow{0%,100%{opacity:.4;scale:.8}50%{opacity:1;scale:1.25}}
@media(min-width:901px) and (max-width:1100px){.desktop-nav{font-size:14px;gap:16px}.section-heading p{max-width:325px}.service-name>span{font-size:13px}.service-name h3{font-size:24px}.service-order{font-size:13px}.detail-button{min-width:83px;font-size:12px}}
@media(max-width:900px){.hero-description{font-size:17px}.hero-actions .button{font-size:15px;min-height:55px}.hero-assurance{font-size:13px}.section-heading p{font-size:16px}.feature-copy p{font-size:16px}.feature-copy .button{font-size:15px}.trust-card{padding:25px}.trust-card h3{font-size:21px}.trust-card p{font-size:15px}.trust-label{font-size:12px}.faq-heading h2{font-size:37px}.search-box{width:100%}.service-name>span{font-size:14px}}
@media(max-width:680px){
  html{scroll-padding-top:98px}
  body{font-size:17px;padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  .container{padding-inline:20px}
  .nav-shell{height:82px;gap:12px}.brand{gap:9px}.brand img{width:47px;height:47px}
  .brand strong{font-size:20px}.brand small{font-size:12px}
  .nav-whatsapp{min-height:44px;font-size:14px;padding:9px 12px;gap:7px}.nav-whatsapp .icon{width:20px;height:20px}
  .menu-toggle{width:44px;height:44px}.menu-toggle span{left:12px;width:19px;top:16px}.menu-toggle span:last-child{top:24px}.menu-toggle[aria-expanded=true] span{top:20px}
  .mobile-nav a{font-size:17px;min-height:49px;padding:11px 8px}.nav-actions{gap:7px}
  .hero{padding-top:34px;padding-bottom:25px}.eyebrow{font-size:13px;padding:8px 12px;margin-bottom:22px}
  h1{font-size:clamp(40px,10.5vw,58px);line-height:1.3;letter-spacing:-1.2px;margin-bottom:20px}
  .hero-description{font-size:17px;line-height:1.85;padding-inline:3px;max-width:390px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;width:min(355px,100%);margin-inline:auto;margin-top:25px}
  .hero-actions .button{font-size:16px;min-height:55px;padding:14px 20px;white-space:normal}
  .hero-actions .button-quiet{font-size:15px;min-height:45px;padding-block:9px}
  .hero-actions .button-primary .arrow{display:block;margin-inline-start:12px}
  .hero-assurance{font-size:13px;margin-top:15px;gap:7px;flex-wrap:wrap;line-height:1.8}.hero-assurance b{margin-inline:5px}
  .hero-art{min-height:300px;max-width:430px;margin-top:7px}.gateway-image{width:110%;top:47%}
  .orbit-tile{font-size:12px;gap:8px;padding:9px 11px}.orbit-tile img{width:25px;height:25px}
  .tile-gemini{top:16%;left:2%}.tile-chatgpt{bottom:26%;left:0}.tile-canva{right:0;top:40%}
  .orbit-caption{font-size:12px;right:14%;bottom:10%;padding:6px 12px}.visual-label{font-size:8px;letter-spacing:1.6px}
  .brand-band{padding-block:21px 20px}.brand-band-label{font-size:14px;line-height:1.7;flex-wrap:wrap;gap:5px;margin-bottom:14px}
  .brand-band-label>span{font-size:12px}.brand-service{font-size:15px;min-height:59px;min-width:132px;padding:12px 15px}.brand-service img{width:28px;height:28px}
  .logo-group{gap:10px;padding-inline:5px}.logo-track{animation-duration:48s}
  .section-gap{margin-top:65px}
  .section-kicker{font-size:14px;line-height:1.8;margin-bottom:16px}
  .section-heading h2{font-size:39px;line-height:1.35}.section-heading p{font-size:16px;line-height:1.9}
  .feature-copy{padding:29px 23px 0}.feature-copy h2{font-size:38px;line-height:1.3}
  .feature-copy p{font-size:17px;line-height:1.9;margin-bottom:24px}.feature-copy .section-kicker{font-size:14px}
  .feature-copy .button{font-size:16px;min-height:54px;padding:13px 20px}
  .feature-product{font-size:23px}.feature-product>span{font-size:13px}.feature-note{font-size:13px;line-height:1.8;margin-top:16px}
  .feature-visual{min-height:300px}.duration-overline{font-size:9px;letter-spacing:1.2px}
  .duration-display>strong{font-size:159px}.duration-label{font-size:21px}.duration-badge{font-size:13px;padding:7px 13px}
  .duration-badge .icon{width:17px;height:17px}
  .catalog-toolbar{padding-block:16px;gap:16px}.filter-tab{font-size:14px;min-height:48px;padding:11px 14px}
  .filter-tab span{font-size:12px}.filter-tabs{padding-block:5px;gap:6px;margin-inline:0}
  .search-box{padding:13px 15px;min-height:51px}.search-box input{font-size:16px}.search-box .icon{width:20px;height:20px}
  .catalog-status{font-size:13px;padding-block:17px 20px;line-height:1.7}
  .service-grid{gap:17px}.service-card{padding:25px 23px 0;min-height:345px;border-radius:19px}
  .card-top{margin-bottom:23px}.service-icon{width:61px;height:61px;border-radius:16px}.service-icon img{width:39px;height:39px}
  .service-category{font-size:13px;padding:5px 9px}.service-name h3{font-size:28px}.service-name h3 small{font-size:16px}
  .service-name>span{font-size:15px}.service-name{margin-bottom:13px;row-gap:6px}
  .service-card>p{font-size:17px;color:#ccd4e2;line-height:1.85;min-height:0;margin-bottom:20px}
  .service-tags span{font-size:13px;padding:4px 8px}.service-tags{margin-bottom:23px}
  .service-order{font-size:15px;min-height:50px;padding:11px 12px}.service-order .icon{width:19px;height:19px}
  .detail-button{height:50px;min-width:95px;font-size:14px;padding-inline:10px}.card-bottom{padding-block:15px;gap:10px}
  .catalog-note{font-size:14px;padding:16px 14px;line-height:1.9;gap:10px}.catalog-note .icon{width:19px;height:19px}
  .trust-section{padding-top:45px}.trust-intro h2{font-size:42px;line-height:1.3}.trust-intro p{font-size:17px}
  .trust-grid{gap:17px}.trust-card{padding:27px}.trust-card h3{font-size:24px}.trust-card p{font-size:17px;line-height:1.85}
  .trust-icon{width:53px;height:53px}.trust-label{font-size:14px;line-height:1.8}
  .how-section .text-link{font-size:16px}.step-number{font-size:14px}.step h3{font-size:25px}.step p{font-size:17px;line-height:1.9}
  .steps-grid{gap:29px}.faq-heading h2{font-size:39px}.faq-heading p{font-size:17px;max-width:100%}
  .faq-list summary{font-size:17px;padding-block:23px;line-height:1.8}.faq-list details p{font-size:16px;line-height:1.95;padding-inline-end:0}
  .text-link{font-size:16px}.faq-list summary .icon{width:20px;height:20px}
  .final-cta{width:calc(100% - 40px);padding:46px 23px 43px}.final-cta h2{font-size:47px;line-height:1.3}
  .final-cta .section-kicker{font-size:14px}.final-cta p{font-size:17px;line-height:1.9;max-width:100%}
  .final-cta .button{font-size:16px;min-height:56px;padding-inline:19px}.phone-link{font-size:15px;letter-spacing:1px}
  .site-footer{padding-bottom:45px}.footer-top .brand strong{font-size:21px}.footer-top p{font-size:15px;line-height:1.8;margin-top:0}
  .footer-top .text-link{font-size:14px}.footer-bottom small{font-size:13px;line-height:1.9}.footer-bottom>span{font-size:10px;line-height:1.8}
  .floating-whatsapp{display:none}
  .mobile-dock{display:flex;align-items:center;gap:9px;position:fixed;bottom:0;inset-inline:0;z-index:48;padding:11px max(14px,env(safe-area-inset-right,0px)) calc(11px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(158,188,208,.2);background:rgba(11,17,24,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -10px 40px rgba(0,0,0,.18)}
  .dock-link{width:54px;min-width:54px;min-height:54px;border:1px solid rgba(175,189,221,.15);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#ced8e7}
  .dock-link .icon{width:21px;height:21px}.dock-link>span{font-size:11px;line-height:1.5}
  .dock-link:active{background:rgba(170,136,222,.1)}
  .mobile-dock>.button{flex:1;min-width:0;min-height:54px;font-size:15px;padding:13px 10px;gap:9px;border-radius:12px;white-space:normal}
  .mobile-dock>.button .icon{width:22px;height:22px}.modal-open .mobile-dock{visibility:hidden;pointer-events:none}.is-searching .mobile-dock{display:none}
  .return-banner{bottom:calc(91px + env(safe-area-inset-bottom,0px));right:14px;max-width:calc(100% - 28px);width:calc(100% - 28px);padding:15px 19px;font-size:14px;gap:7px 17px}
  .return-banner>div{gap:10px;flex-basis:auto}.return-banner>div>.icon{width:19px;height:19px}
  .return-banner>a{font-size:14px;margin-inline-start:0;min-height:40px;gap:8px}.return-banner>a>.icon{width:18px;height:18px}
  .return-banner>button{left:9px;top:9px;font-size:23px;min-width:35px;min-height:40px}
  .service-dialog{padding:35px 25px 26px;width:calc(100% - 30px);max-height:calc(100dvh - 36px);border-radius:20px}
  .service-dialog h2{font-size:34px}.service-dialog>p{font-size:16px}.service-dialog .section-kicker{font-size:14px;padding-inline-end:35px}
  .dialog-durations{margin-block:22px;padding-block:21px}.dialog-durations h3{font-size:17px}
  .duration-options>button{font-size:15px;min-height:49px;padding-inline:20px}.dialog-durations small{font-size:13px;line-height:1.9}
  .dialog-assurance{font-size:14px;line-height:1.9}.service-dialog>.button{font-size:15px;min-height:57px}
  .dialog-assurance>.icon{width:20px;height:20px;margin-top:3px}.dialog-brand-icon{margin-bottom:19px}
  .empty-state p{font-size:16px;line-height:1.9}.empty-state h3{font-size:25px}.empty-state .button{font-size:15px;min-height:50px}
}
@media(max-width:405px){.nav-whatsapp>span{display:none}.nav-whatsapp{width:44px;padding:10px}.nav-whatsapp .icon{width:22px;height:22px}.service-card{padding-inline:20px}.service-name>span{flex-basis:100%}.mobile-dock{gap:7px;padding-inline:11px}.dock-link{width:49px;min-width:49px}.mobile-dock>.button{font-size:14px;gap:7px}.brand-band-label>span{font-size:12px}.hero-description{font-size:17px}.service-order{font-size:14px}.detail-button{min-width:89px;font-size:13px}.final-cta h2{font-size:42px}.final-cta .button{font-size:15px;gap:8px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none;transform:none;will-change:auto}.logo-marquee{overflow:auto;mask-image:none;-webkit-mask-image:none}.logo-group[aria-hidden=true]{display:none}.hero-art::after{animation:none}.service-card::after{transition:none}.brand-service:hover{transform:none}}

.service-monogram{display:grid;place-items:center;font-family:Space Grotesk,IBM Plex Sans Arabic,sans-serif;font-size:20px;font-weight:700;color:var(--service-color,#79e4be)}
.dialog-service-features{padding-inline-start:23px;margin:20px 0;color:#dddfee;font-size:16px;line-height:1.9}
.dialog-service-features li::marker{color:#79e4be}
.duration-options{flex-wrap:wrap}
#featured[hidden],.premium-lite-panel[hidden],#gemini-lite-faq[hidden]{display:none!important}