.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}.portfolio-card{display:block;text-decoration:none;color:inherit}.portfolio-image{height:340px;background-size:cover;background-position:center;border-radius:18px;position:relative;transition:transform .25s}.portfolio-card:hover .portfolio-image{transform:translateY(-5px)}.portfolio-index{position:absolute;top:20px;left:20px;border:1px solid #ffffff88;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:white;background:#170e2166}.portfolio-status{font-size:12px!important;letter-spacing:.12em;font-weight:700;margin:24px 0 12px!important}.portfolio-card h3{font-size:36px;margin:0 0 14px;display:flex;justify-content:space-between}.portfolio-card p{font-size:17px;line-height:1.7;max-width:480px}.portfolio-action{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:6px;margin-top:12px;font-size:15px;font-weight:700}.portfolio-card:focus-visible{outline:3px solid #725297;outline-offset:10px}.portfolio-page{background:#160e20;color:#faf9f4}.portfolio-page header{position:relative}.portfolio-page nav{display:flex;flex-wrap:wrap;gap:24px}.portfolio-page nav a[aria-current=page]{color:#c4ff91}.portfolio-page footer{border-top:1px solid #ffffff22}.portfolio-page footer a{color:inherit}.coming-page{min-height:75svh;position:relative;display:grid;align-items:center;overflow:hidden}.coming-image{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.5}.coming-page:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#160e20e8,transparent)}.coming-content{z-index:1;padding:100px 7%;position:relative}.coming-content h1{font-size:clamp(58px,9vw,140px);letter-spacing:-.06em;font-weight:500;margin:20px 0}.coming-label{font-size:clamp(28px,4vw,52px);color:#c4ff91;margin-bottom:40px}.app-hero{padding:70px 7% 100px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.back-link{display:inline-block;color:#bfb3ce;margin-bottom:45px;text-decoration:none}.app-hero h1{font-size:clamp(58px,6vw,96px);letter-spacing:-.065em;line-height:1.05;margin:24px 0}.app-hero h1 span{color:#c4ff91}.app-hero p{font-size:18px;line-height:1.8;color:#d4cbdc}.app-hero .app-lead{font-size:26px;color:white;line-height:1.4}.app-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:30px}.app-actions>a:not(.pill){color:inherit}.phone-pair{display:flex;gap:20px;align-items:center}.phone-pair img{width:calc(50% - 10px);border-radius:26px;box-shadow:0 25px 80px #0006}.phone-pair img:last-child{margin-top:90px}.app-method,.app-features,.app-close{padding:90px 7%}.app-method{background:#f7f6f2;color:#20152c}.app-method>p:not(.eyebrow){font-size:19px;line-height:1.8;max-width:790px}.portfolio-page h2{font-size:clamp(38px,5vw,72px);font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:25px 0}.review-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}.review-tiers article{padding:25px 0;border-top:1px solid #20152c44}.review-tiers span{font-size:13px;letter-spacing:.1em}.review-tiers h3{font-size:26px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:60px 0}.feature-grid article{border-top:1px solid #ffffff33;padding-top:20px}.feature-grid span{color:#c4ff91;font-size:14px}.feature-grid h3{font-size:22px;line-height:1.3;margin:20px 0 12px}.feature-grid p{color:#c6bbd1;font-size:17px;line-height:1.7}.app-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:80px}.app-gallery figure{margin:0}.app-gallery img{width:100%;height:auto;border-radius:22px}.app-gallery figcaption{font-size:14px;color:#c6bbd1;margin-top:16px}.app-close{text-align:center;background:#251732}.app-close p{max-width:670px;margin:20px auto;font-size:18px;line-height:1.8;color:#d4cbdc}.source-link{display:block;margin-top:30px;color:#c4ff91;font-size:15px}.app-close .pill{margin-top:20px}.portfolio-page .eyebrow{font-size:12px}.portfolio-page .pill{color:#160e20}.portfolio-page footer{gap:25px;flex-wrap:wrap}
@media(max-width:1100px){header nav{gap:14px}header nav>a{font-size:13px}.app-hero{gap:35px}.portfolio-image{height:260px}}
@media(max-width:900px){.app-hero{grid-template-columns:1fr;gap:40px}.phone-pair{max-width:600px;margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.world-grid{grid-template-columns:1fr;gap:36px}.portfolio-image{height:280px}.portfolio-card h3{font-size:32px}.portfolio-page header{padding:22px 7%;display:block}.portfolio-page header nav{display:flex;margin-top:24px;gap:15px}.portfolio-page header nav a{display:block;font-size:14px}.portfolio-page header .brand{font-size:16px}.app-hero{padding-top:25px;padding-bottom:65px}.app-hero h1{font-size:58px}.app-hero .app-lead{font-size:23px}.app-hero p{font-size:17px}.back-link{margin-bottom:30px}.app-method,.app-features,.app-close{padding:60px 7%}.review-tiers,.feature-grid{grid-template-columns:1fr;gap:20px}.app-gallery{grid-template-columns:repeat(2,1fr);gap:25px 16px}.phone-pair{gap:14px}.phone-pair img{width:calc(50% - 7px);border-radius:18px}.coming-content{padding:80px 7%}.portfolio-page footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.portfolio-image{transition:none}}

@media(max-width:700px){.portfolio-page header{height:auto;min-height:125px}body:not(.portfolio-page) header nav>a:first-child{display:block;font-size:12px}body:not(.portfolio-page) header .nav-cta{display:none}}

/* A single plum and lime palette across the portfolio. */
.worlds,.everyday{background:#160e20;color:#faf9f4}.section-heading em{color:#c5ff92}.section-heading>p,.section-top>span,.portfolio-card p{color:#c6bbd1}.portfolio-card .portfolio-status{color:#c5ff92}.everyday{padding:90px 7%;border-top:1px solid #ffffff20}.life-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.reviews>h3{font-size:36px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin-bottom:20px}.review-notice{font-size:13px;color:#c6bbd1}.review-card{padding:25px 0;border-top:1px solid #ffffff25}.review-stars{color:#c5ff92;letter-spacing:4px;font-size:18px}.review-stars span{letter-spacing:1px;font-size:10px;color:#b5a6c0;margin-left:12px}.review-card p{color:#b5a6c0;line-height:1.7;margin:15px 0}.review-card strong{font-size:15px}.life-film{position:sticky;top:30px}.life-film video{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:22px}.life-film-pending{aspect-ratio:3/4;border:1px solid #ffffff25;border-radius:22px;background:radial-gradient(ellipse at 70% 25%,#72529788,transparent 60%),#251732;display:flex;flex-direction:column;justify-content:center;padding:40px}.life-film-pending h3{font-size:clamp(38px,4vw,62px);font-weight:500;line-height:1.1;letter-spacing:-2px}.life-film-pending p,.life-caption{font-size:14px;color:#c6bbd1}.life-caption{margin-top:18px}.journey-bottom{bottom:45px}.timeline{bottom:24px}.ending{background:#251732}.worlds{scroll-margin-top:0}header nav>a{white-space:nowrap}
@media(max-width:800px){.life-grid{grid-template-columns:1fr;gap:45px}.life-film{position:static}.everyday{padding:65px 7%}.life-film-pending{aspect-ratio:4/3}.reviews>h3{font-size:30px}}

/* Warm ivory, soft lilac, and plum; the film flows into the review canvas. */
body{background:#faf7f2;color:#292135}body:not(.portfolio-page)>header,.stage{color:#faf9f4}
.worlds,.everyday,.portfolio-page{background:#faf7f2;color:#292135}
.section-heading em,.ending em,.app-hero h1 span{color:#775497}
.section-heading>p,.section-top>span,.portfolio-card p,.review-card p,.review-notice{color:#655d6d}
.portfolio-card .portfolio-status,.review-stars,.source-link,.feature-grid span,.portfolio-page nav a[aria-current=page]{color:#70508b}
.everyday{border-top:1px solid #ded5e3;background:#f3edf5;overflow:hidden}
.life-grid{gap:0;align-items:stretch;position:relative}
.reviews{position:relative;z-index:2;padding-right:55px}
.review-notice{font-size:13px;line-height:1.6;max-width:370px}
.review-card{border-color:#d9cddd}.review-card p{font-size:18px;line-height:1.75}.review-card strong{color:#292135}
.life-film{position:relative;top:auto;align-self:stretch;margin:-35px -8vw -70px -50px;min-height:780px;pointer-events:none;user-select:none}
.life-film video{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;border-radius:0;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 20%),linear-gradient(to bottom,transparent,#000 9%,#000 83%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 20%),linear-gradient(to bottom,transparent,#000 9%,#000 83%,transparent);-webkit-mask-composite:source-in}
.ending,.app-close{background:#eae1ee;color:#292135;border-color:#ded5e3}.ending>p:not(.eyebrow),.film-link,.app-close p{color:#655d6d}
footer{background:#faf7f2;color:#292135}footer p,footer>a:last-child{color:#655d6d}
.portfolio-page header{color:#292135}.portfolio-page .app-hero p,.feature-grid p,.app-gallery figcaption,.back-link{color:#655d6d}.portfolio-page .app-hero .app-lead{color:#292135}.feature-grid article,.portfolio-page footer{border-color:#ded5e3}.app-method{background:#f3edf5}.coming-page{color:#faf9f4}.coming-label{color:#d9ffc0}
@media(max-width:800px){.reviews{padding-right:0}.life-grid{gap:0}.life-film{min-height:540px;height:75svh;max-height:760px;margin:0 -8vw -65px}.life-film video{mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 78%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 78%,transparent)}.review-card p{font-size:17px}}

.religion-intro{padding:65px 7% 45px}.religion-intro h1{font-size:clamp(55px,7vw,100px)}.religion-intro em{color:#775497}.religion-intro>p:last-child{max-width:630px;line-height:1.8;font-size:20px;color:#655d6d}.religion-apps{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:0 7% 100px}.religion-app{background:#f0eaf2;border-radius:24px;overflow:hidden}.religion-app-art{height:430px;overflow:hidden;text-align:center;padding:40px 30px 0;background:#e4eadd}.religion-app:nth-child(2) .religion-app-art{background:#e9e0ee}.religion-app-art img{width:230px;max-width:90%;border-radius:22px;box-shadow:0 15px 45px #29213522}.religion-app-copy{padding:35px}.religion-app-copy h2{font-size:42px}.religion-app-copy p:not(.eyebrow){color:#655d6d;line-height:1.7}.umrah-stages{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.umrah-stages span{padding:14px 20px;border:1px solid #cbbdd4;border-radius:30px}.app-method em{color:#775497}
@media(max-width:700px){.religion-intro{padding-top:30px}.religion-apps{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.religion-app-art{height:340px}.religion-app-copy{padding:27px}.religion-app-copy h2{font-size:36px}}

.release-signup{max-width:740px;margin:36px auto 0;text-align:left}.signup-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.signup-fields label{font-size:14px;font-weight:600;display:grid;gap:10px}.signup-fields input{width:100%;box-sizing:border-box;border:1px solid #baabc5;border-radius:14px;background:#faf7f2;color:#292135;font:inherit;font-size:16px;padding:17px 18px}.signup-fields input:focus{outline:2px solid #775497;outline-offset:3px}.signup-consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6;margin:20px 0;color:#51435d}.signup-consent input{width:18px;height:18px;accent-color:#775497;margin:2px 0;flex-shrink:0}.release-signup .pill{border:0;cursor:pointer;font:inherit;background:#292135;color:#fff}.release-signup .pill:disabled{opacity:.65;cursor:wait}.signup-privacy{font-size:14px;line-height:1.6;color:#655d6d;margin-top:20px}.signup-status{font-size:16px;line-height:1.6;min-height:26px;color:#453358}.signup-status.is-error{color:#9b253a}.signup-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-width:600px){.signup-fields{grid-template-columns:1fr}.release-signup .pill{width:100%;justify-content:space-between}}

/* Explain the studio and offer direct app discovery before the film begins. */
.film-surface .hero-copy{top:19%;max-width:740px;right:7%}
.film-surface .hero-copy .eyebrow{font-size:13px;margin-bottom:20px;letter-spacing:2px}
.film-surface .hero-copy h1{font-size:clamp(50px,5.6vw,88px);margin-bottom:22px}
.film-surface .intro{font-size:18px;max-width:490px;line-height:1.6;margin-bottom:25px;color:#f1eaf3}
.film-surface.intro-frame .shade{background:linear-gradient(90deg,#150e1dcc,transparent 78%),linear-gradient(0deg,#150e1dcc,transparent 30%)}
.hero-apps{margin-top:28px;max-width:490px}.hero-apps>p{font-size:12px;font-weight:700;letter-spacing:1.6px;color:#dbd1e0;margin-bottom:12px}
.hero-app-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-app-links a{display:flex;flex-direction:column;gap:7px;padding:13px 15px;border:1px solid #ffffff44;border-radius:12px;background:#21152888;backdrop-filter:blur(8px);transition:background .2s}
.hero-app-links a:hover{background:#493054cc}.hero-app-links strong{font-size:16px;font-weight:600}.hero-app-links span{font-size:13px;color:#e0d5e6;line-height:1.4}.hero-app-links i{font-style:normal;margin-left:5px}
.journey-app-link{padding:11px 17px;border:1px solid #ffffff55;border-radius:30px;font-size:14px;background:#21152899;backdrop-filter:blur(8px)}.journey-app-link span{margin-left:12px}.journey-bottom{bottom:35px}.timeline{bottom:21px}
@media(max-width:1100px){body:not(.portfolio-page) header nav{gap:22px}body:not(.portfolio-page) header nav>a:not(:first-child):not(.nav-cta){display:none}}
@media(max-height:780px) and (min-width:701px){.film-surface .hero-copy{top:18%}.film-surface .hero-copy h1{font-size:clamp(50px,5.5vw,76px)}.film-surface .intro{margin-bottom:18px}.hero-apps{margin-top:20px}.film-surface .hero-copy .eyebrow{margin-bottom:14px}}
@media(max-width:700px){
 body:not(.portfolio-page) header{height:80px}.brand{font-size:14px}body:not(.portfolio-page) header nav>a:first-child{display:block;font-size:14px;border:1px solid #ffffff55;border-radius:30px;padding:11px 15px}
 .film-surface .hero-copy{top:17%;bottom:auto;left:7%;right:7%;max-width:none}.film-surface .hero-copy h1{font-size:clamp(42px,10.5vw,68px);margin-bottom:18px}.film-surface .hero-copy .eyebrow{font-size:12px;letter-spacing:1.5px;margin-bottom:16px}.film-surface .intro{font-size:16px;line-height:1.6;margin-bottom:22px;max-width:420px}
 .film-surface.intro-frame #story-film{inset:0;height:100%;width:100%;object-fit:cover;aspect-ratio:auto;opacity:.7}.film-surface.intro-frame .shade{background:linear-gradient(90deg,#150e1ddd,#150e1d55),linear-gradient(0deg,#150e1d,transparent 80%)}.film-surface.portal-moment #story-film{opacity:1}.film-surface .hero-copy .pill{padding:15px 22px}.hero-apps{margin-top:28px}.hero-app-links{gap:10px}.hero-app-links a{padding:12px}.hero-app-links strong{font-size:15px}.hero-app-links span{font-size:12px}.journey-bottom{bottom:37px;gap:12px}.scroll-cue{font-size:9px;letter-spacing:1px}.journey-app-link{font-size:12px;padding:9px 11px}.journey-app-link span{margin-left:5px}
}
@media(prefers-reduced-motion:reduce){.hero-app-links a{transition:none}}

@media(max-width:700px) and (max-height:700px){.film-surface .hero-copy{top:100px}.film-surface .hero-copy h1{font-size:clamp(36px,10vw,48px);margin-bottom:13px}.film-surface .hero-copy .eyebrow{margin-bottom:12px}.film-surface .intro{font-size:15px;line-height:1.5;margin-bottom:16px}.hero-apps{margin-top:19px}.hero-app-links a{padding:10px}.journey-bottom{gap:8px}.scroll-cue{max-width:145px;line-height:1.6}.journey-app-link{font-size:12px}}