.app-tile{vertical-align:-.2em;perspective:400px;width:1.02em;height:1.02em;margin-inline:.06em;display:inline-block}.app-tile-face{width:100%;height:100%;color:var(--cream);background:radial-gradient(120% 90% at 20% 0%, #ffffff30 0%, transparent 45%), linear-gradient(150deg, #6b5645 0%, var(--ink) 45%, var(--deep) 100%);border-radius:24%;place-items:center;display:grid;transform:rotate(-9deg)rotateY(-12deg);box-shadow:inset 0 1px #ffffff40,inset 0 -6px 12px #00000040,0 .05em #8a7560,0 .18em .3em -.08em #2a252066,0 .5em 1em -.3em #3a2d2255}.app-tile-face svg{filter:drop-shadow(0 .03em .04em #0005);width:58%;height:auto}
.phone-turn{transform-style:preserve-3d;position:relative}.phone-shell{background:linear-gradient(135deg,#6b5847 0%,#2b2420 16%,#16120f 48%,#2b2420 82%,#5a4a3d 100%);border-radius:14.5%/6.978%;width:100%;padding:3.8%;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 1px 1px #ffffff29,0 1px 2px #2a25202e,0 24px 40px -14px #2a252061,0 44px 90px -30px #2a25204d}.phone-shell:before{content:"";background:#0c0a09;border-radius:13.627%/6.475%;margin:1.2%;position:absolute;inset:0}.phone-glass{isolation:isolate;background:var(--warm);aspect-ratio:1080/2340;border-radius:11.58%/5.345%;position:relative;overflow:hidden}.app-capture{object-fit:cover;width:100%;height:100%;display:block}.phone-glass>.app-capture{position:absolute;inset:0}.camera{z-index:4;aspect-ratio:1;background:radial-gradient(circle at 36% 34%,#3b3a44 0 14%,#121114 42%,#050506 100%);border-radius:50%;width:3.2%;position:absolute;top:1.1%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff0d}.glass-light{pointer-events:none;z-index:3;background:linear-gradient(116deg,#fffcf71a,#0000 32% 70%,#fffcf70d);position:absolute;inset:0}.phone-rail,.phone-key{background:linear-gradient(90deg,#16120f,#4a3d33 55%,#241e1a);border-radius:0 3px 3px 0;width:1.2%;position:absolute;right:-.9%}.phone-key{height:6.5%;top:20.5%}.phone-rail{height:12%;top:30%}.capture-plane{pointer-events:none;position:absolute;inset:0}.capture-lift{--lift:1.25;--ox:.5;--oy:.5;top:0;left:calc(3.8% - var(--ox) * (var(--lift) - 1) * 92.4%);width:calc(var(--lift) * 92.4%);margin-top:calc(3.8% - var(--oy) * (var(--lift) - 1) * 200.2%);aspect-ratio:1080/2340;transform-origin:calc(var(--ox) * 100%) calc(var(--oy) * 100%);transform:translate(0, 0) scale(calc(1 / var(--lift)));filter:drop-shadow(0 calc(10px * var(--lift)) calc(14px * var(--lift)) #3a2d2226);pointer-events:none;display:none;position:absolute}.lift-window{aspect-ratio:1080/2340;width:100%;height:100%}.capture-rest{background:var(--paper);z-index:1;display:none;position:absolute}.motion-ready .capture-lift,.motion-ready .capture-rest{display:block}.home-bar-window{clip-path:inset(43.269% 5.231% 48.821% 5.139% round 4.583%/2.115%)}.home-bar-slot{width:100%;height:auto;top:41.838%;left:0}
.hero{padding-top:calc(var(--header-height) + 72px);background:linear-gradient(180deg, var(--cream) 0%, var(--paper) 70%);position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(48% 38% at 50% 82%,#d6f5eacc 0%,#d6f5ea00 70%),radial-gradient(34% 30% at 8% 22%,#f8ebd5 0%,#f8ebd500 70%),radial-gradient(30% 30% at 94% 34%,#f8ebd5 0%,#f8ebd500 70%);position:absolute;inset:0}.hero-calligraphy{object-fit:contain;opacity:.1;pointer-events:none;width:880px;max-width:none;height:860px;position:absolute;top:60px;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(closest-side,#000 40%,#0000);mask-image:radial-gradient(closest-side,#000 40%,#0000)}.hero-copy{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.hero-title{max-width:1120px;font-size:clamp(48px,6vw,86px);line-height:1.08}.hero-words,.word-swap{display:inline-block}.word-swap-track{margin:-.2em 0 -.14em;padding:.2em 0 .14em;display:inline-grid;overflow:clip}.word-swap-item{grid-area:1/1}.word-swap-item+.word-swap-item{opacity:0}.word-swap-item--ar{font-family:var(--font-alquran), var(--title);justify-self:center;font-size:1.1em;font-weight:545;line-height:.98}.word-swap-item--ar:before{content:attr(data-word)}.hero-accent{color:var(--green);display:inline-block;position:relative}.hero-accent>svg{fill:none;width:100%;height:18px;stroke:var(--green);stroke-width:2px;stroke-linecap:round;position:absolute;top:calc(100% - 4px);left:0;overflow:visible}.hero-lead{max-width:600px;color:var(--brown);margin-top:30px;font-size:19px;line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:38px;display:flex}.hero-facts{color:var(--brown);flex-wrap:wrap;justify-content:center;margin:38px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.hero-facts li{align-items:center;gap:9px;padding:4px 22px;display:flex}.hero-facts li+li{border-left:1px solid #8a756033}.hero-facts svg{width:20px;height:20px;color:var(--green);flex-shrink:0}@media (prefers-reduced-motion:no-preference){.js .hero [data-reveal]{opacity:1;animation:.95s cubic-bezier(.25,1,.5,1) both hero-rise}.js .hero-words+.hero-tile+.hero-words{animation-delay:.12s}.js .hero .hero-tile{animation:1.1s cubic-bezier(.34,1.56,.64,1) .12s both hero-tile}.js .hero .hero-lead{--rise:22px;animation-duration:.8s;animation-delay:.35s}.js .hero .hero-actions{--rise:22px;animation-duration:.8s;animation-delay:.44s}.js .hero .hero-facts{--rise:22px;animation-duration:.8s;animation-delay:.53s}.js .hero-accent path{stroke-dasharray:1;animation:.8s cubic-bezier(.65,0,.35,1) .7s both hero-underline}.js .hero .stage-slot{animation:.4s linear .35s both hero-fade}.js .hero .stage-phone{animation:1.4s cubic-bezier(.16,1,.3,1) .35s both hero-phone}.js .stage-slot--left .stage-phone,.js .stage-slot--right .stage-phone{--rise:52%;animation-delay:.5s}.js .stage-slot--right .stage-phone{animation-delay:.6s}}@keyframes hero-rise{0%{opacity:0;translate:0 var(--rise,40px)}}@keyframes hero-tile{0%{opacity:0;transform:translateY(20px)rotate(-60deg)scale(.3)}}@keyframes hero-underline{0%{stroke-dashoffset:1px}}@keyframes hero-fade{0%{opacity:0}}@keyframes hero-phone{0%{translate:0 var(--rise,38%)}}.hero-stage{--hill-width:max(1560px, 112vw);--side:310px;z-index:1;height:700px;margin-top:64px;position:relative}.stage-slot{width:300px;position:absolute;top:0;left:50%}.stage-slot--center{z-index:3;transform:translate(-50%)}.stage-slot--left,.stage-slot--right{z-index:2;width:256px;top:84px}.stage-slot--left{transform:translate(calc(-50% - 310px))rotate(-8deg)}.stage-slot--right{transform:translate(calc(310px - 50%))rotate(8deg)}.stage-drift{perspective:1400px}.stage-slot--left .phone-shell{transform:rotateY(14deg)}.stage-slot--right .phone-shell{transform:rotateY(-14deg)}.stage-slot--left .phone-glass,.stage-slot--right .phone-glass{filter:saturate(.92)}.hero-stage{clip-path:inset(-400px -50vw 0)}.hero-stage:after{content:"";z-index:6;background:linear-gradient(to bottom, #fffcf700, var(--paper) 90%);pointer-events:none;height:100px;position:absolute;inset:auto 0 0}.stage-ground{z-index:5;width:var(--hill-width);aspect-ratio:570.58/156.32;pointer-events:none;position:absolute;top:62%;left:50%;transform:translate(-50%)}.ground-hill>svg{width:100%;height:auto;display:block}.ground-hill path[fill=\#00C46F],.ground-hill path[fill=\#00DBA4]{display:none}.ground-ink{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ground-ink .ink-path{stroke:var(--muted);stroke-width:1.3px;vector-effect:non-scaling-stroke;opacity:.4}.ground-decor{left:calc(50% + (var(--k) - var(--w) / 2) * var(--side));bottom:calc(100% - var(--y) - 1.4%);width:calc(var(--w) * var(--side));position:absolute}.ground-decor:before{content:"";z-index:-1;background:radial-gradient(closest-side,#8a756066,#8a756000);border-radius:50%;padding-bottom:22%;position:absolute;bottom:0;left:-12%;right:-12%;transform:translateY(45%)}.ground-decor--grass:before,.ground-decor--tuft:before{opacity:.7;transform:translateY(45%) skewY(var(--tilt,0deg))}.ground-sway{transform-origin:50% 100%;animation:decor-sway 5s ease-in-out var(--delay) infinite alternate}.ground-sway>svg{--flip:1;transform-origin:50% 100%;width:100%;height:auto;transform:scaleX(var(--flip));display:block}.is-flipped .ground-sway>svg{--flip:-1}.ground-decor--tree .ground-sway{animation-duration:8s}.ground-decor--grass .ground-sway>svg,.ground-decor--tuft .ground-sway>svg{transform:translateY(17%) skewY(var(--tilt,0deg)) scaleX(var(--flip));-webkit-mask-image:linear-gradient(#000 82%,#0000 84%);mask-image:linear-gradient(#000 82%,#0000 84%)}.ground-decor--stone .ground-sway{filter:sepia(.6)saturate(1.15)hue-rotate(-6deg)brightness(1.08);animation:none}.ground-decor--stone .ground-sway>svg{transform:translateY(12%) rotate(var(--tilt,0deg)) scaleX(var(--flip));-webkit-mask-image:linear-gradient(#000 87%,#0000 90%);mask-image:linear-gradient(#000 87%,#0000 90%)}.only-narrow{display:none}@keyframes decor-sway{0%{rotate:-2.2deg}to{rotate:2.2deg}}.stage-ridges{z-index:1;width:var(--hill-width);aspect-ratio:1600/300;pointer-events:none;position:absolute;top:38%;left:50%;transform:translate(-50%)}.stage-ridges>svg{width:100%;height:100%;display:block;overflow:visible}.ridge{stroke:#fffcf7;stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.ridge--far{fill:url(#hero-ridge-far)}.ridge--near{fill:url(#hero-ridge-near)}.ridge-tree path{fill:none;stroke-width:2.4px;stroke-linecap:round}.ridge-tree--far circle{fill:#d3e3d2}.ridge-tree--far path{stroke:#dccbb6}.ridge-tree--near circle{fill:#bcd8c3}.ridge-tree--near path{stroke:#cdb89f}.stage-sky{z-index:0;pointer-events:none;position:absolute;inset:0}.sky-sun{aspect-ratio:1;background:radial-gradient(closest-side,#fde5bf 0 58%,#fde5bf99 60%,#fde5bf00 100%);border-radius:50%;width:640px;position:absolute;top:6%;left:50%;transform:translate(-50%)}.sky-cloud{filter:drop-shadow(0 10px 16px #e6d1b999);animation:26s ease-in-out infinite alternate cloud-drift;position:absolute}.sky-cloud>svg{width:100%;height:auto;display:block}.sky-cloud path{fill:#fffdf8}.sky-cloud--a{width:190px;top:4%;left:7%}.sky-cloud--b{width:140px;animation-duration:34s;animation-direction:alternate-reverse;top:20%;right:8%}.sky-cloud--c{width:96px;animation-duration:30s;top:30%;left:22%}@keyframes cloud-drift{0%{translate:-14px}to{translate:16px}}.sky-bird{opacity:0;animation:40s ease-in-out 3s infinite bird-lane;position:absolute;top:13%;left:0;right:0}.sky-bird--b{animation-duration:58s;animation-delay:18s;top:27%}.sky-bird svg{fill:none;stroke:#3a2d2257;stroke-width:1.6px;stroke-linecap:round;width:18px;height:8px;animation:40s ease-in-out 3s infinite bird-tilt;overflow:visible}.sky-bird--b svg{stroke:#3a2d2238;stroke-width:1.9px;width:12px;height:6px;animation-duration:58s;animation-delay:18s}@keyframes bird-lane{0%{opacity:0;transform:translate(-16%,26px)}10%{opacity:.9}28%{transform:translate(24%,-4px)}52%{transform:translate(52%,-26px)}76%{transform:translate(80%,-8px)}90%{opacity:.85}to{opacity:0;transform:translate(116%,22px)}}@keyframes bird-tilt{0%{rotate:-9deg}28%{rotate:-5deg}52%{rotate:2deg}76%{rotate:7deg}to{rotate:4deg}}.home-lift{--oy:.472}@media (max-width:1100px){.hero-stage{height:630px}.stage-slot{width:270px}.stage-slot--left,.stage-slot--right{width:228px;top:76px}.stage-slot--left{transform:translate(calc(-50% - 260px))rotate(-8deg)}.stage-slot--right{transform:translate(calc(260px - 50%))rotate(8deg)}.hero-stage{--side:260px}}@media (max-width:760px){.hero{padding-top:calc(var(--header-height) + 48px)}.hero-title{font-size:clamp(40px,11.4vw,58px);line-height:1.1}.hero-lead{margin-top:22px;font-size:16px}.hero-actions{flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:340px;margin-top:30px}.hero-actions .button{justify-content:space-between;padding-left:24px}.hero-actions .button--light{justify-content:center;padding-right:24px}.hero-facts{gap:8px;margin-top:26px;font-size:13.5px}.hero-facts li{background:var(--cream);border-radius:999px;padding:6px 12px 6px 10px;box-shadow:inset 0 0 0 1px #8a75601f}.hero-facts li+li{border-left:0}.hero-facts svg{width:17px;height:17px}.hero-stage{height:420px;margin-top:44px}.stage-slot{width:186px}.stage-slot--left,.stage-slot--right{width:150px;top:58px}.stage-slot--left{transform:translate(calc(-50% - 118px))rotate(-8deg)}.stage-slot--right{transform:translate(calc(118px - 50%))rotate(8deg)}.hero-stage{--hill-width:860px;--side:118px}.stage-ground{top:66%}.stage-ridges{top:44%}.sky-sun{width:380px;top:4%}.sky-cloud--c,.only-wide{display:none}.only-narrow{display:block}.sky-cloud--a{width:110px;top:2%;left:2%}.sky-cloud--b{width:80px;top:9%;right:1%}.hero-stage:after{height:90px}.hero-calligraphy{width:520px;height:520px;top:120px}}@media (prefers-reduced-motion:reduce){.stage-slot--left .phone-shell,.stage-slot--right .phone-shell{transform:none}}