@import url('manasik-app-screen.css');
/* Production art direction. Existing form IDs, routes, integration scripts and content remain owned by the original site. */
:root{--canvas:#071c17;--surface:#102b23;--ink:#f5f0e3;--text:#e3e7da;--muted:#b0c2b3;--gold:#d6b776;--gold-light:#ecd39a;--line:#bcc9ab30;--font:Thmanyah,sans-serif;--sans:Thmanyah,sans-serif;--serif:ThmanyahDisplay,Thmanyah,sans-serif;--radius:4px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body[data-art-direction]{margin:0;background:var(--canvas);color:var(--text);font:400 16px/1.85 var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;flex-shrink:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1,h2{font-family:var(--serif);font-weight:500;line-height:1.28}h3{font-size:24px;line-height:1.5}p{line-height:1.95}p+p{margin-top:18px}em{font-style:normal;color:var(--gold)}small{font-size:12px;line-height:1.8}button,a,summary{transition:color .25s,background .25s,border-color .25s,transform .35s cubic-bezier(.16,1,.3,1)}button:active{transform:translateY(1px)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ddc48a;outline-offset:5px}[hidden]{display:none!important}html[lang=ar] *{letter-spacing:0}
.container,.v-container{width:min(1320px,calc(100% - 112px));margin-inline:auto}.section{padding-block:112px;background:transparent}.section.light{background:transparent}.eyebrow,.hero-kicker,.section-kicker,.card-kicker{font:500 12px/1.7 var(--sans);color:var(--gold);margin-bottom:25px;display:block}.lead{font-size:20px;line-height:1.9}.button,.v-button,.editorial-button,.header-download{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 26px;min-height:54px;background:#e5d4aa;color:#17382b;font-weight:700;font-size:14px;border:1px solid #e5d4aa;border-radius:3px;line-height:1.6}.button:hover,.v-button:hover,.editorial-button:hover,.header-download:hover{background:#f4e9cd;transform:translateY(-3px)}.button.secondary{background:transparent;border-color:#9baf98;color:#e7e8d8}.editorial-link{display:inline-flex;gap:16px;align-items:center;padding:11px 0;border-bottom:1px solid #b3b995;font-size:14px;min-height:44px}.editorial-link:hover{color:var(--gold-light)}.actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.skip-link{position:fixed;top:-100px;inset-inline-start:20px;background:#eedfc0;color:#193b2c;padding:12px 20px;z-index:50}.skip-link:focus{top:10px}
/* One masthead across the actual routes. */
body[data-art-direction] .site-nav{position:fixed;inset:0 0 auto;z-index:20;background:rgba(7,28,23,.80);border-bottom:1px solid #c7d4b525;color:#f3eedf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}body[data-page=home] .site-nav:not(.is-scrolled),body[data-page=performer] .site-nav:not(.is-scrolled){background:rgba(7,28,23,.64);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:88px}.brand{display:flex;align-items:center;gap:13px;color:#f5edda}.brand img{width:43px;height:54px;object-fit:contain}.brand strong{display:block;font-size:18px;line-height:1.5}.brand small{display:block;font:400 8px/1.8 var(--sans);letter-spacing:2px!important;color:#d3dac8}.nav-links{display:flex;align-items:center;gap:28px}.nav-links>a{font-size:13px;min-height:44px;display:flex;align-items:center;border-bottom:1px solid transparent}.nav-links>a:hover{border-color:var(--gold);color:var(--gold-light)}.nav-tools{display:flex;gap:22px;align-items:center}.language{background:transparent;color:inherit;min-height:44px;display:flex;align-items:center;font-size:13px;padding:8px 0}.header-download{padding:10px 18px;min-height:44px;font-size:12px;background:transparent;color:#f5edd9;border-color:#e8dfc966}.menu-toggle{display:none}
/* Full-frame opening: the Kaaba, not an app mockup, leads the story. */
.v-hero{min-height:100svh;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;padding:150px 0 130px;background:#071c17}.hero-image,.hero-scrim{position:absolute;inset:0;z-index:-2}.hero-image{inset:-3%;will-change:transform}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:35% 53%}.hero-scrim{z-index:-1;background:linear-gradient(270deg,#061b18f7,#061b18c9 38%,#061b1818 75%),linear-gradient(0deg,#071c17,transparent 27%)}.hero-composition{width:min(1320px,calc(100% - 112px));margin:auto}.hero-narrative{max-width:660px;position:relative;padding-inline-start:32px;border-inline-start:1px solid #d1b27680}.hero-narrative h1{font-size:clamp(44px,4.8vw,76px);line-height:1.2;max-width:740px;margin-bottom:22px}.hero-narrative h1 em{display:inline-block;color:#e9c888}
.hero-audience{font:500 clamp(26px,2.8vw,40px)/1.5 var(--serif);color:#f2edda;margin:0 0 24px}.hero-audience em{color:#ead099;font-style:italic}
@media(max-width:600px){.hero-audience{font-size:24px;line-height:1.5;margin-bottom:18px}html[lang=en] .hero-audience{font-size:22px}.hero-actions{margin-top:24px}}.hero-kicker{font-size:12px;color:#ecd397;letter-spacing:0}.hero-description{max-width:490px;font-size:18px;color:#e8eadf;line-height:1.95}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:34px}.hero-foot{position:absolute;bottom:30px;inset-inline:0;width:min(1320px,calc(100% - 112px));margin:auto;display:flex;justify-content:space-between;align-items:center;color:#cad2bf;font-size:11px}.hero-foot>a{display:flex;gap:25px;align-items:center;min-height:44px}.hero-foot>a span{font-size:20px}[dir=ltr] .hero-scrim{background:linear-gradient(90deg,#061b18f7,#061b18e6 38%,#061b1818 75%),linear-gradient(0deg,#071c17,transparent 27%)}[dir=ltr] .hero-narrative{max-width:min(660px,56%);margin-inline-start:0;margin-inline-end:auto}[dir=ltr] .hero-narrative h1{font-size:clamp(40px,4vw,62px);line-height:1.2;text-wrap:balance}
/* Service story: asymmetric editorial composition with original factual content. */
.ms-services{padding-top:95px}.ms-section-head{max-width:860px;margin:0 0 58px}.ms-section-head h2{font-size:clamp(42px,4.6vw,70px);line-height:1.25;margin-bottom:25px}.ms-section-head>p:last-child{max-width:660px;color:#b9caba;font-size:16px}.ms-feature{display:grid;grid-template-columns:.9fr 1.1fr;align-items:stretch;background:#112e25;min-height:480px}.ms-feature-copy{padding:64px 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.ms-available{display:flex;gap:12px;align-items:center;color:#d5c18a;font-size:12px;margin-bottom:24px}.ms-service-icon{width:50px;height:50px;color:var(--gold);flex-shrink:0}.ms-feature h3{font:500 46px/1.3 var(--serif);margin-bottom:22px;color:#f4e9d3}.ms-feature-description{font-size:17px;color:#c9d5c5;max-width:450px}.ms-price-note{font-size:12px;color:#b1c2ae;margin-top:20px}.ms-feature .editorial-link{margin-top:20px}.ms-feature-photo{min-height:480px;overflow:hidden}.ms-feature-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:transform 1.2s}.ms-feature:hover .ms-feature-photo img{transform:scale(1.035)}.ms-upcoming{margin-top:50px;padding-top:34px;border-top:1px solid var(--line)}.ms-upcoming-head{display:grid;grid-template-columns:1fr 1.8fr;gap:50px;align-items:start}.ms-upcoming-head h3{font:500 30px var(--serif);color:#d9e2cd}.ms-upcoming-head p{font-size:14px;color:#b7c9b8}.ms-upcoming-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px}.ms-future-service{display:flex;align-items:center;gap:17px;padding:16px 0}.ms-future-service h4{font-size:14px;font-weight:400;margin:0;color:#c0cdb8}.ms-future-service .ms-service-icon{width:42px;height:42px}
/* Immersive product theatre. The camera moves into the phone, then gives each chapter room. */
.v-journey{background:#051711;padding:85px 0 0;position:relative;color:#f4eddb;isolation:isolate}.v-heading{display:grid;grid-template-columns:1fr auto;gap:20px 50px;align-items:end;max-width:none;margin-bottom:50px}.v-heading h2{font-size:clamp(42px,5vw,74px);line-height:1.25}.v-heading>p{grid-column:1;font-size:15px;color:#b5c7b4}.v-motion{grid-column:2;grid-row:1/3;align-self:end;padding:12px 0;background:none;color:#d3bf8c;border-bottom:1px solid #8da07d;font:400 12px var(--sans);min-height:44px}.v-story-track{position:relative;height:420svh}.v-showcase{position:sticky;top:88px;height:calc(100svh - 88px);min-height:560px;display:grid;grid-template-columns:minmax(210px,.85fr) minmax(250px,1.1fr) minmax(180px,.55fr);grid-template-rows:minmax(0,1fr) 40px;grid-template-areas:'copy device chapters' 'note note guide';gap:0 4%;align-items:center;isolation:isolate;padding:28px 0 15px;border-top:1px solid #d0c9a933;perspective:1600px}
.scene-ambient{position:absolute;inset:0 -7%;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#051711ee,#051711a8 40%,#051711c9),url('haram-cinematic.webp') center/cover;opacity:.7}.scene-ambient:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#051711,transparent 40%,#051711)}
.v-device-stage{grid-area:device;height:100%;min-height:0;display:grid;place-items:center;position:relative;perspective:1800px;isolation:isolate}.v-device-stage:before{content:'';position:absolute;inset:10% -15%;background:radial-gradient(ellipse,#c7b27a23,transparent 66%);z-index:-1;pointer-events:none}
.v-device{position:relative;width:min(302px,calc((100svh - 196px)*.456));aspect-ratio:.487;border-radius:15% / 7.3%;padding:7px;container-type:inline-size;isolation:isolate;background:linear-gradient(115deg,#d0c9b0,#666c55 9%,#d9cfaf 22%,#1e2b20 40%,#08130c 56%,#929780 84%,#ded3b4);box-shadow:0 0 0 1px #020904,0 0 0 2px #aeaf9288,18px 22px 36px #0009,0 55px 85px #0006;transform-origin:center;will-change:transform;backface-visibility:hidden}
.v-device:before{content:'';position:absolute;inset:2px;border:1px solid #d3ccb46b;border-radius:inherit;pointer-events:none;z-index:3}.v-device:after{content:'';position:absolute;inset:5px;border:2px solid #030b05;border-radius:14% / 7%;pointer-events:none;z-index:3}.v-device-display{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);border-radius:12.8% / 6.2%;overflow:hidden;background:#f2f5ee;color:#15362a;isolation:isolate}.v-hardware:before,.v-hardware:after{content:'';position:absolute;width:3px;background:#afb097;border-radius:2px;z-index:-1}.v-hardware:before{left:-3px;top:25%;height:40px;box-shadow:0 48px #6e816b}.v-hardware:after{right:-3px;top:32%;height:65px}
.journey-screen-layer{position:absolute;inset:0;visibility:hidden;opacity:0;overflow:hidden;background:#f2f5ee}.journey-screen-layer.active{visibility:visible;opacity:1;z-index:1}.journey-screen-layer .a-screen{position:absolute;top:0;inset-inline-start:0;width:260px;max-width:none;transform:scale(var(--screen-scale,1));transform-origin:top right;display:flex;flex-direction:column;overflow:hidden}[dir=ltr] .journey-screen-layer .a-screen{transform-origin:top left}.journey-screen-layer .a-content{min-height:0;flex:1;overflow:hidden}.journey-screen-layer[data-chapter="3"] .a-content{gap:10px}.journey-screen-layer[data-chapter="3"] .a-track-photo{height:96px;min-height:96px}.journey-screen-layer[data-chapter="3"] .a-timeline>div{padding-block:9px}.journey-screen-layer .a-bottom{flex-shrink:0}.journey-screen-layer .a-screen h3,.journey-screen-layer .a-screen p{font-family:var(--sans)}
.v-reflection{position:absolute;bottom:0;width:70%;height:15px;background:#000;filter:blur(20px);opacity:.6;z-index:-1}.journey-portal,.scene-ticket,.scene-seal,.stage-word,.journey-timeline{display:none}.v-icon{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.v-scene-copy{grid-area:copy;min-width:0;position:relative;z-index:2}.v-step-label{display:flex;gap:12px;align-items:baseline;margin:0 0 25px;color:#d6b879;font-variant-numeric:tabular-nums}.v-current{font:500 72px/1 var(--serif)}.stage-count{font-size:12px;color:#c0d0b7}.v-scene-copy h3{font:500 clamp(30px,3.3vw,48px)/1.35 var(--serif);margin:0}.v-description{font-size:16px;color:#ccdac4;margin-top:25px;line-height:1.95;min-height:94px}.v-scene-note{font-size:12px;line-height:1.85;color:#a8bd9c;margin-top:17px}.v-step-progress{height:1px;background:#b7c6a630;margin-top:28px;overflow:hidden}.v-step-progress>span{display:block;width:100%;height:100%;background:#d6b879;transform-origin:right;transform:scaleX(.2)}[dir=ltr] .v-step-progress>span{transform-origin:left}.v-next-prev{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px}.v-next-prev button{display:flex;gap:10px;align-items:center;padding:8px 0;min-height:44px;background:none;color:#e2e7d4;font:400 12px var(--sans)}.v-next-prev button:disabled{opacity:.3}
.v-chapters{grid-area:chapters;display:flex;flex-direction:column;align-self:center;gap:0}.v-chapters button{display:flex;align-items:center;gap:12px;min-height:66px;background:none;border-bottom:1px solid #c0c8a625;color:#c0d0b7;padding:16px 0;text-align:start;font:400 14px var(--sans);position:relative}.v-chapters button:after{content:'';position:absolute;bottom:-1px;inset-inline:0;height:1px;background:#ddc284;transform:scaleX(0);transform-origin:right;transition:transform .55s cubic-bezier(.16,1,.3,1)}.v-chapters button[aria-pressed=true]{color:#f1dca5}.v-chapters button[aria-pressed=true]:after{transform:scaleX(1)}.v-step-index{font-size:10px}.v-chapters .v-icon{width:17px;height:17px;margin-inline-start:auto;opacity:0}.v-chapters button[aria-pressed=true] .v-icon{opacity:1}.v-demo-note{grid-area:note;font-size:10px;color:#b7cbb7;position:static;margin:0;align-self:center}.v-guide-link{grid-area:guide;text-align:end;background:none;color:#d9c28a;font-size:11px;text-decoration:underline;text-underline-offset:5px;min-height:40px;padding:8px 0}.v-static .v-story-track{height:auto}.v-static .v-showcase{position:relative;top:0;height:calc(100svh - 88px);min-height:540px}.v-static .v-device{transform:none!important;will-change:auto}.v-guide{background:#102b22;color:#ede8d8;border:1px solid #75836a;width:min(760px,calc(100% - 32px));max-height:85svh;overflow:auto;padding:32px;border-radius:7px;box-shadow:0 30px 90px #0008}.v-guide::backdrop{background:#03100ed9;backdrop-filter:blur(8px)}.v-guide header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.v-guide h2{font-size:30px}.v-close{background:#d5bc80;color:#1b3729;padding:10px 18px;border-radius:3px;min-height:44px}.v-guide>p{font-size:14px;color:#bccab5}.v-guide ol{padding-inline-start:25px}.v-guide li{padding:15px 5px}.v-guide h3{font-size:20px}.v-guide li p{font-size:14px;color:#c2cdb7;margin-top:8px}
.kiswah-editorial{position:relative;isolation:isolate;overflow:hidden;min-height:380px;height:34vw;max-height:560px;display:flex;align-items:center;background:#071711;color:#fbf4e5}.kiswah-editorial>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.kiswah-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to left,#04100cf5 0%,#04100ceb 52%,#04100c99 72%,transparent 100%)}[dir=ltr] .kiswah-shade{background:linear-gradient(to right,#04100cf5 0%,#04100ceb 52%,#04100c99 72%,transparent 100%)}.kiswah-copy{width:min(1320px,calc(100% - 112px));margin:auto;display:flex;flex-direction:column;align-items:flex-start;text-align:start;padding-block:35px}.kiswah-copy h2{font-size:clamp(36px,3.7vw,59px);max-width:630px;margin:0 0 18px}.kiswah-copy p{font-size:17px;max-width:550px;margin:0;color:#dadfcf}
/* Performer invitation and download retain real destinations. */
.performer-invite{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:10%}.invite-visual{height:560px;overflow:hidden}.invite-visual img{width:100%;height:100%;object-fit:cover;object-position:45% center}.invite-copy h2{font-size:clamp(40px,4.3vw,62px);margin-bottom:25px}.invite-copy>p{font-size:17px;color:#bacdb8}.invite-copy .actions{margin-top:28px}.invite-requirements{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;color:#a4bb9e;font-size:12px}.invite-requirements p{font-size:12px}.invite-requirements p+p{margin-top:9px}
.faq{max-width:1060px;margin:auto}.faq h2{font-size:clamp(36px,4.4vw,62px);max-width:800px;margin-bottom:42px}.faq details{padding:22px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;font-weight:500;font-size:17px;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:36px}.faq summary:after{content:'+';font-size:25px;font-weight:400;color:#d3bd83}.faq details[open] summary:after{content:'−'}.faq details p{font-size:15px;max-width:850px;color:#b7c9b3;margin-top:18px;line-height:2}.faq details[open] summary{color:#e4c98d}
.v-download,.download-section{position:relative;isolation:isolate;overflow:hidden;background:#142e25;padding:95px 0;text-align:center}.v-download:before,.download-section:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a241dc9,#0a241dea);z-index:-1}.v-download:before{background:linear-gradient(0deg,#0a241dc9,#0a241dea),url('download-light-unique.webp?v=unique-20261011') center/cover}.download-arch{display:none}.v-download>.v-container>img{width:65px;height:80px;object-fit:contain;margin:0 auto 30px}.v-download h2{font-size:clamp(44px,5.2vw,78px);line-height:1.2;margin-bottom:25px}.v-download p{color:#c2d0ba;font-size:17px}.store-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:32px}.store-icon{width:23px;height:26px}.v-button{min-width:200px;padding:16px 25px}.store-download{background:transparent;color:#ebddbc;border-color:#b7ad86}.store-download:hover{color:#163c2a}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;text-align:start}.download-grid h2{font-size:clamp(40px,4.3vw,64px)}.download-grid p{margin-top:22px;color:#c0ceb6}.download-options{display:flex;flex-direction:column;gap:14px}.download-option{display:flex;align-items:center;gap:20px;background:#e5d4aa;color:#17382b;padding:18px 25px;min-height:70px;border-radius:3px;font-size:17px}.download-option svg{width:30px;height:30px}.download-option small{display:block;font-size:11px}.download-options>.note{font-size:11px;color:#aabc9e;margin:0}.download-option:hover{transform:translateY(-3px);background:#f1e2be}
/* Shared footer structure is the original markup. */
body[data-art-direction] .footer{background:#061812;color:#c1ceb6;border-top:1px solid #b4c59f25;padding:66px 0 25px}.footer-columns,.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:9%}.footer-brand,.footer-brand-lockup{display:flex;gap:16px;align-items:center;color:#ece6d1}.footer-brand img,.footer-brand-lockup img{width:46px;height:58px;object-fit:contain}.footer-brand strong,.footer-brand-lockup strong{font-size:19px}.footer-about>p,.footer-brand p{font-size:13px;max-width:350px;line-height:1.95;margin-top:22px;color:#a8bda1}.footer-group h3{font:500 15px var(--sans);margin-bottom:20px;color:#e2ddc4}.footer-group>a{display:block;max-width:100%;padding:7px 0;font-size:13px}.footer-group a:hover{color:#e4ca8a}.footer-socials,.footer-social,.footer-social-links{display:flex;gap:13px;align-items:center;margin-top:25px}.footer-socials a,.footer-social a{width:38px;min-height:38px;display:flex;justify-content:center;align-items:center}.footer-socials svg{width:20px;height:20px;fill:currentColor}.copy-email{display:block;background:none;padding:8px 0;min-height:44px;text-decoration:underline;color:#c2cdb5;font-size:12px}.copy-status{display:block;font-size:11px;color:#a4b994}.footer-baseline,.footer-bottom{border-top:1px solid #c2ccac24;margin-top:40px;padding-top:25px;display:flex;justify-content:space-between;gap:25px;color:#bbcab2;font-size:11px}.footer-bottom p,.footer-baseline p{font-size:11px}.floating-download,.sticky-download,.android-sticky{display:none!important}
/* Actual performer pages, same visual direction without replacing their controls. */
.p-hero{position:relative;isolation:isolate;overflow:hidden;padding:148px 0 80px;min-height:95svh;display:flex;align-items:center;background:#071c17}.p-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:9%;align-items:center}.p-hero-copy{max-width:640px}.p-hero-copy h1{font-size:clamp(58px,6.8vw,96px);line-height:1.16;margin:0 0 30px}.p-hero-copy h1 span{color:#e4c88a}.p-hero-copy .lead{font-size:18px;line-height:1.95;max-width:570px;color:#d4dfcc}.p-hero-copy .actions{margin-top:32px}.p-hero-visual{position:relative;inset:auto;margin:0;z-index:0;height:650px;max-height:74svh;border-top:1px solid #d6b776;padding-top:14px;overflow:hidden}.p-hero-visual img{height:100%;width:100%;object-fit:cover;object-position:center}.p-hero-visual:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(0deg,#071c17cc,transparent)}[dir=ltr] .p-hero-visual:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(0deg,#071c17cc,transparent)}.p-hero-visual figcaption,.p-ornament,.p-hero-visual>span{display:none}.p-requirements-section{padding:95px 0}.p-requirements-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:12%}.p-requirements-layout h2{font-size:clamp(40px,4vw,60px);line-height:1.3;white-space:normal}.p-requirements{display:grid;grid-template-columns:1fr 1fr;gap:28px}.p-requirement{display:flex;gap:15px;align-items:flex-start;border-top:1px solid var(--line);padding-top:22px;font-size:14px;color:#c0ceba}.p-check{color:#dbbc7f}.performer-journey{background:#0d261e}.journey-head{max-width:800px;margin-bottom:55px}.journey-head h2{font-size:clamp(42px,4.8vw,68px);margin-bottom:24px}.journey-head p{color:#b5c6af;max-width:650px}.performer-journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.performer-stage{position:sticky;top:115px;background:#183329;border:1px solid #889c7135;box-shadow:0 25px 60px #00100b40}.stage-landscape{height:230px;overflow:hidden}.stage-landscape img{width:100%;height:100%;object-fit:cover}.stage-label{padding:20px 27px;font-size:11px;color:#aabca0}.performer-stage-controls{display:flex;padding:0 25px;gap:8px}.performer-stage-controls button{flex:1;background:none;color:#bac9af;font-size:13px;padding:12px 8px;min-height:48px;border-bottom:1px solid #adc39855}.performer-stage-controls button[aria-pressed=true]{background:#dbc48b;color:#193526;border-color:#dbc48b}.performer-stage-panel{padding:28px}.performer-stage-panel h3{font:500 28px/1.4 var(--serif);margin-bottom:15px;color:#ede2c5}.performer-stage-panel p{font-size:15px;color:#c4d0b8}.stage-note{padding:0 28px 22px;color:#9fb293;font-size:11px}.performer-steps .step{border-top:1px solid var(--line);padding:35px 0 50px;opacity:1;transition:border-color .3s}.performer-steps .step.is-active{border-color:#dfc28a}.performer-steps h3{font:500 40px/1.4 var(--serif);margin-bottom:20px;color:#ecd09a}.performer-steps p{font-size:16px;color:#c2d0b7}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.trust-grid h2{font-size:clamp(40px,4vw,60px);margin-bottom:28px}.trust-grid p{color:#b9cbb2}.p-tools-panel{position:relative;min-height:420px;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden;padding:25px 34px}.p-tools-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.p-tools-panel:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#092119ed,#09211933)}.trust-list{padding:0;list-style:none;margin:0;width:100%}.trust-list li{padding:18px 0;border-top:1px solid #e0ddc866;color:#e7e4ce}.earnings-feature{border-top:1px solid var(--line);padding-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:28px 10%}.earnings-feature h2{font-size:clamp(40px,4vw,59px)}.earnings-feature p{color:#becdb4}.earnings-feature .hero-note{grid-column:2;background:#1a3427;border-inline-start:2px solid #baa366;padding:22px;font-size:13px}.performer-earnings{padding-top:0}
/* Legal pages keep their original bilingual text and dynamic translation objects. */
body[data-page=legal] .legal-main{padding-top:156px;padding-bottom:100px;max-width:1150px;color:#d1dcc5}.legal-hero{position:relative;padding-bottom:50px;border-bottom:1px solid var(--line);margin-bottom:30px;background:none;min-height:445px}.legal-back{font-size:13px;color:#b1c0a4;display:inline-flex;gap:15px}.legal-hero .eyebrow{margin-top:38px}.legal-hero h1{font-size:clamp(44px,5.1vw,74px);line-height:1.25;margin:24px 0;color:#f0e8d2;max-width:64%}.legal-hero .intro{font-size:18px;max-width:62%;color:#d1dbc8}.legal-hero .meta{font-size:12px;margin-top:26px;color:#a6b996}.policy-grid{display:grid;grid-template-columns:1fr;gap:0;counter-reset:policy}.policy-grid section{padding:35px 0 35px 0;background:none;border:0;border-bottom:1px solid var(--line);box-shadow:none;counter-increment:policy;max-width:860px}.legal-main h2{font:500 31px/1.45 var(--serif);color:#dfd9bc;margin-bottom:22px}.legal-main ul,.legal-main ol{padding-inline-start:23px}.legal-main li{margin-bottom:13px;color:#c4d1b6;font-size:15px;line-height:1.95}.legal-choices,.data-only-card{background:#173026;padding:35px;margin-top:45px;border:1px solid var(--line);border-radius:4px;color:#c0d0b2}.legal-main a[href^=mailto]:not(.button){text-decoration:underline;text-underline-offset:5px;color:#e1c98e}.request-card{padding:38px;background:#132e23;border:1px solid var(--line);border-radius:4px}.request-card ol{display:grid;grid-template-columns:1fr 1fr;gap:25px 40px}.request-card .button{margin-top:20px}.data-comparison{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:55px}.data-comparison article{background:none;border:0;padding:0}.notice,.legal-main [role=note]{background:#18372a;border-inline-start:2px solid #bca468;padding:18px 24px;color:#cfdbc2;font-size:14px}.legal-main p{color:#bacdb0}.legal-hero .notice{margin-top:24px}
/* Affiliate: original live auth, dashboard and customer offer. Only the surface changes. */
body[data-live-affiliate]{--surface:#f6f3e9;--ink:#173c2c;--text:#304637;--muted:#52674f;--line:#c8d1bd;--sage:#e7ecdf;background:#071c17;color:#304637}
body[data-live-affiliate] .site-header{width:min(1320px,calc(100% - 64px));max-width:none;margin:auto;padding:18px 0;min-height:92px;border-bottom:1px solid #c2d0ac30;color:#ece4cc}body[data-live-affiliate] .brand,body[data-live-affiliate] .brand small,body[data-live-affiliate] .brand strong{color:#ece4cc}body[data-live-affiliate] .header-actions a,body[data-live-affiliate] .partner-site-nav a{color:#d9dec8}body[data-live-affiliate] .partner-mobile-menu summary{color:#e8e2cb}body[data-live-affiliate] .partner-mobile-menu nav{background:#f6f3e9;color:#143626}
body[data-live-affiliate] .landing{max-width:1320px;width:calc(100% - 64px);padding:0;margin:45px auto 80px}body[data-live-affiliate] .hero{grid-template-columns:1.1fr 1fr;gap:28px;border:0}body[data-live-affiliate] .hero>div:first-child{border-radius:18px 0 0 18px;min-height:570px;padding:46px 38px;background:linear-gradient(0deg,#082018 3%,#082018ed 35%,#082018bb 66%,#08201888),url('partnership-editorial.webp') 45% center/cover;justify-content:flex-end}body[data-live-affiliate] .hero h1{font:500 clamp(44px,4.6vw,67px)/1.28 var(--serif);margin-bottom:25px;color:#fff6e4}body[data-live-affiliate] .hero p{font-size:16px;color:#cfdbc5}body[data-live-affiliate] .hero .eyebrow{color:#e0c58a}body[data-live-affiliate] .hero-benefits span{border-radius:0;border:0;border-bottom:1px solid #c7cfb855;padding:7px 0}body[data-live-affiliate] .hero-benefits{gap:17px}
body[data-live-affiliate] .join-card{--ink:#f0ead6;--text:#d3dfcb;--muted:#b9cab0;--line:#778b6d;--sage:#244333;padding:36px 32px;border:1px solid #a4b18d55;border-radius:18px;background:#102c22;justify-content:center;color:#f0ead6;border-top:3px solid #b18b4f}body[data-live-affiliate] .join-card h2{font:500 30px/1.5 var(--serif);color:#f0ead6}body[data-live-affiliate] .join-card p{color:#d3dfcb}body[data-live-affiliate] .join-card .eyebrow{color:#e0c58a}body[data-live-affiliate] input:not([type=checkbox]),body[data-live-affiliate] select,body[data-live-affiliate] textarea{border-radius:3px;border-color:#6c8367;min-height:52px}body[data-live-affiliate] .primary{background:#1d4733;color:#fff9e6;border-radius:3px}body[data-live-affiliate] .join-card .primary{min-height:53px}body[data-live-affiliate] button{border-radius:3px}
body[data-live-affiliate] .steps{border-color:#b0c49b3d;gap:50px;margin:45px 0 0;padding:38px 0;counter-reset:partner-step}body[data-live-affiliate] .steps h3{color:#eee3c4;font:500 28px/1.45 var(--serif)}body[data-live-affiliate] .steps b{color:#d7b874}body[data-live-affiliate] .steps p{color:#adbf9e}body[data-live-affiliate] .partner-program{margin:35px 0 0;border-color:#afc49c40;padding:35px 0}body[data-live-affiliate] .partner-program h2{font:500 37px/1.4 var(--serif);color:#eadcb6}body[data-live-affiliate] .program-benefits dt{color:#d3dfc3}body[data-live-affiliate] .program-benefits dd{color:#acbd9c}body[data-live-affiliate] .program-note{background:#173025;color:#c1cfaf;border-color:#b8a169}body[data-live-affiliate] #customer{color:#243f2b}body[data-live-affiliate] .customer-offer{background:#f5f0e1;border-radius:4px;border:1px solid #c6d0b9;box-shadow:0 25px 80px #0004}body[data-live-affiliate] .customer-offer h1{color:#123b29}body[data-live-affiliate] .footer{--ink:#e9e1c7;--muted:#aaba98;--text:#c9d3b9;background:#061711}body[data-live-affiliate] .footer-brand-lockup strong{color:#e6ddc0}body[data-live-affiliate] .footer-group h3{color:#ded7ba}
/* Staged entrance and native scroll camera; never hide content when JS is unavailable. */
.art-motion .hero-narrative h1{animation:headline-in 1.25s cubic-bezier(.16,1,.3,1) both}.art-motion .hero-narrative .hero-audience{animation:headline-in 1.15s .08s cubic-bezier(.16,1,.3,1) both}.art-motion .hero-narrative .hero-description{animation:headline-in 1.15s .16s both}.art-motion .hero-actions{animation:headline-in 1s .28s both}@keyframes headline-in{from{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:none}}.art-reveal{transition:opacity .85s,transform 1s cubic-bezier(.16,1,.3,1)}.art-motion .art-reveal.waiting{opacity:0;transform:translateY(35px)}

html[lang=en] h1,html[lang=en] h2{font-family:var(--sans)}
.ms-services :focus-visible,.nav-links.open a:focus-visible,body[data-live-affiliate] .join-card :focus-visible,body[data-live-affiliate] .studio :focus-visible,body[data-live-affiliate] #customer :focus-visible{outline-color:#204e3c}
/* Editorial compositions: each surface follows its own reading purpose. */
.section.ms-services{background-color:#071e18;background-image:linear-gradient(180deg,rgba(5,24,19,.79) 0%,rgba(5,24,19,.75) 34%,rgba(5,24,19,.83) 70%,#051711 100%),url("kiswah-corner-background-20261012.webp");background-size:cover;background-position:center 38%;background-repeat:no-repeat;color:#eee9dc;padding-bottom:110px}
.ms-services .eyebrow,.ms-services .ms-section-head>p:last-child{color:#d4ddce}
.ms-services h2,.ms-services .ms-upcoming h3,.ms-services .ms-upcoming h4{color:#f6efdd}.ms-services .ms-feature h3{color:#f6efdd}
.ms-services .ms-section-head{max-width:none;display:grid;grid-template-columns:1.25fr 1fr;gap:18px 10%;align-items:end}
.ms-services .ms-section-head .section-kicker{grid-column:1/-1;color:#dfc58c;margin-bottom:6px}.ms-services em{color:#dfc58c}.ms-services .ms-available,.ms-services .ms-price-note,.ms-services .editorial-link{color:#e5d2a3}.ms-services .ms-upcoming .section-kicker{color:#dfc58c}
.ms-services .ms-section-head h2{margin:0;max-width:690px}
.ms-services .ms-feature{background:rgba(9,32,25,.38);border:1px solid rgba(223,197,140,.26);border-radius:24px;overflow:hidden;isolation:isolate;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);grid-template-columns:1fr 1.05fr}
.ms-services .ms-feature-description,.ms-services .ms-feature-copy p{color:#e2e6d8}
.ms-services .ms-feature-copy{padding:64px 50px}.ms-services .ms-feature-copy .editorial-link{border-color:rgba(223,197,140,.6)}.ms-services .ms-feature-copy :focus-visible{outline-color:#e5d2a3}
.ms-services .ms-feature-photo{min-height:540px}
.ms-services .ms-feature-photo img{object-position:52% center}
.ms-services .ms-feature .button,.ms-services .ms-feature .editorial-button{background:#173d30;color:#fff5df;border-color:#173d30}
.ms-services .ms-feature .button:hover,.ms-services .ms-feature .editorial-button:hover{background:#285441}
.ms-services .ms-feature-label,.ms-services .ms-feature-note{color:#5b6554}.ms-services .ms-upcoming p,.ms-services .ms-future-service p{color:#d4ddce}
.ms-services .ms-upcoming{border-color:#cdb57a55}
.ms-services .ms-future-service{border-color:#cdb57a55}
.ms-services .ms-future-service svg{color:#dfc58c}
.ms-services .ms-upcoming-head{border-color:#cdb57a55}
.art-caption{position:absolute;bottom:100px;left:56px;max-width:230px;color:#f0eadc;font-size:12px;padding:14px 18px;background:#071c17e8;border-inline-start:2px solid #d6b776;z-index:2}
[dir=ltr] .art-caption{left:auto;right:56px}
.invite-visual{border-top:1px solid #c7a36b;padding-top:14px}
.p-hero-visual figcaption{display:block;position:absolute;bottom:20px;inset-inline:20px;padding:12px 16px;background:#071c17ed;color:#e9dfc9;font-size:12px;z-index:2}
.p-requirements-layout h2{padding-inline-start:22px;border-inline-start:2px solid #c4a365}
.performer-steps .step.is-active h3{color:#ffe4ae}
.legal-art{position:absolute;inset-inline-end:0;top:0;width:30%;height:370px;margin:0;overflow:hidden;border-top:1px solid #d6b776;padding-top:12px}
.legal-art img{width:100%;height:100%;object-fit:cover;object-position:50% center}
.policy-grid h2{display:flex;align-items:baseline;gap:24px}
.policy-grid h2:before{content:counter(policy,decimal-leading-zero);font:400 15px Thmanyah;color:#cfb57e}
.legal-main ul{list-style-type:disc}
.legal-main li::marker{color:#d6b776}
.legal-main .data-card{padding-top:28px;border-top:1px solid #c0b38a80}
.partner-art{height:200px;width:100%;object-fit:cover;object-position:50% 60%;margin-bottom:30px;border-top:1px solid #d6b776;padding-top:12px}
body[data-live-affiliate] .hero>div:first-child .eyebrow{align-self:flex-start;padding:6px 10px;background:#071c17;color:#f0d79f}
.trust-list{background:#071c17eb;padding:14px 20px}
body[data-live-affiliate] .secure{color:#e2e8d8}
body[data-live-affiliate] .join-card .quiet{color:#d6dfcc}
body[data-live-affiliate] .site-header{position:sticky;top:0;z-index:30;background:rgba(7,28,23,.90);backdrop-filter:blur(12px)}
body[data-live-affiliate] .header-actions .quiet{color:#eee8d2;border-color:#9aab88}body[data-live-affiliate] .header-actions .quiet:hover{background:#244333}
body[data-live-affiliate] .hero>div:first-child{border-radius:18px}
body[data-live-affiliate] .hero p{line-height:1.85}
body[data-live-affiliate] .join-card input:not([type=checkbox]){background:#09251a;color:#f0ead6;border-color:#819679}
body[data-live-affiliate] .join-card input::placeholder{color:#b9cab0;opacity:1}
body[data-live-affiliate] .join-card .primary{background:#e8d5a5;color:#153e2b;font-weight:600}
body[data-live-affiliate] .join-card .primary:hover{background:#f2e1b5}
body[data-live-affiliate] .join-card .check{font-size:14px;color:#d3dfcb}
body[data-live-affiliate] .join-card input[type=checkbox]{accent-color:#e8d5a5}
body[data-live-affiliate] .join-card #login-mode,body[data-live-affiliate] .join-card form>small{font-size:13px;line-height:1.85}
body[data-live-affiliate] .join-card :focus-visible{outline-color:#ead39a}
body[data-live-affiliate] #join-card{scroll-margin-top:112px}
body[data-live-affiliate] .partner-login-cta{display:none}
body[data-live-affiliate] .partner-mobile-menu nav{background:#102c22}
body[data-live-affiliate] .partner-mobile-menu nav a{color:#eee8d2}
body[data-live-affiliate] .footer{position:relative;max-width:none;margin:0;padding:64px 0 24px;background:linear-gradient(180deg,rgba(5,24,18,.94),rgba(5,24,18,.93)),url("download-light-unique.webp") center 75%/cover}
body[data-live-affiliate] .footer>.container{max-width:1320px;width:calc(100% - 64px)}
body[data-live-affiliate] .footer-social-link{border:0;border-radius:0;background:none}
body[data-live-affiliate] .footer-group>a{font-size:13px}
body[data-live-affiliate] .footer-group>a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate;text-align:left;width:100%;white-space:nowrap;overflow-wrap:normal;font-size:clamp(10px,3.1vw,13px)}
html[lang=ar] body[data-live-affiliate] .footer-group>a[href^="mailto:"]{text-align:right}
@media(max-width:760px){body[data-live-affiliate] .hero{gap:20px}body[data-live-affiliate] .partner-login-cta{display:inline-flex;align-self:flex-start;margin:0 0 20px;min-height:44px;border:1px solid #e0c58a;color:#f0e5c8;font-size:14px;background:#0b2b20}body[data-live-affiliate] .hero-benefits{gap:12px}body[data-live-affiliate] .hero-benefits span{font-size:12px}body[data-live-affiliate] .footer{padding:48px 0 24px}body[data-live-affiliate] .footer>.container{width:calc(100% - 32px)}body[data-live-affiliate] .hero h1{font-size:clamp(30px,8vw,38px);line-height:1.3}body[data-live-affiliate] .hero>div:first-child{min-height:0}}



body[data-live-affiliate] .partner-mobile-menu nav a{color:#173c2c}


body[data-live-affiliate] .steps>div{border-inline-start:1px solid #adbb9955;padding-inline-start:24px}
body[data-live-affiliate] .steps p,body[data-live-affiliate] .program-benefits dd{color:#c5d4b9}
@media(max-width:1100px){.p-hero-grid{gap:6%}.p-hero-copy h1{font-size:68px}.p-hero-visual{height:570px}.ms-services .ms-feature-copy{padding:40px 32px}}
@media(max-width:900px){.p-hero-grid{grid-template-columns:1fr}.p-hero-copy{max-width:700px}.p-hero-visual{height:430px;max-height:none;margin-top:42px}.p-hero-visual img{object-position:50% 58%}.legal-art{width:26%;height:330px}.legal-hero h1{max-width:68%}.legal-hero .intro{max-width:67%}.ms-services .ms-section-head{grid-template-columns:1fr;gap:25px}}

@media(max-width:1100px){.container,.v-container,.hero-composition,.hero-foot,.kiswah-copy{width:calc(100% - 64px)}.nav-links{gap:17px}.nav-links>a{font-size:12px}.nav-tools{gap:16px}.brand strong{font-size:16px}.hero-narrative{max-width:56%}.hero-narrative h1{font-size:clamp(42px,5vw,60px)}.v-showcase{grid-template-columns:minmax(180px,1fr) minmax(210px,1.1fr) 135px;gap:0 4%}.v-chapters button{font-size:12px}.v-description{font-size:14px}.v-scene-copy h3{font-size:36px}.ms-feature-copy{padding:40px 32px}.ms-feature-photo{min-height:430px}.ms-upcoming-grid{gap:16px}.ms-future-service{gap:9px}.ms-future-service h4{font-size:12px}.performer-invite{gap:7%}.invite-visual{height:480px}.footer-columns,.footer-grid{gap:6%}}
@media(max-width:900px){.nav-inner{min-height:76px}.nav-tools>.header-download{display:none}.nav-links{display:none;position:absolute;inset:76px 24px auto;z-index:30;background:#f2eddc;color:#173f2c;padding:18px 24px;border:1px solid #bac6a5;box-shadow:0 20px 50px #0004}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:3px}.nav-links>a{color:#173f2c;font-size:15px;padding:10px 0}.menu-toggle{display:grid;place-items:center;background:none;border:1px solid #c5ccac70;color:#e9e7ce;width:44px;height:44px;border-radius:3px}.menu-toggle svg{stroke:currentColor;stroke-width:1.6;fill:none}.menu-toggle>span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.section{padding-block:80px}.v-showcase{top:76px;height:calc(100svh - 76px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 62px 38px;grid-template-areas:'copy device' 'chapters chapters' 'note guide'}.v-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.v-chapters button{min-height:55px;padding:12px 0;font-size:12px}.v-chapters .v-icon{display:none}.v-description{font-size:15px}.v-device{width:min(290px,calc((100svh - 240px)*.46))}.ms-feature{grid-template-columns:1fr 1fr}.p-requirements-layout{gap:7%}.performer-journey-layout{gap:7%}.invite-copy h2{font-size:43px}.footer-columns{grid-template-columns:1.3fr 1fr 1fr}.p-hero-copy{max-width:600px}.p-hero-copy h1{font-size:76px}}
@media(max-width:600px){
 html{scroll-padding-top:90px}.container,.v-container,.hero-composition,.hero-foot,.kiswah-copy{width:calc(100% - 40px)}.nav-inner{min-height:74px}.nav-links{top:74px;inset-inline:16px}.brand img{width:34px;height:44px}.brand strong{font-size:15px}.brand small{font-size:7px}.brand{gap:9px}.nav-tools{gap:14px}.language{font-size:12px}.section{padding-block:62px}
 .v-hero{min-height:100svh;padding:135px 0 98px;align-items:flex-end}.hero-image{inset:-2%}.hero-image img{object-position:26% center}.hero-scrim,[dir=ltr] .hero-scrim{background:linear-gradient(0deg,#071c17fa,#071c17ed 28%,#071c17d9 45%,#071c17aa 74%,#071c174d 100%),linear-gradient(180deg,#071c1770,transparent 30%)}.hero-narrative,[dir=ltr] .hero-narrative{max-width:100%;width:100%}.hero-narrative h1{font-size:clamp(34px,8.8vw,48px);line-height:1.22;margin-bottom:18px}.hero-description{font-size:15px;max-width:350px;line-height:1.9}.hero-kicker{font-size:11px;margin-bottom:22px}.hero-actions{margin-top:28px;gap:24px}.editorial-button{padding:13px 23px;min-height:49px;font-size:13px}.hero-actions .editorial-link{font-size:12px}.hero-foot{bottom:18px;font-size:10px}.hero-foot>a{gap:16px}
 .ms-services{padding-top:56px}.ms-section-head{margin-bottom:30px}.ms-section-head h2{font-size:40px;margin-bottom:23px}.ms-section-head>p:last-child{font-size:14px}.ms-feature{grid-template-columns:1fr}.ms-feature-copy{padding:30px 27px;order:2}.ms-feature-photo{height:340px;min-height:0;order:1}.ms-feature h3{font-size:35px}.ms-feature-description{font-size:15px}.ms-upcoming{margin-top:35px}.ms-upcoming-head{grid-template-columns:1fr;gap:16px}.ms-upcoming-head h3{font-size:27px}.ms-upcoming-grid{grid-template-columns:1fr 1fr;gap:12px}.ms-future-service h4{font-size:13px}
 .v-journey{padding-top:58px}.v-heading{grid-template-columns:1fr;gap:13px;margin-bottom:32px}.v-heading h2{font-size:36px;line-height:1.35}.v-heading>p{font-size:13px}.v-motion{grid-column:1;grid-row:3;justify-self:start;min-height:36px;padding-block:6px}.v-story-track{height:380svh}.v-showcase{top:74px;height:calc(100svh - 74px);min-height:500px;grid-template-columns:1fr;grid-template-rows:98px minmax(0,1fr) 50px 38px 22px;grid-template-areas:'copy' 'device' 'chapters' 'guide' 'note';padding:18px 0 0;gap:0}.v-scene-copy{display:grid;grid-template-columns:1fr auto;grid-template-areas:'title count' 'desc desc';gap:8px 12px;align-self:start}.v-step-label{grid-area:count;align-self:center;gap:5px;margin:0}.v-current{font-size:30px}.stage-count{font-size:9px}.v-scene-copy h3{grid-area:title;font-size:26px;line-height:1.32;align-self:center}.v-description{grid-area:desc;font-size:12px;line-height:1.85;margin:0;min-height:0}.v-scene-note,.v-step-progress,.v-next-prev{display:none}.v-device-stage{padding:12px 0 18px}.v-device{width:min(218px,calc((100svh - 320px)*.43));min-width:128px}.scene-ambient{inset:0 -6%;background:linear-gradient(0deg,#051711 3%,#051711bb,#051711dc),url('haram-cinematic.webp') center/cover}.v-chapters{gap:8px}.v-chapters button{flex-direction:column;justify-content:center;gap:3px;min-height:46px;padding:6px 0;font-size:11px;border-bottom:0;border-top:1px solid #9fb58b3a}.v-chapters button:after{bottom:auto;top:-1px}.v-step-index{font-size:8px}.v-demo-note{text-align:center;font-size:8px;line-height:1.5}.v-guide-link{text-align:center;font-size:11px;min-height:36px}.v-static .v-showcase{height:calc(100svh - 74px);min-height:500px;top:0}.v-static .v-device{width:min(218px,calc((100svh - 320px)*.43));min-width:128px}.v-guide{padding:25px}.v-guide h2{font-size:24px}.v-guide h3{font-size:19px}
 .kiswah-editorial{height:390px;min-height:0}.kiswah-editorial>img{object-position:65% center}.kiswah-shade,[dir=ltr] .kiswah-shade{background:linear-gradient(to top,#04100cfa 0%,#04100cf0 55%,#04100c40 100%)}.kiswah-copy{align-self:flex-end;text-align:start;padding-bottom:38px}.kiswah-copy h2{font-size:35px;max-width:310px;margin:0 0 16px}.kiswah-copy p{font-size:14px;max-width:290px;margin:0}
 .performer-invite{grid-template-columns:1fr;gap:32px}.invite-visual{height:360px}.invite-copy h2{font-size:40px}.invite-copy>p{font-size:15px}.invite-requirements{margin-top:25px}.faq h2{font-size:36px;line-height:1.35;margin-bottom:28px}.faq summary{font-size:15px}.faq details{padding:18px 0}.faq details p{font-size:14px}.v-download,.download-section{padding:65px 0}.v-download h2{font-size:44px}.v-download p{font-size:15px}.v-download>.v-container>img{width:48px;height:60px;margin-bottom:24px}.store-actions{gap:12px;flex-direction:column;align-items:stretch}.v-button{width:100%}.download-grid{grid-template-columns:1fr;gap:32px}.download-grid h2{font-size:40px}.download-option{min-height:66px}.download-options{gap:12px}
 body[data-art-direction] .footer{padding:48px 0 24px}.footer-columns,.footer-grid{grid-template-columns:1fr 1fr;gap:32px 22px}.footer-about,.footer-brand{grid-column:1/-1}.footer-brand img{width:39px;height:49px}.footer-brand strong{font-size:17px}.footer-group h3{font-size:14px}.footer-group>a{font-size:12px;overflow-wrap:anywhere}.footer-baseline,.footer-bottom{font-size:10px;flex-wrap:wrap;gap:12px;margin-top:30px}.footer-about>p{max-width:340px}
 .p-hero{min-height:100svh;padding:145px 0 80px;align-items:flex-end}.p-hero-copy h1{font-size:56px}.p-hero-copy .lead{font-size:15px}.p-hero-copy .actions{gap:14px}.p-hero-copy .button{padding:13px 16px;font-size:12px}.p-hero-visual:after,[dir=ltr] .p-hero-visual:after{background:linear-gradient(0deg,#071c17fa,#071c17aa 52%,#071c1744),linear-gradient(180deg,#071c1777,transparent 30%)}.p-requirements-section{padding:60px 0}.p-requirements-layout{grid-template-columns:1fr;gap:30px}.p-requirements-layout h2{font-size:38px}.p-requirements{grid-template-columns:1fr;gap:20px}.p-requirement{padding-top:18px}.journey-head{margin-bottom:32px}.journey-head h2{font-size:39px}.journey-head p{font-size:14px}.performer-journey-layout{grid-template-columns:1fr;gap:32px}.performer-stage{position:relative;top:0}.stage-landscape{height:200px}.performer-stage-panel{padding:25px}.performer-stage-panel h3{font-size:27px}.performer-stage-panel p{font-size:14px}.performer-steps h3{font-size:32px}.performer-steps .step{padding:24px 0 35px}.performer-steps p{font-size:15px}.trust-grid{grid-template-columns:1fr;gap:30px}.trust-grid h2{font-size:38px}.trust-grid p{font-size:15px}.p-tools-panel{min-height:350px}.earnings-feature{grid-template-columns:1fr;padding-top:45px;gap:25px}.earnings-feature h2{font-size:38px}.earnings-feature .hero-note{grid-column:1}.earnings-feature p{font-size:15px}
 body[data-page=legal] .legal-main{padding-top:118px;padding-bottom:65px}.legal-hero{padding-bottom:36px;margin-bottom:35px}.legal-hero h1{font-size:40px;line-height:1.3}.legal-hero .intro{font-size:16px}.policy-grid{grid-template-columns:1fr;gap:35px}.legal-main h2{font-size:28px}.legal-main li{font-size:14px}.legal-choices,.data-only-card,.request-card{padding:25px}.request-card ol{grid-template-columns:1fr;gap:15px}.data-comparison{grid-template-columns:1fr;gap:35px}.legal-main p{font-size:14px}
 body[data-live-affiliate] .site-header{width:calc(100% - 32px);min-height:78px;padding:14px 0;gap:12px}body[data-live-affiliate] .landing{width:calc(100% - 32px);margin-top:24px;margin-bottom:50px}body[data-live-affiliate] .hero{grid-template-columns:1fr}body[data-live-affiliate] .hero>div:first-child{min-height:0;padding:28px 24px}body[data-live-affiliate] .hero h1{font-size:clamp(30px,8vw,38px);line-height:1.3}body[data-live-affiliate] .hero p{font-size:14px}body[data-live-affiliate] .join-card{padding:28px 24px}body[data-live-affiliate] .join-card h2{font-size:26px}body[data-live-affiliate] .steps{gap:24px;margin-top:30px;padding:25px 0}body[data-live-affiliate] .steps h3{font-size:25px}body[data-live-affiliate] .partner-program h2{font-size:32px}
}
@media(max-width:600px){
.hero-narrative{padding-inline-start:18px}.art-caption{display:none}
.ms-services .ms-section-head{display:block}.ms-services .ms-section-head h2{margin-bottom:24px}
.ms-services .ms-feature{grid-template-columns:1fr;border-radius:18px}.ms-services .ms-feature-copy{padding:32px 25px}
.ms-services .ms-feature-photo{min-height:0;height:360px}.ms-services .ms-upcoming-head h3{color:#f6efdd}
.p-hero{min-height:0;padding:128px 0 58px;align-items:start}.p-hero-grid{grid-template-columns:1fr}
.p-hero-copy h1{font-size:54px}.p-hero-visual{position:relative;inset:auto;max-height:none;height:350px;margin-top:38px}
.p-hero-visual:after,[dir=ltr] .p-hero-visual:after{background:linear-gradient(0deg,#071c1799,transparent)}
.legal-hero{min-height:0}.legal-hero h1,.legal-hero .intro{max-width:none}
.legal-art{position:relative;inset:auto;width:100%;height:220px;margin-top:28px}
.policy-grid section{padding:25px 0}.policy-grid h2{gap:15px}.partner-art{height:180px}
body[data-live-affiliate] .steps>div{padding-inline-start:16px}
}
@media(max-width:370px){.brand strong{font-size:13px}.brand small{font-size:6px}.nav-tools{gap:10px}.hero-narrative h1{font-size:32px}.hero-description{font-size:14px}.hero-actions{gap:20px}.hero-actions .editorial-button{padding-inline:18px}.v-scene-copy h3{font-size:23px}.v-description{font-size:11px}.v-showcase{grid-template-rows:102px minmax(0,1fr) 48px 36px 24px}.v-device{width:calc((100svh - 290px)*.45);min-width:128px}.v-heading h2{font-size:32px}body[data-live-affiliate] .site-header .brand strong{font-size:13px}body[data-live-affiliate] .header-actions{gap:6px}.legal-hero h1{font-size:36px}}
@media(min-width:601px) and (max-height:600px){.v-showcase{top:76px;height:calc(100svh - 76px);min-height:320px;padding-top:10px;grid-template-rows:minmax(0,1fr) 46px 30px}.v-device{width:calc((100svh - 190px)*.46);min-width:90px}.v-current{font-size:32px}.v-step-label{margin-bottom:7px}.v-scene-copy h3{font-size:26px}.v-description{font-size:12px;min-height:0;margin-top:10px}.v-scene-note,.v-step-progress,.v-next-prev{display:none}.v-chapters button{font-size:11px;min-height:40px}.v-demo-note{font-size:8px}.v-guide-link{font-size:10px;min-height:30px}}
@media(min-width:601px) and (max-height:600px){.v-static .v-showcase{height:calc(100svh - 76px);min-height:320px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-motion .hero-narrative h1,.art-motion .hero-narrative .hero-audience,.art-motion .hero-narrative .hero-description,.art-motion .hero-actions{animation:none}.art-reveal{transition:none}.art-motion .art-reveal.waiting{opacity:1;transform:none}.hero-image,.v-device{will-change:auto}.ms-feature:hover .ms-feature-photo img{transform:none}}
/* Clip decorative bleed at the root without creating a scroll container for sticky scenes. */
html{overflow-x:clip}.skip{position:fixed;top:-100px;inset-inline-start:20px;z-index:50;padding:12px 20px;background:#eedfc0;color:#193b2c}.skip:focus{top:10px}
.footer-socials svg[fill="none"]{fill:none;stroke:currentColor}

/* English headline follows the sentence, not Arabic display sizing. */
html[lang=en] .hero-narrative h1 .headline-line{display:block;white-space:nowrap}
html[lang=en] .hero-narrative h1 em{display:block}
@media(max-width:600px){html[lang=en] .hero-narrative h1{font-size:clamp(28px,7.5vw,40px);line-height:1.25;margin-bottom:18px}html[lang=en] .hero-description{font-size:16px;line-height:1.8}}
/* Partner workspace uses explicit local surface tokens, including hover states. */











@media(max-width:1000px){}
@media(max-width:760px){}

/* English opening: left-aligned copy, original photograph reframed without mirroring. */
@media(min-width:601px){html[lang=en] .hero-image{inset-inline:32% -24%;mask-image:linear-gradient(90deg,transparent,#000 30%)}}
@media(min-width:601px) and (max-width:900px){html[lang=en] .hero-narrative{max-width:70%}}


/* Partner workspace: one calm surface, readable data and a single coupon focus. */
body[data-live-affiliate] .studio {
  --ink:#f1eddb; --text:#e0e8dc; --muted:#bbccba; --surface:#132d24;
  --line:#3a5446; --sage:#203e31;
  display:grid; grid-template-columns:minmax(0,1fr); gap:28px;
  width:min(1200px,calc(100% - 64px)); max-width:1200px;
  margin:36px auto 64px; padding:0; background:transparent;
  border:0; border-radius:0; color:var(--text); font-size:16px;
}
body[data-live-affiliate] .studio h1,
body[data-live-affiliate] .studio h2,
body[data-live-affiliate] .studio h3 {color:var(--ink)}
body[data-live-affiliate] .studio .sidebar {
  position:static; background:transparent; padding:0 0 18px;
  border:0; border-bottom:1px solid var(--line); border-radius:0; margin:0;
}
body[data-live-affiliate] .studio .sidebar>.eyebrow {display:none}
body[data-live-affiliate] .studio .sidebar nav {display:flex; flex-wrap:wrap; gap:8px}
body[data-live-affiliate] .studio .sidebar button {
  flex:0 1 auto; display:flex; align-items:center; gap:10px;
  min-height:48px; padding:10px 18px; font-size:15px; font-weight:500;
  line-height:1.6; color:#ccdac7; background:transparent;
  border:1px solid transparent; border-radius:8px; white-space:normal;
}
body[data-live-affiliate] .studio .sidebar button:hover {background:#193c2c; color:#f4edda}
body[data-live-affiliate] .studio .sidebar button.active,
body[data-live-affiliate] .studio .sidebar button.active:hover {
  background:#254635; color:#f1db9f; border-color:#576e4c; font-weight:600;
}
body[data-live-affiliate] .studio .sidebar svg {width:18px; height:18px; flex-shrink:0}
body[data-live-affiliate] .studio .workspace {min-width:0}
body[data-live-affiliate] .studio .workspace>.heading {
  gap:20px; padding:0; margin:0 0 34px; border:0; align-items:center;
}
body[data-live-affiliate] .studio .heading>div {min-width:0}
body[data-live-affiliate] .studio .workspace>.heading .eyebrow {
  color:#d5bb82; font-size:13px; margin-bottom:8px;
}
body[data-live-affiliate] .studio .workspace>.heading h1 {
  font:600 clamp(27px,2.5vw,36px)/1.5 Thmanyah,sans-serif;
  margin:0 0 8px; text-wrap:balance; color:var(--ink);
}
body[data-live-affiliate] .studio .workspace>.heading small {font-size:15px; color:var(--muted); line-height:1.8}
body[data-live-affiliate] .studio .pill {
  background:transparent; border:0; color:#c6d8ba; padding:0;
  font-size:13px; line-height:1.8; white-space:normal; margin:0;
}
body[data-live-affiliate] .studio .metrics {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  background:transparent; border:0; border-radius:0; margin-bottom:32px;
}
body[data-live-affiliate] .studio .metric {padding:8px 24px; min-width:0}
body[data-live-affiliate] .studio .metric:first-child {padding-inline-start:0}
body[data-live-affiliate] .studio .metric+.metric {border-inline-start:1px solid var(--line)}
body[data-live-affiliate] .studio .metric small {font-size:14px; line-height:1.8; color:var(--muted)}
body[data-live-affiliate] .studio .metric strong {
  font:600 42px/1.4 Thmanyah,sans-serif; color:var(--ink);
  font-variant-numeric:tabular-nums; margin-top:8px;
}
body[data-live-affiliate] .studio .metric:last-child strong {color:#ead39b}
body[data-live-affiliate] .studio .card {
  min-width:0; background:var(--surface); border:1px solid var(--line);
  border-radius:14px; padding:30px; margin-bottom:28px; box-shadow:none;
}
body[data-live-affiliate] .studio .card p {font-size:16px; line-height:1.85; color:var(--muted)}
body[data-live-affiliate] .studio .card>small {font-size:13px; line-height:1.85; color:var(--muted)}
body[data-live-affiliate] .studio .coupon-feature {
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:32px;
  padding:32px; margin-bottom:34px;
}
body[data-live-affiliate] .studio .coupon-intro>small {color:#d9be85; font-size:13px; margin-bottom:10px}
body[data-live-affiliate] .studio .coupon-intro h2 {font-size:26px; line-height:1.5; margin-bottom:12px}
body[data-live-affiliate] .studio .coupon-intro p {font-size:16px; max-width:48ch; margin:0}
body[data-live-affiliate] .studio .coupon-action-area {border-color:var(--line); padding-inline-start:32px}
body[data-live-affiliate] .studio .coupon-action-area code {
  min-height:60px; border:0; background:transparent; padding:0;
  color:#eddaaa; font:600 clamp(26px,3vw,36px)/1.6 Thmanyah,sans-serif;
  font-variant-numeric:tabular-nums; direction:ltr;
}
body[data-live-affiliate] .studio .coupon-action-area .tools {margin-top:14px; gap:10px}
body[data-live-affiliate] .studio .coupon-action-area .tools button {font-size:14px; min-height:46px; padding:10px 14px}
body[data-live-affiliate] .studio .primary {background:#e8d5a5; color:#153e2b; font-weight:600}
body[data-live-affiliate] .studio .primary:hover {background:#f2e1b5}
body[data-live-affiliate] .studio .secondary {background:transparent; color:#eceddb; border-color:#819777}
body[data-live-affiliate] .studio .secondary:hover,
body[data-live-affiliate] .studio .quiet:hover {background:#254c38; color:#fff5d7}
body[data-live-affiliate] .studio .quiet {background:transparent; color:#e0e8dc}
body[data-live-affiliate] .studio button {font-size:15px; min-height:44px; border-radius:8px; line-height:1.6}
body[data-live-affiliate] .studio :focus-visible {outline:2px solid #ecd39a; outline-offset:4px}
body[data-live-affiliate] .studio .workspace .card:not(.coupon-feature) h2 {font-size:24px; color:var(--ink); margin-bottom:18px}
body[data-live-affiliate] .studio #partner-coupons {background:transparent; border:0; padding:0; margin:0; box-shadow:none}
body[data-live-affiliate] .studio #partner-coupons>div {
  display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:24px; row-gap:6px;
  padding:20px 0!important; border-bottom:1px solid var(--line)!important;
}
body[data-live-affiliate] .studio #partner-coupons>div>b {grid-column:1; grid-row:1; font-size:17px; color:var(--ink); line-height:1.8}
body[data-live-affiliate] .studio #partner-coupons>div>small {grid-column:1; grid-row:2; font-size:14px; color:var(--muted); line-height:1.8}
body[data-live-affiliate] .studio #partner-coupons>div>p {grid-column:1; grid-row:3; margin:0; font-size:14px}
body[data-live-affiliate] .studio #partner-coupons>div>button {grid-column:2; grid-row:1/4; align-self:center; font-size:14px}
body[data-live-affiliate] .studio .heading {gap:16px; flex-wrap:wrap}
body[data-live-affiliate] .studio .split {grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:24px}
body[data-live-affiliate] .studio label {font-size:15px; color:#e4eadc}
body[data-live-affiliate] .studio input:not([type=checkbox]),
body[data-live-affiliate] .studio select,
body[data-live-affiliate] .studio textarea {background:#0b231b; color:#f1eddb; border-color:#728c70; font-size:15px; border-radius:6px; line-height:1.7}
body[data-live-affiliate] .studio input::placeholder,
body[data-live-affiliate] .studio textarea::placeholder {color:#bbccba; opacity:1}
body[data-live-affiliate] .studio input[readonly],body[data-live-affiliate] .studio textarea[readonly] {color:#cedac5}
body[data-live-affiliate] .studio .social a,
body[data-live-affiliate] .studio .social button {background:#1d3e2f; color:#f1eddb; border-color:#55784e; font-size:14px}
body[data-live-affiliate] .studio .social small {font-size:13px}
body[data-live-affiliate] .studio #qr {background:white; border-radius:6px}
body[data-live-affiliate] .studio #post {max-height:none; background:#071c17; border-radius:4px; margin:20px 0}
body[data-live-affiliate] .studio .workspace [data-panel=account] .card {max-width:760px}
body[data-live-affiliate] .studio #phone-state {color:#c6dab4!important; font-size:14px; line-height:1.85}
body[data-live-affiliate] .studio .feature-status p,
body[data-live-affiliate] .studio details p {font-size:16px; line-height:1.85}
body[data-live-affiliate] .studio details summary {font-size:16px; color:#eadfbd; min-height:44px}
body[data-live-affiliate] .header-actions #logout {background:transparent; color:#e9e2c8; font-size:14px; min-height:44px; padding:8px 14px; border:1px solid #8d9a7b}
body[data-live-affiliate] .header-actions #logout:hover {background:#244333; color:#f6eccb}
@media(max-width:1000px) {
 body[data-live-affiliate] .studio .split {grid-template-columns:minmax(0,1fr)}
 body[data-live-affiliate] .studio .sidebar button {padding:10px 13px; font-size:14px}
}
@media(max-width:760px) {
 body[data-live-affiliate] .studio {width:calc(100% - 32px); margin:24px auto 48px; gap:24px; padding:0}
 body[data-live-affiliate] .studio .sidebar {padding-bottom:16px}
 body[data-live-affiliate] .studio .sidebar nav {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
 body[data-live-affiliate] .studio .sidebar button {min-height:48px; font-size:14px; padding:10px; justify-content:flex-start}
 body[data-live-affiliate] .studio .sidebar button:last-child {grid-column:1/-1}
 body[data-live-affiliate] .studio .workspace>.heading {margin-bottom:26px; gap:10px}
 body[data-live-affiliate] .studio .workspace>.heading h1 {font-size:27px; line-height:1.5}
 body[data-live-affiliate] .studio .workspace>.heading small {font-size:14px}
 body[data-live-affiliate] .studio .metrics {grid-template-columns:minmax(0,1fr); margin-bottom:28px}
 body[data-live-affiliate] .studio .metric {display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0}
 body[data-live-affiliate] .studio .metric+.metric {border-inline-start:0; border-top:1px solid var(--line)}
 body[data-live-affiliate] .studio .metric small {font-size:14px; max-width:72%}
 body[data-live-affiliate] .studio .metric strong {font-size:32px; margin:0}
 body[data-live-affiliate] .studio .card {padding:24px 20px; margin-bottom:24px}
 body[data-live-affiliate] .studio .coupon-feature {grid-template-columns:minmax(0,1fr); gap:24px; padding:26px 22px}
 body[data-live-affiliate] .studio .coupon-intro h2 {font-size:24px}
 body[data-live-affiliate] .studio .coupon-action-area {order:-1;border-inline-start:0;border-top:0;border-bottom:1px solid var(--line);padding-inline-start:0;padding-top:0;padding-bottom:24px}
 body[data-live-affiliate] .studio .coupon-action-area .tools {flex-direction:column; align-items:stretch}
 body[data-live-affiliate] .studio .coupon-action-area .tools button {flex:0 1 auto; min-height:46px; font-size:15px}
 body[data-live-affiliate] .studio #partner-coupons>div {grid-template-columns:minmax(0,1fr); gap:8px}
 body[data-live-affiliate] .studio #partner-coupons>div>b,body[data-live-affiliate] .studio #partner-coupons>div>small,body[data-live-affiliate] .studio #partner-coupons>div>p {grid-row:auto}
 body[data-live-affiliate] .studio #partner-coupons>div>button {grid-column:1; grid-row:auto; justify-self:start; margin-top:8px}
 body[data-live-affiliate] .studio .split {gap:0}
}

/* Scoped service icon refinement: keep other pages and brand assets unchanged. */
#services .ms-service-icon--solid{width:40px;height:40px;fill:currentColor;stroke:none;color:var(--gold);flex:0 0 40px;overflow:visible}
#services .ms-upcoming-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
#services .ms-future-service{gap:14px;min-width:0}
#services .ms-future-service h4{min-width:0}
@media(max-width:1100px){#services .ms-upcoming-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#services .ms-upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}#services .ms-future-service{gap:12px}#services .ms-future-service .ms-service-icon--solid{width:32px;height:32px;flex-basis:32px}#services .ms-future-service:last-child{grid-column:1/-1;justify-self:center}}