:root{--ink:#f4efe3;--green:#05251e;--deep:#031a16;--forest:#0a3b30;--mint:#8dbbaa;--gold:#d5ad58;--line:#46645a;--glass:rgba(238,243,231,.08);--serif:"Marcellus",serif;--sans:"Inter",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--ink);font-family:var(--sans);overflow-x:hidden}body.menu-open{overflow:hidden}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(213,173,88,.12),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:1}.nav{position:fixed;z-index:30;top:0;left:0;width:100%;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px dashed rgba(244,239,227,.18);mix-blend-mode:normal;transition:.4s}.nav.scrolled,.nav.is-menu-open{background:rgba(3,26,22,.88);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:600;letter-spacing:.18em}.brand img{width:34px;height:34px;border-radius:10px}.nav nav{display:flex;gap:38px}.nav nav a,.scroll-cue{font-size:11px;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:600;letter-spacing:.08em}.nav nav a{position:relative}.nav nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;border-bottom:1px dashed var(--gold);transition:.35s}.nav nav a:hover:after{width:100%}.download-link span{color:var(--gold)}.menu{display:none;background:none;border:0;position:relative;z-index:33;padding:8px;margin:-8px;color:var(--ink);cursor:pointer}.menu i{display:block;width:24px;border-top:1px solid var(--ink);margin:6px;transition:transform .3s,opacity .3s}.nav.is-menu-open .menu i:first-child{transform:translateY(3.5px) rotate(45deg)}.nav.is-menu-open .menu i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(circle at 71% 50%,#174b3b 0,#0b3128 22%,var(--green) 48%,var(--deep) 100%);padding:150px 5vw 62px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(3,26,22,.08),rgba(3,26,22,.45)),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(244,239,227,.035) 25%);pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.38}.orb-a{width:32vw;height:32vw;right:8vw;top:22vh;background:radial-gradient(circle at 40% 40%,rgba(213,173,88,.4),transparent 65%);animation:breathe 8s ease-in-out infinite}.orb-b{width:18vw;height:18vw;right:20vw;bottom:-8vw;background:rgba(141,187,170,.18);filter:blur(70px)}.hero-copy{position:relative;z-index:3;width:55%}.eyebrow{font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.28em;color:#c8d8ce}.split-title{font-size:clamp(76px,13.2vw,210px);line-height:.72;margin:42px 0 45px;font-weight:500;letter-spacing:-.065em}.split-title .word{display:block}.script{display:block;margin-left:9vw;font:italic clamp(44px,6vw,92px)/1 var(--serif);color:var(--gold);letter-spacing:0}.hero-text{max-width:460px;font-size:clamp(20px,2vw,30px);line-height:1.25;color:#d4ded7}.pill,.ghost{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;margin-top:30px;border-radius:999px;padding:15px 20px;text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:600;text-decoration:none;transition:.35s}.pill{color:var(--deep);background:var(--ink);border:1px solid var(--ink)}.pill:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-3px)}.ghost{color:var(--ink);border:1px solid var(--ink)}.ghost:hover{background:var(--ink);color:var(--deep)}.hero-object{position:absolute;z-index:2;right:6vw;top:13vh;width:43vw;height:78vh;display:grid;place-items:center;perspective:1400px}.phone{position:relative;width:min(280px,25vw);aspect-ratio:1290/2796;border:8px solid #e9eadf;border-radius:42px;background:#e9eadf;overflow:hidden;box-shadow:0 0 0 2px #697a70,0 40px 100px rgba(0,0,0,.42)}.phone-top{position:absolute;z-index:3;top:10px;left:50%;transform:translateX(-50%);width:30%;height:22px;border-radius:18px;background:#07100d}.phone img{width:100%;height:100%;object-fit:cover;display:block}.hero-phone{transform:rotateY(-13deg) rotateX(5deg) rotateZ(4deg);animation:floatPhone 6s ease-in-out infinite}.halo{position:absolute;border:1px solid rgba(213,173,88,.55);border-radius:50%}.halo-1{width:78%;aspect-ratio:1}.halo-2{width:98%;aspect-ratio:1;border-style:dashed;animation:spin 30s linear infinite}.orbit-label{position:absolute;font-size:8px;letter-spacing:.3em;color:var(--mint);writing-mode:vertical-rl}.label-one{right:2%}.label-two{left:4%;transform:rotate(180deg)}.hero-card{position:absolute;z-index:4;left:5vw;bottom:38px;width:330px;padding:22px;border:1px solid rgba(141,187,170,.28);border-radius:12px;background:rgba(4,41,33,.58);backdrop-filter:blur(14px)}.hero-card strong{font-size:12px;letter-spacing:.13em;line-height:1.35}.hero-card p{font-size:13px;line-height:1.5;color:#b9cbc0;margin:16px 0 0}.dash{border-top:1px dashed var(--line);margin:16px 0}.side-label{position:absolute;right:18px;top:42%;font-size:8px;letter-spacing:.28em;color:var(--mint);writing-mode:vertical-rl}.scroll-cue{position:absolute;z-index:5;right:5vw;bottom:40px;display:flex;align-items:center;gap:12px}.scroll-cue span{width:40px;border-top:1px solid var(--gold);animation:cue 2s infinite}.manifesto{min-height:100vh;position:relative;display:grid;place-items:center;padding:12vw 6vw;background:var(--deep);border-top:1px dashed var(--line);overflow:hidden}.section-index,.panel-num,.principles>span{position:absolute;top:38px;left:42px;font-size:10px;letter-spacing:.2em;color:var(--mint)}.manifesto-copy{position:relative;z-index:2;margin:0;font-size:clamp(45px,7.2vw,118px);line-height:.91;text-align:left;font-weight:500;letter-spacing:-.05em}.manifesto-copy em,h2 em{font-family:var(--serif);font-weight:400;color:var(--gold)}.floating-mark{position:absolute;width:32vw;aspect-ratio:1;border:1px dashed rgba(213,173,88,.3);border-radius:50%;display:grid;place-items:center;opacity:.5}.floating-mark:before,.floating-mark:after{content:"";position:absolute;inset:12%;border:1px solid rgba(141,187,170,.25);border-radius:50%}.floating-mark span{font-size:12vw}.floating-mark i{position:absolute;font-style:normal;font-size:5vw;color:var(--gold);transform:translate(90%,-70%)}.showcase{height:400vh;background:var(--green);position:relative}.sticky-stage{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1fr minmax(270px,34vw) 1fr;align-items:center;gap:3vw;padding:90px 5vw 35px;overflow:hidden}.sticky-stage:before{content:"";position:absolute;width:50vw;aspect-ratio:1;border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(213,173,88,.16),transparent 63%)}.stage-copy{position:relative;z-index:3}.stage-copy>span{font-size:10px;letter-spacing:.2em;color:var(--mint)}.stage-copy h2,.feature-panel h2,.download h2{font-size:clamp(38px,5vw,79px);line-height:.92;letter-spacing:-.045em;font-weight:500}.stage-right p,.feature-panel p,.download>p{font-size:clamp(18px,2vw,29px);line-height:1.28;color:#c6d3cb}.stage-phone{z-index:2;justify-self:center;width:min(330px,27vw);transform-style:preserve-3d}.stage-phone .screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}.stage-phone .screen.active{opacity:1}.progress-rail{position:absolute;right:22px;top:20%;height:60%;border-left:1px solid var(--line)}.progress-rail i{position:absolute;left:-2px;top:0;height:25%;border-left:3px solid var(--gold)}.feature-grid{background:var(--deep)}.feature-panel{min-height:100vh;position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:8vw;padding:120px 6vw 70px;border-top:1px dashed var(--line);overflow:hidden}.feature-panel>div:last-child{position:relative;z-index:2}.compass{width:min(48vw,620px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;position:relative;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0 12%,rgba(141,187,170,.08) 12.2% 12.4%)}.compass:after{content:"";position:absolute;inset:7%;border:1px dashed rgba(213,173,88,.5);border-radius:50%}.compass span{position:absolute;font-size:12px}.compass span:nth-of-type(1){top:5%}.compass span:nth-of-type(2){right:5%}.compass span:nth-of-type(3){bottom:5%}.compass span:nth-of-type(4){left:5%}.needle{font-size:8vw;color:var(--gold);transform:rotate(24deg);animation:needle 5s ease-in-out infinite}.panel-quran{background:var(--forest)}.ayah{align-self:center;text-align:center}.ayah small{display:block;font-size:clamp(18px,2vw,30px);color:var(--mint);margin-bottom:40px}.ayah strong{font-family:var(--serif);font-size:clamp(130px,20vw,330px);font-weight:400;color:var(--gold);line-height:.8}.principles{position:relative;padding:100px 0 0;background:var(--ink);color:var(--deep);overflow:hidden}.principles>span{color:#597068}.ticker{display:flex;width:max-content;border-top:1px dashed #9aa49c;border-bottom:1px dashed #9aa49c;padding:22px 0;font-size:clamp(38px,6vw,92px);line-height:1;animation:ticker 28s linear infinite}.principle-list{padding:9vw 6vw}.principle-list article{display:grid;grid-template-columns:70px 1fr 1fr;gap:5vw;padding:48px 0;border-bottom:1px dashed #9aa49c}.principle-list b{color:#6e837a}.principle-list h3{font-size:clamp(25px,3.5vw,50px);margin:0;line-height:.95}.principle-list p{font-size:20px;max-width:440px;margin:0;line-height:1.4}.download{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 5vw 80px;background:radial-gradient(circle at 50% 45%,#155040,var(--green) 35%,var(--deep) 72%);overflow:hidden}.download-aura{position:absolute;width:52vw;aspect-ratio:1;border:1px dashed rgba(213,173,88,.38);border-radius:50%;animation:spin 40s linear infinite}.download-aura:before,.download-aura:after{content:"";position:absolute;border:1px solid rgba(141,187,170,.2);border-radius:50%;inset:12%}.download-aura:after{inset:25%}.download>*:not(.download-aura){z-index:2}.download-icon{width:92px;border-radius:24px;margin-bottom:30px;box-shadow:0 18px 60px rgba(0,0,0,.3)}.download h2{font-size:clamp(56px,9vw,145px);margin:25px 0}.download>p:not(.eyebrow){max-width:650px}.store-actions{display:flex;gap:12px}.download footer{position:absolute;bottom:25px;left:42px;right:42px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em}.download footer a{color:var(--ink);text-decoration:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}@keyframes breathe{50%{transform:scale(1.12);opacity:.6}}@keyframes floatPhone{50%{transform:rotateY(-8deg) rotateX(2deg) rotateZ(1deg) translateY(-18px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cue{50%{width:20px}}@keyframes needle{50%{transform:rotate(58deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@media(max-width:800px){.cursor-glow{display:none}.nav{height:66px;padding:0 20px}.nav:before{content:"";position:fixed;inset:66px 0 0;background:rgba(3,26,22,.64);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .32s}.nav.is-menu-open:before{opacity:1;pointer-events:auto}.nav nav{position:fixed;left:12px;right:12px;top:78px;display:flex;flex-direction:column;gap:0;padding:15px;border:1px dashed rgba(244,239,227,.24);border-radius:16px;background:rgba(4,41,33,.94);box-shadow:0 24px 70px rgba(0,0,0,.42);transform:translateY(-18px) scale(.97);opacity:0;pointer-events:none;transition:transform .34s ease,opacity .34s ease}.nav.is-menu-open nav{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.nav nav a{display:flex;justify-content:space-between;align-items:center;min-height:58px;padding:0 10px;border-bottom:1px dashed rgba(141,187,170,.24);font-size:13px;letter-spacing:.12em}.nav nav a:last-child{border-bottom:0;color:var(--gold)}.nav nav a:after{display:none}.menu{display:block}.hero{padding:110px 20px 120px;min-height:1100px}.hero-copy{width:100%}.split-title{font-size:24vw;margin-top:32px}.script{margin-left:28vw;font-size:13vw}.hero-text{font-size:20px;max-width:330px}.hero-object{top:460px;right:-20px;width:100%;height:510px}.phone{width:210px;border-width:6px;border-radius:32px}.hero-card{left:20px;right:20px;bottom:28px;width:auto}.scroll-cue,.side-label{display:none}.manifesto{padding:130px 22px}.manifesto-copy{font-size:13vw}.floating-mark{width:76vw}.section-index,.panel-num,.principles>span{left:20px}.showcase{height:360vh}.sticky-stage{grid-template-columns:1fr;padding:90px 20px 30px;align-content:center}.stage-left{position:absolute;left:20px;top:90px}.stage-left h2{font-size:10vw}.stage-phone{width:220px;margin-top:80px}.stage-right{position:absolute;bottom:35px;left:20px;right:40px}.stage-right p{font-size:17px}.feature-panel{grid-template-columns:1fr;padding:110px 20px 50px;align-content:center}.compass{width:80vw;justify-self:center}.feature-panel h2{font-size:11vw}.ayah strong{font-size:40vw}.principle-list{padding:100px 20px}.principle-list article{grid-template-columns:35px 1fr;gap:20px}.principle-list p{grid-column:2;font-size:16px}.download{padding-left:20px;padding-right:20px}.download-aura{width:110vw}.store-actions{flex-direction:column;width:100%;max-width:330px}.store-actions a{margin-top:8px}.download footer{left:20px;right:20px;gap:12px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Extra editorial motion layer */
body .phone-lift-scene{position:relative;width:min(520px,42vw);height:min(460px,62vh);display:grid;place-items:center;transform-style:preserve-3d;cursor:pointer}
body .phone-lift-scene:before{content:"";position:absolute;left:7%;right:7%;bottom:7%;height:22%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.56),rgba(0,0,0,.18) 48%,transparent 72%);filter:blur(18px);transform:rotateX(72deg) rotateZ(-14deg);opacity:.9}
body .phone-lift-scene:after{content:"НАВЕДИТЕ НА ТЕЛЕФОН";position:absolute;right:2%;bottom:0;font-size:9px;letter-spacing:.22em;color:rgba(244,239,227,.55);transform:translateY(22px)}
body .phone-lift-scene .hero-phone{position:absolute;left:50%;top:58%;width:min(310px,25vw);transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-24deg)!important;border-width:7px;border-color:#e8e6da;border-radius:44px;box-shadow:0 2px 0 #9d9a8b,0 28px 80px rgba(0,0,0,.48);animation:phoneSettle 7s ease-in-out infinite;z-index:3}
body .phone-lift-scene .hero-phone img{filter:saturate(.9) contrast(.94) brightness(.72)}
body .phone-lift-scene .phone-top{opacity:.42}
body .phone-shadow{position:absolute;left:50%;top:65%;width:58%;height:14%;border-radius:50%;background:rgba(0,0,0,.42);filter:blur(22px);transform:translateX(-50%) rotateZ(-15deg);z-index:1}
body .lift-stack{position:absolute;inset:0;transform-style:preserve-3d;z-index:6}
body .lift-card{position:absolute;left:50%;top:53%;width:min(168px,13vw);aspect-ratio:1290/2796;object-fit:cover;border:5px solid rgba(244,239,227,.9);border-radius:28px;box-shadow:0 18px 54px rgba(0,0,0,.38),0 0 0 1px rgba(213,173,88,.24);transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-24deg) translate3d(0,0,8px);opacity:0;filter:brightness(.92) saturate(.96);transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .48s,filter .48s}
body .lift-card-home{transition-delay:.02s}body .lift-card-qibla{transition-delay:.08s}body .lift-card-quran{transition-delay:.14s}body .lift-card-tasbih{transition-delay:.2s}
body .phone-lift-scene:hover .lift-card,body .phone-lift-scene.is-lifted .lift-card{opacity:1;filter:brightness(1.04) saturate(1.04)}
body .phone-lift-scene:hover .lift-card-home,body .phone-lift-scene.is-lifted .lift-card-home{transform:translate(-138%,-58%) rotateX(54deg) rotateZ(-29deg) rotateY(9deg) translate3d(0,0,120px)}
body .phone-lift-scene:hover .lift-card-qibla,body .phone-lift-scene.is-lifted .lift-card-qibla{transform:translate(-64%,-48%) rotateX(52deg) rotateZ(-13deg) rotateY(4deg) translate3d(0,0,180px)}
body .phone-lift-scene:hover .lift-card-quran,body .phone-lift-scene.is-lifted .lift-card-quran{transform:translate(12%,-50%) rotateX(53deg) rotateZ(7deg) rotateY(-5deg) translate3d(0,0,150px)}
body .phone-lift-scene:hover .lift-card-tasbih,body .phone-lift-scene.is-lifted .lift-card-tasbih{transform:translate(78%,-48%) rotateX(56deg) rotateZ(23deg) rotateY(-9deg) translate3d(0,0,100px)}
body .phone-lift-scene:hover .hero-phone,body .phone-lift-scene.is-lifted .hero-phone{transform:translate(-50%,-45%) rotateX(70deg) rotateZ(-24deg) scale(.96)!important}
body .phone-lift-scene:hover+.orbit-label,body .phone-lift-scene.is-lifted+.orbit-label{color:var(--gold)}
@keyframes phoneSettle{50%{translate:0 -8px}}
@media(max-width:800px){body .phone-lift-scene{width:100%;height:500px}body .phone-lift-scene:after{content:"ЭКРАНЫ BAZA";right:26px;bottom:18px}body .phone-lift-scene .hero-phone{width:210px;top:62%;border-radius:32px}body .lift-card{width:112px;border-width:4px;border-radius:22px}body .phone-lift-scene .lift-card{opacity:1}body .phone-lift-scene .lift-card-home{transform:translate(-124%,-56%) rotateX(54deg) rotateZ(-29deg) rotateY(9deg) translate3d(0,0,110px)}body .phone-lift-scene .lift-card-qibla{transform:translate(-54%,-50%) rotateX(52deg) rotateZ(-13deg) rotateY(4deg) translate3d(0,0,160px)}body .phone-lift-scene .lift-card-quran{transform:translate(12%,-48%) rotateX(53deg) rotateZ(7deg) rotateY(-5deg) translate3d(0,0,140px)}body .phone-lift-scene .lift-card-tasbih{transform:translate(74%,-44%) rotateX(56deg) rotateZ(23deg) rotateY(-9deg) translate3d(0,0,100px)}}
body{--scroll:0;--stage:0;--mx:0deg;--my:0deg}
body .motion-film{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:.42}
body .motion-film span{position:absolute;top:-20%;bottom:-20%;width:1px;background:linear-gradient(180deg,transparent,rgba(244,239,227,.34),transparent);animation:filmDrift var(--d) linear infinite}
body .motion-film span:nth-child(1){--x:16;--d:9s}body .motion-film span:nth-child(2){--x:42;--d:12s}body .motion-film span:nth-child(3){--x:68;--d:10s}body .motion-film span:nth-child(4){--x:88;--d:14s}
body .light-sweep{position:absolute;z-index:1;inset:-20% -25%;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(244,239,227,.08) 45%,rgba(213,173,88,.14) 49%,transparent 61%);transform:translateX(calc(-30% + var(--scroll)*28%)) rotate(-8deg);filter:blur(1px);opacity:.8}
body .split-title .word{display:block;transform-origin:left bottom;animation:titleReveal 1.25s cubic-bezier(.16,1,.3,1) both}
body .script{animation:scriptReveal 1.55s .16s cubic-bezier(.16,1,.3,1) both}
body .hero-text,body .hero .pill,body .hero-card{animation:softLift .9s .35s cubic-bezier(.16,1,.3,1) both}
body .hero-phone{transform:rotateY(calc(-13deg + var(--mx))) rotateX(calc(5deg + var(--my))) rotateZ(4deg)!important;transition:transform .18s ease-out}
body .hero-phone:after,body .stage-phone:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.28),transparent 52%);transform:translateX(-130%);animation:glassGlint 5.8s ease-in-out infinite;pointer-events:none;z-index:4}
body .product-trails{position:absolute;inset:3%;pointer-events:none;transform-style:preserve-3d}
body .product-trails i{position:absolute;inset:7%;border:1px solid rgba(244,239,227,.2);border-radius:46%;transform:rotate(var(--r)) scale(var(--s));animation:trailPulse 4.8s ease-in-out infinite}
body .product-trails i:nth-child(1){--r:-18deg;--s:.82}body .product-trails i:nth-child(2){--r:22deg;--s:1;animation-delay:.45s}body .product-trails i:nth-child(3){--r:58deg;--s:1.16;animation-delay:.9s;border-color:rgba(213,173,88,.28)}
body .orbit-label{animation:labelFloat 4s ease-in-out infinite}body .label-two{animation-delay:1s}
body .cinema-frame{position:absolute;inset:94px 5vw 35px;z-index:1;pointer-events:none;opacity:calc(.18 + var(--stage)*.36)}
body .cinema-frame i{position:absolute;background:rgba(244,239,227,.22)}
body .cinema-frame i:nth-child(1),body .cinema-frame i:nth-child(2){left:0;right:0;height:1px;transform:scaleX(calc(.18 + var(--stage)*.82));transform-origin:left}
body .cinema-frame i:nth-child(1){top:0}body .cinema-frame i:nth-child(2){bottom:0;transform-origin:right}
body .cinema-frame i:nth-child(3),body .cinema-frame i:nth-child(4){top:0;bottom:0;width:1px;transform:scaleY(calc(.18 + var(--stage)*.82));transform-origin:top}
body .cinema-frame i:nth-child(3){left:0}body .cinema-frame i:nth-child(4){right:0;transform-origin:bottom}
body .stage-phone{filter:drop-shadow(0 38px 70px rgba(0,0,0,.32))}
body .stage-phone .screen.active{animation:screenPop .7s cubic-bezier(.16,1,.3,1) both}
body .compass:before{content:"";position:absolute;inset:-12%;border-radius:50%;background:conic-gradient(from calc(var(--scroll)*1turn),transparent,rgba(213,173,88,.18),transparent 28%);filter:blur(18px);animation:compassAura 7s linear infinite}
body .needle{position:relative;z-index:2}
body .ayah strong{display:inline-block;animation:ayahBreath 5s ease-in-out infinite}
body .principle-list article{transform:translateX(calc((1 - var(--visible,0))*-26px));opacity:calc(.45 + var(--visible,0)*.55);transition:opacity .75s,transform .75s}
body .download-icon{animation:iconHover 4.8s ease-in-out infinite}
body .prayer-ribbon{position:absolute;left:0;right:0;top:18%;display:flex;width:max-content;font-family:var(--serif);font-size:clamp(70px,12vw,190px);line-height:1;color:rgba(244,239,227,.06);white-space:nowrap;animation:ribbon 34s linear infinite;pointer-events:none}
body .prayer-ribbon span{display:block;padding-right:1ch}
body .pill,body .ghost,body .brand,body .menu{will-change:transform}
body .pill:hover,body .ghost:hover,body .brand:hover{transform:translateY(-3px) scale(1.02)}
@keyframes filmDrift{from{transform:translateX(calc(var(--x)*1vw - 18vw)) rotate(18deg)}to{transform:translateX(calc(var(--x)*1vw + 18vw)) rotate(18deg)}}
@keyframes titleReveal{from{opacity:0;transform:translateY(70px) rotateX(28deg) scaleY(.88);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes scriptReveal{from{opacity:0;transform:translateX(-34px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes softLift{from{opacity:0;transform:translateY(34px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes glassGlint{0%,58%{transform:translateX(-130%)}72%,100%{transform:translateX(130%)}}
@keyframes trailPulse{0%,100%{opacity:.18;transform:rotate(var(--r)) scale(var(--s)) translateY(0)}50%{opacity:.62;transform:rotate(calc(var(--r) + 7deg)) scale(calc(var(--s) + .04)) translateY(-10px)}}
@keyframes labelFloat{50%{transform:translateY(-12px)}}
@keyframes screenPop{from{transform:scale(.985);filter:blur(8px)}to{transform:scale(1);filter:blur(0)}}
@keyframes compassAura{to{transform:rotate(360deg)}}
@keyframes ayahBreath{50%{transform:scale(1.035);text-shadow:0 0 34px rgba(213,173,88,.24)}}
@keyframes iconHover{50%{transform:translateY(-12px) rotate(-2deg);box-shadow:0 30px 75px rgba(0,0,0,.36)}}
@keyframes ribbon{to{transform:translateX(-50%)}}
@media(max-width:800px){body .motion-film{opacity:.28}body .light-sweep{inset:-10% -70%}body .product-trails{inset:8%}body .cinema-frame{display:none}body .prayer-ribbon{top:24%;font-size:28vw}}
@media(prefers-reduced-motion:reduce){body .motion-film,body .light-sweep,body .product-trails,body .cinema-frame,body .prayer-ribbon{display:none}}

/* Product lift moved out of hero */
body .hero-object>.hero-phone{transform:rotateY(calc(-13deg + var(--mx))) rotateX(calc(5deg + var(--my))) rotateZ(4deg)!important;animation:floatPhone 6s ease-in-out infinite}
body .product-lift{position:relative;min-height:118vh;padding:125px 5vw 90px;background:radial-gradient(circle at 68% 45%,#174b3b 0,#082d25 30%,var(--deep) 72%);border-top:1px dashed var(--line);overflow:hidden;display:grid;grid-template-columns:minmax(280px,.7fr) minmax(520px,1.3fr);align-items:center;gap:4vw}
body .product-lift:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(244,239,227,.035) 20%),linear-gradient(180deg,rgba(3,26,22,.1),rgba(3,26,22,.48));pointer-events:none}
body .product-copy{position:relative;z-index:3;max-width:520px}
body .product-copy h2{font-size:clamp(40px,5.8vw,92px);line-height:.92;letter-spacing:-.045em;font-weight:500;margin:28px 0}
body .product-copy p:last-child{font-size:clamp(17px,1.5vw,23px);line-height:1.35;color:#c6d3cb}
body .product-lift-stage{position:relative;z-index:2;min-height:720px;display:grid;place-items:center;perspective:1700px}
body .product-lift .phone-lift-scene{width:min(820px,58vw);height:680px}
body .product-lift .phone-lift-scene:after{content:"НАВЕДИТЕ · ЭКРАНЫ РАСКРОЮТСЯ";right:12%;bottom:8%;color:rgba(244,239,227,.62)}
body .product-lift .phone-lift-scene .lift-base-phone{position:absolute;left:50%;top:62%;width:min(340px,22vw);transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-24deg)!important;border-width:7px;border-color:#e8e6da;border-radius:44px;box-shadow:0 2px 0 #9d9a8b,0 28px 80px rgba(0,0,0,.48);animation:phoneSettle 7s ease-in-out infinite;z-index:3}
body .product-lift .lift-card{width:min(165px,10vw);top:58%;opacity:0}
body .product-lift .phone-lift-scene.is-lifted .lift-card,body .product-lift .phone-lift-scene:hover .lift-card{opacity:1}
body .product-lift .phone-lift-scene.is-lifted .lift-card-home,body .product-lift .phone-lift-scene:hover .lift-card-home{transform:translate(-178%,-72%) rotateX(53deg) rotateZ(-30deg) rotateY(10deg) translate3d(0,0,145px)}
body .product-lift .phone-lift-scene.is-lifted .lift-card-qibla,body .product-lift .phone-lift-scene:hover .lift-card-qibla{transform:translate(-92%,-128%) rotateX(52deg) rotateZ(-16deg) rotateY(6deg) translate3d(0,0,220px)}
body .product-lift .phone-lift-scene.is-lifted .lift-card-quran,body .product-lift .phone-lift-scene:hover .lift-card-quran{transform:translate(-8%,-146%) rotateX(51deg) rotateZ(0deg) rotateY(0deg) translate3d(0,0,255px)}
body .product-lift .phone-lift-scene.is-lifted .lift-card-tasbih,body .product-lift .phone-lift-scene:hover .lift-card-tasbih{transform:translate(78%,-126%) rotateX(52deg) rotateZ(16deg) rotateY(-6deg) translate3d(0,0,220px)}
body .product-lift .phone-lift-scene.is-lifted .lift-card-names,body .product-lift .phone-lift-scene:hover .lift-card-names{transform:translate(154%,-70%) rotateX(54deg) rotateZ(29deg) rotateY(-10deg) translate3d(0,0,145px)}
body .product-lift .phone-lift-scene:hover .lift-base-phone,body .product-lift .phone-lift-scene.is-lifted .lift-base-phone{transform:translate(-50%,-47%) rotateX(70deg) rotateZ(-24deg) scale(.96)!important}
@media(max-width:800px){body .product-lift{min-height:1000px;padding:110px 20px 80px;grid-template-columns:1fr;align-content:start;gap:26px}body .product-lift .section-index{left:20px}body .product-copy{max-width:100%}body .product-copy h2{font-size:12vw}body .product-lift-stage{min-height:560px;overflow:visible}body .product-lift .phone-lift-scene{width:100%;height:560px}body .product-lift .phone-lift-scene:after{right:20px;bottom:4%;content:"5 ЭКРАНОВ BAZA"}body .product-lift .phone-lift-scene .lift-base-phone{width:210px;top:68%;border-radius:32px}body .product-lift .lift-card{width:94px;border-width:3px;border-radius:18px}body .product-lift .phone-lift-scene .lift-card{opacity:1}body .product-lift .phone-lift-scene .lift-card-home{transform:translate(-126%,-80%) rotateX(54deg) rotateZ(-29deg) rotateY(9deg) translate3d(0,0,130px)}body .product-lift .phone-lift-scene .lift-card-qibla{transform:translate(-62%,-108%) rotateX(52deg) rotateZ(-15deg) rotateY(5deg) translate3d(0,0,175px)}body .product-lift .phone-lift-scene .lift-card-quran{transform:translate(0%,-122%) rotateX(52deg) rotateZ(0deg) translate3d(0,0,200px)}body .product-lift .phone-lift-scene .lift-card-tasbih{transform:translate(62%,-108%) rotateX(52deg) rotateZ(15deg) rotateY(-5deg) translate3d(0,0,175px)}body .product-lift .phone-lift-scene .lift-card-names{transform:translate(126%,-78%) rotateX(55deg) rotateZ(29deg) rotateY(-9deg) translate3d(0,0,130px)}}
body .showcase{height:820vh}
@media(max-width:800px){body .showcase{height:650vh}}

/* Clean product-lift composition */
body .product-lift{display:block!important;min-height:980px!important;padding:118px 5vw 86px!important}
body .product-lift .section-index{z-index:4}
body .product-copy{max-width:980px!important;margin:0 auto 24px!important;text-align:center!important}
body .product-copy h2{font-size:clamp(44px,6.4vw,106px)!important;line-height:.9!important;margin:20px 0 22px!important}
body .product-copy p:last-child{max-width:760px!important;margin:0 auto!important;font-size:clamp(16px,1.25vw,21px)!important}
body .product-lift-stage{min-height:560px!important;width:min(960px,86vw)!important;margin:0 auto!important;overflow:visible!important}
body .product-lift .phone-lift-scene{width:min(760px,76vw)!important;height:540px!important}
body .product-lift .phone-lift-scene:after{right:8%!important;bottom:2%!important}
body .product-lift .phone-lift-scene .lift-base-phone{width:min(300px,21vw)!important;top:64%!important}
body .product-lift .lift-card{width:min(112px,7.8vw)!important;top:56%!important}
body .product-lift .phone-lift-scene.is-lifted .lift-card-home,body .product-lift .phone-lift-scene:hover .lift-card-home{transform:translate(-360%,-48%) rotateX(54deg) rotateZ(-28deg) rotateY(10deg) translate3d(0,0,115px)!important}
body .product-lift .phone-lift-scene.is-lifted .lift-card-qibla,body .product-lift .phone-lift-scene:hover .lift-card-qibla{transform:translate(-112%,-106%) rotateX(52deg) rotateZ(-14deg) rotateY(6deg) translate3d(0,0,172px)!important}
body .product-lift .phone-lift-scene.is-lifted .lift-card-quran,body .product-lift .phone-lift-scene:hover .lift-card-quran{transform:translate(112%,-106%) rotateX(52deg) rotateZ(14deg) rotateY(-6deg) translate3d(0,0,172px)!important}
body .product-lift .phone-lift-scene.is-lifted .lift-card-tasbih,body .product-lift .phone-lift-scene:hover .lift-card-tasbih{display:none!important}
body .product-lift .phone-lift-scene.is-lifted .lift-card-names,body .product-lift .phone-lift-scene:hover .lift-card-names{transform:translate(360%,-48%) rotateX(54deg) rotateZ(28deg) rotateY(-10deg) translate3d(0,0,115px)!important}
@media(max-width:800px){body .product-lift{min-height:920px!important;padding:100px 20px 72px!important}body .product-copy{text-align:left!important;margin-bottom:20px!important}body .product-copy h2{font-size:15vw!important;max-width:360px!important}body .product-copy p:last-child{margin:0!important;max-width:340px!important}body .product-lift-stage{width:100%!important;min-height:460px!important;overflow:hidden!important}body .product-lift .phone-lift-scene{width:100%!important;height:450px!important}body .product-lift .phone-lift-scene .lift-base-phone{width:190px!important;top:68%!important}body .product-lift .lift-card{width:82px!important}body .product-lift .phone-lift-scene .lift-card-home{transform:translate(-108%,-56%) rotateX(54deg) rotateZ(-25deg) rotateY(9deg) translate3d(0,0,110px)!important}body .product-lift .phone-lift-scene .lift-card-qibla{transform:translate(-45%,-84%) rotateX(52deg) rotateZ(-12deg) rotateY(5deg) translate3d(0,0,150px)!important}body .product-lift .phone-lift-scene .lift-card-quran{transform:translate(45%,-84%) rotateX(52deg) rotateZ(12deg) rotateY(-5deg) translate3d(0,0,150px)!important}body .product-lift .phone-lift-scene .lift-card-tasbih{display:none!important}body .product-lift .phone-lift-scene .lift-card-names{transform:translate(108%,-56%) rotateX(55deg) rotateZ(25deg) rotateY(-9deg) translate3d(0,0,110px)!important}}

/* Product orbit replacement */
body .product-lift{min-height:1080px!important;padding:118px 5vw 96px!important}
body .product-copy h2{font-size:clamp(44px,6vw,98px)!important}
body .product-orbit-stage{position:relative;z-index:2;width:min(1040px,88vw);height:650px;margin:28px auto 0;display:grid;place-items:center;perspective:1600px;overflow:visible}
body .orbit-rings{position:absolute;inset:8% 12%;display:grid;place-items:center;pointer-events:none;opacity:.9}
body .orbit-rings i{position:absolute;border:1px dashed rgba(213,173,88,.28);border-radius:50%;animation:orbitSpin 26s linear infinite}
body .orbit-rings i:nth-child(1){width:78%;aspect-ratio:1.35}
body .orbit-rings i:nth-child(2){width:58%;aspect-ratio:1.2;animation-duration:36s;animation-direction:reverse;border-color:rgba(141,187,170,.22)}
body .orbit-rings i:nth-child(3){width:38%;aspect-ratio:1;border-style:solid;opacity:.45}
body .orbit-phone{position:absolute;width:min(250px,20vw)!important;z-index:5;transform:rotateY(-12deg) rotateX(5deg) rotateZ(4deg)!important;animation:orbitPhone 7s ease-in-out infinite!important}
body .orbit-panel{position:absolute;z-index:4;width:min(112px,7.2vw);aspect-ratio:1290/2796;border:4px solid rgba(244,239,227,.92);border-radius:24px;overflow:hidden;background:#f4efe3;box-shadow:0 24px 70px rgba(0,0,0,.36),0 0 0 1px rgba(213,173,88,.2);transform-style:preserve-3d;animation:panelFloat 6s ease-in-out infinite}
body .orbit-panel img{width:100%;height:100%;object-fit:cover;display:block}
body .orbit-panel span{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);font-size:9px;letter-spacing:.2em;color:rgba(244,239,227,.7);white-space:nowrap}
body .orbit-panel-qibla{left:9%;top:60%;transform:rotateZ(-12deg) rotateY(16deg)}
body .orbit-panel-quran{left:22%;top:2%;transform:rotateZ(-5deg) rotateY(10deg);animation-delay:.8s}
body .orbit-panel-names{right:22%;top:2%;transform:rotateZ(5deg) rotateY(-10deg);animation-delay:1.4s}
body .orbit-panel-tasbih{right:9%;top:60%;transform:rotateZ(12deg) rotateY(-16deg);animation-delay:2s}
body .product-orbit-stage:after{content:"BAZA · LIVE PRODUCT ORBIT";position:absolute;right:4%;bottom:4%;font-size:9px;letter-spacing:.22em;color:rgba(244,239,227,.52)}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes orbitPhone{50%{transform:rotateY(-7deg) rotateX(3deg) rotateZ(2deg) translateY(-14px)!important}}
@keyframes panelFloat{50%{translate:0 -16px;filter:brightness(1.04)}}
@media(max-width:800px){body .product-lift{min-height:1000px!important;padding:104px 20px 80px!important}body .product-copy h2{font-size:13vw!important}body .product-orbit-stage{width:100%;height:520px;margin-top:22px;overflow:hidden}body .orbit-phone{width:190px!important;top:45%}body .orbit-panel{width:82px;border-width:3px;border-radius:18px}body .orbit-panel span{display:none}body .orbit-panel-qibla{left:6%;top:43%}body .orbit-panel-quran{left:23%;top:14%}body .orbit-panel-names{right:23%;top:14%}body .orbit-panel-tasbih{right:6%;top:43%}body .orbit-rings{inset:18% -8%}body .product-orbit-stage:after{right:0;bottom:2%;content:"4 ЭКРАНА BAZA"}}