:root{--bg:#050a08;--panel:#0b1511;--line:#1f352b;--gold:#d0a45e;--green:#183d30;--cream:#efe6d3;--muted:#a8b3ad}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 10%,#102a20 0,#050a08 34%),var(--bg);color:#f6f3eb;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.nav{height:88px;align-items:center;justify-content:space-between;padding:0 5vw;position:relative;z-index:20;border-bottom:1px solid hsla(0,0%,100%,.06)}.brand,.nav{display:flex}.mark{width:40px;height:40px;border:1px solid var(--gold);display:grid;place-items:center;transform:rotate(45deg);border-radius:10px;color:var(--gold)}.mark+span{font-family:Georgia,serif;font-size:20px}.mark:first-line{transform:rotate(-45deg)}nav{display:flex;gap:28px;font-size:14px;color:#cbd2ce}.button,.lang{border:1px solid #42604f;background:linear-gradient(135deg,#183d30,#0a1611);color:#fff;border-radius:999px;padding:12px 20px;cursor:pointer}.hero{min-height:720px;display:grid;grid-template-columns:46% 54%;align-items:center;padding:40px 5vw 70px;overflow:hidden}.hero-copy{max-width:640px}.kicker,.pill{display:inline-block;color:var(--gold);text-transform:uppercase;letter-spacing:.17em;font-size:12px;margin-bottom:20px}.hero h1{font-family:Georgia,serif;font-size:clamp(52px,7vw,104px);line-height:.94;margin:12px 0 28px;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:560px;color:#b7c1bb;font-size:18px;line-height:1.7}.button{display:inline-block;margin-top:24px;padding:15px 25px}.hero-visual{height:640px;position:relative}.hero-visual canvas{position:absolute;inset:0}.device{position:absolute;border:1px solid #8b774e;background:#090d0b;box-shadow:0 30px 90px rgba(0,0,0,.65);overflow:hidden}.phone{width:230px;height:470px;border-radius:36px;left:10%;top:17%;transform:rotate(-8deg)}.tablet{width:290px;height:622px;border-radius:30px;right:5%;top:2%;transform:rotate(7deg)}.device-bar{width:80px;height:8px;border-radius:10px;background:#222;margin:12px auto}.quran-lines{background:#e9dfca;height:100%;padding:50px 22px}.dark-screen i,.quran-lines i{display:block;height:6px;background:#8d806a;border-radius:5px;margin:13px auto}.dark-screen{height:100%;padding:55px 28px;color:#d6c8a8;background:linear-gradient(#0b0c0b,#141813)}.dark-screen span{display:block;text-align:center;color:#d0a45e;margin-bottom:28px}.dark-screen i{background:#756f62;width:88%}.strip{margin:-30px 4vw 70px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:#1b2d25;border:1px solid #223b30;border-radius:24px;overflow:hidden;position:relative;z-index:5}.strip div{padding:24px;background:rgba(7,15,12,.88)}.strip small{display:block;color:#819087;margin-top:8px}.product{display:grid;grid-template-columns:34% 66%;grid-gap:40px;gap:40px;padding:100px 5vw;align-items:center}.product h2,.purpose h2{font-family:Georgia,serif;font-size:58px;margin:5px 0}.product h3{font-family:Georgia,serif;color:var(--cream);font-size:28px}.product p,.purpose p{color:#aeb9b2;line-height:1.7}.product ul{list-style:none;padding:0;line-height:2;color:#d3ddd7}.mushaf-wrap{perspective:1400px}.mushaf{height:480px;display:grid;grid-template-columns:1fr 1fr;position:relative;transform:rotateX(6deg);filter:drop-shadow(0 35px 55px #000)}.page{background:#e9dfca;color:#4d4333;padding:38px 25px;overflow:hidden;border:1px solid #c7b892}.left-page{border-radius:28px 0 0 28px}.right-page{border-radius:0 28px 28px 0}.page span{display:block;text-align:justify;font-family:serif;font-size:15px;line-height:1.8}.arabic{text-align:center;font-family:serif;font-size:21px;margin-bottom:18px;color:#735b30}.turning-page{position:absolute;width:48%;height:96%;left:50%;top:2%;transform-origin:left center;background:linear-gradient(90deg,#d2c3a2,#f6edd9 45%,#c1af8b);border-radius:0 26px 26px 0;animation:flip 5s ease-in-out infinite;box-shadow:12px 0 35px rgba(0,0,0,.35)}@keyframes flip{0%,18%{transform:rotateY(0)}52%,70%{transform:rotateY(-155deg)}to{transform:rotateY(-180deg);opacity:.25}}.features{padding:60px 5vw 110px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.features article,.purpose-grid article{background:linear-gradient(145deg,#101d17,#08100d);border:1px solid #263e33;border-radius:22px;padding:28px;min-height:200px}.features article span{color:var(--gold);font-size:12px}.features h3{font-family:Georgia,serif;font-size:24px}.features p{color:#8fa097;line-height:1.6}.purpose{padding:100px 5vw;display:grid;grid-template-columns:32% 68%;grid-gap:45px;gap:45px}.purpose-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.purpose-grid article{min-height:150px;display:flex;flex-direction:column;justify-content:flex-end}.purpose-grid b{font-family:Georgia,serif;font-size:24px;color:var(--gold)}.purpose-grid span{color:#91a098;margin-top:10px}footer{border-top:1px solid #1f332a;padding:42px 5vw;display:flex;justify-content:space-between;align-items:center;color:#aab4ae}footer div:nth-child(2){display:flex;gap:24px}.legal{max-width:980px;margin:auto;padding:60px 28px 120px}.legal section{margin-top:55px;background:#0b1511;border:1px solid #21372d;border-radius:24px;padding:44px}.legal h1{font-size:52px}.legal h1,.legal h2{font-family:Georgia,serif}.legal h2{color:#dcc08a;margin-top:36px}.legal p{line-height:1.8;color:#c4cec8}.legal a{color:#dfb76f}.updated{color:#829088!important}.notice{margin-top:40px;padding:20px;background:#17271f;border-left:3px solid var(--gold)}@media(max-width:900px){nav{display:none}.hero,.product,.purpose{grid-template-columns:1fr}.hero{padding-top:70px}.hero-visual{height:560px}.tablet{width:55%;right:0}.phone{width:34%;left:0}.features,.strip{grid-template-columns:1fr 1fr}.product-copy{order:1}.mushaf{height:390px}.purpose-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero h1{font-size:54px}.hero-visual{height:430px}.phone{height:340px}.tablet{height:380px}.features,.strip{grid-template-columns:1fr}.mushaf{height:300px}.page{padding:20px 10px}.page span{font-size:10px}.purpose-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:30px;align-items:flex-start}}.brand-splash-card img,.digital-turning-page img,.real-screen img,.screen-focus img,.screen-page img,.screen-thumbs img{object-fit:contain;background:#07100c}.charity-note{margin:22px 0 18px;padding:18px 20px;border:1px solid rgba(208,164,94,.34);border-radius:18px;background:linear-gradient(135deg,rgba(208,164,94,.11),rgba(24,61,48,.34));display:grid;grid-gap:7px;gap:7px}.charity-note strong{color:#e2bd79;font-size:14px;letter-spacing:.02em}.charity-note span{color:#d4ddd7;line-height:1.65;font-size:15px}.brand-splash-card{position:absolute;left:0;bottom:2%;width:190px;height:390px;border-radius:28px;overflow:hidden;border:1px solid #b89a65;box-shadow:0 30px 70px rgba(0,0,0,.55);transform:rotate(-4deg);z-index:3}.real-screen{background:#111}.phone.real-screen{left:24%;top:13%;z-index:5}.tablet.real-screen{right:0;top:2%;z-index:4}.mushaf-stage{perspective:1800px}.mushaf-device{height:520px;display:grid;grid-template-columns:1fr 1fr;position:relative;transform:rotateX(7deg) rotate(-1deg);filter:drop-shadow(0 40px 65px #000);border:8px solid #141c18;border-radius:30px;overflow:visible;background:#161b18}.screen-page{position:relative;overflow:hidden}.screen-left{border-radius:20px 0 0 20px}.digital-turning-page,.screen-right{border-radius:0 20px 20px 0}.digital-turning-page{position:absolute;width:49%;height:100%;left:50%;top:0;transform-origin:left center;overflow:hidden;animation:digitalFlip 6.5s cubic-bezier(.55,.05,.35,1) infinite;box-shadow:18px 0 42px rgba(0,0,0,.48);-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes digitalFlip{0%,20%{transform:rotateY(0deg)}55%,74%{transform:rotateY(-165deg)}to{transform:rotateY(-180deg);opacity:.15}}.showcase{padding:110px 5vw;display:grid;grid-template-columns:34% 66%;grid-gap:55px;gap:55px;align-items:center;background:linear-gradient(180deg,rgba(12,25,19,.2),rgba(15,36,27,.42),rgba(5,10,8,.1))}.showcase-heading h2{font:56px Georgia,serif;margin:8px 0 22px}.showcase-heading p{color:#aeb9b2;line-height:1.8}.screen-gallery{display:grid;grid-template-columns:minmax(280px,380px) 100px;grid-gap:25px;gap:25px;justify-content:center;align-items:center}.screen-focus{width:min(380px,82vw);aspect-ratio:716/1536;position:relative;border-radius:36px;overflow:hidden;border:10px solid #151d19;box-shadow:0 40px 90px rgba(0,0,0,.62),0 0 0 1px #7e6842}.screen-thumbs{display:flex;flex-direction:column;gap:12px}.screen-thumbs button{width:72px;aspect-ratio:716/1536;position:relative;border:1px solid #334b40;border-radius:14px;overflow:hidden;background:#101713;opacity:.52;cursor:pointer;transition:.3s ease}.screen-thumbs button.active{opacity:1;transform:translateX(-8px);border-color:#d0a45e;box-shadow:0 12px 35px rgba(0,0,0,.4)}[dir=rtl] .screen-thumbs button.active{transform:translateX(8px)}@media(max-width:900px){.brand-splash-card{display:none}.screen-gallery,.showcase{grid-template-columns:1fr}.screen-focus{max-width:380px;width:82vw;margin:auto}.screen-thumbs{flex-direction:row;overflow-x:auto;justify-content:flex-start;padding-bottom:10px}.screen-thumbs button{flex:0 0 64px;aspect-ratio:716/1536}.screen-thumbs button.active{transform:translateY(-5px)}.mushaf-device{height:410px}}@media(max-width:600px){.screen-focus{width:88vw}.mushaf-device{height:300px}.phone.real-screen{left:4%;width:38%}.tablet.real-screen{width:58%}}.hero-device-left,.hero-device-right,.screen-focus{transform-style:preserve-3d;will-change:transform}.brand-splash-card:after,.real-screen:after,.screen-focus:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 22%,hsla(0,0%,100%,.14) 42%,transparent 60%);transform:translateX(-125%);animation:screenSheen 7s ease-in-out infinite}@keyframes screenSheen{0%,18%{transform:translateX(-125%)}45%,58%{transform:translateX(125%)}to{transform:translateX(125%)}}.hero-visual:before{content:"";position:absolute;inset:12% 7%;border-radius:50%;background:radial-gradient(circle,rgba(208,164,94,.15),transparent 62%);filter:blur(20px);animation:ambientPulse 4.8s ease-in-out infinite alternate}@keyframes ambientPulse{0%{opacity:.45;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}.motion-section{will-change:transform,opacity}.screen-focus img{transition:opacity .45s ease,transform 1.1s cubic-bezier(.2,.75,.2,1)}.screen-focus:hover img{transform:scale(1.025)}.screen-thumbs button:hover{opacity:.88;transform:translateX(-5px) scale(1.035)}[dir=rtl] .screen-thumbs button:hover{transform:translateX(5px) scale(1.035)}.digital-turning-page:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 24%,hsla(0,0%,100%,.12) 72%,rgba(0,0,0,.22));mix-blend-mode:multiply;pointer-events:none}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.status-badge{display:inline-flex;align-items:center;width:max-content;margin:0 0 18px 14px;padding:7px 12px;border:1px solid rgba(208,164,94,.38);border-radius:999px;background:rgba(208,164,94,.09);color:#e5c78f;font-size:12px;letter-spacing:.02em}[dir=rtl] .status-badge{margin-right:14px;margin-left:0}.mark{transform:none;background:linear-gradient(145deg,rgba(208,164,94,.12),rgba(11,21,17,.82));box-shadow:inset 0 0 20px rgba(208,164,94,.06)}a:focus-visible,button:focus-visible{outline:2px solid #d0a45e;outline-offset:4px}.button,.lang,.screen-thumbs button{transition:transform .25s ease,border-color .25s ease,background .25s ease,opacity .25s ease}.button:hover,.lang:hover{transform:translateY(-2px);border-color:#d0a45e}@media(max-width:600px){.status-badge{margin-left:0;margin-right:0}.legal section{padding:26px}.legal h1{font-size:40px}}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;isolation:isolate}.brand .mark{width:46px;height:46px;display:block;flex:0 0 46px;border:0;border-radius:0;color:transparent;background:url(/brand/sakkaf-labs-mark.svg) 50%/contain no-repeat;transform:none;text-indent:-9999px;overflow:hidden;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28));transition:transform .35s ease,filter .35s ease}.brand:hover .mark{transform:translateY(-2px) rotate(-2deg);filter:drop-shadow(0 12px 24px rgba(208,164,94,.2))}.brand>span:last-child{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-weight:750;letter-spacing:-.03em;color:#f7f3ea}.brand>span:last-child:after{content:" Labs";color:#d2ad68;font-weight:650}.brand>span:last-child{font-size:0}.brand>span:last-child:before{content:"Sakkaf";font-size:20px;color:#f7f3ea}.brand>span:last-child:after{font-size:20px}.legal>.brand .mark{width:54px;height:54px;flex-basis:54px}.legal>.brand>span:last-child:after,.legal>.brand>span:last-child:before{font-size:24px}footer .brand .mark{width:42px;height:42px;flex-basis:42px}@media(max-width:600px){.brand{gap:9px}.brand .mark{width:40px;height:40px;flex-basis:40px}.brand>span:last-child:after,.brand>span:last-child:before{font-size:18px}}