@font-face{font-family:Tajawal;src:url(/assets/Tajawal-Regular.ttf)}@font-face{font-family:Tajawal;src:url(/assets/Tajawal-Bold.ttf);font-weight:700}@font-face{font-family:Tajawal;src:url(/assets/Tajawal-ExtraBold.ttf);font-weight:800}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tajawal,sans-serif;--bg:#fff9f4;--ink:#1f1b2e;--muted:#787382;--surface:#fff;--line:#eae3de;--orange:#ff7a1a;--soft:#fff0e2}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #2ec4b6;outline-offset:5px}button{color:inherit}header{height:105px;max-width:1256px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:30px}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:29px;white-space:nowrap}.brand img{width:56px;height:60px;object-fit:contain}.brand small{font-size:10px;display:block;font-weight:400;letter-spacing:.3px;margin-top:2px}.orange{color:var(--orange)}nav{display:flex;gap:32px;font-size:15px;font-weight:700}nav a:hover{color:var(--orange)}.nav-actions{display:flex;align-items:center;gap:16px}.button{border:0;background:var(--orange);color:#241b16;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:18px 26px;font-weight:800;font-size:17px;box-shadow:0 8px 18px #ff7a1a20;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ff7a1a40}.button.small{font-size:14px;padding:13px 19px;gap:15px}.icon-button{border:0;background:transparent;padding:10px;display:grid;place-items:center;border-radius:10px}.mobile-menu{display:none}.hero{max-width:1210px;min-height:687px;margin:auto;padding:56px 32px 70px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:var(--soft);padding:9px 13px;border:1px solid #ff7a1a22;border-radius:30px;font-size:13px;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}h1{font-size:68px;line-height:1.32;letter-spacing:-2.5px;margin:25px 0 28px;font-weight:800}.handline{position:relative;color:var(--orange);white-space:nowrap}.handline svg{position:absolute;bottom:-5px;left:0;width:100%;height:16px;stroke:#ffbb4d;stroke-width:3;fill:none}.hero-description{font-size:20px;line-height:1.85;color:var(--muted);margin:0 0 29px}.hero-description strong{color:var(--ink);font-weight:500}.hero-buttons{display:flex;align-items:center;gap:27px}.demo-link{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700}.play{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;font-size:18px}.hero-note{display:flex;gap:15px;align-items:center;margin-top:32px;font-size:12px}.hero-note small{display:block;color:var(--muted);margin-top:5px}.avatars{display:flex;direction:ltr;padding-left:10px}.avatars span{width:34px;height:34px;border:3px solid var(--bg);margin-left:-9px;border-radius:50%;background:#f7dfc4;font-size:23px;overflow:hidden}.avatars span:nth-child(2){background:#d4e9df}.avatars span:nth-child(3){background:#efe0fc}.hero-art{position:relative;height:570px;display:flex;align-items:center;justify-content:center;direction:rtl}.orbit{position:absolute;width:490px;height:490px;border-radius:50%;background:#fff0dd}.orbit-two{width:380px;height:380px;background:#ffe4bc;border:1px dashed #e7c99e}.orbit-one:after{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px solid #edcfaa80;border-radius:50%}.phone{width:267px;height:536px;background:var(--bg);border:7px solid var(--ink);border-radius:43px;position:relative;transform:rotate(-7deg);box-shadow:-13px 23px #1f1b2e09,0 25px 50px #55432c22;padding:9px 12px;z-index:2;animation:phone-in 1s both}.phone:before{content:"";position:absolute;top:7px;left:80px;background:var(--ink);border-radius:15px;width:94px;height:22px}.phone-top{display:flex;direction:ltr;justify-content:space-between;font-family:Arial;font-size:9px;padding:5px 7px 21px}.phone-header{display:flex;justify-content:space-between;align-items:center;padding-top:5px}.mini-brand{font-weight:800;font-size:22px}.mini-brand span{color:var(--orange)}.phone-greeting{margin-top:18px;font-size:11px;color:var(--muted)}.phone-greeting h3{font-size:20px;color:var(--ink);margin:5px 0 13px}.room-banner{border-radius:17px;background:#ffe9cd;position:relative;height:111px;padding:14px 10px;overflow:hidden;color:#452911}.room-banner>div{position:relative;z-index:1}.room-banner span{font-size:9px}.room-banner h4{font-size:19px;margin:6px 0;line-height:1.2}.room-banner small{font-size:8px}.room-banner img{position:absolute;width:122px;left:-7px;bottom:-16px;transform:rotate(10deg)}.phone-section{display:flex;justify-content:space-between;align-items:center;margin:19px 0 12px;font-size:11px}.phone-section>span{font-size:9px}.room-card{background:var(--surface);border:1px solid var(--line);padding:11px;border-radius:17px}.room-heading{display:flex;gap:7px;align-items:center}.room-emoji{background:#fff1de;border-radius:10px;padding:7px;font-size:20px}.room-heading b{font-size:11px}.room-heading small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.live-pill{font-size:7px;background:#def4e9;color:#267d51;border-radius:20px;padding:5px;margin-right:auto;white-space:nowrap}.room-card p{font-size:11px;margin:12px 0 8px}.mini-vote{display:flex;justify-content:space-between;background:#fff1dd;border-radius:7px;font-size:9px;padding:8px;position:relative}.mini-vote b{font-size:8px;color:#ad591e}.mini-people{display:flex;align-items:center;font-size:13px;margin-top:10px}.mini-people span{font-size:9px;background:#f5e7d9;border-radius:50%;padding:4px}.mini-people small{font-size:8px;color:var(--muted);margin-right:auto}.room-card button{width:100%;border:0;background:#ff7a1a;color:#291d13;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:10px;font-weight:700;padding:9px;margin-top:9px}.phone-bottom{display:flex;justify-content:space-around;position:absolute;bottom:11px;left:15px;right:15px;border-top:1px solid var(--line);padding-top:9px}.phone-bottom>span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;color:var(--muted)}.phone-bottom .active{color:#bc5511}.float-note{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:0 12px 35px #51351a0c;font-size:14px;font-weight:700;animation:bob 5s ease-in-out infinite}.float-note small{display:block;font-weight:400;font-size:11px;color:var(--muted);margin-top:5px}.top-note{left:1px;top:66px;transform:rotate(-5deg)}.mint-icon{background:#d9f5e9;color:#23986a;border-radius:50%;padding:8px;display:grid}.bill-note{right:0;bottom:77px;animation-delay:-2.5s;transform:rotate(5deg)}.bill-icon{background:#fff0dc;color:#ed7b25;display:grid;padding:11px;border-radius:12px}.tiny-check{color:#238b69;margin-right:7px}.food-orbit{position:absolute;font-size:52px;filter:drop-shadow(0 8px 10px #a66d2430);z-index:3}.pizza{right:30px;top:35px;transform:rotate(20deg);animation:bob 6s infinite}.burger{left:12px;bottom:110px;transform:rotate(-16deg);animation:bob 7s infinite}.little-star{position:absolute;right:45px;bottom:25px;color:#2ec4b6;font-size:39px}.art-caption{position:absolute;bottom:-8px;left:105px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);transform:rotate(-5deg)}.benefit-strip{border-block:1px solid var(--line);padding:25px max(25px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--surface);white-space:nowrap}.benefit-strip span{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700}.benefit-strip svg{width:21px;color:#c67942}.benefit-strip i{font-size:20px;color:#e6ba86;font-style:normal}.section{max-width:1180px;padding:100px 30px;margin:auto}.section-heading{text-align:center}.kicker{color:#b85a19;font-size:14px;font-weight:700;display:block;margin-bottom:15px}h2{font-size:43px;line-height:1.35;letter-spacing:-1px;margin:0 0 18px;font-weight:800}.section-heading p{font-size:17px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:55px}.step{position:relative;padding:10px 0}.step-icon{display:grid;place-items:center;width:63px;height:63px;border-radius:21px;transform:rotate(-6deg)}.peach{background:#ffe5d0;color:#d66517}.yellow{background:#fff1c6;color:#b88400}.mint{background:#dbf3ed;color:#228777}.lilac{background:#eee5fa;color:#8663ab}.step-number{position:absolute;left:5px;top:20px;color:#e5dbd0;font-size:40px;font-weight:800}.step h3{font-size:21px;margin:23px 0 12px}.step p{color:var(--muted);font-size:15px;line-height:1.9;margin:0;max-width:235px}.demo-section{max-width:1120px;margin:10px auto 0;padding:54px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;background:#f5eee5;border:1px solid #eee4d9;border-radius:32px}.demo-copy h2{font-size:42px}.demo-copy>p{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:25px}.check-line{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:14px}.check-line svg{width:18px;color:#248b77}.demo-hint{display:flex;align-items:center;gap:12px;font-size:13px;color:#a25822;margin-top:25px}.vote-demo{background:var(--surface);border-radius:23px;padding:26px;box-shadow:0 14px 35px #83654b0a;transform:rotate(-2deg)}.vote-top{display:flex;align-items:center;gap:12px}.vote-top small{font-size:10px;color:var(--muted)}.vote-top h3{font-size:22px;margin:6px 0 0}.live-dot{font-size:10px;color:#28896b;background:#e8f7ef;border-radius:30px;padding:6px 9px;margin-right:auto}.vote-options{display:grid;gap:11px;margin:25px 0 21px}.vote-option{position:relative;width:100%;display:flex;align-items:center;gap:10px;text-align:right;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:14px 12px;transition:border-color .2s,transform .2s}.vote-option:hover{transform:translate(3px);border-color:var(--orange)}.vote-fill{position:absolute;inset:0 auto 0 0;background:#fff8ec;transition:width .5s}.vote-option>*:not(.vote-fill){z-index:1}.chosen{border-color:var(--orange)}.chosen .vote-fill{background:#fff0dc}.food-emoji{font-size:30px}.food-name b{display:block;font-size:16px}.food-name small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.vote-count{margin-right:auto;font-size:17px;font-weight:700;text-align:center}.vote-count small{display:block;font-size:8px;font-weight:400}.radio{width:17px;height:17px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin-right:4px}.chosen .radio{background:var(--orange);border-color:var(--orange);color:#fff}.vote-footer{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.features{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:45px}.feature{background:#fff0e0;border:1px solid #f3dfcb;border-radius:25px;padding:35px 36px;position:relative;overflow:hidden}.feature-tag{display:flex;gap:8px;align-items:center;font-size:13px;color:#a55118}.feature h3{font-size:29px;line-height:1.45;margin:20px 0 13px}.feature p{font-size:15px;color:#7a6a5e;line-height:1.8;max-width:350px}.receipt{background:var(--surface);margin:28px 20px -55px;border-radius:15px 15px 0 0;padding:22px;transform:rotate(-3deg);box-shadow:0 10px 20px #78461f0b}.receipt>div{display:flex;justify-content:space-between;font-size:13px;margin-bottom:18px}.receipt-title{font-weight:700;border-bottom:1px dashed var(--line);padding-bottom:15px}.receipt-title span{font-size:9px;color:#248b77;background:#e7f5ed;padding:5px;border-radius:5px}.receipt-total{border-top:1px dashed var(--line);padding-top:18px;align-items:center}.receipt-total b{font-size:25px;color:#b65512}.receipt-total small{font-size:12px}.example{display:block;text-align:center;color:var(--muted);font-size:9px}.mint-feature{background:#e6f1eb;border-color:#d7e7dd}.mint-feature .feature-tag{color:#347c66}.mint-feature p{color:#5e786b}.payment-status{background:var(--surface);padding:17px;border-radius:15px;display:flex;gap:9px;align-items:center;margin-top:26px;position:relative;z-index:2;transform:rotate(3deg)}.payment-status>span:first-child{font-size:27px}.payment-status b{font-size:13px}.payment-status small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.paid{margin-right:auto;display:flex;align-items:center;gap:4px;color:#2b9068;font-size:11px;background:#e3f4e9;border-radius:20px;padding:6px 9px}.feature-mascot{width:180px;display:block;margin:12px auto -60px;transform:rotate(-8deg)}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-top:20px}.faq-section>div>p{color:var(--muted)}.faq{border-bottom:1px solid var(--line)}.faq button{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;padding:23px 0;text-align:right;font-weight:700;font-size:17px;gap:20px}.faq svg{flex-shrink:0;color:#9e8d7e;transition:transform .2s}.faq.expanded svg{transform:rotate(45deg);color:var(--orange)}.faq p{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 23px;max-width:560px}.closing{max-width:1120px;margin:0 auto 65px;background:#ff8024;border-radius:30px;padding:52px 65px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;color:#322013}.closing>div{z-index:2}.closing>div>span{font-size:15px}.closing h2{font-size:51px;margin:20px 0;line-height:1.2}.closing em{font-style:normal;color:#fff8e9}.closing .button{background:#fff8ed;box-shadow:none;font-size:15px}.closing small{display:block;font-size:11px;margin-top:16px}.closing img{width:310px;transform:rotate(-9deg);z-index:1;filter:drop-shadow(0 20px 25px #ad470520);animation:bob 6s infinite}.closing:after{content:"";position:absolute;width:380px;height:380px;background:#ff9e4b;border-radius:50%;left:30px;bottom:-130px}.closing-doodle{position:absolute;left:36%;top:45px;color:#fff1d3;font-size:65px;transform:rotate(17deg)}footer{max-width:1180px;margin:auto;padding:25px 30px 35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.footer-brand{font-size:26px;color:var(--ink);font-weight:800}.footer-brand span{color:var(--orange)}footer>span{display:flex;align-items:center;gap:7px}footer>span svg{color:#d67945}footer small{font-size:11px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1b2e80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;display:grid;place-items:center;padding:24px}.download-modal{position:relative;background:var(--bg);border-radius:26px;padding:35px;text-align:center;max-width:480px;width:100%;box-shadow:0 25px 90px #0003}.close{position:absolute;top:12px;left:12px}.download-modal img{width:150px}.download-modal h2{font-size:30px}.download-modal p{color:var(--muted);line-height:1.9;font-size:16px}.download-modal .button{margin-top:10px}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes phone-in{0%{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}[data-theme=dark] body{--bg:#12101a;--ink:#f2eef8;--muted:#b8b2c6;--surface:#1c1928;--line:#3a3548;--soft:#302319}[data-theme=dark] .orbit-one{background:#30251e}[data-theme=dark] .orbit-two{background:#49301e}[data-theme=dark] .phone{border-color:#736a80}[data-theme=dark] .phone:before{background:#736a80}[data-theme=dark] .demo-section{background:#211d29;border-color:#3a3548}[data-theme=dark] .feature{background:#32251d;border-color:#49321f}[data-theme=dark] .mint-feature{background:#1c302c;border-color:#29423b}[data-theme=dark] .feature p{color:#c7b9ac}[data-theme=dark] .mint-feature p{color:#adc8bb}[data-theme=dark] .vote-fill{background:#30261e}[data-theme=dark] .chosen .vote-fill{background:#473020}[data-theme=dark] .step-number{color:#49404e}[data-theme=dark] .kicker{color:#ffad6f}[data-theme=dark] .mini-vote{background:#46301f}[data-theme=dark] .phone-bottom .active{color:#ffad6f}@media(min-width:1450px){.hero{min-height:750px}}@media(max-width:1050px){header{padding-inline:25px;gap:15px}nav{gap:20px;font-size:13px}.brand{font-size:25px}.hero{gap:10px}h1{font-size:55px}.hero-art{scale:.9;transform-origin:center}.hero-description{font-size:18px}.demo-section,.closing{margin-inline:25px}.float-note{padding:12px}.benefit-strip{gap:16px;padding-inline:25px}.benefit-strip span{font-size:13px}.demo-section{gap:35px;padding:40px}.steps{gap:22px}}@media(max-width:760px){header{height:85px;padding-inline:18px}.brand{font-size:23px;gap:4px}.brand img{width:43px;height:48px}.brand small{font-size:8px}.nav-actions{gap:3px}.nav-actions .small{font-size:12px;padding:12px;gap:7px}.theme{padding:7px}.mobile-menu{display:grid}nav{display:none;position:absolute;top:80px;left:15px;right:15px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;z-index:10;box-shadow:0 12px 30px #0001}nav.open{display:flex;flex-direction:column;font-size:16px}.hero{grid-template-columns:1fr;text-align:center;padding:35px 22px;gap:10px}.eyebrow{font-size:12px}h1{font-size:51px;letter-spacing:-1.5px;margin-top:22px}.hero-description{font-size:18px;line-height:1.8}.hero-buttons,.hero-note{justify-content:center}.hero-buttons{gap:20px}.hero-note{margin-top:25px}.hero-art{height:540px;width:100%;max-width:480px;justify-self:center;scale:.94;margin-top:10px}.orbit{width:380px;height:380px}.orbit-two{width:310px;height:310px}.top-note{left:0;top:65px}.bill-note{right:0;bottom:50px}.pizza{right:15px;top:20px;font-size:40px}.burger{left:0;bottom:110px;font-size:42px}.art-caption{left:70px;bottom:-10px}.little-star{bottom:15px}.benefit-strip{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:25px 24px}.benefit-strip span{font-size:13px;justify-content:center}.benefit-strip i{display:none}.section{padding:65px 24px}h2{font-size:35px}.section-heading p{font-size:15px;line-height:1.8}.steps{grid-template-columns:1fr 1fr;gap:30px 24px;margin-top:35px}.step h3{font-size:19px}.step p{font-size:14px}.step-number{font-size:33px}.step-icon{width:54px;height:54px;border-radius:16px}.demo-section{grid-template-columns:1fr;gap:30px;padding:30px 22px;margin-inline:16px;border-radius:25px}.demo-copy h2{font-size:35px}.demo-hint svg{rotate:-90deg}.vote-demo{padding:21px;transform:rotate(-1deg)}.features{grid-template-columns:1fr;gap:18px;margin-top:30px}.feature{padding:28px 25px}.feature h3{font-size:27px}.receipt{margin-inline:0}.mint-feature{min-height:420px}.feature-mascot{width:170px;margin-bottom:-45px}.faq-section{grid-template-columns:1fr;gap:10px}.faq-section h2 br{display:none}.faq button{font-size:16px}.closing{margin:0 16px 35px;padding:35px 28px;min-height:400px;align-items:flex-start}.closing h2{font-size:42px}.closing>div>span{font-size:13px}.closing img{position:absolute;width:190px;left:-18px;bottom:12px}.closing:after{width:240px;height:240px;left:-40px;bottom:-100px}.closing-doodle{font-size:35px;left:27px;top:30px}.closing .button{font-size:14px;padding:15px 19px}.closing small{max-width:165px;font-size:10px;line-height:1.6}footer{margin-inline:20px;padding:25px 0;display:grid;grid-template-columns:1fr 1fr;gap:22px;font-size:10px}footer>span{justify-self:end;font-size:10px}footer small{justify-self:end}.download-modal{padding:30px 20px}.download-modal h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
