@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@500;600;700;800;900&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#1c2b28;background:#fbfaf5;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#1c2b28;--muted:#596963;--coral:#ff806f;--yellow:#ffd765;--blue:#a9e6f5;--green:#b7dc7a;--cream:#fbfaf5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.wrap{width:min(1120px,calc(100% - 56px));margin-inline:auto}a{color:inherit}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between}.wordmark{font:900 28px/1 Nunito,sans-serif;letter-spacing:-1.4px;text-decoration:none;color:var(--ink)}.wordmark span{color:var(--coral);font-size:17px;margin-left:3px;vertical-align:top}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav>a{font-size:14px;font-weight:600;text-decoration:none}.site-header nav>a:hover,.text-link:hover{color:#d55d50}.nav-cta{padding:12px 17px;border-radius:999px;background:var(--ink);color:#fff}.nav-cta span{margin-left:8px}.hero{min-height:590px;display:grid;grid-template-columns:1fr .92fr;gap:36px;align-items:center;padding-top:14px;padding-bottom:54px}.hero-copy{padding:26px 0 34px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:#66816e;margin:0 0 20px}.eyebrow-dot{display:inline-block;width:8px;height:8px;background:var(--coral);border-radius:50%;margin-right:7px}.hero h1,.story-copy h2,.app-heading h2,.press-intro h2{font:900 clamp(56px,7.2vw,94px)/.94 Nunito,sans-serif;letter-spacing:-.065em;margin:0;color:var(--ink)}.hero h1 em{font-style:normal;color:#e5685a}.hero-lede{max-width:440px;font-size:18px;line-height:1.65;color:var(--muted);margin:26px 0 26px}.button{display:inline-flex;align-items:center;gap:20px;border-radius:999px;padding:16px 21px;text-decoration:none;font-size:14px;font-weight:700}.button-dark{background:var(--ink);color:#fff}.button-dark:hover,.nav-cta:hover{background:#344d43}.hero-note{font-size:12px;color:#829087;margin:13px 0}.hero-art{position:relative;min-height:470px;display:grid;place-items:center}.sunburst{width:385px;max-width:92%;aspect-ratio:1;background:var(--yellow);border-radius:50%;position:absolute;right:10px;top:25px}.sunburst:after{content:"";position:absolute;inset:24px;border:1px dashed rgba(28,43,40,.18);border-radius:50%}.hero-pig{z-index:1;position:relative;width:min(310px,72%);height:auto;margin-top:14px;filter:drop-shadow(0 14px 0 rgba(45,53,46,.08))}.hero-sticker{position:absolute;z-index:2;top:62px;left:2%;padding:16px 19px;background:var(--coral);border-radius:50%;transform:rotate(-11deg);font:800 15px/1.2 Nunito,sans-serif;text-align:center;color:#fff}.balance-tag{position:absolute;z-index:3;right:1%;bottom:35px;display:flex;flex-direction:column;gap:3px;background:#fff;border:2px solid var(--ink);border-radius:18px;padding:12px 17px;transform:rotate(4deg);box-shadow:4px 5px 0 var(--ink)}.balance-tag span,.balance-tag small{font-size:10px;color:var(--muted)}.balance-tag strong{font:900 22px Nunito,sans-serif}.balance-tag small{color:#628547}.spark{position:absolute;z-index:2;font-size:37px;color:#f06e5c}.spark-one{top:40px;right:24%}.spark-two{left:5%;bottom:68px;color:#53b7c9;font-size:30px}.promise-band{background:var(--green);color:var(--ink)}.promise-inner{min-height:108px;display:flex;align-items:center;justify-content:center;gap:23px}.promise-inner p{font:800 23px Nunito,sans-serif;margin:0;letter-spacing:-.03em}.promise-icon{font-size:30px}.promise-star{color:#fff;font-size:27px}.story-section{padding-top:112px;padding-bottom:118px;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.story-art{min-height:350px;position:relative;display:grid;place-items:center}.story-circle{width:290px;aspect-ratio:1;border-radius:49% 51% 50% 50%;background:var(--blue);position:relative;transform:rotate(-7deg);display:grid;place-items:center}.story-circle:before,.story-circle:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(28,43,40,.14);inset:18px}.story-circle:after{inset:37px}.story-circle span{position:absolute;font:900 72px Nunito,sans-serif;color:var(--ink)}.story-circle span:nth-child(2){font-size:45px;left:61px;top:61px;color:#e76e5c}.story-circle span:nth-child(3){font-size:34px;right:49px;bottom:56px;color:#fff}.story-caption{position:absolute;bottom:18px;right:4%;font:800 14px/1.2 Nunito,sans-serif;background:var(--yellow);padding:12px 17px;border-radius:15px;transform:rotate(5deg)}.story-copy h2,.app-heading h2,.press-intro h2{font-size:52px;line-height:.98;letter-spacing:-.055em}.story-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);max-width:490px}.story-copy .eyebrow{margin-bottom:14px}.text-link{display:inline-flex;align-items:center;gap:11px;font-weight:700;text-decoration:none;border-bottom:1px solid #91a198;padding-bottom:5px;margin-top:8px}.app-section{background:#dff5fa;padding:84px 0 74px;overflow:hidden}.app-inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:44px;align-items:center}.app-heading h2{margin-bottom:17px}.app-heading>p:not(.eyebrow){font-size:15px;line-height:1.65;color:var(--muted);max-width:290px}.phone-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.phone-card{margin:0}.phone-card:nth-child(even){margin-top:40px}.phone-card img{width:100%;display:block;border-radius:20px;box-shadow:0 11px 25px rgba(27,83,89,.13)}.phone-card figcaption{font-size:11px;text-align:center;color:#5f7e82;margin-top:10px}.press-section{padding-top:105px;padding-bottom:110px;display:grid;grid-template-columns:.72fr 1.28fr;gap:64px}.press-intro h2{font-size:48px}.press-intro>p:not(.eyebrow){font-size:14px;line-height:1.6;color:var(--muted);max-width:220px}.press-list{list-style:none;margin:0;padding:0;border-top:1px solid #d5ddd6}.press-list li{border-bottom:1px solid #d5ddd6}.press-list a{min-height:91px;display:grid;grid-template-columns:130px 1fr 18px;align-items:center;gap:20px;text-decoration:none;padding:16px 2px}.press-source{font-weight:700;font-size:13px}.press-source span{display:block;color:#809087;font-size:10px;font-weight:500;margin-top:4px}.press-list strong{font-size:14px;line-height:1.45;font-weight:600}.press-arrow{font-size:17px;color:#e5685a}.press-list a:hover strong{text-decoration:underline;text-underline-offset:3px}.site-footer{background:var(--ink);color:#f4f5e9}.footer-inner{min-height:96px;display:flex;align-items:center;gap:26px}.footer-inner .wordmark{color:#fff;font-size:24px}.footer-inner>p{font-size:12px;color:#bcc9bf;margin:0}.footer-download{margin-left:auto;text-decoration:none;font-size:13px;font-weight:700}.footer-download span{color:var(--yellow);margin-left:6px}
@media(max-width:850px){.wrap{width:min(100% - 40px,650px)}.site-header{height:78px}.site-header nav{gap:17px}.site-header nav>a{font-size:12px}.hero{grid-template-columns:1fr .85fr;gap:12px;min-height:520px}.hero h1{font-size:clamp(52px,8vw,75px)}.hero-lede{font-size:16px}.hero-art{min-height:380px}.sunburst{width:310px}.story-section{gap:45px;padding:84px 0}.story-art{min-height:280px}.story-circle{width:230px}.story-circle span{font-size:58px}.app-inner{grid-template-columns:1fr;gap:26px}.app-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end}.app-heading .eyebrow{grid-column:1/-1}.app-heading h2{grid-row:2/4}.app-heading>p:not(.eyebrow){margin:0 0 5px}.phone-gallery{max-width:620px;margin-inline:auto}.press-section{gap:34px}.press-list a{grid-template-columns:105px 1fr 18px;gap:12px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.site-header nav{gap:12px}.site-header nav>a{font-size:11px}.site-header nav>a:first-child{display:none}.wordmark{font-size:25px}.nav-cta{padding:10px 12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:30px;padding-bottom:38px}.hero-copy{padding:0}.hero h1{font-size:clamp(46px,10vw,60px)}.hero-lede{font-size:16px;margin:19px 0 20px}.hero-art{min-height:340px;margin-top:0}.sunburst{width:280px;top:18px;right:50%;transform:translateX(50%)}.hero-pig{width:235px}.hero-sticker{left:5%;top:39px}.balance-tag{right:5%;bottom:20px}.spark-one{top:27px;right:18%}.spark-two{left:8%;bottom:39px}.promise-inner{min-height:86px;gap:12px}.promise-inner p{font-size:17px}.promise-icon{font-size:24px}.promise-star{font-size:20px}.story-section{grid-template-columns:1fr;gap:30px;padding:68px 0 75px}.story-art{min-height:255px;order:2}.story-circle{width:220px}.story-caption{right:6%;bottom:4px}.story-copy h2,.app-heading h2{font-size:45px}.story-copy>p:not(.eyebrow){font-size:15px}.app-section{padding:66px 0 55px}.app-heading{display:block}.app-heading>p:not(.eyebrow){max-width:360px;margin-top:14px}.phone-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;max-width:380px}.phone-card:nth-child(even){margin-top:26px}.phone-card figcaption{font-size:10px}.press-section{display:block;padding-top:73px;padding-bottom:75px}.press-intro{margin-bottom:25px}.press-intro h2{font-size:44px}.press-list a{min-height:83px;grid-template-columns:83px 1fr 15px;gap:9px}.press-source{font-size:11px}.press-list strong{font-size:12px}.footer-inner{min-height:84px;gap:11px}.footer-inner .wordmark{font-size:21px}.footer-inner>p{font-size:10px}.footer-download{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Language selector and original Appiggy artwork */
.hero-sticker{top:0}
.language-switch{display:inline-flex;gap:2px;padding:3px;border:1px solid #d2d9d2;border-radius:999px;background:#fff}
.language-switch button{border:0;background:transparent;border-radius:999px;padding:6px 9px;color:#51655c;font:700 11px 'DM Sans',sans-serif;cursor:pointer}
.language-switch button[aria-pressed="true"]{background:var(--ink);color:#fff}
.language-switch button:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
.story-circle .story-coin{position:absolute;z-index:1;width:126px;height:126px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);filter:drop-shadow(0 7px 5px rgba(34,55,54,.14))}
.story-circle .coin-spark{position:absolute;left:19%;top:26%;font:800 39px Nunito,sans-serif;color:var(--coral);transform:rotate(-12deg)}
.story-circle .coin-star{position:absolute;right:17%;bottom:22%;font:800 30px Nunito,sans-serif;color:#fff;transform:rotate(12deg)}
.story-caption span{display:block;max-width:160px}
@media(max-width:850px){.site-header nav{gap:15px}}
@media(max-width:640px){.site-header nav{gap:8px}.language-switch{gap:0;padding:2px}.language-switch button{padding:5px 7px;font-size:10px}.nav-cta{padding:9px 10px}.nav-cta span{margin-left:3px}.hero-sticker{top:0}}
