:root{--red:#E50914;--red2:#ff2532;--dark-red:#B20710;--black:#000;--coal:#0b0b0b;--panel:#141414;--panel2:#191919;--white:#fff;--muted:#b8b8b8;--line:#2a2a2a;--soft:#e7e7e7;--max:1240px;--radius:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:Arial,"Noto Sans Arabic",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.icon{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.topbar{position:fixed;inset:0 0 auto 0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;z-index:50;background:linear-gradient(180deg,rgba(0,0,0,.94),rgba(0,0,0,.2));transition:.25s}.topbar.scrolled{background:rgba(0,0,0,.96);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(12px)}.brand-image{display:inline-flex;align-items:center}.brand-image img{display:block;width:150px;max-height:56px;height:auto;object-fit:contain;object-position:center center}.nav{display:flex;align-items:center;gap:26px;font-size:.94rem}.nav>a{color:#ddd;position:relative}.nav>a:not(.nav-cta):hover,.nav>a.active{color:#fff}.nav>a.active:after{content:"";position:absolute;right:0;left:0;bottom:-9px;height:2px;background:var(--red)}.nav-cta{background:var(--red);color:#fff!important;padding:9px 16px;border-radius:4px}.menu{display:none;background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}.hero-media{position:absolute;inset:0;background:#000}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;background:#000}.hero-overlay{position:absolute;inset:0;background:linear-gradient(270deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.78) 34%,rgba(0,0,0,.18) 67%,rgba(0,0,0,.02) 100%),linear-gradient(0deg,#000 0%,transparent 46%)}.hero-content{position:relative;z-index:2;width:min(760px,88vw);margin:0 6vw 9vh 0}.eyebrow,.section-heading>span{color:var(--red2);font-weight:900;font-size:.88rem;letter-spacing:.02em}.hero h1{font-size:clamp(2.7rem,6vw,5.6rem);line-height:1.06;margin:.5rem 0 1.1rem;max-width:920px}.hero p{font-size:clamp(1rem,1.6vw,1.22rem);color:#e2e2e2;max-width:680px}.hero-actions,.stack-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border:1px solid transparent;border-radius:4px;cursor:pointer;font-weight:850;transition:.2s}.btn.small{min-height:40px;padding:0 16px;font-size:.88rem}.primary{background:var(--red);color:#fff}.primary:hover{background:var(--dark-red)}.secondary{background:rgba(109,109,110,.78);color:#fff}.secondary:hover{background:rgba(109,109,110,.95)}.ghost{background:transparent;border-color:#444;color:#fff}.ghost:hover{border-color:#777;background:#151515}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#d7d7d7;font-size:.9rem}.hero-points span{display:flex;align-items:center;gap:7px}.hero-points .icon{color:var(--red2)}.value-strip{max-width:var(--max);margin:-2px auto 0;padding:26px 5vw 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-bottom:1px solid var(--line)}.value-strip>div{display:flex;align-items:center;gap:13px}.value-strip .icon{font-size:1.7rem;color:var(--red)}.value-strip span{display:flex;flex-direction:column}.value-strip strong{font-size:.98rem}.value-strip small{color:#858585}.section{max-width:var(--max);margin:auto;padding:105px 5vw}.section.narrow{max-width:940px}.section-heading{max-width:780px;margin-bottom:45px}.section-heading h2,.cinema-copy h2,.split-cta h2,.page-hero h1{font-size:clamp(2.05rem,4.5vw,4rem);line-height:1.13;margin:.35rem 0 1rem}.section-heading p,.cinema-copy p,.split-cta p,.page-hero p{color:var(--muted)}.cards{display:grid;gap:14px}.cards-three{grid-template-columns:repeat(3,1fr)}.cards-two{grid-template-columns:repeat(2,1fr)}.card,.content-card{background:linear-gradient(180deg,#181818,#101010);border:1px solid var(--line);padding:30px;border-radius:var(--radius)}.card{min-height:285px;display:flex;flex-direction:column;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#444}.icon-box,.plan-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(229,9,20,.35);background:rgba(229,9,20,.08);color:var(--red2);border-radius:8px}.icon-box .icon,.plan-icon .icon{width:27px;height:27px}.card h3{font-size:1.45rem;margin:28px 0 10px}.card p,.content-card p{color:var(--muted);margin:0}.card-link{margin-top:auto;padding-top:24px;display:inline-flex;align-items:center;gap:7px;font-weight:800;color:#eee}.card-link .icon{color:var(--red);width:1em}.cinema{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden}.cinema-media{position:absolute;inset:0}.cinema-media img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.92) contrast(1.05)}.cinema-shade{position:absolute;inset:0;background:linear-gradient(270deg,#000 4%,rgba(0,0,0,.85) 43%,rgba(0,0,0,.18) 77%),linear-gradient(0deg,#000,transparent 34%,transparent 72%,#000)}.cinema-copy{position:relative;z-index:2;width:min(650px,88vw);margin-right:6vw}.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:850;border-bottom:1px solid var(--red);padding-bottom:4px}.process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.process-step{display:flex;gap:22px;padding:28px;border:1px solid var(--line);background:#0d0d0d;border-radius:var(--radius)}.process-step>b{color:#555;font-size:2rem;line-height:1}.process-step .icon{color:var(--red);font-size:1.7rem}.process-step h3{margin:12px 0 4px}.process-step p{margin:0;color:var(--muted)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-card{position:relative;background:#111;border:1px solid #2b2b2b;padding:32px;border-radius:var(--radius);display:flex;flex-direction:column;min-height:460px}.plan-card.featured{border-color:rgba(229,9,20,.75);background:linear-gradient(180deg,#1c1112,#111)}.featured-label{position:absolute;top:0;left:24px;transform:translateY(-50%);background:var(--red);padding:5px 11px;border-radius:4px;font-size:.76rem;font-weight:900}.plan-tag{display:block;color:var(--red2);font-size:.82rem;font-weight:900;margin-top:24px}.plan-card h2,.plan-card h3{font-size:1.7rem;margin:8px 0}.plan-card p{color:var(--muted);margin:0 0 18px}.plan-card ul,.feature-list{list-style:none;padding:0;margin:10px 0 28px}.plan-card li,.feature-list li{display:flex;gap:8px;align-items:flex-start;padding:7px 0;color:#ddd}.plan-card li .icon,.feature-list li .icon{color:var(--red);margin-top:.3em}.plan-card .btn{margin-top:auto}.split-cta{display:flex;justify-content:space-between;align-items:center;gap:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:60px}.split-cta>div:first-child{max-width:760px}.page-hero{max-width:var(--max);min-height:520px;margin:auto;padding:145px 5vw 70px;display:flex;justify-content:space-between;align-items:center;gap:50px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 45%,rgba(229,9,20,.18),transparent 32%)}.page-hero.compact{min-height:440px}.page-hero-copy{max-width:780px}.page-hero-copy p{max-width:700px;font-size:1.08rem}.page-hero-icon{width:170px;height:170px;border:1px solid rgba(229,9,20,.34);background:rgba(229,9,20,.06);display:grid;place-items:center;border-radius:20px;color:var(--red2);flex:0 0 auto}.page-hero-icon .icon{width:82px;height:82px;stroke-width:1.25}.notice-box{margin-top:30px;border:1px solid #323232;background:#101010;padding:24px;display:flex;gap:16px;border-radius:var(--radius)}.notice-box>.icon{font-size:1.8rem;color:var(--red)}.notice-box p{margin:.2rem 0 0;color:var(--muted)}.plan-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.content-card h2{font-size:2rem;margin:.4rem 0 1rem}.content-card h3{font-size:1.35rem;margin-top:0}.muted-card{background:#0c0c0c}.plain-list{color:#aaa;padding-right:20px}.plain-list li{padding:6px 0}.order-section{padding-top:30px}.purchase-form{max-width:920px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.purchase-form label{display:block;margin-bottom:16px}.purchase-form label>span:first-child{display:block;color:#ddd;font-size:.9rem;margin-bottom:7px}.purchase-form input,.purchase-form textarea,.purchase-form select{width:100%;background:#111;border:1px solid #333;color:#fff;padding:13px 14px;border-radius:5px;outline:none}.purchase-form input:focus,.purchase-form textarea:focus,.purchase-form select:focus{border-color:var(--red)}.purchase-form textarea{resize:vertical}.consent{display:flex!important;align-items:flex-start;gap:10px}.consent input{width:auto;margin-top:7px}.consent span{color:#aaa!important}.consent a{text-decoration:underline;color:#fff}.form-note{font-size:.82rem;color:#777!important;margin-top:12px!important}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--line);background:#111;border-radius:7px}.faq-list summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;gap:20px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--red);font-size:1.3rem}.faq-answer{padding:0 22px 22px;color:var(--muted);border-top:1px solid #222;padding-top:16px}.center-cta{text-align:center;margin-top:45px}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.support-card{display:block;border:1px solid var(--line);background:#101010;padding:30px;border-radius:var(--radius);transition:.2s}.support-card:hover{border-color:#555;transform:translateY(-4px)}.support-card h2{margin:24px 0 8px}.support-card p{color:var(--muted)}.support-card strong{color:#fff}.support-topics{margin-top:70px}.company-grid{display:grid;grid-template-columns:1.15fr .95fr .8fr;gap:14px}.contact-stack{display:grid;gap:12px;margin-top:20px}.contact-stack a{display:flex;align-items:center;gap:9px;color:#ddd}.contact-stack .icon{color:var(--red)}.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:22px}.contact-side h2{margin-top:0}.contact-method{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-method>.icon{font-size:1.5rem;color:var(--red)}.contact-method span{display:flex;flex-direction:column}.contact-method small{color:#777}.legal-copy{max-width:900px}.legal-copy h2{font-size:1.4rem;margin:36px 0 8px}.legal-copy p{color:#bbb}.cookie-settings{max-width:900px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:25px 0}.setting-row p{color:var(--muted);margin:.2rem 0 0}.switch{position:relative;width:54px;height:30px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:30px;background:#3a3a3a;cursor:pointer;transition:.2s}.switch span:before{content:"";position:absolute;width:22px;height:22px;right:4px;top:4px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:var(--red)}.switch input:checked+span:before{transform:translateX(-24px)}.switch input:disabled+span{opacity:.7;cursor:not-allowed}.save-status{color:#aaa}.site-footer{max-width:var(--max);margin:auto;padding:65px 5vw 35px;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-about{max-width:330px}.footer-about p{color:#777;font-size:.9rem}.footer-brand img{width:220px;max-height:none}.footer-top h3{font-size:.95rem;margin:5px 0 12px;color:#ddd}.footer-top>div:not(.footer-about) a{display:block;color:#888;font-size:.88rem;padding:5px 0}.footer-top a:hover{color:#fff}.footer-bottom{margin-top:45px;padding-top:22px;border-top:1px solid #1d1d1d;display:flex;justify-content:space-between;gap:20px;color:#666;font-size:.84rem}.footer-contact{display:flex;gap:18px}.cookie-banner{position:fixed;right:20px;left:20px;bottom:18px;z-index:100;max-width:1100px;margin:auto;background:#151515;border:1px solid #3a3a3a;box-shadow:0 16px 50px rgba(0,0,0,.55);padding:18px 20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:3px 0 0;color:#999;font-size:.86rem;max-width:650px}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:950px){.nav{display:none;position:absolute;top:70px;right:4vw;left:4vw;background:#111;border:1px solid #2a2a2a;padding:18px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav>a.active:after{display:none}.menu{display:block}.hero{min-height:92svh}.hero-image{object-position:38% center}.hero-overlay{background:linear-gradient(0deg,#000 2%,rgba(0,0,0,.79) 48%,rgba(0,0,0,.2) 100%)}.hero-content{margin:0 6vw 7vh;width:88vw}.value-strip{grid-template-columns:1fr 1fr}.cards-three,.plan-grid,.support-grid{grid-template-columns:1fr 1fr}.plan-grid .plan-card:last-child{grid-column:1/-1}.cinema{min-height:680px}.cinema-media img{object-position:center 20%}.cinema-shade{background:linear-gradient(0deg,#000 4%,rgba(0,0,0,.84) 56%,rgba(0,0,0,.12) 100%)}.cinema-copy{align-self:flex-end;margin:0 6vw 75px}.page-hero-icon{width:120px;height:120px}.page-hero-icon .icon{width:58px;height:58px}.company-grid,.contact-layout,.plan-detail-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.footer-about{grid-column:1/-1}.cookie-banner{align-items:flex-start;flex-direction:column}.cookie-actions{justify-content:flex-start}}
@media(max-width:600px){.topbar{height:66px;padding:0 20px}.brand-image img{width:118px;max-height:44px}.hero h1{font-size:clamp(2.35rem,11vw,4rem)}.hero-content{margin-right:20px;margin-left:20px;width:auto}.hero-actions .btn{width:100%}.hero-points{gap:10px}.value-strip{grid-template-columns:1fr;padding:22px 20px 28px}.section{padding:78px 20px}.cards-three,.cards-two,.plan-grid,.support-grid,.process-grid{grid-template-columns:1fr}.plan-grid .plan-card:last-child{grid-column:auto}.card{min-height:250px}.cinema-copy{margin-right:20px;margin-left:20px}.split-cta{align-items:flex-start;flex-direction:column}.stack-actions{width:100%}.stack-actions .btn{width:100%}.page-hero{min-height:420px;padding:120px 20px 55px;align-items:flex-start;flex-direction:column-reverse;gap:22px}.page-hero.compact{min-height:390px}.page-hero-icon{width:75px;height:75px;border-radius:12px}.page-hero-icon .icon{width:36px;height:36px}.form-grid{grid-template-columns:1fr}.plan-card{min-height:430px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-about{grid-column:1/-1}.footer-bottom{flex-direction:column}.footer-contact{flex-direction:column;gap:4px}.cookie-banner{right:10px;left:10px;bottom:10px}.cookie-actions{width:100%}.cookie-actions .btn{flex:1;min-width:130px}.setting-row{align-items:flex-start}.contact-method strong{font-size:.92rem}}

/* Interaction layer only; preserves the existing visual system and layout. */
.reveal-ready{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.reveal-ready.reveal-visible{opacity:1;transform:none}
.interactive-card{cursor:pointer}
.interactive-card:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}}

/* فصل النص عن الصورة الرئيسية */
.hero-image-section{position:relative;width:100%;padding-top:76px;background:#000;overflow:hidden}
.hero-image-section .hero-media{position:relative;inset:auto;display:block;width:100%;background:#000}
.hero-image-section .hero-image{position:relative;inset:auto;display:block;width:100%;height:auto;object-fit:contain;object-position:center center;background:#000}
.hero-copy-section{background:#000;border-top:1px solid var(--line);padding:52px 6vw 62px}
.hero-copy-section .hero-content{position:relative;z-index:2;width:min(900px,88vw);margin:0}
.hero-copy-section h1{font-size:clamp(2.7rem,6vw,5.6rem);line-height:1.06;margin:.5rem 0 1.1rem;max-width:920px}
.hero-copy-section p{font-size:clamp(1rem,1.6vw,1.22rem);color:#e2e2e2;max-width:680px}
@media(max-width:950px){.hero-image-section{padding-top:70px}.hero-copy-section{padding:42px 6vw 52px}.hero-copy-section .hero-content{width:88vw}}
@media(max-width:600px){.hero-image-section{padding-top:66px}.hero-copy-section{padding:36px 20px 44px}.hero-copy-section .hero-content{width:auto;margin:0}.hero-copy-section h1{font-size:clamp(2.35rem,11vw,4rem)}.hero-copy-section .hero-actions .btn{width:100%}}


/* Services catalog: extends existing card system without changing the base visual identity. */
.service-tools{display:grid;gap:18px;margin-bottom:34px}.service-search{height:54px;display:flex;align-items:center;gap:12px;background:#111;border:1px solid #303030;border-radius:var(--radius);padding:0 16px;max-width:720px}.service-search:focus-within{border-color:var(--red)}.service-search .icon{color:var(--red2)}.service-search input{width:100%;background:transparent;border:0;outline:0;color:#fff}.service-search input::placeholder{color:#777}.service-filters{display:flex;gap:8px;flex-wrap:wrap}.service-filter-btn{border:1px solid #343434;background:#101010;color:#bbb;border-radius:999px;padding:8px 15px;cursor:pointer;transition:.2s}.service-filter-btn:hover,.service-filter-btn.active{background:var(--red);border-color:var(--red);color:#fff}.service-catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-category-card{overflow:hidden;background:#111;border:1px solid var(--line);border-radius:var(--radius);transition:.24s}.service-category-card:hover{transform:translateY(-4px);border-color:#444}.service-category-card[hidden]{display:none}.service-thumb{display:block;aspect-ratio:16/8.2;background:#080808;overflow:hidden}.service-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.service-category-card:hover .service-thumb img{transform:scale(1.025)}.service-card-body{padding:25px}.service-kicker{color:var(--red2);font-size:.82rem;font-weight:900}.service-card-body h2{font-size:1.5rem;line-height:1.35;margin:.4rem 0 .5rem}.service-card-body p{color:var(--muted);margin:0 0 12px}.service-card-body ul{margin:0;padding-right:18px;color:#969696;font-size:.88rem}.service-card-body li{padding:2px 0}.service-empty{padding:30px;border:1px dashed #333;color:#aaa;text-align:center;border-radius:var(--radius)}
.service-detail-hero{max-width:var(--max);min-height:650px;margin:auto;padding:125px 5vw 70px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;border-bottom:1px solid var(--line)}.service-detail-copy h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.1;margin:.45rem 0 1rem}.service-detail-copy p{color:var(--muted);font-size:1.08rem;max-width:650px}.service-detail-image{border:1px solid #272727;border-radius:var(--radius);overflow:hidden;background:#080808}.service-detail-image img{display:block;width:100%;height:auto}.service-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.mini-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-service-card{background:#101010;border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-height:220px}.mini-service-card>.icon{width:30px;height:30px;color:var(--red2)}.mini-service-card h3{font-size:1.12rem;margin:20px 0 8px}.mini-service-card p{color:#888;font-size:.9rem;margin:0}.service-order{padding-top:30px}.service-order-box{border:1px solid rgba(229,9,20,.35);background:linear-gradient(135deg,#171111,#0b0b0b);padding:38px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:30px}.service-order-box h2{font-size:clamp(1.8rem,3.4vw,3rem);margin:.3rem 0}.service-order-box p{color:var(--muted);max-width:650px;margin:0}
@media(max-width:950px){.service-catalog-grid{grid-template-columns:1fr}.service-detail-hero{grid-template-columns:1fr;gap:30px;padding-top:110px}.service-detail-copy{order:2}.service-detail-image{order:1}.mini-service-grid{grid-template-columns:repeat(2,1fr)}.service-intro-grid{grid-template-columns:1fr}.service-order-box{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.service-catalog-section{padding-top:55px}.service-card-body{padding:20px}.service-detail-hero{padding:95px 20px 50px;min-height:auto}.mini-service-grid{grid-template-columns:1fr}.service-order-box{padding:25px}.service-order-box .stack-actions{width:100%}.service-order-box .btn{width:100%}}

/* Portfolio catalog */
.portfolio-tools{display:flex;flex-direction:column;gap:18px;margin-bottom:34px}.portfolio-search{display:flex;align-items:center;gap:12px;background:#101010;border:1px solid #303030;border-radius:8px;padding:0 16px;max-width:720px}.portfolio-search .icon{color:var(--red)}.portfolio-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:15px 0}.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap}.portfolio-filter-btn{border:1px solid #333;background:#111;color:#aaa;padding:9px 16px;border-radius:999px;cursor:pointer}.portfolio-filter-btn:hover,.portfolio-filter-btn.active{background:var(--red);border-color:var(--red);color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{background:#101010;border:1px solid #272727;border-radius:10px;overflow:hidden;transition:.25s}.portfolio-card:hover{transform:translateY(-5px);border-color:#454545}.portfolio-thumb{display:block;position:relative;aspect-ratio:14/9;overflow:hidden;background:#080808}.portfolio-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.portfolio-card:hover .portfolio-thumb img{transform:scale(1.025)}.portfolio-featured{position:absolute;z-index:2;top:14px;right:14px;background:var(--red);color:#fff;font-size:.75rem;font-weight:900;padding:5px 10px;border-radius:4px}.portfolio-card-body{padding:22px}.portfolio-kicker{color:var(--red2);font-size:.78rem;font-weight:900}.portfolio-card h2{font-size:1.3rem;line-height:1.4;margin:6px 0 8px}.portfolio-card p{color:var(--muted);font-size:.92rem;margin:0 0 15px}.portfolio-skills{display:flex;gap:7px;flex-wrap:wrap}.portfolio-skills span{border:1px solid #323232;background:#161616;color:#aaa;border-radius:999px;padding:5px 9px;font-size:.74rem}.portfolio-detail-hero{max-width:var(--max);margin:auto;padding:135px 5vw 48px}.portfolio-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;color:#777;font-size:.86rem;margin-bottom:30px}.portfolio-breadcrumb a:hover{color:#fff}.portfolio-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.portfolio-detail-heading>div{max-width:850px}.portfolio-detail-heading h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.08;margin:.35rem 0 1rem}.portfolio-detail-heading p{color:var(--muted);font-size:1.08rem}.portfolio-showcase{max-width:1320px;margin:0 auto;padding:0 4vw}.portfolio-showcase img{display:block;width:100%;height:auto;border:1px solid #292929;border-radius:14px;background:#090909}.portfolio-detail-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:26px;align-items:start}.portfolio-story h2{font-size:1.75rem;margin:34px 0 8px}.portfolio-story p{color:#bbb;max-width:850px}.portfolio-deliverables{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.portfolio-deliverables li{display:flex;gap:9px;align-items:flex-start;background:#0e0e0e;border:1px solid #272727;padding:15px;border-radius:7px}.portfolio-deliverables .icon{color:var(--red);margin-top:.25em}.portfolio-skill-block{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.portfolio-meta-card{position:sticky;top:100px;background:#111;border:1px solid #2c2c2c;border-radius:10px;padding:26px}.portfolio-meta-label{color:var(--red2);font-weight:900}.portfolio-meta-card dl{margin:18px 0 24px}.portfolio-meta-card dl>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #242424}.portfolio-meta-card dt{color:#777}.portfolio-meta-card dd{margin:0;color:#eee;text-align:left}.portfolio-meta-card .btn{width:100%;margin-top:10px}.portfolio-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portfolio-related-card{display:flex;flex-direction:column;background:#101010;border:1px solid #292929;border-radius:9px;overflow:hidden}.portfolio-related-card img{width:100%;aspect-ratio:14/9;object-fit:cover}.portfolio-related-card span{color:var(--red2);font-size:.76rem;font-weight:900;padding:15px 18px 0}.portfolio-related-card strong{padding:4px 18px 18px}.portfolio-preview-grid{margin-top:15px}
@media(max-width:950px){.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-detail-layout{grid-template-columns:1fr}.portfolio-meta-card{position:static}.portfolio-related-grid{grid-template-columns:1fr 1fr}.portfolio-detail-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.portfolio-grid,.portfolio-related-grid{grid-template-columns:1fr}.portfolio-detail-hero{padding:115px 20px 38px}.portfolio-showcase{padding:0 20px}.portfolio-deliverables{grid-template-columns:1fr}.portfolio-filter-btn{flex:1}.portfolio-card-body{padding:18px}}


/* Quick service request + project request page */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.quick-request-section{max-width:var(--max);margin:auto;background:#000;padding:18px 5vw 0}
.quick-request-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px;background:#111;border:1px solid #2e2e2e;border-radius:var(--radius);box-shadow:0 14px 35px rgba(0,0,0,.3)}
.quick-request-form:focus-within{border-color:rgba(229,9,20,.75)}
.quick-request-form input{min-width:0;height:50px;background:#090909;border:1px solid #292929;border-radius:4px;color:#fff;padding:0 16px;outline:0}
.quick-request-form input::placeholder{color:#777}.quick-request-form input:focus{border-color:#555}
.request-project-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;align-items:start}
.request-form-card{padding:34px}.request-project-aside{display:grid;gap:14px;position:sticky;top:96px}
.request-guide h2{font-size:1.55rem;line-height:1.35;margin:.45rem 0 .8rem}.request-guide p,.request-help p{color:var(--muted)}
.request-tips h3,.request-help h3{margin-top:0}.request-tips .feature-list{margin-bottom:0}.request-tips .feature-list li{align-items:flex-start}
.request-contact-divider{display:flex;align-items:center;gap:12px;margin:27px 0 18px;color:#aaa;font-size:.86rem;font-weight:800}.request-contact-divider:before,.request-contact-divider:after{content:"";height:1px;background:#292929;flex:1}.request-submit{margin-top:5px}
@media(max-width:950px){.request-project-layout{grid-template-columns:1fr}.request-project-aside{position:static;grid-template-columns:1fr 1fr}.request-guide{grid-column:1/-1}}
@media(max-width:600px){.quick-request-section{padding:12px 20px 0}.quick-request-form{grid-template-columns:1fr;padding:9px}.quick-request-form .btn{width:100%}.request-form-card{padding:24px}.request-project-aside{grid-template-columns:1fr}.request-guide{grid-column:auto}}


/* Homepage: how SILVIA AI works + specialties */
.how-it-works{padding-top:82px}
.how-heading{text-align:center;margin-right:auto;margin-left:auto}
.how-heading p{margin-right:auto;margin-left:auto;max-width:720px}
.how-video-wrap{width:min(470px,100%);margin:0 auto 42px;padding:8px;border:1px solid #2d2d2d;border-radius:12px;background:linear-gradient(180deg,#151515,#080808);box-shadow:0 18px 55px rgba(0,0,0,.42)}
.how-video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#050505;border-radius:7px}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.how-card{min-height:300px}
.how-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.how-step-number{font-size:2rem;line-height:1;font-weight:900;color:#4b4b4b}
.how-card h3{margin-top:26px}
.how-card p{font-size:.96rem}
.specialties-section{padding-top:88px}
.specialties-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.specialty-card{min-height:260px}
.specialty-icon{width:60px;height:60px}
.specialty-icon .icon{width:30px;height:30px}
.specialty-card h3{margin-top:24px}
.specialty-card p{font-size:.95rem}
@media(max-width:950px){.how-grid,.specialties-grid{grid-template-columns:1fr 1fr}.how-grid .how-card:last-child{grid-column:1/-1}.how-video-wrap{width:min(430px,100%)}}
@media(max-width:600px){.how-it-works,.specialties-section{padding-top:64px}.how-grid,.specialties-grid{grid-template-columns:1fr}.how-grid .how-card:last-child{grid-column:auto}.how-video-wrap{width:min(360px,100%);margin-bottom:30px}.how-card,.specialty-card{min-height:auto}}


/* Single-goal UX + complete RTL behavior */
html[dir="rtl"]{direction:rtl;scroll-padding-top:86px}
html[dir="rtl"] body{direction:rtl;text-align:right;overflow-x:hidden}
html[dir="rtl"] main,html[dir="rtl"] header,html[dir="rtl"] footer,html[dir="rtl"] section,html[dir="rtl"] article,html[dir="rtl"] form{direction:rtl}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{direction:rtl;text-align:right}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"]{direction:ltr;text-align:left}
html[dir="rtl"] .card-link .icon,html[dir="rtl"] .goal-cta-button .icon{transform:scaleX(-1)}
html[dir="rtl"] .portfolio-meta-card dd{text-align:start}
section[id]{scroll-margin-top:88px}

.skip-link{position:fixed;z-index:200;top:10px;right:10px;transform:translateY(-150%);background:#fff;color:#000;padding:9px 14px;border-radius:4px;font-weight:800;transition:.18s}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(255,37,50,.72);outline-offset:3px}
.btn,.nav a,.card-link{touch-action:manipulation}

/* Header is intentionally focused on discovery -> trust -> request. */
.nav{direction:rtl}
.nav-cta{box-shadow:0 0 0 1px rgba(255,255,255,.04),0 8px 24px rgba(229,9,20,.18)}

/* Quick request is the primary conversion point below the hero image. */
.quick-request-section{padding-top:28px;padding-bottom:24px}
.quick-request-form{max-width:980px;margin:0 auto}
.quick-request-helper{max-width:980px;margin:9px auto 0;color:#838383;font-size:.86rem}
.quick-request-form input{font-size:1rem}
.quick-request-form .btn{min-width:170px}

/* The homepage now keeps only one non-duplicated funnel. */
.how-it-works{border-top:1px solid #171717}
.specialty-card{position:relative}
.specialty-request-link{margin-top:auto;color:#fff}
.home-portfolio-preview{border-top:1px solid #171717}
.home-portfolio-preview .portfolio-card .card-link{color:#fff}

.goal-cta{padding-top:55px;padding-bottom:90px}
.goal-cta-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;border:1px solid rgba(229,9,20,.38);background:linear-gradient(135deg,#191011,#0b0b0b);border-radius:var(--radius);padding:32px}
.goal-cta-icon{width:62px;height:62px}
.goal-cta-icon .icon{width:31px;height:31px}
.goal-cta h2{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.2;margin:.25rem 0 .5rem}
.goal-cta p{margin:0;color:var(--muted);max-width:700px}
.goal-cta-button{white-space:nowrap}

/* Forms: clearer hierarchy without changing the form logic. */
.purchase-form label>span:first-child{font-weight:750}
.purchase-form input,.purchase-form textarea,.purchase-form select{min-height:50px}
.purchase-form textarea{min-height:150px}
.request-submit{width:100%;min-height:54px;font-size:1rem}
.request-form-card:focus-within{border-color:#3a3a3a}
.catalog-primary-cta{margin-top:20px}

/* Footer is secondary navigation only. */
.site-footer{direction:rtl}
.footer-top{text-align:right}
.footer-bottom{align-items:center}
.footer-contact{direction:ltr}

@media(max-width:950px){
  .nav{direction:rtl;text-align:right}
  .nav a{width:100%;padding:11px 12px;border-radius:4px}
  .nav-cta{text-align:center;margin-top:5px}
  .goal-cta-inner{grid-template-columns:auto minmax(0,1fr)}
  .goal-cta-button{grid-column:1/-1;width:100%}
}
@media(max-width:600px){
  html[dir="rtl"]{scroll-padding-top:72px}
  section[id]{scroll-margin-top:72px}
  .quick-request-section{padding-top:20px;padding-bottom:18px}
  .quick-request-helper{font-size:.8rem;line-height:1.6}
  .goal-cta{padding-top:30px;padding-bottom:65px}
  .goal-cta-inner{grid-template-columns:1fr;padding:24px 20px;gap:16px}
  .goal-cta-icon{width:52px;height:52px}
  .goal-cta h2{font-size:1.8rem}
  .footer-top{grid-template-columns:1fr 1fr}
  .footer-about{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready,.card,.portfolio-card,.support-card{transition:none!important;transform:none!important}}


/* SILVIA AI entrance loading screen */
body.loading-active{overflow:hidden}
.site-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#000;opacity:1;visibility:visible;transition:opacity .45s ease,visibility .45s ease}
.site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.site-loader-inner{width:min(920px,92vw);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}
.site-loader-animation{width:100%;aspect-ratio:1536/512;display:grid;place-items:center;overflow:hidden}
.site-loader-animation>svg{width:100%!important;height:100%!important;display:block}
.site-loader-fallback{display:block;width:100%;height:auto;object-fit:contain;animation:silviaLoaderPulse 1.45s ease-in-out infinite}
.site-loader-animation.lottie-ready .site-loader-fallback{display:none}
.site-loader-status{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-weight:800;font-size:clamp(.98rem,2vw,1.12rem);text-align:center}
.site-loader-dots{direction:ltr;display:inline-flex;align-items:center;gap:5px;height:18px}
.site-loader-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#e50914;animation:silviaLoaderDot 1s ease-in-out infinite}
.site-loader-dots i:nth-child(2){animation-delay:.15s}.site-loader-dots i:nth-child(3){animation-delay:.3s}
@keyframes silviaLoaderPulse{0%,100%{opacity:.78;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}
@keyframes silviaLoaderDot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
@media(max-width:600px){.site-loader-inner{width:96vw;padding:16px;gap:12px}.site-loader-status{font-size:.96rem}}
@media(prefers-reduced-motion:reduce){.site-loader,.site-loader-fallback,.site-loader-dots i{animation:none!important;transition:none!important}}

/* Service icons supplied by the user */
.service-thumb:has(.service-icon-image){display:grid;place-items:center;background:#050505;padding:22px}
.service-thumb .service-icon-image{width:min(72%,240px);height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:50%;transition:transform .3s ease,filter .3s ease}
.service-category-card:hover .service-thumb .service-icon-image{transform:scale(1.045);filter:brightness(1.08)}
.service-detail-image:has(.service-detail-icon-image){display:grid;place-items:center;min-height:360px;padding:48px;background:radial-gradient(circle,rgba(229,9,20,.08),#080808 62%)}
.service-detail-image .service-detail-icon-image{width:min(76%,280px);height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:50%}
.specialty-photo-icon{overflow:hidden;padding:0;background:#050505;border-color:rgba(229,9,20,.28)}
.specialty-photo-icon img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
@media(max-width:600px){.service-thumb:has(.service-icon-image){padding:16px}.service-detail-image:has(.service-detail-icon-image){min-height:260px;padding:30px}}


/* الخلفية الرسمية لـ SILVIA AI */
html{background:#050000}
body{position:relative;isolation:isolate;background:#050000}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.36)),
    url("img/site-background.webp") center top / cover no-repeat;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 50% 28%,rgba(229,9,20,.045),transparent 42%);
}
main,.site-footer{position:relative;z-index:0}
.quick-request-section,.hero-copy-section{background:transparent}
.site-footer{background:rgba(0,0,0,.16)}
.page-hero{background:radial-gradient(circle at 85% 45%,rgba(229,9,20,.18),transparent 32%),rgba(0,0,0,.08)}
.site-loader{
  background:
    linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.42)),
    url("img/site-background.webp") center top / cover no-repeat;
}
@media(max-width:600px){
  body::before{background-position:center top}
}

/* SILVIA_UX_RUNTIME_PATCH */
html{scroll-padding-top:90px}
#siteLoaderAnimation{background:transparent!important;aspect-ratio:auto!important;min-height:clamp(150px,24vw,230px);overflow:visible!important}
.site-loader-brand{display:grid;place-items:center;gap:12px;text-align:center;direction:ltr}
.site-loader-wordmark{display:flex;align-items:baseline;justify-content:center;gap:.18em;font-family:Arial,sans-serif;font-size:clamp(2.7rem,8vw,6.8rem);font-weight:950;line-height:.9;letter-spacing:-.065em;color:#fff;text-shadow:0 12px 42px rgba(0,0,0,.45)}
.site-loader-wordmark em{font-style:normal;color:#e50914;text-shadow:0 0 24px rgba(229,9,20,.45)}
.site-loader-tagline{direction:rtl;color:#bdbdbd;font-size:clamp(.88rem,2vw,1.08rem);font-weight:700;letter-spacing:.01em}
.site-loader-line{display:block;width:min(190px,38vw);height:2px;margin-top:5px;border-radius:999px;background:linear-gradient(90deg,transparent,#e50914,#fff,#e50914,transparent);background-size:220% 100%;box-shadow:0 0 18px rgba(229,9,20,.38);animation:silviaLoaderLine 1.5s ease-in-out infinite}
.site-loader-status{margin-top:2px;color:#d9d9d9}
@keyframes silviaLoaderLine{0%,100%{background-position:0 0;opacity:.48}50%{background-position:100% 0;opacity:1}}
@media(max-width:760px){.menu{min-width:44px;min-height:44px}.btn,.nav-cta{min-height:48px}.site-loader-inner{gap:14px}.site-loader-wordmark{font-size:clamp(2.5rem,15vw,4.6rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.site-loader,.site-loader *{animation:none!important;transition:none!important}}