@font-face{font-family:Inter;src:url('assets/inter.ttf') format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:#f8f6ef;color:#193e32;font:15px/1.7 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;object-fit:cover}button{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #b28a42;outline-offset:5px}.wrap{max-width:1220px;margin:auto;padding-left:38px;padding-right:38px}.nav{display:flex;align-items:center;justify-content:space-between;height:112px;gap:28px}.brand{display:flex;gap:9px;align-items:center;font-size:22px;font-weight:650;letter-spacing:-1px;white-space:nowrap}.brand img{border-radius:11px}.brand-light{font-weight:400}.nav nav{display:flex;gap:30px;font-size:13px;color:#53645b}.nav nav a:hover{color:#1a644a}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:100px;padding:13px 24px;line-height:1.2;font-weight:500;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.nav-download{font-size:13px;border:1px solid #cad1c2}.primary{background:#214d3d;color:#fffdf5;box-shadow:0 9px 22px #16372c13}.primary:hover{background:#153e2f}.primary svg{width:24px;height:28px}.primary small{display:block;font-size:8px;font-weight:500;letter-spacing:1.2px;margin-bottom:5px}.primary span:not(.arrow){font-size:17px;text-align:left}.arrow{font-size:23px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;min-height:740px;padding-top:24px;padding-bottom:66px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2.1px;font-weight:600;color:#657a65}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#76936e;box-shadow:0 0 0 4px #81966d14;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-3px;line-height:1.04}h1{font-size:86px;margin-top:24px;margin-bottom:24px}h1 em,h2 em{font-weight:400;color:#708367}h1 em{position:relative}h1 em:after{content:'';position:absolute;left:0;right:-12px;bottom:-9px;height:8px;border-top:1px solid #cbb77a;border-radius:50%}.hero-lead{font-size:15px;line-height:1.9;color:#6b756b;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.text-link{font-size:12px;display:flex;align-items:center;gap:12px}.hero-foot{display:flex;gap:13px;align-items:center;font-size:10px;line-height:1.6;color:#839080;margin-top:34px}.hero-foot strong{font-weight:450;color:#6b796c}.mini-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #e4e3d6;border-radius:50%;font-size:18px;color:#a4935c}.hero-visual{height:610px;position:relative;perspective:1400px}.architecture{position:absolute;top:8px;right:0;bottom:4px;left:30px;border-radius:240px 240px 36px 36px;background:#e9e6d3 url('assets/mosque.png') center/cover;box-shadow:inset 0 0 50px #f9f6e944}.architecture:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#e5ead035,transparent 40%,#667d6022)}.orbit{position:absolute;border:1px solid #baac7d55;border-radius:50%;pointer-events:none}.orbit-one{inset:-20px -24px 60px 4px;transform:rotate(-18deg)}.orbit-two{inset:40px -40px 0 8px;transform:rotate(15deg)}.phone-scene{position:absolute;inset:30px 0 0;display:flex;align-items:center;justify-content:center;perspective:1400px}.phone{position:relative;width:284px;height:553px;background:#20362d;border:5px solid #4a5b4e;border-right-color:#142b20;border-bottom-color:#142b20;border-radius:43px;padding:4px;box-shadow:20px 26px 0 -15px #1a3028,30px 40px 55px #14291f55,-3px -3px 1px #e5e6ce;transform:rotateY(-14deg) rotateX(4deg) rotateZ(7deg);transition:transform .45s ease;will-change:transform}.phone-screen{height:100%;overflow:hidden;border-radius:33px;background:#fbfaf5;color:#1d4736}.phone-status{display:flex;align-items:center;justify-content:space-between;height:33px;padding:4px 17px;font-size:8px;position:relative;color:#1b2921}.island{width:72px;height:19px;border-radius:20px;background:#1d2922;position:absolute;top:7px;left:50%;transform:translateX(-50%)}.phone-app{padding:6px 16px}.screen-brand{font-family:Georgia,serif;font-size:15px;display:flex;justify-content:space-between;margin:6px 0 17px}.screen-brand span{font-family:Inter;font-size:18px;color:#a89356}.screen-greeting{font-size:6px;letter-spacing:1.9px;color:#9b926f;margin-bottom:6px}.screen-heading{font:25px/1.05 Georgia,serif;letter-spacing:-.8px;margin-bottom:15px}.masjid-preview{display:flex;align-items:center;gap:8px;background:#ecefe5;border:1px solid #e5e7d9;border-radius:12px;padding:10px 9px;font-size:9px;margin-bottom:12px}.masjid-preview small{display:block;font-size:6px;color:#819179}.masjid-preview>span:last-child{margin-left:auto}.mosque-line{font-size:21px;color:#69876a}.next-prayer{display:flex;align-items:center;justify-content:space-between;border-radius:13px;padding:13px 12px;background:#244b3b;color:#fffdf1}.next-prayer span{font-size:6px;letter-spacing:1.6px;color:#c7cdaa}.next-prayer strong{display:block;font:26px Georgia,serif;margin:4px 0}.next-prayer small{display:block;font-size:5.5px;color:#c0ccb6}.next-time{font-size:29px;letter-spacing:-1px}.next-time small{text-align:right;font:8px Inter;letter-spacing:1px}.times-title{display:flex;justify-content:space-between;font-size:8px;font-weight:550;margin:15px 0 6px}.times-title span{font-size:6px;color:#8b9784}.prayer-row{display:flex;align-items:center;height:29px;border-bottom:1px solid #e9e9de;font-size:7px;padding:0 5px;gap:7px}.prayer-row>span{flex:1;color:#a89761}.prayer-row b{font-weight:450;color:#4b5e4e;margin-left:7px}.prayer-row strong{font-size:7px;font-weight:500}.prayer-row i{font-style:normal;color:#57785b;border:1px solid #c7d2b9;border-radius:50%;width:12px;height:12px;text-align:center;font-size:7px;line-height:11px;margin-left:10px}.prayer-row.current{background:#e9eddf;border-radius:6px;border:0}.phone-tabs{display:flex;justify-content:space-between;margin-top:13px;text-align:center;font-size:13px;color:#81917a}.phone-tabs small{display:block;font-size:5px}.phone-tabs span:first-child{color:#2b5b40}.float-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:13px 17px;border:1px solid #fff9;border-radius:16px;background:#fffcf1e8;box-shadow:0 13px 33px #2a39251a;backdrop-filter:blur(12px)}.float-tag strong{display:block;font-size:10px;font-weight:550}.float-tag small{display:block;font-size:8px;color:#89907f;line-height:1.8}.tag-top{left:0;top:71px;transform:rotate(-4deg)}.tag-bottom{right:-13px;bottom:39px;transform:rotate(-4deg)}.tag-icon{width:33px;height:33px;background:#e6eddf;display:grid;place-items:center;border-radius:50%;font-size:21px;color:#587a58}.tag-icon.gold{background:#f1ead1;color:#9e8743}.tiny-check{margin-left:12px;background:#64866b;border-radius:50%;color:white;width:16px;height:16px;text-align:center;line-height:16px;font-size:8px}.demo-label{position:absolute;bottom:-35px;left:30px;right:0;text-align:center;font-size:8px;letter-spacing:.4px;color:#86927d}.benefit-strip{display:flex;justify-content:space-between;gap:24px;padding-top:25px;padding-bottom:25px;border-top:1px solid #dfdfd1;border-bottom:1px solid #dfdfd1}.benefit-strip>div{display:flex;align-items:center;gap:18px}.benefit-strip span{font:italic 22px Georgia,serif;color:#b3a879}.benefit-strip strong{font-size:11px;font-weight:450;color:#5b6b5c}.section{padding-top:105px;padding-bottom:105px}h2{font-size:54px;line-height:1.12;margin-top:20px;margin-bottom:24px;letter-spacing:-1.8px}.connection{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.connection-image{position:relative;border-radius:180px 180px 20px 20px;overflow:hidden;height:570px;background:#e6e5d4}.connection-image img{width:100%;height:100%;object-position:60%}.connection-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#153e32b0)}.image-note{position:absolute;z-index:1;bottom:34px;left:30px;color:#fffce8}.image-note span{font-size:7px;letter-spacing:1.5px}.image-note strong{display:block;font:31px/1.2 Georgia,serif;margin-top:12px}.connection-copy>p{color:#798071;font-size:13px;line-height:1.9}.quote-rule{border-left:1px solid #c7b16d;padding:0 0 0 19px;margin-top:31px;position:relative}.quote-rule>span{font:36px Georgia;color:#b5a96c;position:absolute;top:-13px;left:17px}.quote-rule p{font:italic 17px/1.6 Georgia,serif;color:#64755e;padding-top:14px;margin-bottom:10px}.quote-rule small{font-size:7px;letter-spacing:1px;color:#8c947f}.how{background:#eeefe5}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:12px;color:#7b8473;line-height:1.9;margin:0 0 4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid #cbd2bf;padding-top:20px}.step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.step-top>span:first-child{font:italic 28px Georgia;color:#9ba78b}.step-symbol{display:grid;place-items:center;width:43px;height:43px;background:#e1e7d7;border-radius:14px;color:#6e8567;font-size:24px}.steps h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin-bottom:12px;letter-spacing:-.5px}.steps p{max-width:270px;font-size:12px;color:#7a8573;line-height:1.85}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature-photo{height:245px;overflow:hidden;border-radius:110px 110px 14px 14px;position:relative;background:#e9e6d7}.feature-photo img{width:100%;height:100%;transition:transform .7s}.feature:hover img{transform:scale(1.05)}.feature-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#223d2c66)}.feature-photo>span{position:absolute;z-index:1;bottom:16px;left:20px;font-size:7px;color:#fffbe7;letter-spacing:1.5px}.feature h3{font:25px/1.2 Georgia,serif;margin:25px 0 12px;letter-spacing:-.6px}.feature p{font-size:12px;color:#7c8477;line-height:1.8;min-height:65px}.feature-line{display:flex;justify-content:space-between;border-top:1px solid #dfe2d3;padding-top:16px;font-size:8px;letter-spacing:1px;color:#8b967e}.admin-section{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:70px;background:#244735;color:#faf6df;border-radius:28px;padding-top:62px;padding-bottom:62px;overflow:hidden}.admin-section .eyebrow{color:#bcc6a6}.admin-section h2{font-size:40px}.admin-section h2 em{color:#c2c9a7}.admin-section p{font-size:12px;color:#bec9b6;line-height:1.9;max-width:410px}.admin-section .primary{background:#e4e6ce;color:#234b37;font-size:11px;box-shadow:none;margin-top:9px}.admin-caption{display:block;font-size:8px;margin-top:15px;color:#aab99d}.admin-visual{position:relative;perspective:800px}.admin-sheet{position:relative;z-index:1;background:#fbf9ee;color:#314c35;border:1px solid #dce3c9;border-radius:18px;padding:24px;transform:rotateY(10deg) rotateZ(-6deg);box-shadow:10px 18px 0 -7px #628064,0 25px 40px #122d2580}.sheet-head{font-size:6px;display:flex;align-items:center;gap:7px;letter-spacing:1px;margin-bottom:22px;color:#7c8c6e}.sheet-head>span:last-child{margin-left:auto}.admin-sheet>strong{font:28px/1.15 Georgia,serif;display:block;margin-bottom:20px}.sheet-row{display:flex;align-items:center;justify-content:space-between;font-size:9px;border-bottom:1px solid #e5e7d8;padding:12px 0}.pill{font-size:7px;background:#e7eddf;padding:4px 9px;border-radius:6px}.sheet-foot{font-size:7px;color:#9a9e89;margin-top:20px}.admin-ring{position:absolute;inset:-35px;border:1px solid #9cae7844;border-radius:50%;transform:rotate(30deg)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faq details{border-bottom:1px solid #dfe3d3;padding:21px 0}.faq details:first-child{border-top:1px solid #dfe3d3}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-size:13px;font-weight:500;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:20px;font-weight:300;color:#a2ab8a}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:12px;color:#7b8572;line-height:1.9;margin:15px 35px 0 0}.download-section{text-align:center;padding:85px 25px 90px;background:#edeee1;position:relative;overflow:hidden}.download-section:before,.download-section:after{content:'';position:absolute;pointer-events:none;width:540px;height:540px;border:1px solid #b7c09a45;border-radius:50%;top:-20px;left:-370px}.download-section:after{left:auto;right:-370px}.download-section .eyebrow{justify-content:center}.download-section h2{font-size:57px;line-height:1.15;letter-spacing:-2px}.download-section p{font-size:12px;color:#7c8771}.download-section .primary{margin-top:15px}.download-note{display:block;font-size:8px;color:#95a087;margin-top:15px}footer{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding-top:35px!important;padding-bottom:25px!important}footer .brand{font-size:17px;letter-spacing:-.5px}footer>p{font-size:10px;color:#89917e;margin:0 auto 0 12px}footer>div{display:flex;gap:25px;font-size:9px;color:#7d8874}footer>small{width:100%;font-size:8px;color:#a1a792;border-top:1px solid #e5e6d9;padding-top:18px;margin-top:6px}.skip{position:absolute;top:-80px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}@media(min-width:1450px){.hero{gap:65px;min-height:780px}.hero-visual{height:640px}.phone{width:298px;height:580px}.phone-app{padding-top:12px}.prayer-row{height:32px}}@media(max-width:1000px){.wrap{padding-left:28px;padding-right:28px}.nav nav{gap:18px}.hero{gap:12px}.hero-visual{height:550px}.phone{transform:rotateY(-10deg) rotateZ(5deg);width:264px;height:525px}.phone-app{padding:4px 13px}.screen-heading{font-size:23px}.hero h1{font-size:70px}.float-tag{padding:11px;gap:8px}.tag-top{left:-8px;top:53px}.tag-bottom{right:-10px;bottom:20px}.float-tag strong{font-size:8px}.float-tag small{font-size:7px}.tag-icon{width:28px;height:28px}.tiny-check{margin-left:0}.connection{gap:50px}.connection-image{height:520px}h2{font-size:46px}.section{padding-top:80px;padding-bottom:80px}.admin-section{gap:45px;margin:0 25px}.feature-photo{height:210px}.faq{gap:40px}}@media(max-width:720px){.wrap{padding-left:24px;padding-right:24px}.nav{height:83px;gap:10px}.brand{font-size:19px;letter-spacing:-.7px}.brand img{width:32px;height:32px}.nav nav{display:none}.nav-download{font-size:10px;padding:11px 15px;gap:15px}.hero{display:flex;flex-direction:column;gap:35px;padding-top:30px;padding-bottom:62px}.hero-copy{width:100%;text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:8px}.hero h1{font-size:68px;letter-spacing:-3px;margin-top:22px;margin-bottom:23px}.hero h1 br:nth-child(2){display:none}.hero h1 em{margin-left:10px}.hero-lead{font-size:13px;line-height:1.85}.hero-actions{justify-content:center;gap:22px}.primary{padding:13px 21px}.primary span:not(.arrow){font-size:15px}.primary small{font-size:7px}.text-link{font-size:10px}.hero-foot{justify-content:center;text-align:left;margin-top:24px;font-size:9px}.hero-visual{width:min(100%,440px);height:550px;margin-top:0}.architecture{left:13px;right:12px;top:10px;border-radius:200px 200px 25px 25px}.phone-scene{inset:20px 0 0}.phone{width:270px;height:532px}.float-tag.tag-top{left:-3px;top:60px}.tag-bottom{right:-5px;bottom:20px}.orbit-one{inset:-5px 6px 30px -1px}.orbit-two{inset:30px 0 0 -5px}.demo-label{bottom:-28px;left:0;font-size:7px}.benefit-strip{gap:12px;text-align:center;padding-top:20px;padding-bottom:20px}.benefit-strip>div{flex:1;display:block}.benefit-strip span{display:block;font-size:20px;margin-bottom:7px}.benefit-strip strong{font-size:8px;line-height:1.5;display:block}.connection{display:flex;flex-direction:column;gap:38px;padding-top:60px;padding-bottom:65px}.connection-image{width:100%;max-width:420px;height:430px}.connection-copy{width:100%}.connection h2{font-size:46px}.connection-copy>p{font-size:12px}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:44px;margin-bottom:18px}.section-heading>p{font-size:11px}.section-heading>p br{display:none}.eyebrow{font-size:8px;letter-spacing:1.7px}.steps{grid-template-columns:1fr;gap:23px}.steps article{position:relative;padding-left:60px;padding-top:18px}.step-top{margin-bottom:13px}.step-top>span:first-child{position:absolute;left:0;top:17px}.step-symbol{width:32px;height:32px;font-size:19px}.steps h3{font-size:25px}.steps p{max-width:none;font-size:12px}.feature-grid{grid-template-columns:1fr;gap:38px}.feature-photo{height:280px;border-radius:140px 140px 16px 16px}.feature p{min-height:0;max-width:340px}.feature h3{font-size:28px;margin-top:20px}.feature-line{font-size:8px}.admin-section{display:flex;flex-direction:column-reverse;gap:45px;padding-top:38px;padding-bottom:45px;margin:0 14px;border-radius:24px}.admin-section h2{font-size:36px}.admin-visual{width:88%;max-width:350px}.admin-sheet{padding:25px}.faq{grid-template-columns:1fr;gap:15px}.faq h2{font-size:44px}.faq h2 br{display:none}.faq summary{font-size:12px}.faq details p{font-size:11px}.download-section{padding:65px 20px}.download-section h2{font-size:40px;letter-spacing:-1.5px}.download-section p{font-size:11px}.download-section:before,.download-section:after{opacity:.5}footer{gap:20px}footer>p{width:100%;margin:0;font-size:10px}footer>div{font-size:10px}footer>small{line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.phone{will-change:auto}}
/* Keep 3D ornaments within the page and fit the complete illustrative screen. */
body{overflow-x:clip}.phone-app{padding-top:4px}.screen-brand{margin-bottom:11px}.screen-heading{margin-bottom:10px}.masjid-preview{padding-top:8px;padding-bottom:8px;margin-bottom:9px}.next-prayer{padding-top:10px;padding-bottom:10px}.times-title{margin-top:11px}.phone-tabs{margin-top:9px}.prayer-row{height:27px}.feature-line>span{display:none}
/* A real onboarding film, presented without cropping the app screen. */
.registration{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center;padding-top:20px}.registration h2{font-size:49px;line-height:1.13}.registration-copy>p{max-width:430px;font-size:13px;line-height:1.9;color:#798071}.video-facts{display:flex;gap:20px;flex-wrap:wrap;font-size:9px;color:#8c997d;padding-top:7px;align-items:center}.video-facts span:first-child{border:1px solid #d4dbc7;border-radius:100px;padding:6px 11px}.video-facts i{font-style:normal;font-size:13px;margin-right:4px}.registration-steps{list-style:none;margin:27px 0 22px;padding:0;max-width:440px}.registration-steps li{display:flex;gap:19px;padding:13px 0;border-top:1px solid #e0e4d5}.registration-steps li>span{font:italic 23px Georgia,serif;color:#a3ad8d;min-width:25px}.registration-steps strong{font-size:12px;font-weight:550}.registration-steps p{font-size:11px;line-height:1.8;color:#7a8573;margin:4px 0 0}.video-note{display:block;font-size:9px;color:#929980;margin-bottom:22px;line-height:1.7}.registration-copy>.text-link{font-size:11px}.small-play{border:1px solid #c4ceb5;border-radius:50%;width:27px;height:27px;font-size:8px;display:grid;place-items:center;padding-left:2px}.video-stage{position:relative;display:flex;align-items:center;flex-direction:column;padding:16px 25px}.video-halo{position:absolute;inset:60px -16px 50px;border:1px solid #cbd2b7;border-radius:50%;transform:rotate(-13deg);background:radial-gradient(ellipse,#e4e9d650,transparent 70%)}.video-device{position:relative;width:264px;border:6px solid #2e4b3b;border-radius:25px;padding:3px;background:#2e4b3b;box-shadow:10px 13px 0 -8px #9ba98a,12px 22px 40px #243d2a22;overflow:hidden}.video-device video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;display:block;background:#f5f3e8;border-radius:15px}.video-play{cursor:pointer;position:absolute;inset:0;border:0;background:linear-gradient(transparent 28%,#163f2cbb 64%,#163f2cec);color:#fffbe9;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding-bottom:44px;font-family:Inter,sans-serif}.video-play>span{display:grid;place-items:center;width:59px;height:59px;border-radius:50%;background:#fff9ec;color:#285037;font-size:18px;padding-left:4px;box-shadow:0 0 0 8px #ffffef22;margin-bottom:18px;transition:transform .3s,box-shadow .3s}.video-play:hover>span{transform:scale(1.08);box-shadow:0 0 0 12px #ffffef18}.video-play strong{font-weight:500;font-size:12px}.video-play small{font-size:9px;color:#c7d1b7;margin-top:7px}.video-play[hidden]{display:none}.video-caption{font-size:8px;letter-spacing:.2px;display:flex;gap:9px;align-items:center;margin-top:22px;color:#859277;position:relative}.video-caption .live-dot{width:5px;height:5px}.video-error{font-size:11px;color:#725c35;margin-top:15px;max-width:270px}.video-error a{text-decoration:underline}.video-hero-link .small-play{flex-shrink:0}
/* Small, deliberate movement. Content is visible if JavaScript fails. */
@keyframes phone-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes tag-drift{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes soft-arrival{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:soft-arrival .85s ease-out both}.hero-visual{animation:soft-arrival 1.1s .15s ease-out both}.phone-scene{animation:phone-drift 7s ease-in-out infinite}.tag-top{animation:tag-drift 6s ease-in-out infinite}.tag-bottom{animation:tag-drift 7s 1s ease-in-out infinite}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.hero-visual.offscreen .phone-scene,.hero-visual.offscreen .float-tag{animation-play-state:paused}}
@media(max-width:1000px){.nav nav{gap:17px;font-size:11px}.registration{gap:45px}.registration h2{font-size:43px}.video-device{width:245px}}@media(max-width:720px){.registration{display:flex;flex-direction:column;gap:28px;padding-top:0}.registration h2{font-size:40px}.registration-copy{width:100%}.registration-copy>p{font-size:12px}.registration-steps{max-width:none}.video-stage{width:100%;max-width:360px}.video-device{width:260px}.video-halo{inset:35px -2px 45px}.hero-actions{gap:18px}.video-hero-link{font-size:10px}.motion-ready .reveal{transition-delay:0ms}.phone-scene{animation-duration:8s}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1!important;transform:none!important}.phone-scene,.hero-copy,.hero-visual,.float-tag{animation:none!important}.video-play>span{transition:none}}
/* Editorial information cards: quiet depth, complete imagery, restrained motion. */
.information{scroll-margin-top:40px}.information-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.information-card{background:#fffdf8;border:1px solid #e7e2d5;border-radius:24px;overflow:hidden;box-shadow:0 10px 28px #213e3010;transition:box-shadow .35s,border-color .35s}.information-art{position:relative;overflow:hidden;aspect-ratio:1.5;background:#eee8d8}.information-art img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.information-number{position:absolute;bottom:16px;left:20px;padding:7px 12px;border:1px solid #ffffff55;border-radius:30px;background:#18382cdb;color:#fff;font-size:10px;letter-spacing:1.6px}.information-body{padding:28px}.information-kicker{font-size:9px;letter-spacing:1.7px;color:#897442;font-weight:700}.information-body h3{font-family:Georgia,serif;font-size:30px;line-height:1.15;font-weight:400;margin:14px 0 16px}.information-body p{font-size:14px;line-height:1.8;color:#657168;min-height:100px}.information-body .text-link{font-size:12px;display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid #e8e4d9}.information-note{font-size:12px;color:#72786f;text-align:center;margin-top:24px}.translation-art{aspect-ratio:1.5;background:radial-gradient(ellipse at 70% 20%,#f8ebc9,transparent 70%),#e7ede4;position:relative;overflow:hidden}.language-sheet{position:absolute;background:#fffdf5;box-shadow:0 12px 28px #25443222;border:1px solid #d8d4c3;padding:18px;width:46%;height:82%;top:16%;border-radius:6px;transition:transform .5s}.language-sheet span{font-size:8px;letter-spacing:1.8px;color:#8c7b55;display:block;margin-bottom:16px}.language-sheet b{font-family:Georgia,serif;font-size:22px;line-height:1.15;font-weight:400;color:#244c39}.language-sheet i{height:3px;background:#dedfce;display:block;margin-top:12px;width:85%}.sheet-ar{left:12%;transform:rotate(-12deg)}.sheet-ar b{font-size:28px}.sheet-en{right:10%;top:23%;transform:rotate(9deg)}.translation-seal{position:absolute;right:8%;top:10%;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#a48b50;color:#fff8df;font-family:Georgia,serif;font-size:20px;box-shadow:0 4px 12px #8b784326}.information-card:hover{border-color:#b7c7b5;box-shadow:0 18px 44px #213e301a}.information-card:hover .information-art img{transform:scale(1.035)}.translation-card:hover .sheet-ar{transform:rotate(-15deg) translateY(-4px)}.translation-card:hover .sheet-en{transform:rotate(6deg) translateY(-4px)}
@media(max-width:900px){.information-grid{gap:16px}.information-body{padding:22px}.information-body h3{font-size:25px}.language-sheet{padding:12px}.language-sheet b{font-size:18px}.sheet-ar b{font-size:22px}}
@media(max-width:650px){.information-grid{grid-template-columns:1fr;gap:24px}.information-card{max-width:460px;width:100%;margin:auto}.information-body h3{font-size:29px}.information-body p{min-height:0}.language-sheet{padding:22px}.language-sheet b{font-size:26px}.sheet-ar b{font-size:30px}.information-note{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.information-card,.information-art img,.language-sheet{transition:none}.information-card:hover .information-art img,.translation-card:hover .sheet-ar,.translation-card:hover .sheet-en{transform:none}}
.transfer-guide{border-top:1px solid #e6e0d1;scroll-margin-top:40px}.transfer-jump{display:block;margin:24px 0}.direct-video{display:block;text-align:center;font-size:12px;margin-top:16px}.transfer-guide .video-device{box-shadow:0 28px 65px #173e3326}.transfer-guide .video-device video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#0c3227}
