@font-face{font-family:Cairo;src:url('/fonts/cairo-arabic.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Cairo;src:url('/fonts/cairo-latin.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF}
@font-face{font-family:Inter;src:url('/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--bg:#fafbfe;--surface:#fff;--text:#29243e;--muted:#726d83;--line:#e9e6f0;--purple:#705cf6;--purple-hover:#5c47dc;--mint:#b6f1dd;--mint-deep:#206b56;--lavender:#f0edff;--shape:#dbf6eb;--shadow:0 18px 65px -36px rgba(40,30,82,.3)}
:root[data-theme=dark]{color-scheme:dark;--bg:#161320;--surface:#211c2e;--text:#f4f1fc;--muted:#b7b0c8;--line:#383044;--purple:#9a8aff;--purple-hover:#ad9fff;--mint:#b6f1dd;--mint-deep:#b6f1dd;--lavender:#2d2543;--shape:#244536;--shadow:0 18px 65px -32px #000}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,Arial,sans-serif;font-size:16px;line-height:1.85}html[lang=en] body{font-family:Inter,Arial,sans-serif;line-height:1.7}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{display:block;width:24px;height:24px;flex-shrink:0}img{max-width:100%;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px;border-radius:7px}button[hidden]{display:none}.container{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;top:-80px;inset-inline-start:20px;background:var(--surface);padding:12px 20px;z-index:10}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:88px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:850;white-space:nowrap}.brand img{border-radius:12px}.main-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:650}.main-nav a:hover,.language-switch:hover{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:12px}.language-switch{font:600 13px/1.2 Inter,Cairo,sans-serif;padding:12px 6px;min-height:44px;display:grid;place-items:center}.theme-toggle{background:transparent;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:var(--text);padding:9px}.theme-toggle svg{width:20px;height:20px}.sun-icon{display:none}[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon{display:none}.header-cta{font-size:13px;font-weight:750;padding:11px 21px;background:var(--text);color:var(--surface);border-radius:12px}.hero{overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.04fr 1fr;gap:40px;align-items:center;min-height:710px;padding-block:46px 62px}.hero-copy{padding-block:14px;position:relative;z-index:2}.hero-intro{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mint-deep);font-weight:700;margin-bottom:20px}.intro-dot{width:8px;height:8px;background:#50b68c;border-radius:50%;box-shadow:0 0 0 5px var(--shape)}h1{font-size:clamp(46px,5.4vw,68px);line-height:1.42;font-weight:850;letter-spacing:-1.8px;margin-bottom:22px}html[lang=en] h1{font-size:clamp(46px,5vw,64px);line-height:1.12;letter-spacing:-2.8px;margin-bottom:26px}.hero-body{max-width:480px;font-size:18px;line-height:1.95;color:var(--muted);margin-bottom:26px}.download-buttons{display:flex;gap:12px;flex-wrap:wrap}.download-buttons:empty{display:none}.store-button{display:inline-flex;align-items:center;gap:12px;border-radius:14px;padding:11px 22px;min-width:164px;min-height:66px;text-align:start;line-height:1.25}.store-button small{display:block;font-size:11px;font-weight:500;margin-bottom:4px}.store-button strong{display:block;font:750 19px/1.2 Inter,sans-serif;letter-spacing:-.4px}.store-button svg{width:27px;height:27px}.android-button{background:#705cf6;color:#fff;border:1px solid #705cf6}.android-button:hover{background:#5c47dc}.ios-button{border:1px solid var(--line);background:var(--surface);color:var(--text)}.ios-button:hover{border-color:var(--purple)}.learn-link{display:inline-flex;gap:9px;align-items:center;font-size:14px;font-weight:750;margin-top:22px;color:var(--text)}.learn-link svg{width:17px;height:17px}.learn-link:hover{color:var(--purple)}.coming-soon{font-size:13px;color:var(--muted);margin-top:9px}.hero-note{display:flex;align-items:center;gap:14px;margin-top:34px;max-width:400px}.hero-note p{color:var(--muted);font-size:12px;line-height:1.8}.mini-people{display:flex;flex-shrink:0;padding-inline-end:7px;direction:ltr}.mini-people i{width:27px;height:27px;border-radius:50%;border:3px solid var(--bg);background:#c6baff;margin-right:-7px;position:relative}.mini-people i:before{content:'';position:absolute;width:6px;height:6px;background:#7863c0;border-radius:50%;left:7.5px;top:4px}.mini-people i:after{content:'';position:absolute;width:12px;height:7px;background:#7863c0;border-radius:8px 8px 3px 3px;left:4.5px;top:12px}.mini-people i:nth-child(2){background:#b6f1dd}.mini-people i:nth-child(2):before,.mini-people i:nth-child(2):after{background:#3e9272}.mini-people i:nth-child(3){background:#ffe1c7}.mini-people i:nth-child(3):before,.mini-people i:nth-child(3):after{background:#bb8463}
.hero-art{position:relative;height:590px;min-width:0}.mint-shape{position:absolute;width:425px;height:475px;background:var(--shape);border-radius:47% 48% 42% 38%;inset-inline-end:-9px;top:62px;transform:rotate(-11deg)}[dir=rtl] .mint-shape{transform:rotate(11deg)}.phone{position:relative;border:7px solid #302a43;background:#302a43;border-radius:36px;box-shadow:0 24px 60px -25px rgba(24,17,49,.38);overflow:hidden;width:260px;isolation:isolate}.phone img{width:100%;height:auto;border-radius:28px}.hero-phone{position:absolute;top:9px;inset-inline-end:35px;transform:rotate(7deg)}[dir=rtl] .hero-phone{transform:rotate(-7deg)}.phone-camera{position:absolute;top:5px;left:50%;z-index:1;width:46px;height:9px;border-radius:0 0 8px 8px;background:#302a43;transform:translateX(-50%)}.screen-dark{display:none}[data-theme=dark] .screen-light{display:none}[data-theme=dark] .screen-dark{display:block}.art-spark{position:absolute;top:19px;inset-inline-start:68px;color:var(--purple);font-size:38px;transform:rotate(15deg)}.floating-receipt{position:absolute;inset-inline-start:-5px;bottom:42px;width:227px;background:var(--surface);border:1px solid var(--line);padding:19px 20px 26px;border-radius:14px 14px 3px 3px;box-shadow:var(--shadow);font-size:12px;transform:rotate(-4deg);z-index:2}[dir=rtl] .floating-receipt{transform:rotate(4deg)}.floating-receipt:after{content:'';position:absolute;left:-1px;right:-1px;bottom:-9px;height:11px;background:var(--surface);clip-path:polygon(0 0,100% 0,100% 10%,95% 100%,90% 10%,85% 100%,80% 10%,75% 100%,70% 10%,65% 100%,60% 10%,55% 100%,50% 10%,45% 100%,40% 10%,35% 100%,30% 10%,25% 100%,20% 10%,15% 100%,10% 10%,5% 100%,0 10%)}.receipt-heading{display:flex;align-items:center;gap:8px;white-space:nowrap}.receipt-heading strong{font-size:12px;font-weight:800}.mini-check{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;background:var(--shape);border-radius:50%;color:var(--mint-deep)}.floating-receipt>p{color:var(--muted);font-size:10px;margin:3px 0 14px;padding-inline-start:32px}.receipt-person{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:10px}.receipt-person span{display:flex;align-items:center;gap:7px}.receipt-person i{width:7px;height:7px;border-radius:50%;background:#b5a1ef}.receipt-person i.person-mint{background:#75c9a9}.receipt-person i.person-peach{background:#e9b28b}.receipt-person b{font-size:11px;font-weight:650;white-space:nowrap}.receipt-total{border-top:1px dashed var(--line);margin-top:15px;padding-top:12px;display:flex;justify-content:space-between;font-weight:750}.receipt-total b{color:var(--purple)}
.section{padding-block:90px}.section-heading{margin-bottom:45px}.centered{text-align:center}.section-heading h2,h2{font-size:34px;line-height:1.5;font-weight:800;letter-spacing:-.8px}html[lang=en] h2{line-height:1.24;letter-spacing:-1.1px}.section-heading p,.section-lead{color:var(--muted);font-size:16px;margin-top:12px}.how-section{background:var(--surface);border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:64px}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.step-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:16px;background:var(--lavender);color:var(--purple)}.step-icon svg{width:27px;height:27px}.step:nth-child(2) .step-icon{background:var(--shape);color:var(--mint-deep)}.step-number{font:500 28px/1 Inter,sans-serif;color:var(--line);letter-spacing:-1px}.step h3{font-size:20px;font-weight:800;margin-bottom:10px}.step p{color:var(--muted);font-size:14px;line-height:1.95;max-width:310px}.feature-layout{display:grid;grid-template-columns:1fr 1.06fr;gap:100px;align-items:center}.feature-art{position:relative;height:573px;display:flex;justify-content:center;align-items:center}.feature-backdrop{position:absolute;inset:48px 3px 26px;background:var(--lavender);border-radius:32px;transform:rotate(-4deg)}.feature-phone{width:245px;border-width:6px;border-radius:32px;transform:rotate(-4deg)}[dir=rtl] .feature-phone,[dir=rtl] .feature-backdrop{transform:rotate(4deg)}.review-tag{position:absolute;inset-inline-end:-15px;bottom:75px;display:flex;align-items:center;gap:8px;padding:12px 19px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);font-size:12px;font-weight:700;z-index:1}.review-tag svg{color:var(--mint-deep);width:21px;height:21px}.feature-copy h2{max-width:440px}.feature-copy>.section-lead{max-width:450px;line-height:1.9;margin-top:18px}.feature-list{margin-top:32px;display:flex;flex-direction:column;gap:24px}.feature-list article{display:flex;align-items:start;gap:16px}.feature-icon{flex-shrink:0;background:var(--shape);color:var(--mint-deep);padding:11px;border-radius:13px}.feature-icon svg{width:23px;height:23px}.feature-list h3{font-size:16px;font-weight:800;margin:0 0 5px}.feature-list p{font-size:14px;color:var(--muted);line-height:1.9;max-width:390px}.download-section{padding:20px 0 12px}.download-panel{background:#302548;border-radius:27px;padding:42px 45px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;position:relative;overflow:hidden}.download-copy{display:flex;align-items:center;gap:20px;min-width:0}.download-copy img{width:61px;height:61px;flex-shrink:0;border-radius:17px}.download-copy h2{font-size:25px;line-height:1.5;letter-spacing:-.5px}.download-copy p{color:#c7bfd7;margin-top:5px;font-size:14px}.download-panel .store-button{min-width:150px;padding-inline:17px}.download-panel .ios-button{background:#fff;color:#29243e;border-color:#fff}.download-panel .android-button{background:var(--mint);color:#234b3b;border-color:var(--mint)}.download-soon{color:#d3f9e8;font-size:14px;flex-shrink:0}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-layout h2{max-width:300px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;font-size:15px;font-weight:750;padding:22px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:18px;height:18px;color:var(--purple)}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details p{font-size:14px;color:var(--muted);line-height:1.95;padding:0 30px 24px 0}[dir=ltr] .faq-list details p{padding:0 0 24px 30px}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:30px 0}.footer-inner{display:flex;align-items:center;gap:22px}.site-footer .brand{font-size:21px}.footer-inner>p{font-size:13px;color:var(--muted)}.footer-end{margin-inline-start:auto;display:flex;align-items:center;gap:22px;font-size:11px;color:var(--muted)}.footer-end a:hover{color:var(--purple)}
@media(min-width:1400px){.hero-layout{min-height:745px}.hero-art{transform:scale(1.04)}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.main-nav{gap:18px;font-size:12px}.header-inner{gap:18px}.header-cta{display:none}.hero-layout{gap:16px;grid-template-columns:1.05fr 1fr}.hero-art{height:555px}.mint-shape{width:360px;height:440px;top:70px}.hero-phone{width:242px;inset-inline-end:15px}.floating-receipt{width:202px;inset-inline-start:-14px;bottom:28px;padding:16px}.receipt-heading strong{font-size:11px}.hero-body{font-size:16px}.feature-layout{gap:65px}.download-panel{padding:34px 30px;flex-direction:column;align-items:stretch}.download-copy{justify-content:center}.download-panel .download-buttons{justify-content:center}.download-soon{text-align:center}.faq-layout{gap:60px}.footer-inner{flex-wrap:wrap}.footer-end{flex-basis:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header-inner{min-height:76px}.main-nav{display:none}.brand{font-size:22px}.brand img{width:37px;height:37px}.header-actions{gap:6px}.header-actions .language-switch{font-size:12px;padding-inline:4px}.theme-toggle{width:40px;height:40px}.hero-layout{grid-template-columns:1fr;padding-top:46px;padding-bottom:42px;gap:25px}.hero-copy{text-align:center}.hero-intro{justify-content:center;font-size:12px}.hero-copy h1{font-size:48px;letter-spacing:-1.5px;margin-bottom:18px}html[lang=en] .hero-copy h1{font-size:48px;letter-spacing:-2px}.hero-body{max-width:490px;margin:0 auto 24px;font-size:16px}.hero-copy .download-buttons{justify-content:center}.store-button{min-width:148px;padding:10px 16px;min-height:62px}.store-button strong{font-size:17px}.store-button small{font-size:10px}.hero-note{margin:26px auto 0;justify-content:center;max-width:340px;text-align:start}.hero-art{width:415px;max-width:100%;height:565px;justify-self:center}.hero-phone{inset-inline-end:39px;top:8px;width:248px}.mint-shape{width:350px;max-width:100%;height:440px;top:65px;inset-inline-end:0}.floating-receipt{width:202px;bottom:20px;inset-inline-start:3px}.art-spark{inset-inline-start:28px;top:25px}.section{padding-block:65px}.section-heading h2,h2{font-size:29px;line-height:1.5}.section-heading{margin-bottom:34px}.section-heading p{font-size:14px}.steps{grid-template-columns:1fr;gap:28px;max-width:480px;margin-inline:auto}.step{position:relative;padding-inline-start:76px;min-height:90px}.step-top{position:absolute;inset-inline-start:0;top:0;margin:0;display:block}.step-icon{width:53px;height:53px;border-radius:15px}.step-number{font-size:16px;text-align:center;margin-top:10px;display:block;color:var(--muted)}.step h3{font-size:18px;margin-bottom:5px}.step p{font-size:14px;max-width:100%}.feature-layout{grid-template-columns:1fr;gap:33px}.feature-copy{grid-row:1}.feature-copy h2,.feature-copy>.section-lead{max-width:100%}.feature-copy>.section-lead{font-size:15px}.feature-list{gap:21px}.feature-list p{max-width:100%}.feature-art{height:545px;width:390px;max-width:100%;margin-inline:auto}.feature-phone{width:233px}.feature-backdrop{inset:30px 5px 20px}.review-tag{inset-inline-end:0;bottom:60px}.download-panel{border-radius:23px;padding:29px 23px;gap:24px}.download-copy{flex-direction:column;text-align:center;gap:16px}.download-copy h2{font-size:24px}.download-copy p{font-size:13px}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-layout h2{max-width:100%}.faq-list summary{font-size:14px;padding-block:20px}.faq-list details p{font-size:13px;padding-inline-start:0}.footer-inner{gap:14px}.footer-inner>p{font-size:11px}.footer-end{gap:14px;font-size:10px}.download-panel .store-button{min-width:145px}.download-panel .download-buttons{gap:10px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero-copy h1,html[lang=en] .hero-copy h1{font-size:41px}.hero-art{height:510px}.hero-phone{width:221px;inset-inline-end:17px}.mint-shape{height:390px;top:65px}.floating-receipt{width:177px;inset-inline-start:0;bottom:14px;padding:14px}.receipt-heading strong{font-size:10px}.receipt-heading{gap:5px}.mini-check{width:20px;height:20px}.floating-receipt>p{font-size:9px;padding-inline-start:25px}.art-spark{inset-inline-start:5px}.store-button{min-width:135px;padding-inline:12px;gap:8px}.store-button svg{width:23px;height:23px}.download-panel .store-button{min-width:125px;padding-inline:12px;gap:8px}.download-panel .store-button strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep artwork's intrinsic width from widening the one-column mobile grid. */
.hero-copy,.feature-copy{min-width:0}
@media(max-width:760px){.hero-layout,.feature-layout{grid-template-columns:minmax(0,1fr)}}
/* A five-step app walkthrough, with the receipt completing in reading order. */
.hero-art{height:630px}
.preview-frame{position:absolute;inset:0;opacity:0;transform:translateY(9px);pointer-events:none;transition:opacity .45s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.preview-frame[data-preview-index="0"]{position:relative}
.preview-frame.is-active{opacity:1;transform:translateY(0);z-index:1}
.phone-camera{z-index:3}
.preview-controls{position:absolute;inset-inline-end:20px;bottom:0;width:290px;max-width:100%;text-align:center}
.preview-controls[hidden]{display:none}
.preview-navigation,.preview-dots{display:flex;align-items:center;justify-content:center;gap:5px}
.preview-navigation{gap:13px}
.preview-dots button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;min-width:30px;height:36px;padding:0;border-radius:9px;font:600 11px/1 Inter,sans-serif}
.preview-dots button span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid var(--line);transition:background-color .2s,color .2s,border-color .2s}
.preview-dots button[aria-pressed=true] span{background:var(--purple);border-color:var(--purple);color:var(--bg)}
.preview-dots button:hover span{border-color:var(--purple)}
.preview-caption{font-size:11px;color:var(--muted);margin-top:3px;min-height:21px}
.floating-receipt .mini-check svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.motion-ready .hero-art:not(.is-introduced) .receipt-person,
.motion-ready .hero-art:not(.is-introduced) .receipt-total,
.motion-ready .hero-art:not(.is-introduced) .mini-check{opacity:0}
.motion-ready .is-introduced.receipt-run .receipt-person{animation:receipt-row-in .46s both cubic-bezier(.2,.7,.2,1)}
.motion-ready .is-introduced.receipt-run [data-receipt-person="0"]{animation-delay:.45s}
.motion-ready .is-introduced.receipt-run [data-receipt-person="1"]{animation-delay:.85s}
.motion-ready .is-introduced.receipt-run [data-receipt-person="2"]{animation-delay:1.25s}
.motion-ready .is-introduced.receipt-run .receipt-total{animation:receipt-row-in .48s 1.85s both ease-out}
.motion-ready .is-introduced.receipt-run .mini-check{animation:receipt-check-in .4s 2.4s both cubic-bezier(.2,.8,.25,1.35)}
.motion-ready .is-introduced.receipt-run .mini-check path{stroke-dasharray:20;animation:receipt-check-draw .32s 2.5s both ease-out}
.hero-art.is-preview-paused .floating-receipt *{animation-play-state:paused!important}
@keyframes receipt-row-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes receipt-check-in{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}
@keyframes receipt-check-draw{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}
.reveal-pending{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.reveal-pending.is-revealed{opacity:1;transform:translateY(0)}
.step.reveal-pending:nth-child(2),.feature-list article.reveal-pending:nth-child(2){transition-delay:.1s}
.step.reveal-pending:nth-child(3),.feature-list article.reveal-pending:nth-child(3){transition-delay:.2s}
.feature-copy.reveal-pending{transform:none}
.footer-end{flex-direction:column;align-items:flex-end;gap:6px}
.tatwerat-credit{display:flex;align-items:center;gap:9px;min-height:36px}
.tatwerat-credit>span{font:500 10px/1.4 Inter,sans-serif;color:var(--muted)}
.tatwerat-credit strong{font-size:16px;font-weight:800;color:var(--text)}
.tatwerat-credit img{width:26px;height:26px;object-fit:contain}
.company-mark-white{display:none}
[data-theme=dark] .company-mark-white{display:block}
[data-theme=dark] .company-mark-color{display:none}
.footer-copyright{font-size:10px}
/* Keep Arabic download copy readable beside the platform name at every size. */
html[lang=ar] .store-button small{font-size:14px;font-weight:650;line-height:1.65;margin-bottom:1px;white-space:nowrap}
html[lang=ar] .store-button strong{font-size:16px;font-weight:700;line-height:1.25;letter-spacing:0}
@media(max-width:760px){html[lang=ar] .store-button strong{font-size:15px}}
@media(max-width:760px){.hero-art{height:620px}.preview-controls{width:280px;inset-inline-end:23px}.floating-receipt{bottom:70px}.footer-end{align-items:center;justify-content:center;gap:9px}.footer-copyright{text-align:center}.tatwerat-credit strong{font-size:16px}}
@media(max-width:370px){.hero-art{height:550px}.preview-controls{width:250px;inset-inline-end:2px}.floating-receipt{bottom:58px}}
@media(prefers-reduced-motion:reduce){
  .preview-frame,.preview-dots button span,.reveal-pending{transition:none!important}
  .preview-frame{transform:none}
  .reveal-pending{opacity:1;transform:none}
  .floating-receipt *{animation:none!important;opacity:1!important;transform:none!important}
  .mini-check path{stroke-dashoffset:0!important}
}

/* One entrance on page readiness, followed by a quiet organic backdrop. */
html.motion-ready .hero-copy>[data-hero-enter]{animation:hero-content-enter .8s both cubic-bezier(.2,.7,.2,1)}
html.motion-ready .hero-copy>[data-hero-enter=intro]{animation-delay:.04s}
html.motion-ready .hero-copy>[data-hero-enter=title]{animation-delay:.14s}
html.motion-ready .hero-copy>[data-hero-enter=body]{animation-delay:.28s}
html.motion-ready .hero-copy>[data-hero-enter=downloads]{animation-delay:.4s}
html.motion-ready .hero-copy>[data-hero-enter=learn]{animation-delay:.5s}
html.motion-ready .hero-copy>[data-hero-enter=notice]{animation-delay:.56s}
html.motion-ready .hero-copy>[data-hero-enter=note]{animation-delay:.65s}
html.motion-ready .hero-art{animation:hero-art-enter 1s .18s both ease-out}
.mint-shape{--mint-angle:-11deg;pointer-events:none;z-index:0;border-radius:44% 56% 61% 39% / 52% 41% 59% 48%;transform:rotate(var(--mint-angle));transform-origin:50% 50%}
[dir=rtl] .mint-shape{--mint-angle:11deg}
.hero-phone{z-index:1}
.preview-controls{z-index:3}
html.motion-ready .mint-shape{animation:mint-backdrop-wave 16s infinite ease-in-out}
.hero-art.is-preview-paused .mint-shape{animation-play-state:paused}
@keyframes hero-content-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-art-enter{from{opacity:0}to{opacity:1}}
@keyframes mint-backdrop-wave{
  0%,100%{border-radius:44% 56% 61% 39% / 52% 41% 59% 48%;transform:translate3d(0,0,0) rotate(var(--mint-angle)) scale(1)}
  25%{border-radius:58% 42% 48% 52% / 42% 56% 44% 58%;transform:translate3d(-12px,-8px,0) rotate(calc(var(--mint-angle) + 4deg)) scale(1.025)}
  50%{border-radius:42% 58% 40% 60% / 58% 44% 56% 42%;transform:translate3d(8px,10px,0) rotate(calc(var(--mint-angle) - 3deg)) scale(1.045,.985)}
  75%{border-radius:52% 48% 61% 39% / 42% 57% 43% 58%;transform:translate3d(12px,-6px,0) rotate(calc(var(--mint-angle) + 2deg)) scale(1.015)}
}
@media(prefers-reduced-motion:reduce){
  .hero-copy>[data-hero-enter]{animation:none!important;opacity:1!important;transform:none!important}
  .hero-art{animation:none!important;opacity:1!important}
  .mint-shape{animation:none!important}
}
/* Receipt and conversation artwork beside the frequently asked questions. */
.faq-art{width:250px;max-width:100%;margin-top:23px;pointer-events:none}
.faq-art svg{width:100%;height:auto;display:block}
.faq-art-backdrop{fill:var(--lavender)}
.faq-art-ground{fill:var(--line);opacity:.65}
.faq-art-paper{fill:var(--surface);stroke:var(--line);stroke-width:1.5;stroke-linejoin:round}
.faq-art-purple{fill:var(--purple)}
.faq-art-mint,.faq-art-answer{fill:var(--mint)}
.faq-art-divider{stroke:var(--line);stroke-width:1.5;stroke-dasharray:3 4;stroke-linecap:round}
.faq-art-lines{stroke:var(--muted);stroke-opacity:.5;stroke-width:3;stroke-linecap:round}
.faq-art-chat{fill:var(--surface);stroke:var(--purple);stroke-opacity:.3;stroke-width:1.5}
.faq-art-check{stroke:#296b53;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.faq-art-accent{stroke:var(--purple);stroke-opacity:.6;stroke-width:2;stroke-linecap:round}
@media(max-width:760px){.faq-layout>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:18px}.faq-layout>div:first-child h2{min-width:0;flex:1}.faq-art{width:104px;flex-shrink:0;margin:0}}
@media(max-width:370px){.faq-art{width:88px}}