/* Native page compositions remain crisp at every screen size. */
.page-scene{position:relative;width:100%;aspect-ratio:1;isolation:isolate;transform-style:preserve-3d;transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s ease}
.studio-composition{position:absolute;inset:0;perspective:1500px;transform-style:preserve-3d;container-type:inline-size;color:var(--text);pointer-events:none}
.studio-light{position:absolute;inset:16% 8% 13%;background:linear-gradient(125deg,transparent,rgba(var(--accent-rgb),.18),transparent);filter:blur(35px);transform:rotate(-15deg)}
.studio-floor{position:absolute;inset:70% 8% 8%;background:linear-gradient(140deg,rgba(var(--accent-rgb),.13),transparent);border:1px solid rgba(var(--accent-rgb),.1);border-radius:22px;transform:rotateX(68deg) rotateZ(-25deg)}
.studio-page{position:absolute;width:70%;height:58%;left:15%;top:21%;border-radius:18px;border:1px solid rgba(var(--accent-rgb),.38);background:linear-gradient(120deg,rgba(255,255,255,.1),transparent 55%),var(--surface);box-shadow:3px 4px 0 color-mix(in srgb,var(--surface),var(--accent) 18%),8px 12px 0 rgba(var(--accent-rgb),.04),0 32px 55px rgba(0,0,0,.28);overflow:hidden;transform-style:preserve-3d;transform:translate3d(var(--page-x),var(--page-y),var(--page-z)) rotateX(8deg) rotateY(-13deg) rotateZ(var(--page-angle));animation:page-lift 7s ease-in-out infinite;animation-delay:var(--page-delay,0s)}
.studio-page-back{--page-x:12%;--page-y:-20%;--page-z:-70px;--page-angle:13deg;--page-delay:-4s;background:color-mix(in srgb,var(--surface),var(--accent) 13%)}
.studio-page-middle{--page-x:-7%;--page-y:-8%;--page-z:-30px;--page-angle:-12deg;--page-delay:-2s;background:color-mix(in srgb,var(--surface),var(--accent) 7%)}
.studio-page-front{--page-x:0%;--page-y:18%;--page-z:40px;--page-angle:-3deg;border-color:rgba(var(--accent-rgb),.65)}
.studio-page-cap{display:flex;align-items:center;justify-content:space-between;padding:5% 6%;font:700 2cqw 'Manrope',sans-serif;letter-spacing:.1em;border-bottom:1px solid var(--border)}
.studio-page-cap .icon{width:3cqw;height:3cqw}
.studio-dashboard{display:grid;grid-template-columns:1fr 1.1fr;padding:5%;gap:8%;height:70%;align-items:end}
.studio-dashboard .sample-bars{height:100%}
.studio-slide{display:flex;align-items:center;gap:12%;height:72%;padding:6%;font:700 6cqw/1.1 'Manrope',sans-serif;letter-spacing:-.05em}
.studio-slide b{color:var(--accent-ink)}
.studio-slide-blocks{display:flex;gap:5px;align-items:flex-end;width:32%;height:70%;transform:rotate(-12deg)}
.studio-slide-blocks i{height:70%;flex:1;background:var(--accent);border-radius:5px;opacity:.75}.studio-slide-blocks i:nth-child(2){height:100%;opacity:.3}.studio-slide-blocks i:nth-child(3){height:50%;opacity:.5}
.studio-front-content{padding:5% 7%;height:87%;display:flex;flex-direction:column;justify-content:space-between}
.studio-tiny{font:700 1.9cqw 'Manrope',sans-serif;letter-spacing:.13em;color:var(--muted)}
.studio-title{font:800 8.3cqw/.95 'Manrope',sans-serif;letter-spacing:-.065em;margin-block:4% 5%}
.studio-title em{color:var(--accent-ink)}
.studio-front-bottom{display:flex;align-items:flex-end;justify-content:space-between;font:800 2cqw/1.5 'Manrope',sans-serif;letter-spacing:.05em}
.studio-front-bottom b{font-size:1.65cqw;font-weight:500;color:var(--muted)}
.studio-arrow{display:grid;place-items:center;width:11%;aspect-ratio:1;border-radius:8px;background:var(--accent);color:#08101e;font-size:4cqw}
.studio-spine{position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(transparent,var(--accent),transparent)}
.studio-caption{position:absolute;bottom:2%;left:24%;font:600 1.85cqw 'Manrope',sans-serif;letter-spacing:.2em;color:var(--muted)}
.page-scene .floating-offer{animation-duration:8s}
.page-scene .floating-offer-0{left:-2%;bottom:0;--offer-angle:-3deg}
.page-scene .floating-offer-1{right:-1%;top:0;--offer-angle:3deg}
.page-scene .floating-offer-2{right:-4%;bottom:30%;--offer-angle:2deg}
.portal-page-scene{animation:fade-up 1s ease both}
.portal-page-scene .studio-caption{bottom:0}
.recommended-section{padding-top:65px}
@keyframes page-lift{0%,100%{transform:translate3d(var(--page-x),var(--page-y),var(--page-z)) rotateX(8deg) rotateY(-13deg) rotateZ(var(--page-angle))}50%{transform:translate3d(var(--page-x),calc(var(--page-y) - 3%),calc(var(--page-z) + 12px)) rotateX(5deg) rotateY(-8deg) rotateZ(calc(var(--page-angle) + 2deg))}}

/* A second, optional step directs each visitor to the relevant offer. */
.interest-stage{max-width:1040px;min-height:calc(100svh - 160px);padding-block:48px 70px;display:flex;flex-direction:column;justify-content:center;text-align:center}
.interest-header{max-width:760px;margin-inline:auto;margin-bottom:34px;animation:word-entry .7s ease both}
.interest-step{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border:1px solid rgba(var(--accent-rgb),.3);border-radius:12px;color:var(--accent-ink);background:rgba(var(--accent-rgb),.07);font-size:.875rem;font-weight:700;margin-bottom:22px}
.interest-step .icon{width:18px;height:18px}
.interest-header h1{font-size:clamp(2rem,4.5vw,3.9rem);letter-spacing:-.04em;line-height:1.35;margin-bottom:13px}
.interest-header p{font-size:1.0625rem;color:var(--muted)}
.interest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:start;perspective:1400px}
.interest-card{position:relative;display:flex;flex-direction:column;gap:20px;min-height:190px;text-align:start;padding:23px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(130deg,rgba(var(--accent-rgb),.06),transparent 70%),var(--surface);transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s,border-color .25s,background .25s;animation:card-entry .65s cubic-bezier(.16,1,.3,1) var(--enter-delay,0ms) backwards}
.interest-card:hover,.interest-card.selected{background:linear-gradient(130deg,rgba(var(--accent-rgb),.17),transparent 70%),var(--surface);border-color:var(--accent);box-shadow:var(--shadow)}
.interest-card:first-child{border-color:rgba(var(--accent-rgb),.5)}
.interest-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.interest-card-head>span:last-child{color:var(--muted);font:.75rem 'Manrope',sans-serif}
.interest-card strong{font-size:1.25rem;font-weight:800;line-height:1.5;padding-inline-end:24px}
.interest-card>.icon{position:absolute;inset-inline-end:23px;bottom:25px;width:19px;height:19px;color:var(--accent-ink)}
.interest-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:29px}
.interest-actions .button{min-width:240px}
.interest-note{margin-top:18px;font-size:.875rem;color:var(--muted)}
.interest-exit{animation:portal-depart .26s ease both}

/* Numeric ranges use the requested 150 - 350 format in both languages. */
.price-range{display:inline-flex;align-items:baseline;gap:.16em;unicode-bidi:isolate;white-space:nowrap}
.range-separator{font-family:'Manrope',sans-serif;font-size:.7em;font-weight:500;letter-spacing:0}
.plan-price:has(.price-range){font-size:clamp(2.1rem,3vw,2.85rem)}

/* Permanent category shortcuts navigate the full, unfiltered catalog. */
.category-jump{position:fixed;z-index:38;inset-inline-start:18px;top:50%;transform:translateY(-50%);width:162px;padding:12px;border-radius:20px;border:1px solid var(--border);background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow)}
.category-jump-caption{display:block;color:var(--muted);font-size:.8125rem;font-weight:700;padding:8px 9px 14px}
.category-jump a{display:flex;align-items:center;gap:10px;min-height:57px;padding:12px 10px;border-radius:12px;font-size:.9375rem;font-weight:700;color:var(--muted);border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}
.category-jump a+a{margin-top:5px}
.category-jump a .icon{width:19px;height:19px}
.category-jump a:hover,.category-jump a[aria-current=location]{background:rgba(var(--accent-rgb),.12);color:var(--accent-ink);border-color:rgba(var(--accent-rgb),.28)}
.category-jump a[aria-current=location]{box-shadow:inset -3px 0 var(--accent)}
html[dir=ltr] .category-jump a[aria-current=location]{box-shadow:inset 3px 0 var(--accent)}
.catalog-category:focus{outline:none}
@media(min-width:1280px){html[data-view=site] body{padding-inline-start:190px}}
@media(max-width:1279px){.category-jump{inset:auto 18px max(12px,env(safe-area-inset-bottom));transform:none;top:auto;width:min(490px,calc(100% - 36px));margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:7px;border-radius:17px}.category-jump-caption{display:none}.category-jump a{justify-content:center;gap:7px;padding:10px 6px;min-height:49px;font-size:.875rem;border-radius:11px}.category-jump a+a{margin-top:0}.category-jump a[aria-current=location],html[dir=ltr] .category-jump a[aria-current=location]{box-shadow:inset 0 -2px var(--accent)}html[data-view=site] body{padding-bottom:85px}html[data-view=site] .motion-toggle{bottom:93px}html[data-view=site] .toast{bottom:155px}.site-footer{padding-bottom:45px}}

/* Illustrative plan previews, with service-specific content. */
.plan-preview{display:block;position:relative;width:100%;text-align:inherit;padding:0;margin:0 0 21px;background:transparent;border-radius:15px;border:1px solid var(--border);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.plan-preview:hover{border-color:rgba(var(--accent-rgb),.65);box-shadow:0 8px 25px rgba(var(--accent-rgb),.09)}
.plan-preview-art{height:218px;position:relative;padding:15px 23px 10px;background:linear-gradient(130deg,rgba(var(--accent-rgb),.09),transparent),color-mix(in srgb,var(--bg),var(--surface) 30%);overflow:hidden}
.plan-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-top:1px solid var(--border);font-size:.875rem;font-weight:700;background:var(--surface)}
.plan-preview-caption .icon{width:17px;height:17px;color:var(--accent-ink)}
.design-sample{--sample-tilt:-7deg;--sample-z:0px;position:relative;width:100%;height:100%;container-type:inline-size;perspective:1000px;transform-style:preserve-3d;font:500 3.3cqw/1.4 'Manrope','Tajawal',sans-serif;text-align:start}
.design-sample[dir=rtl]{font-family:'Tajawal','Manrope',sans-serif}
.sample-paper{position:absolute;inset:6% 2% 6%;border:1px solid color-mix(in srgb,var(--accent),var(--border) 70%);border-radius:9px;padding:6%;background:var(--surface);box-shadow:0 13px 24px rgba(0,0,0,.2);overflow:hidden;transform:rotateX(7deg) rotateY(var(--sample-tilt));transform-origin:center;transition:transform .5s;backface-visibility:hidden}
.sample-level-0 .sample-paper{transform:rotateX(4deg) rotateY(-3deg)}
.sample-backplate{position:absolute;inset:8% 3%;border:1px solid rgba(var(--accent-rgb),.25);border-radius:9px;opacity:0;pointer-events:none;background:rgba(var(--accent-rgb),.035);transform:rotate(-5deg) translate3d(-4%,2%,-25px)}
.sample-level-1 .backplate-one,.sample-level-2 .sample-backplate{opacity:1}
.backplate-two{transform:rotate(7deg) translate3d(5%,-3%,-45px);background:rgba(var(--accent-rgb),.05)}
.sample-level-1 .sample-paper{animation:sample-hover 6s ease-in-out infinite;animation-play-state:paused}
.sample-level-2 .sample-paper{--sample-tilt:-12deg;animation:sample-hover 5s ease-in-out infinite;animation-play-state:paused;box-shadow:0 18px 28px rgba(0,0,0,.24),3px 4px 0 rgba(var(--accent-rgb),.25)}
.plan-card.revealed .sample-paper,.preview-dialog[open] .sample-paper{animation-play-state:running}
.sample-tag{font-size:2.6cqw;font-weight:800;letter-spacing:.08em;color:var(--accent-ink);display:block}
.sample-lines{display:grid;gap:7px;width:100%;margin-top:10px}.sample-lines i{display:block;height:3px;width:var(--line-width,90%);background:color-mix(in srgb,var(--muted),transparent 65%);border-radius:2px}
.sample-browser{height:13%;padding:2% 5%;display:flex;align-items:center;justify-content:space-between;gap:5px;border-bottom:1px solid var(--border);direction:ltr;font:800 1.8cqw 'Manrope',sans-serif}
.sample-browser>span:first-child{display:flex;gap:3px}.sample-browser i{width:4px;height:4px;border-radius:50%;background:var(--muted);opacity:.5}
.sample-qr{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2px;flex-shrink:0;width:26px;height:26px;padding:3px;background:#f8faff;color:#131b2b;border-radius:3px;direction:ltr}
.sample-qr i{border:2px solid currentColor;border-radius:1px}.sample-qr b{font:800 6px/1.4 'Manrope',sans-serif;align-self:center;text-align:center}
.sample-table{display:grid;gap:0;margin-top:12px}.sample-table>div{display:flex;align-items:center;gap:8%;min-height:21px;border-bottom:1px solid var(--border);font-size:2.9cqw}.sample-table>div>span{font:500 2.4cqw 'Manrope',sans-serif;color:var(--muted)}.sample-table b{font-weight:600}.sample-table i{display:block;width:14%;height:3px;background:rgba(var(--accent-rgb),.45);border-radius:2px;margin-inline-start:auto}
.sample-bars{display:flex;align-items:flex-end;gap:8%;height:65px;border-bottom:1px solid var(--border);padding-inline:3%}.sample-bars i{width:12%;height:var(--bar);background:linear-gradient(var(--accent),rgba(var(--accent-rgb),.3));border-radius:3px 3px 0 0;transform-origin:bottom;animation:sample-bar-in .9s ease both;animation-play-state:paused}.plan-card.revealed .sample-bars i,.preview-dialog[open] .sample-bars i{animation-play-state:running}
.sample-web .sample-paper{padding:0}.sample-web-body{padding:5% 6%}.sample-web-title{display:block;font-size:6.5cqw;font-weight:800;line-height:1.2;margin-top:5px}.sample-web-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:11px}.sample-web-tiles>div{min-width:0;font-size:2.45cqw;line-height:1.2}.sample-tile-visual{display:flex;align-items:center;justify-content:center;height:39px;margin-bottom:6px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:5px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.3),rgba(var(--accent-rgb),.06));color:var(--accent-ink)}.sample-tile-visual .icon{width:18px;height:18px}.sample-tile-visual.visual-1{background:linear-gradient(30deg,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.05))}.sample-tile-visual.visual-2{background:linear-gradient(200deg,rgba(var(--accent-rgb),.25),rgba(var(--accent-rgb),.02))}.sample-web-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px}.sample-web-bottom .sample-lines{width:48%;margin:0}.sample-chat{display:flex;align-items:center;gap:4px;padding:6px;border-radius:6px;background:var(--accent);color:#0b1420;font-size:2.1cqw}.sample-chat .icon{width:11px;height:11px}
.sample-invitation .sample-paper{background:linear-gradient(135deg,#fbf9f5,#eeece5);color:#292722;text-align:center;padding:6%;border-color:#e7dfcd}.sample-invitation .sample-tag{color:#82704f}.sample-invite-content{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;height:100%}.sample-couple{display:block;font:700 9cqw/1.5 Georgia,'Tajawal',serif;margin-top:5px}.sample-event-date{font:600 2.9cqw 'Manrope',sans-serif;letter-spacing:.17em;color:#7c7060}.sample-invitation .sample-lines{width:60%;margin-top:16px}.sample-invitation .sample-lines i{margin-inline:auto;background:#d1c7b6}.sample-countdown{display:flex;justify-content:center;gap:10%;width:75%;margin-top:9px}.sample-countdown b{font:700 5.3cqw 'Manrope',sans-serif}.sample-countdown small{display:block;font:500 2cqw 'Tajawal','Manrope',sans-serif;margin-top:1px}.sample-invitation .sample-qr{position:absolute;bottom:0;inset-inline-end:0;background:#e4dccd}.sample-map{position:relative;width:67%;margin-top:9px;height:24px;border:1px solid #cdc4b3;border-radius:5px;overflow:hidden;background:repeating-linear-gradient(25deg,#e5dfd2 0px,#e5dfd2 7px,#f2eee5 7px,#f2eee5 12px)}.sample-map span{position:relative;font-size:2.3cqw;background:#faf7ef;padding:2px 6px;color:#5d4e36}.sample-envelope{position:absolute;inset:0;opacity:.17;pointer-events:none}.sample-envelope i:first-child{position:absolute;inset:-35% 15% 45%;border:1px solid #96805b;transform:rotate(45deg);background:#e0d0ac}.sample-envelope i+ i{position:absolute;inset:70% -20% -80%;border:1px solid #96805b;transform:rotate(-20deg);background:#e0d0ac}
.sample-slides .sample-paper{background:linear-gradient(120deg,var(--surface),color-mix(in srgb,var(--accent),var(--surface) 15%));padding:7%}.sample-slide-top{display:flex;justify-content:space-between;font-size:2.3cqw;letter-spacing:.05em;color:var(--muted)}.sample-slide-body{display:flex;align-items:center;justify-content:space-between;height:73%;gap:8px}.sample-slide-body>span{font-size:11cqw;font-weight:800;line-height:1.08;letter-spacing:-.045em}.sample-slide-body strong{color:var(--accent-ink)}.sample-slide-body .sample-lines{max-width:28%}.sample-slide-shapes{width:30%;height:70%;position:relative;perspective:500px}.sample-slide-shapes i{position:absolute;inset:13% 8%;border:1px solid rgba(var(--accent-rgb),.55);background:linear-gradient(145deg,var(--accent),rgba(var(--accent-rgb),.18));transform:rotateY(-30deg) rotateZ(18deg);box-shadow:5px 7px rgba(var(--accent-rgb),.12);border-radius:6px}.sample-slide-shapes i:nth-child(2){inset:31% -8% -3% 40%;opacity:.45}.sample-slide-shapes i:nth-child(3){inset:-8% 45% 58% -7%;opacity:.7}.sample-slide-progress{display:flex;gap:5px;position:absolute;bottom:8%;inset-inline-start:7%}.sample-slide-progress i{width:16px;height:3px;background:var(--border);border-radius:3px}.sample-slide-progress i:first-child{background:var(--accent)}.sample-slide-tools{position:absolute;bottom:5%;inset-inline-end:5%;display:flex;align-items:center;gap:8px;font-size:2.5cqw;direction:ltr}
.sample-cv .sample-paper,.sample-document .sample-paper{inset:0 13%;border-radius:3px;background:#fff;color:#293240;border-color:#d9dfe7;padding:7% 8%;text-align:start}.sample-cv-name{display:block;font-size:5.8cqw;font-weight:800;line-height:1.2}.sample-cv-role{font-size:2.5cqw;font-weight:600}.sample-cv-contact{font:500 1.5cqw/2 'Manrope',sans-serif;border-bottom:1px solid #b2b8bf;padding-bottom:5px;margin-top:3px}.sample-document-label{display:block;font-size:2.7cqw;border-bottom:1px solid #d9dfe7;margin-top:8px;padding-bottom:3px}.sample-cv .sample-lines,.sample-document .sample-lines{gap:4px;margin-top:6px}.sample-cv .sample-lines i,.sample-document .sample-lines i{height:2px;background:#cdd2d9}.sample-cv.sample-level-1 .sample-paper{box-shadow:0 18px 24px rgba(0,0,0,.22)}
.sample-document-head{display:flex;align-items:center;justify-content:space-between;color:#808998;font-size:2cqw;border-bottom:1px solid #b7c1ce;padding-bottom:6px}.sample-document-title{display:block;font-size:5.5cqw;line-height:1.3;margin:10px 0 8px;font-weight:800}.sample-document-highlight{display:flex;align-items:center;gap:7px;background:rgba(var(--accent-rgb),.2);color:#172234;padding:6px;margin-block:6px;font-weight:700;font-size:2.9cqw;border-inline-start:3px solid var(--accent)}.sample-document-highlight .icon{width:14px;height:14px}.sample-document-diagram{display:flex;justify-content:center;align-items:center;gap:5%;direction:ltr;margin-top:8px;font-size:2.4cqw}.sample-document-diagram i{font-style:normal;padding:5px;background:rgba(var(--accent-rgb),.15);border-radius:4px}.sample-document-footer{position:absolute;bottom:5%;inset-inline:10%;font:500 1.65cqw 'Manrope',sans-serif;display:flex;justify-content:space-between;color:#8b939e}.sample-document.sample-level-1 .sample-paper{border-top:5px solid var(--accent)}
.sample-data-heading{display:flex;align-items:center;gap:6px;font-size:3.1cqw}.sample-data-heading .icon{width:14px;height:14px;color:var(--accent-ink)}.sample-data-heading>span{margin-inline-start:auto}.sample-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;margin:12px 0 9px}.sample-metrics i{height:14px;border:1px solid rgba(var(--accent-rgb),.3);border-radius:3px;background:rgba(var(--accent-rgb),.08)}.sample-data-chart{display:flex;gap:9%;height:63px;align-items:stretch}.sample-data-chart .sample-bars{flex:1;height:100%}.sample-secondary-chart{display:grid;gap:5px;width:27%;align-content:center}.sample-secondary-chart i{height:6px;width:95%;background:rgba(var(--accent-rgb),.7);border-radius:2px}.sample-secondary-chart i:nth-child(2){width:64%}.sample-secondary-chart i:nth-child(3){width:82%}.sample-secondary-chart i:nth-child(4){width:42%}.sample-filters{display:flex;gap:5px;margin-top:7px;font-size:2cqw}.sample-filters span{border:1px solid var(--border);border-radius:3px;padding:3px 7px}.sample-dashboard .sample-table,.sample-excel.sample-level-1 .sample-table{margin-top:5px}.sample-dashboard .sample-table>div,.sample-excel.sample-level-1 .sample-table>div{min-height:12px;font-size:1.9cqw}.sample-dashboard.sample-level-1 .sample-data-chart{height:44px}.sample-dashboard.sample-level-1 .sample-metrics{margin-block:5px}.sample-page-tabs{display:flex;gap:8px;font-size:2cqw;margin-top:6px;border-top:1px solid var(--border);padding-top:4px}.sample-page-tabs b{color:var(--accent-ink)}.sample-excel.sample-level-0 .sample-table>div{min-height:31px}.sample-excel.sample-level-0 .sample-table>div:first-child{background:rgba(var(--accent-rgb),.14)}
.sample-project-flow{display:flex;align-items:center;justify-content:space-between;gap:4%;margin:17px 0}.sample-project-flow>span{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 7px;border:1px solid rgba(var(--accent-rgb),.25);border-radius:6px;font-size:2.7cqw;background:rgba(var(--accent-rgb),.08)}.sample-project-flow .icon{width:20px;height:20px;color:var(--accent-ink)}.sample-project-flow>i{font-style:normal;color:var(--muted)}
.preview-dialog{width:min(920px,calc(100% - 32px));max-height:calc(100svh - 36px);border:1px solid var(--border);border-radius:25px;background:var(--bg);color:var(--text);padding:0;box-shadow:0 30px 110px #0008;overflow:auto}
.preview-dialog::backdrop{background:rgba(3,6,15,.8);backdrop-filter:blur(10px)}
.preview-content{padding:30px;position:relative}.preview-content .dialog-close{top:22px;inset-inline-end:22px}.preview-heading{padding-inline-end:42px}.preview-heading .eyebrow{font-size:.8125rem;margin-bottom:10px}.preview-heading h2{font-size:1.8rem;line-height:1.4}.preview-heading p{font-size:.9375rem;color:var(--muted);margin-top:8px;line-height:1.7}
.preview-stage{max-width:610px;height:365px;position:relative;margin:25px auto 18px;padding:15px 38px;perspective:1400px;isolation:isolate}
.preview-model{height:100%;transform-style:preserve-3d;transform:rotateX(var(--preview-pitch,0deg)) rotateY(var(--preview-yaw,0deg));transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.preview-stage .sample-paper{animation:none;transform:none}
.preview-angle-control{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:165px}
.preview-angle-status{font-size:.8125rem;line-height:1.5;color:var(--accent-ink);min-height:1.5em;font-weight:600}
.preview-stage:before{content:'';position:absolute;inset:5%;background:linear-gradient(120deg,transparent,rgba(var(--accent-rgb),.14),transparent);filter:blur(25px);z-index:-1;pointer-events:none}
.preview-stage .design-sample{max-width:510px;margin-inline:auto}.preview-stage .sample-paper{border-radius:14px}.preview-stage .sample-lines{gap:10px}.preview-stage .sample-lines i{height:5px}.preview-stage .sample-cv .sample-lines,.preview-stage .sample-document .sample-lines{gap:7px}.preview-stage .sample-cv .sample-lines i,.preview-stage .sample-document .sample-lines i{height:3px}.preview-stage .sample-cv .sample-paper,.preview-stage .sample-document .sample-paper{border-radius:3px}.preview-stage .sample-qr{width:40px;height:40px;gap:4px;padding:4px}.preview-stage .sample-qr b{font-size:10px}.preview-stage .sample-tile-visual{height:75px}.preview-stage .sample-tile-visual .icon{height:31px;width:31px}.preview-stage .sample-table>div{min-height:36px}.preview-stage .sample-data-chart{height:115px}.preview-stage .sample-metrics i{height:25px}.preview-stage .sample-dashboard .sample-table>div,.preview-stage .sample-excel.sample-level-1 .sample-table>div{min-height:21px}.preview-stage .sample-dashboard.sample-level-1 .sample-data-chart{height:85px}.preview-stage .sample-cv-contact{padding-bottom:9px}.preview-stage .sample-document-label{margin-top:14px}.preview-stage .sample-map{height:43px;margin-top:18px}.preview-stage .sample-countdown{margin-top:17px}.preview-stage .sample-document-diagram{margin-top:15px}.preview-stage .sample-document-highlight{padding:12px;margin-block:11px}.preview-stage .sample-document-highlight .icon{width:23px;height:23px}.preview-stage .sample-project-flow{margin-block:30px}.preview-stage .sample-project-flow>span{padding:16px}.preview-stage .sample-project-flow .icon{width:34px;height:34px}.preview-stage .sample-data-heading .icon{height:24px;width:24px}
.preview-toolbar{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:21px}.preview-toolbar .text-button{font-size:.875rem}.preview-toolbar .button{min-width:215px}
@keyframes sample-hover{0%,100%{transform:rotateX(7deg) rotateY(var(--sample-tilt)) translateY(0)}50%{transform:rotateX(3deg) rotateY(calc(var(--sample-tilt) + 8deg)) translateY(-5px)}}
@keyframes sample-bar-in{from{transform:scaleY(.1)}to{transform:scaleY(1)}}
@media(min-width:601px) and (max-width:1100px){.plan-preview-art{height:175px;padding:11px 12px}.design-sample .sample-paper{padding:5%}.sample-web .sample-paper{padding:0}.sample-qr{width:20px;height:20px;padding:2px;gap:1px}.sample-web-tiles{gap:4%;margin-top:8px}.sample-tile-visual{height:26px}.sample-web-bottom{margin-top:7px}.sample-slide-body>span{font-size:10cqw}.sample-document-label{margin-top:5px}.sample-cv .sample-lines,.sample-document .sample-lines{gap:3px;margin-top:4px}.sample-data-chart{height:46px}.sample-metrics{margin-top:7px}.sample-metrics i{height:10px}.sample-dashboard.sample-level-1 .sample-data-chart{height:28px}.sample-couple{margin-top:1px}.sample-map{margin-top:5px;height:18px}.sample-countdown{margin-top:6px}.plan-preview-caption{padding:10px;font-size:.8125rem}.plan-price:has(.price-range){font-size:2rem}}
@media(max-width:800px){.interest-stage{padding-top:35px}.interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.interest-card{min-height:160px;padding:20px}.interest-card strong{font-size:1.15rem}.interest-header{margin-bottom:27px}.interest-header h1{font-size:2.7rem}.studio-page{border-radius:12px}.preview-stage{height:335px;padding-inline:20px}}
@media(max-width:600px){.hero-art{margin-top:23px}.page-scene{aspect-ratio:1.03}.page-scene .floating-offer-0{bottom:0!important}.page-scene .floating-offer-1{top:0!important}.page-scene .floating-offer-2{bottom:27%!important}.studio-page{border-radius:11px}.studio-caption{display:none}.portal-page-scene{opacity:.75}.portal-art .studio-page-back,.portal-art .studio-page-middle{opacity:.65}.recommended-section{padding-top:38px}.interest-stage{padding-block:29px 45px;min-height:calc(100svh - 100px)}.interest-header{margin-bottom:23px}.interest-header h1{font-size:2.15rem;line-height:1.3}.interest-header p{font-size:.9375rem}.interest-step{font-size:.8125rem;margin-bottom:16px}.interest-grid{gap:11px}.interest-card{padding:18px 14px;min-height:151px;gap:17px;border-radius:16px}.interest-card strong{font-size:1.0625rem;padding-inline-end:12px}.interest-card>.icon{width:15px;height:15px;inset-inline-end:13px;bottom:20px}.interest-card .service-icon{width:34px;height:34px}.interest-card-head>span:last-child{font-size:.7rem}.interest-actions{gap:10px;margin-top:23px;flex-direction:column}.interest-actions .button{width:100%}.interest-note{font-size:.8125rem;max-width:290px;margin-inline:auto}.category-jump{inset-inline:12px;bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 24px);padding:5px;border-radius:16px}.category-jump a{font-size:.8125rem;flex-direction:column;gap:4px;padding:8px 4px;min-height:54px;line-height:1.25}.category-jump a .icon{width:19px;height:19px}.plan-preview-art{height:230px;padding:14px 26px}.plan-preview-caption{font-size:.9375rem;padding:12px 14px}.preview-content{padding:25px 18px}.preview-heading h2{font-size:1.4rem}.preview-heading p{font-size:.875rem}.preview-content .dialog-close{top:17px;inset-inline-end:16px}.preview-stage{height:250px;padding:12px 10px;margin-block:23px 16px}.preview-stage .sample-qr{width:26px;height:26px;gap:2px;padding:3px}.preview-stage .sample-qr b{font-size:7px}.preview-stage .sample-lines{gap:7px}.preview-stage .sample-lines i{height:3px}.preview-stage .sample-table>div{min-height:25px}.preview-stage .sample-tile-visual{height:48px}.preview-stage .sample-tile-visual .icon{width:22px;height:22px}.preview-stage .sample-data-chart{height:68px}.preview-stage .sample-dashboard.sample-level-1 .sample-data-chart{height:52px}.preview-stage .sample-dashboard .sample-table>div,.preview-stage .sample-excel.sample-level-1 .sample-table>div{min-height:14px}.preview-stage .sample-metrics i{height:16px}.preview-stage .sample-cv-contact{padding-bottom:4px}.preview-stage .sample-document-label{margin-top:7px}.preview-stage .sample-cv .sample-lines,.preview-stage .sample-document .sample-lines{gap:5px}.preview-stage .sample-cv .sample-lines i,.preview-stage .sample-document .sample-lines i{height:2px}.preview-stage .sample-map{height:28px;margin-top:10px}.preview-stage .sample-countdown{margin-top:9px}.preview-stage .sample-document-highlight{padding:7px;margin-block:7px}.preview-stage .sample-document-highlight .icon{width:16px;height:16px}.preview-stage .sample-document-diagram{margin-top:8px}.preview-stage .sample-project-flow{margin-block:16px}.preview-stage .sample-project-flow>span{padding:9px}.preview-stage .sample-project-flow .icon{width:22px;height:22px}.preview-toolbar{gap:13px}.preview-toolbar .button{width:100%;min-width:0}.preview-stage .sample-data-heading .icon{width:16px;height:16px}}
@media(max-width:360px){.plan-preview-art{padding-inline:13px;height:215px}.interest-header h1{font-size:1.95rem}.interest-card{min-height:145px}.interest-card strong{font-size:1rem}.preview-stage{height:220px}.category-jump a{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.studio-page,.sample-paper,.sample-bars i{animation:none!important}.preview-model{transition:none!important}}
[data-motion=off] .studio-page,[data-motion=off] .sample-paper,[data-motion=off] .sample-bars i{animation:none!important}
@media print{.category-jump,.plan-preview,.preview-dialog{display:none!important}html[data-view=site] body{padding:0}}

/* Payment and every main category stay visible in the top navigation. */
html[data-view=site] .header-inner{height:76px}
.service-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding-block:0 12px}
.service-navigation a{display:flex;align-items:center;justify-content:center;gap:11px;min-height:61px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:rgba(var(--accent-rgb),.035);transition:border-color .2s,background .2s;color:var(--muted)}
.service-navigation a>span{display:flex;flex-direction:column;gap:2px;line-height:1.3}
.service-navigation strong{font-size:.9375rem;font-weight:700;color:var(--text)}
.service-navigation small{font-size:.6875rem;letter-spacing:.035em;font-family:'Manrope','Tajawal',sans-serif}
.service-navigation .icon{width:22px;height:22px;color:var(--accent-ink)}
.service-navigation .nav-payment{border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.15)}
.service-navigation .nav-payment strong{color:var(--accent-ink)}
.service-navigation a:hover,.service-navigation a[aria-current=location]{border-color:var(--accent);background:rgba(var(--accent-rgb),.12)}
.service-navigation a[aria-current=location]{box-shadow:inset 0 -2px var(--accent)}
.category-contents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;margin:-15px 0 38px;border-block:1px solid var(--border);padding:12px 0}
.category-contents a{display:flex;align-items:center;gap:11px;min-height:43px;padding:9px 4px;color:var(--muted);font-size:.875rem;line-height:1.4}
.category-contents a:hover{color:var(--accent-ink)}
.category-contents bdi{font:600 .6875rem 'Manrope',sans-serif;color:var(--accent-ink);opacity:.7;min-width:20px}
.category-contents a .icon{width:14px;height:14px;margin-inline-start:auto;opacity:.6}
.category-contents a:nth-child(-n+2){font-weight:700;color:var(--text)}
.category-contents a:nth-child(-n+2) bdi{opacity:1}
.service-intro{margin:0 0 29px;position:relative}
.service-intro.has-poster{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:45px;align-items:center;margin-bottom:33px;padding:12px 0 5px}
.service-intro .service-context{display:block;margin:0}
.service-intro .service-context-icon{display:block;margin-bottom:21px;opacity:.85}
.service-intro .service-context-icon .icon{height:38px;width:38px;stroke-width:1.45}
.service-intro.has-poster h4{font-size:clamp(2rem,3.5vw,3.05rem);line-height:1.4;max-width:640px}
.service-intro .service-context p{max-width:580px;font-size:1.0625rem;line-height:1.9;margin-top:9px}
.service-intro-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:25px}
.service-intro-actions>span{font-size:1.1875rem;font-weight:700;color:var(--accent-ink)}
.service-intro-actions .text-button{font-size:.9375rem}
.service-poster-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;perspective:1200px}
.service-poster{position:relative;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:9px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.18);transform:rotateY(-6deg) rotateZ(2deg);transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .4s;will-change:transform}
.service-poster:hover{transform:rotateY(0deg) rotateZ(0deg) translateY(-4px);box-shadow:0 20px 40px rgba(var(--accent-rgb),.17)}
.service-poster img{width:100%;height:auto;display:block}
.poster-main{grid-column:1/-1}
.poster-thumbnail{border-radius:6px;transform:none}
.poster-expand{position:absolute;inset-inline-end:9px;bottom:9px;background:rgba(7,17,31,.85);color:#fff;border:1px solid #ffffff50;border-radius:8px;display:grid;place-items:center;width:30px;height:30px;backdrop-filter:blur(10px)}
.poster-expand .icon{width:16px;height:16px}
.poster-thumbnail .poster-expand{display:none}
.service-plans-anchor:focus,.payment-section:focus{outline:none}
.service-plans-anchor{scroll-margin-top:var(--catalog-offset,165px)}
.service-intro.reveal-ready .poster-main{transform:translateY(26px) rotateY(-15deg) rotateZ(5deg)}
.service-intro.revealed .poster-main{transform:translateY(0) rotateY(-6deg) rotateZ(2deg)}
.service-intro.revealed .poster-main:hover{transform:rotateY(0deg) rotateZ(0deg) translateY(-4px)}
.poster-dialog-title{font-size:1.4rem;padding-inline-end:50px;margin-bottom:22px}
.poster-full{max-height:calc(100svh - 150px);max-width:100%;width:auto;height:auto;object-fit:contain;margin-inline:auto;border-radius:10px}
.studio-dashboard .sample-bars i{animation:none}
@media(max-width:1279px){.category-jump{display:none}html[data-view=site] body{padding-bottom:0}html[data-view=site] .motion-toggle{bottom:15px}html[data-view=site] .toast{bottom:75px}.site-footer{padding-bottom:85px}}
@media(max-width:800px){.service-intro.has-poster{grid-template-columns:minmax(0,1fr) 200px;gap:26px}.service-navigation{gap:7px}.service-navigation a{padding:9px 7px;gap:7px}.service-navigation strong{font-size:.8125rem}.service-navigation small{font-size:.625rem}.service-navigation .icon{width:19px;height:19px}.service-intro.has-poster h4{font-size:2rem}.service-intro .service-context p{font-size:1rem}}
@media(max-width:600px){html[data-view=site] .header-inner{height:65px}.service-navigation{gap:5px;padding-bottom:9px}.service-navigation a{flex-direction:column;gap:5px;min-height:67px;padding:7px 3px;border-radius:10px;text-align:center}.service-navigation a>span{gap:3px}.service-navigation strong{font-size:.75rem;white-space:normal}.service-navigation small{font-size:.5625rem;letter-spacing:0}.service-navigation .icon{height:19px;width:19px}.service-intro.has-poster{grid-template-columns:minmax(0,1fr);gap:22px;padding:0;margin-bottom:26px}.service-intro .service-context-icon{margin-bottom:15px}.service-intro.has-poster h4{font-size:1.9rem}.service-intro .service-context p{font-size:1rem;line-height:1.8}.service-intro-actions{margin-top:14px;gap:23px}.service-intro-actions>span{font-size:1.0625rem}.service-poster-gallery{width:min(78%,265px);margin:0 auto 6px;gap:8px}.service-poster{border-radius:12px}.category-contents{grid-template-columns:1fr;margin:-8px 0 30px;padding:8px 0;gap:0}.category-contents a{font-size:.9375rem;min-height:45px;padding-block:11px}.category-contents a+a{border-top:1px solid var(--border)}.service-intro.reveal-ready{transform:translateY(40px) perspective(1100px) rotateX(3deg);transition-duration:.65s}.service-intro.revealed{transform:translateY(0) perspective(1100px) rotateX(0deg)}.plan-card.reveal-ready{transform:translateY(36px) scale(.97);transition-duration:.65s}.plan-card.revealed{transform:translateY(0) scale(1)}.poster-full{max-height:calc(100svh - 140px)}.poster-dialog-title{font-size:1.25rem}}
@media(max-width:360px){.service-navigation strong{font-size:.6875rem}.service-navigation small{font-size:.5rem}.service-poster-gallery{width:80%}.service-navigation a{min-height:64px}}
@media(prefers-reduced-motion:reduce){.service-poster{transform:none!important;will-change:auto}}
[data-motion=off] .service-poster{transform:none!important;will-change:auto}
@media print{.service-navigation,.service-poster-gallery,.category-contents{display:none!important}.service-intro.has-poster{display:block}}

/* Direct contact cards keep Instagram first and show both WhatsApp numbers. */
.contact-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:2}
.contact-channel{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:15px 8px;border:1px solid #ffffff60;border-radius:16px;background:#ffffff0c;text-align:center;color:#fff;transition:transform .25s,background .25s,box-shadow .25s}
.contact-channel:hover{transform:translateY(-5px);background:#ffffff20;box-shadow:0 15px 35px #06143d30}
.contact-channel.channel-instagram{background:#fff;color:#172754;border-color:#fff;box-shadow:0 12px 30px #06143d20}
.contact-channel.channel-instagram:hover{background:#edf3ff}
.contact-channel>.icon,.channel-business-symbol>.icon{width:30px;height:30px;stroke-width:1.55}
.contact-channel strong{font-size:.9375rem;line-height:1.4;min-height:2.8em;display:flex;align-items:center;justify-content:center;max-width:100%}
.contact-channel>bdi{font:600 .6875rem 'Manrope',sans-serif;letter-spacing:0;opacity:.9}
.channel-business-symbol{position:relative;display:block;line-height:1}
.channel-business-symbol b{position:absolute;top:6px;left:11px;font:800 12px/1 'Manrope',sans-serif}
@media(max-width:800px){.contact-channels{gap:8px}.contact-channel{padding:12px 6px;gap:8px;border-radius:13px}.contact-channel strong{font-size:.8125rem}.contact-channel>bdi{font-size:.625rem}.contact-channel>.icon,.channel-business-symbol>.icon{width:27px;height:27px}.channel-business-symbol b{top:6px;left:10px;font-size:10px}}
@media(max-width:600px){.contact-channel{min-height:126px;gap:9px}.contact-channel strong{font-size:.8125rem}.contact-channel>bdi{font-size:.625rem}}
@media(max-width:360px){.contact-channels{gap:6px}.contact-channel{padding:12px 5px;min-height:116px;border-radius:11px}.contact-channel strong{font-size:.75rem}.contact-channel>bdi{font-size:.5625rem}.contact-channel>.icon,.channel-business-symbol>.icon{width:25px;height:25px}.channel-business-symbol b{top:5px;left:9px}}

/* Arabic price ranges are explicit words, with isolated numeric values. */
.price-range-verbal{display:inline-flex;direction:rtl;unicode-bidi:isolate;align-items:baseline;gap:.2em;white-space:nowrap;letter-spacing:0}
.price-range-verbal>span{font-size:.48em;font-weight:500;color:var(--muted)}
.plan-price:has(.price-range-verbal){font-size:clamp(1.75rem,2.5vw,2.5rem);white-space:normal}
.plan-price .price-range-verbal>small{font-size:.36em}
@media(max-width:600px){.plan-price:has(.price-range-verbal){font-size:clamp(1.8rem,7.5vw,2.6rem)}}