:root{--ink: #05130f;--ink-2: #081d17;--ink-3: #0c2a21;--ink-4: #12382c;--paper: #f8f4ec;--paper-2: #efe7d7;--gold: #c9a24b;--gold-2: #e6cf95;--gold-3: #9c7a2e;--mint: #2f9e78;--mint-2: #57c79f;--text: #f3f8f4;--text-soft: #c8d8d0;--text-mute: #8fa79d;--ink-text: #10231d;--ink-text-soft: #4a5e56;--line: rgba(255, 255, 255, .1);--line-dark: rgba(16, 35, 29, .12);--glass: rgba(255, 255, 255, .055);--glass-2: rgba(255, 255, 255, .09);--shadow-lg: 0 30px 70px -30px rgba(0, 0, 0, .65);--shadow-sm: 0 12px 30px -18px rgba(5, 19, 15, .5);--r-xs: 10px;--r-sm: 14px;--r-md: 20px;--r-lg: 28px;--r-xl: 38px;--font-display: "Reem Kufi", "Segoe UI", sans-serif;--font-body: "Readex Pro", "Segoe UI", Tahoma, sans-serif;--font-quran: "Amiri", "Traditional Arabic", serif;--ease: cubic-bezier(.22, .68, .32, 1);--max: 1200px;--nav-h: 76px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font-body);font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;line-height:1.35;margin:0;letter-spacing:0}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:0;background:none}img{display:block;max-width:100%}ul{margin:0;padding:0;list-style:none}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:24px}.section{position:relative;padding-block:clamp(64px,9vw,120px)}.section--tight{padding-block:clamp(48px,6vw,80px)}.section-head{max-width:720px;margin-bottom:clamp(32px,4vw,56px)}.section-head--center{margin-inline:auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);margin-bottom:14px}.eyebrow:before{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.section--light .eyebrow{color:var(--gold-3)}.h1{font-size:clamp(34px,5.6vw,66px);line-height:1.2}.h2{font-size:clamp(27px,3.8vw,44px);line-height:1.25}.h3{font-size:clamp(19px,2vw,24px)}.lead{font-size:clamp(15px,1.15vw,18px);color:var(--text-soft);line-height:1.85;font-weight:300}.section--light{background:var(--paper);color:var(--ink-text)}.section--light .lead{color:var(--ink-text-soft)}.section--light .h2{color:var(--ink-text)}.gold{color:var(--gold-2)}.muted{color:var(--text-mute)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:500;line-height:1;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),color .25s var(--ease);white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#23190a;box-shadow:0 14px 30px -14px #c9a24bbf}.btn--gold:hover{box-shadow:0 20px 40px -16px #c9a24be6}.btn--ghost{border:1px solid var(--line);color:var(--text);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--ghost:hover{background:var(--glass-2);border-color:#e6cf9573}.btn--dark{background:var(--ink);color:var(--text);box-shadow:var(--shadow-sm)}.btn--sm{padding:11px 18px;font-size:13.5px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.glass{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);will-change:opacity,transform}.reveal.is-in{opacity:1;transform:none}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:.32;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E")}.nav{position:fixed;inset-inline:0;top:0;z-index:60;height:var(--nav-h);display:flex;align-items:center;transition:background .35s var(--ease),border-color .35s var(--ease),backdrop-filter .35s var(--ease);border-bottom:1px solid transparent}.nav--scrolled{background:#05130fd1;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom-color:var(--line)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px}.brand svg{transition:transform .4s var(--ease)}.brand:hover svg{transform:rotate(-4deg) scale(1.04)}.brand__text{display:flex;flex-direction:column;line-height:1.1}.brand__text strong{font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:.01em}.brand__text em{font-style:normal;font-size:10.5px;letter-spacing:.08em;color:var(--text-mute);margin-top:3px}.nav__links{display:flex;align-items:center;gap:26px}.nav__link{font-size:14px;color:var(--text-soft);position:relative;padding-block:6px;transition:color .25s var(--ease)}.nav__link:after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:1px;width:0;background:var(--gold-2);transition:width .3s var(--ease)}.nav__link:hover{color:var(--text)}.nav__link:hover:after{width:100%}.nav__actions{display:flex;align-items:center;gap:10px}.nav__burger{display:none;padding:9px;border-radius:999px;border:1px solid var(--line);color:var(--text)}.drawer{position:fixed;inset:var(--nav-h) 0 auto 0;height:0;overflow:hidden;background:#05130ff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:height .45s var(--ease)}.drawer.is-open{height:calc(100dvh - var(--nav-h))}.drawer__links{display:flex;flex-direction:column;gap:4px;padding:28px 24px 40px}.drawer__links a:not(.btn){font-family:var(--font-display);font-size:24px;padding-block:14px;border-bottom:1px solid var(--line);opacity:0;transform:translateY(-8px);transition:opacity .4s var(--ease),transform .4s var(--ease),color .25s}.drawer.is-open .drawer__links a:not(.btn){opacity:1;transform:none}.drawer__links a:not(.btn):hover{color:var(--gold-2)}.drawer__links .btn{margin-top:22px}.hero{position:relative;padding-top:calc(var(--nav-h) + clamp(40px,6vw,80px));padding-bottom:clamp(56px,8vw,110px);overflow:hidden}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:scale(1.06);animation:heroDrift 26s var(--ease) infinite alternate}@keyframes heroDrift{0%{transform:scale(1.06) translateZ(0)}to{transform:scale(1.14) translate3d(-1.5%,-2%,0)}}.hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(5,19,15,.3) 0%,rgba(5,19,15,.86) 48%,var(--ink) 80%),linear-gradient(0deg,var(--ink) 2%,rgba(5,19,15,.1) 45%)}.hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid rgba(230,207,149,.32);background:#c9a24b1a;color:var(--gold-2);font-size:12.5px;font-weight:400;margin-bottom:22px}.hero__title{margin-bottom:20px}.hero__em{font-family:var(--font-quran);font-style:italic;color:var(--gold-2);position:relative;padding-inline:4px}.hero__em:after{content:"";position:absolute;inset-inline:0;bottom:4px;height:8px;background:linear-gradient(90deg,rgba(201,162,75,.35),transparent);border-radius:4px;z-index:-1}.hero__lead{max-width:560px;margin-bottom:30px}.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.hero__note{font-size:12.5px;color:var(--text-mute);margin-bottom:34px}.hero__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding-top:22px;border-top:1px solid var(--line)}.hero__stats dt{font-family:var(--font-display);font-size:clamp(17px,2vw,22px);color:var(--gold-2)}.hero__stats dd{margin:2px 0 0;font-size:11.5px;color:var(--text-mute);line-height:1.4}.hero__device{position:relative;display:flex;justify-content:center}.phone{position:relative;width:min(300px,74vw);aspect-ratio:9 / 17.5;border-radius:42px;padding:9px;background:linear-gradient(160deg,#1b3a2f,#06120e 60%);box-shadow:var(--shadow-lg),0 0 0 1px #e6cf952e inset;animation:phoneIn .9s var(--ease) both}@keyframes phoneIn{0%{opacity:0;transform:translateY(26px) rotate(2deg)}to{opacity:1;transform:none}}.phone__screen{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;background:var(--ink-2)}.phone__img{width:100%;height:100%;object-fit:cover;animation:slowZoom 18s ease-in-out infinite alternate}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.12)}}.phone__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05130f80,#05130f00 32%,#05130fb8)}.phone__ui{position:absolute;inset-inline:16px;top:46px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#ffffffb8}.phone__tag{padding:3px 9px;border-radius:999px;background:#05130f66;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.phone__ayah{position:absolute;inset-inline:22px;bottom:84px;text-align:center}.ayah-text{font-family:var(--font-quran);font-size:27px;line-height:2;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.55);margin:0}.ayah-ref{display:inline-block;margin-top:14px;font-size:11px;letter-spacing:.06em;color:var(--gold-2);padding:3px 12px;border:1px solid rgba(230,207,149,.4);border-radius:999px;background:#05130f59}.phone__bar{position:absolute;inset-inline:22px;bottom:60px;height:2.5px;border-radius:2px;background:#ffffff38;overflow:hidden}.phone__bar span{display:block;height:100%;background:var(--gold-2);border-radius:2px;transition:width 1.4s var(--ease)}.phone__play{position:absolute;inset-inline-start:50%;transform:translate(50%);bottom:22px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff24;border:1px solid rgba(255,255,255,.3);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s,transform .25s}.phone__play:hover{background:#c9a24b99;transform:translate(50%) scale(1.06)}.phone__notch{position:absolute;top:14px;inset-inline-start:50%;transform:translate(50%);width:82px;height:20px;border-radius:999px;background:#06120e}.float{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;font-size:12px;color:var(--text);background:#092019c7;border:1px solid rgba(230,207,149,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);animation:floatY 6s ease-in-out infinite}.float--1{top:16%;inset-inline-start:-6%;animation-delay:.2s}.float--2{top:46%;inset-inline-end:-8%;animation-delay:1.1s}.float--3{bottom:12%;inset-inline-start:-2%;animation-delay:2s}.float__dot{width:6px;height:6px;border-radius:50%;background:var(--mint-2);box-shadow:0 0 0 3px #57c79f2e}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.ticker{position:relative;border-block:1px solid var(--line);background:linear-gradient(90deg,var(--ink-2),rgba(12,42,33,.5),var(--ink-2));overflow:hidden;padding-block:15px}.ticker:before,.ticker:after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}.ticker:before{inset-inline-start:0;background:linear-gradient(90deg,var(--ink),transparent)}.ticker:after{inset-inline-end:0;background:linear-gradient(270deg,var(--ink),transparent)}.ticker__row{display:flex;align-items:center;gap:34px;width:max-content;animation:marquee 34s linear infinite}.ticker:hover .ticker__row{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(50%)}}.ticker__item{display:inline-flex;align-items:center;gap:26px;font-size:12.5px;letter-spacing:.04em;color:var(--text-soft);white-space:nowrap}.ticker__dot{width:4px;height:4px;border-radius:50%;background:var(--gold)}.process{background:var(--paper)}.mark-line{font-family:var(--font-quran);font-style:italic;color:var(--gold-3);border-bottom:2px solid rgba(156,122,46,.35)}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:step}.step{position:relative;padding:26px 22px 24px;border-radius:var(--r-md);background:#fff;border:1px solid var(--line-dark);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}.step:hover{transform:translateY(-4px);box-shadow:0 24px 44px -28px #10231d80;border-color:#9c7a2e66}.step__icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--gold-3);background:linear-gradient(150deg,#c9a24b29,#c9a24b0a);border:1px solid rgba(201,162,75,.22);margin-bottom:16px}.step__n{position:absolute;top:20px;inset-inline-end:20px;font-family:var(--font-display);font-size:13px;color:#10231d47;letter-spacing:.1em}.step h3{font-size:18px;margin-bottom:8px;color:var(--ink-text)}.step p{font-size:13.5px;line-height:1.8;color:var(--ink-text-soft)}.studio{position:relative;background:radial-gradient(900px 500px at 80% 0%,rgba(47,158,120,.16),transparent 70%),radial-gradient(700px 420px at 10% 90%,rgba(201,162,75,.1),transparent 70%),var(--ink);overflow:hidden}.studio__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,68px);align-items:start}.studio__lead{margin-top:14px;margin-bottom:30px;max-width:520px}.ctrl-group{margin-bottom:22px}.ctrl__label{display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.06em;color:var(--text-mute);margin-bottom:10px}.ctrl__select{width:100%;padding:13px 16px;border-radius:var(--r-sm);background:#ffffff0d;border:1px solid var(--line);font-size:14px;outline:none;transition:border-color .25s,background .25s}.ctrl__select:hover{border-color:#e6cf9559}.ctrl__select:focus{border-color:var(--gold);background:#ffffff14}.ctrl__select option{background:var(--ink-3);color:var(--text)}.ctrl-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 15px;border-radius:999px;font-size:12.5px;color:var(--text-soft);border:1px solid var(--line);background:#ffffff08;transition:all .25s var(--ease)}.chip:hover{border-color:#e6cf9566;color:var(--text)}.chip.is-active{background:linear-gradient(135deg,#e6cf95e6,#c9a24bd9);color:#23190a;border-color:transparent;font-weight:500}.chip--wide{padding:9px 13px}.chip--ratio{display:inline-flex;align-items:center;gap:8px}.ratio-box{display:inline-block;border:1.5px solid currentColor;border-radius:3px;opacity:.7}.ratio-box--9-16{width:8px;height:14px}.ratio-box--1-1{width:11px;height:11px}.ratio-box--16-9{width:15px;height:9px}.bg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bg-thumb{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1 / 1.15;border:1.5px solid transparent;transition:transform .3s var(--ease),border-color .3s}.bg-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.bg-thumb span{position:absolute;inset-inline:0;bottom:0;padding:16px 6px 6px;font-size:10px;text-align:center;color:#fff;background:linear-gradient(0deg,rgba(5,19,15,.9),transparent)}.bg-thumb:hover{transform:translateY(-3px)}.bg-thumb:hover img{transform:scale(1.08)}.bg-thumb.is-active{border-color:var(--gold-2)}.bg-thumb__tick{position:absolute;top:5px;inset-inline-end:5px;background:var(--gold-2);color:#23190a;border-radius:50%;padding:2px}.studio__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}.studio__meta{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-mute)}.studio__preview{position:sticky;top:calc(var(--nav-h) + 24px)}.preview{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(230,207,149,.22);box-shadow:var(--shadow-lg);margin-inline:auto;transition:aspect-ratio .4s var(--ease),max-width .4s var(--ease);max-width:300px}.preview--9-16{aspect-ratio:9 / 16}.preview--1-1{aspect-ratio:1 / 1;max-width:340px}.preview--16-9{aspect-ratio:16 / 9;max-width:440px}.preview img{width:100%;height:100%;object-fit:cover}.preview__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05130f6b,#05130f1f 40%,#05130fcc)}.preview__text{position:absolute;inset-inline:22px;top:50%;transform:translateY(-50%);text-align:center}.preview__text .ayah-text{font-size:26px}.preview__foot{position:absolute;inset-inline:16px;bottom:16px;display:flex;align-items:center;gap:8px;font-size:10.5px;color:#ffffffd1;padding:7px 12px;border-radius:999px;background:#05130f6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12)}.preview__dot{width:5px;height:5px;border-radius:50%;background:var(--mint-2)}.preview__sep{flex:1}.preview__caption{text-align:center;font-size:11.5px;color:var(--text-mute);margin-top:14px}.why__inner{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,56px);align-items:stretch}.why__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.why__card{padding:26px 22px;transition:transform .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease)}.why__card:hover{transform:translateY(-4px);border-color:#e6cf9559;background:var(--glass-2)}.why__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--gold-2);background:#c9a24b1f;border:1px solid rgba(201,162,75,.22);margin-bottom:14px}.why__card h3{font-family:var(--font-display);font-size:17px;margin-bottom:7px}.why__card p{font-size:13px;line-height:1.8;color:var(--text-mute)}.why__aside{position:relative}.why__media{position:relative;height:100%;min-height:300px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line)}.why__media img{width:100%;height:100%;object-fit:cover}.why__media-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#05130fd9,#05130f26 60%)}.why__quote{position:absolute;inset-inline:24px;bottom:26px;font-size:24px;text-align:center;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.6)}.why__stat{position:absolute;inset-inline-start:-10px;top:22px;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:var(--r-sm);background:#05130fd1;border:1px solid rgba(230,207,149,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:170px}.why__stat strong{font-family:var(--font-display);font-size:22px;color:var(--gold-2)}.why__stat span{font-size:10.5px;color:var(--text-soft);line-height:1.5}.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px}.filter{padding:9px 18px;border-radius:999px;font-size:13px;color:var(--ink-text-soft);border:1px solid var(--line-dark);background:transparent;transition:all .25s var(--ease)}.filter:hover{border-color:var(--gold-3);color:var(--ink-text)}.filter.is-active{background:var(--ink-text);color:var(--paper);border-color:var(--ink-text)}.gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card__btn{position:relative;display:block;width:100%;aspect-ratio:4 / 5;border-radius:var(--r-md);overflow:hidden;text-align:right;border:1px solid var(--line-dark);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.card__btn img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.card__btn:hover{transform:translateY(-5px);box-shadow:0 30px 50px -32px #10231da6}.card__btn:hover img{transform:scale(1.07)}.card__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05130f0d 30%,#05130fd9)}.card__tag{position:absolute;top:12px;inset-inline-end:12px;font-size:10.5px;padding:4px 10px;border-radius:999px;color:#fff;background:#05130f73;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card__body{position:absolute;inset-inline:18px;bottom:18px;color:#fff}.card__ayah{font-size:21px;line-height:1.9;margin-bottom:12px;text-shadow:0 2px 16px rgba(0,0,0,.6)}.card__foot{display:flex;flex-direction:column;gap:1px}.card__foot strong{font-family:var(--font-display);font-size:15px;font-weight:500}.card__foot span{font-size:11px;color:#ffffffb3}.card__zoom{position:absolute;top:12px;inset-inline-start:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#05130f73;border:1px solid rgba(255,255,255,.2);opacity:0;transform:scale(.85);transition:all .3s var(--ease)}.card__btn:hover .card__zoom{opacity:1;transform:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:20px}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#030c09c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal__box{position:relative;z-index:1;display:grid;grid-template-columns:.95fr 1fr;gap:0;width:min(760px,100%);border-radius:var(--r-lg);overflow:hidden;background:var(--paper);color:var(--ink-text);box-shadow:var(--shadow-lg);animation:popIn .35s var(--ease)}@keyframes popIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.modal__close{position:absolute;top:12px;inset-inline-end:12px;z-index:3;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#05130f8c;color:#fff;border:1px solid rgba(255,255,255,.22);transition:background .25s}.modal__close:hover{background:#05130fd9}.modal__media{position:relative;min-height:340px}.modal__media img{width:100%;height:100%;object-fit:cover}.modal__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#05130fd1,#05130f1a 65%)}.modal__text{position:absolute;inset-inline:22px;bottom:24px;text-align:center;color:#fff}.modal__text .ayah-text{font-size:23px}.modal__info{padding:34px 30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.modal__info .eyebrow{color:var(--gold-3);margin-bottom:0}.modal__tone{font-size:13px;color:var(--ink-text-soft);margin-bottom:8px}.pricing{background:radial-gradient(700px 400px at 15% 10%,rgba(47,158,120,.14),transparent 70%),var(--ink-2);border-block:1px solid var(--line)}.billing{display:inline-flex;gap:4px;padding:5px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;margin:0 auto 38px;grid-column:1 / -1}.pricing .wrap>.billing{display:flex;width:fit-content}.billing__opt{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:999px;font-size:13px;color:var(--text-mute);transition:all .3s var(--ease)}.billing__opt span{font-size:10px;padding:2px 7px;border-radius:999px;background:#57c79f29;color:var(--mint-2)}.billing__opt.is-active{background:#e6cf95eb;color:#23190a;font-weight:500}.billing__opt.is-active span{background:#05130f24;color:#3a2a08}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.plan{position:relative;display:flex;flex-direction:column;padding:30px 24px 24px;border-radius:var(--r-md);background:#ffffff09;border:1px solid var(--line);transition:transform .35s var(--ease),border-color .35s var(--ease)}.plan:hover{transform:translateY(-5px);border-color:#e6cf9559}.plan--featured{background:linear-gradient(170deg,#e6cf9524,#2f9e7812);border-color:#e6cf9580;box-shadow:0 30px 60px -40px #c9a24bb3}.plan__ribbon{position:absolute;top:-12px;inset-inline-start:24px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:11px;color:#23190a;background:linear-gradient(135deg,var(--gold-2),var(--gold))}.plan__name{font-size:20px;margin-bottom:6px}.plan__desc{font-size:12.5px;color:var(--text-mute);min-height:36px}.plan__price{display:flex;align-items:baseline;gap:6px;padding-block:14px 18px;margin-bottom:12px;border-bottom:1px solid var(--line)}.plan__amount{font-family:var(--font-display);font-size:42px;line-height:1;color:var(--gold-2)}.plan__unit{font-size:13px;color:var(--text-soft)}.plan__per{font-size:11.5px;color:var(--text-mute);margin-inline-start:auto}.plan__features{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;flex:1}.plan__features li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--text-soft);line-height:1.7}.plan__features svg{color:var(--mint-2);flex-shrink:0;margin-top:4px}.plan .btn{width:100%}.pricing__note{text-align:center;font-size:11.5px;color:var(--text-mute);margin-top:26px}.testi__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.testi__card{position:relative;padding:28px 24px 22px;border-radius:var(--r-md);background:var(--glass);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px;transition:transform .35s var(--ease),background .35s}.testi__card:hover{transform:translateY(-4px);background:var(--glass-2)}.testi__quote{color:var(--gold);opacity:.6}.testi__card>p{font-size:13.5px;line-height:1.95;color:var(--text-soft);flex:1}.testi__foot{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.testi__avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:16px;color:var(--gold-2);background:#c9a24b24;border:1px solid rgba(201,162,75,.3)}.testi__foot strong{display:block;font-size:13px;font-weight:500}.testi__foot em{font-style:normal;font-size:10.5px;color:var(--text-mute)}.testi__stars{margin-inline-start:auto;display:inline-flex;gap:2px;color:var(--gold)}.faq__inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,4vw,60px);align-items:start}.faq__head{position:sticky;top:calc(var(--nav-h) + 30px)}.faq__head .lead{margin-top:14px}.faq__cta{margin-top:20px}.faq__list{display:flex;flex-direction:column;gap:10px}.faq__item{border:1px solid var(--line);border-radius:var(--r-sm);background:#ffffff08;overflow:hidden;transition:border-color .3s,background .3s}.faq__item.is-open{border-color:#e6cf9566;background:#ffffff0e}.faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;font-size:14px;text-align:start;color:var(--text)}.faq__icon{flex-shrink:0;color:var(--gold-2);transition:transform .35s var(--ease)}.faq__item.is-open .faq__icon{transform:rotate(135deg)}.faq__a{overflow:hidden;transition:max-height .45s var(--ease)}.faq__a p{padding:0 20px 18px;font-size:13px;line-height:1.95;color:var(--text-mute)}.order{background:radial-gradient(800px 420px at 85% 10%,rgba(201,162,75,.14),transparent 70%),linear-gradient(180deg,var(--ink),#04100c);border-top:1px solid var(--line)}.order__inner{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,4.5vw,64px);align-items:start}.order__copy .lead{margin-top:14px}.order__bullets{display:flex;flex-direction:column;gap:12px;margin-block:26px}.order__bullets li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text-soft)}.order__bullets svg{color:var(--mint-2);flex-shrink:0}.order__wa{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--gold-2);border-bottom:1px solid rgba(230,207,149,.35);padding-bottom:3px;transition:gap .25s}.order__wa:hover{gap:12px}.order__card{padding:clamp(22px,3vw,34px);border-radius:var(--r-lg);background:#ffffff0b;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-lg)}.field{margin-bottom:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:11.5px;color:var(--text-mute);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border-radius:var(--r-xs);background:#05130f8c;border:1px solid var(--line);font-size:13.5px;outline:none;transition:border-color .25s,background .25s}.field textarea{resize:vertical;min-height:76px}.field input::placeholder,.field textarea::placeholder{color:#8fa79d99}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);background:#05130fcc}.field select option{background:var(--ink-3)}.field .has-error{border-color:#e07a5f}.field small{display:block;margin-top:5px;font-size:11px;color:#f0a08c}.order__submit{width:100%;margin-top:6px}.order__fine{font-size:10.5px;color:var(--text-mute);text-align:center;margin-top:12px;line-height:1.7}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.order__done{text-align:center;padding:30px 10px;display:flex;flex-direction:column;align-items:center;gap:12px}.order__check{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:var(--mint-2);background:#57c79f1f;border:1px solid rgba(87,199,159,.4)}.order__done p{font-size:13.5px;color:var(--text-soft);max-width:340px}.order__done strong{color:var(--gold-2)}.footer{background:var(--ink);border-top:1px solid var(--line);padding-top:clamp(40px,6vw,64px)}.footer__inner{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:30px;padding-bottom:40px}.footer__brand p{font-size:12.5px;line-height:1.9;color:var(--text-mute);margin-top:16px;max-width:280px}.footer__social{display:flex;gap:9px;margin-top:18px}.footer__social a{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--text-soft);transition:all .28s var(--ease)}.footer__social a:hover{color:var(--ink);background:var(--gold-2);border-color:var(--gold-2);transform:translateY(-2px)}.footer__col{display:flex;flex-direction:column;gap:9px}.footer__col h4{font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--gold-2);letter-spacing:.04em;margin-bottom:4px}.footer__col a,.footer__col span{font-size:12.5px;color:var(--text-mute);transition:color .25s}.footer__col a:hover{color:var(--text)}.footer__hours{font-size:11px!important;color:#8fa79db3!important}.footer__bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-block:18px;border-top:1px solid var(--line);font-size:11px;color:var(--text-mute)}.footer__legal{display:inline-flex;align-items:center;gap:6px}.toast{position:fixed;bottom:22px;inset-inline-start:22px;z-index:120;display:flex;align-items:center;gap:9px;padding:12px 18px;border-radius:999px;font-size:13px;max-width:calc(100vw - 44px);color:#eaf7f1;background:#0a2820f2;border:1px solid rgba(87,199,159,.45);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .35s var(--ease),transform .35s var(--ease)}.toast.is-on{opacity:1;transform:none}.toast svg{color:var(--mint-2);flex-shrink:0}.toast--error{border-color:#e07a5f80}.toast--error svg{color:#f0a08c}@media (max-width: 1080px){.nav__links{gap:18px}.nav__link{font-size:13px}.hero__inner{grid-template-columns:1fr;gap:48px}.hero__copy{max-width:640px}.hero__device{order:-1}.phone{width:min(260px,62vw)}.float--1{inset-inline-start:6%}.float--2{inset-inline-end:2%}.float--3{inset-inline-start:12%}.steps{grid-template-columns:repeat(2,1fr)}.studio__inner{grid-template-columns:1fr}.studio__preview{position:relative;top:0;order:-1}.preview{max-width:260px}.why__inner{grid-template-columns:1fr}.why__grid{order:2}.gallery__grid{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:1fr;max-width:460px;margin-inline:auto}.plan--featured{order:-1}.testi__grid,.faq__inner{grid-template-columns:1fr}.faq__head{position:relative;top:0}.order__inner{grid-template-columns:1fr}.footer__inner{grid-template-columns:1fr 1fr}}@media (max-width: 860px){.nav__links{display:none}.nav__burger{display:grid;place-items:center}.nav__cta{display:none}.modal__box{grid-template-columns:1fr;max-height:90dvh;overflow:auto}.modal__media{min-height:260px}}@media (max-width: 720px){.wrap{padding-inline:18px}.hero{padding-top:calc(var(--nav-h) + 24px)}.hero__stats{grid-template-columns:1fr 1fr;gap:16px 12px}.hero__badge{font-size:11.5px}.float--2{display:none}.steps,.why__grid,.gallery__grid,.ctrl-row{grid-template-columns:1fr}.bg-grid{grid-template-columns:repeat(4,1fr)}.bg-thumb{aspect-ratio:1}.bg-thumb span{font-size:9px}.field-row{grid-template-columns:1fr}.footer__inner{grid-template-columns:1fr;gap:26px}.footer__bar{flex-direction:column;align-items:flex-start}.testi__stars{display:none}.plan__per{font-size:11px}.studio__actions .btn{width:100%}.studio__meta{width:100%;justify-content:center}}@media (max-width: 420px){.brand__text em{display:none}.hero__cta .btn{width:100%}.float--3{display:none}.preview__text .ayah-text{font-size:22px}.card__ayah{font-size:19px}.bg-grid{grid-template-columns:repeat(3,1fr)}}