@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@500;600;700&display=swap";
:root{--ink:#253047;--purple:#6d56d9;--cream:#fffaf0;--yellow:#ffd563;--coral:#ff806f;--mint:#72d4b1;--line:#e8e2d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);margin:0;font-family:DM Sans,sans-serif}button,a{font:inherit}button{color:inherit}.nav-wrap{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf0e6;border-bottom:1px solid #25304714;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;max-width:1220px;height:78px;margin:auto;padding:0 24px;display:flex}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font:700 23px Fredoka;display:flex}.brand>span:last-child>span{color:var(--purple)}.brand-mark{background:var(--yellow);border-radius:14px;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-5deg);box-shadow:inset 0 -3px #0000000f}.brand-mark span{font:700 24px Fredoka;transform:rotate(5deg)}.tabs{background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px;display:flex;box-shadow:0 4px 18px #382e5512}.tabs button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 18px;font-weight:700}.tabs button.active{color:#5b45ca;background:#eee9ff}.count{background:var(--yellow);width:20px;height:20px;color:var(--ink);border-radius:50%;place-items:center;margin-left:4px;font-size:11px;display:inline-grid}.store-pill{color:#fff;background:var(--ink);border-radius:12px;padding:11px 17px;font-weight:700;text-decoration:none}.store-pill span{margin-left:7px}.hero{background:radial-gradient(circle at 78%,#e7deff 0 18%,#0000 42%),linear-gradient(145deg,#fffaf0 30%,#fff4dc);grid-template-columns:1fr 1fr;align-items:center;max-width:1440px;min-height:650px;margin:auto;padding:60px max(6vw,32px) 80px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:620px}.eyebrow,.kicker{letter-spacing:.14em;color:#6557a7;font-size:12px;font-weight:800}.eyebrow{background:#fffdf8;border:1px solid #d9d0bd;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;display:inline-flex}.eyebrow span{color:#f5aa35}.hero h1,.apps-intro h1{letter-spacing:-.045em;margin:24px 0 22px;font:700 clamp(52px,6.2vw,88px)/.97 Fredoka}.hero h1 em,.apps-intro h1 em,.promise h2 em{color:var(--purple);font-style:normal}.hero-copy>p{color:#61687a;max-width:560px;font-size:19px;line-height:1.65}.hero-actions{align-items:center;gap:28px;margin-top:32px;display:flex}.primary{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:15px;padding:16px 22px;font-weight:800;transition:all .2s;box-shadow:0 8px #da5b50}.primary:hover{transform:translateY(-2px);box-shadow:0 10px #da5b50}.primary span{margin-left:14px}.text-link{color:var(--ink);font-weight:800;text-decoration:none}.text-link span{color:var(--purple);margin-left:6px}.trust-row{color:#717788;flex-wrap:wrap;gap:22px;margin-top:40px;font-size:13px;font-weight:600;display:flex}.trust-row span:first-letter{color:var(--mint)}.hero-playground{height:520px;position:relative}.feature-phone{border:7px solid var(--ink);z-index:3;background:#fff;border-radius:38px;width:min(330px,68%);height:480px;padding:12px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-48%)rotate(3deg);box-shadow:22px 25px #6b52cf38}.feature-phone>img{object-fit:cover;border-radius:22px;width:100%;height:76%}.phone-top{z-index:2;background:var(--ink);border-radius:0 0 12px 12px;width:74px;height:18px;position:absolute;top:19px;left:50%;transform:translate(-50%)}.phone-caption{align-items:center;gap:13px;height:24%;padding:10px;font:700 20px Fredoka;display:flex}.phone-caption img{border-radius:14px;width:52px;height:52px}.letter-card{z-index:4;border-radius:23px;place-items:center;width:92px;height:102px;font:700 54px Fredoka;display:grid;position:absolute;box-shadow:0 12px #25304729}.letter-card.a{background:var(--yellow);top:16%;left:3%;transform:rotate(-13deg)}.letter-card.three{background:var(--mint);bottom:15%;right:0;transform:rotate(11deg)}.sunburst{color:var(--yellow);font-size:78px;animation:18s linear infinite spin;position:absolute;top:4%;right:7%}.rainbow{z-index:1;width:160px;height:80px;position:absolute;bottom:5%;left:1%;overflow:hidden}.rainbow i{border:16px solid var(--coral);border-radius:50%;width:160px;height:160px;position:absolute}.rainbow i:nth-child(2){border-color:var(--yellow);width:126px;height:126px;top:17px;left:17px}.rainbow i:nth-child(3){border-color:var(--mint);width:92px;height:92px;top:34px;left:34px}.spark{color:var(--purple);font-size:28px;position:absolute}.s1{top:36%;right:1%}.s2{color:var(--coral);bottom:30%;left:9%}.s3{color:var(--yellow);bottom:1%;right:24%}.cloud{opacity:.75;background:#fff;border-radius:99px;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud-one{width:140px;height:40px;top:11%;left:44%}.cloud-one:before{width:60px;height:60px;bottom:0;left:20px}.cloud-one:after{width:74px;height:74px;bottom:0;right:17px}.cloud-two{width:120px;height:34px;bottom:8%;right:1%}.cloud-two:before{width:50px;height:50px;bottom:0;left:18px}.featured,.apps-page{max-width:1220px;margin:auto;padding:100px 24px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.section-heading h2,.promise h2{letter-spacing:-.03em;margin:10px 0 0;font:700 clamp(36px,4vw,54px)/1.08 Fredoka}.section-heading button{cursor:pointer;color:var(--purple);background:0 0;border:0;padding:12px;font-weight:800}.section-heading button span{margin-left:8px}.feature-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.app-card{background:#fff;border:1px solid #25304714;border-radius:28px;padding:10px;transition:all .25s;animation:.45s both rise;box-shadow:0 14px 38px #322d4814}.app-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px #322d4821}.card-art{background:#eee;border-radius:21px;height:190px;position:relative;overflow:hidden}.large .card-art{height:290px}.scene{object-fit:cover;width:100%;height:100%}.tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe8;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;position:absolute;top:14px;left:14px}.card-body{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 13px 12px;display:grid}.app-icon{border-radius:17px;width:62px;height:62px;box-shadow:0 5px 14px #2530472e}.card-copy h3{margin:0 0 5px;font:700 23px Fredoka}.card-copy p{color:#717788;margin:0;font-size:14px;line-height:1.5}.round-link{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:45px;height:45px;font-size:19px;font-weight:800;text-decoration:none;display:grid}.sun .round-link{background:#e95f50}.rose .round-link{background:#7a59d5}.mint .round-link{background:#2c9d79}.blue .round-link{background:#3d78c7}.violet .round-link{background:#8156ba}.promise{background:var(--ink);color:#fff;border-radius:38px;grid-template-columns:1fr 1fr;gap:70px;max-width:1220px;margin:10px auto 100px;padding:65px;display:grid;position:relative;overflow:hidden}.promise:after{content:"";border:45px solid #ffd56321;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-80px}.promise .kicker{color:var(--yellow)}.promise-copy p{color:#bfc4d0;font-size:17px;line-height:1.65}.promise-list{flex-direction:column;display:flex}.promise-list>div{border-bottom:1px solid #ffffff21;gap:22px;padding:18px 0;display:flex}.promise-list b{color:var(--yellow);font:600 18px Fredoka}.promise-list span{flex-direction:column;gap:5px;display:flex}.promise-list strong{font:600 19px Fredoka}.promise-list small{color:#aeb4c1;font-size:14px}.apps-page{min-height:800px}.apps-intro{text-align:center;max-width:830px;margin:20px auto 60px}.apps-intro h1{margin:15px 0;font-size:clamp(54px,7vw,88px)}.apps-intro p{color:#6d7382;font-size:18px}.apps-grid{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.apps-grid .app-card:last-child{grid-column:1/-1;justify-self:center;width:100%;max-width:590px}footer{border-top:1px solid var(--line);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:32px;padding:45px max(4vw,24px) 28px;display:grid}.footer-brand{align-items:center;gap:14px;display:flex}.footer-brand strong{font:700 23px Fredoka}.footer-brand p{color:#777e8d;margin:3px 0;font-size:13px}.footer-links{gap:24px;display:flex}.footer-links button,.footer-links a{color:var(--ink);cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:none}.copyright{border-top:1px solid var(--line);color:#8a8f9b;grid-column:1/-1;margin:0;padding-top:22px;font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:860px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{text-align:center;margin:auto}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-playground{height:450px;margin-top:30px}.feature-grid,.apps-grid,.promise{grid-template-columns:1fr}.apps-grid .app-card:last-child{grid-column:auto;max-width:none}.promise{gap:30px;margin-left:18px;margin-right:18px;padding:44px 30px}.section-heading{align-items:start}.desktop{display:none}}@media (max-width:560px){.nav{padding:0 14px}.brand{font-size:19px}.brand-mark{width:36px;height:36px}.brand-mark span{font-size:20px}.tabs button{padding:9px 12px}.hero{min-height:auto;padding:55px 20px 65px}.hero h1{font-size:52px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;gap:22px}.trust-row{gap:10px 16px;margin-top:32px}.hero-playground{height:390px}.feature-phone{width:245px;height:360px}.letter-card{width:70px;height:78px;font-size:40px}.letter-card.three{right:-5%}.rainbow{transform-origin:0 100%;transform:scale(.7)}.featured,.apps-page{padding:72px 16px}.section-heading{display:block}.section-heading button{margin-top:10px;padding-left:0}.feature-grid{grid-template-columns:1fr}.large .card-art{height:210px}.card-body{grid-template-columns:auto 1fr}.card-copy p{font-size:13px}.round-link{grid-column:2;justify-self:end;margin-top:-52px}.promise{border-radius:28px}.footer-links{flex-wrap:wrap;gap:14px}footer{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}