@charset "UTF-8";
:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:#181a20;background:#f8faff;font-synthesis:none;--blue:#0869ef;--muted:#626b79;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;overflow-x:clip}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 #ec7d17;outline-offset:5px}button{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:20px;font-weight:750;letter-spacing:-.7px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:550}.nav-pill{padding:13px 18px;background:#eaf1fd;border:1px solid #d7e6fc;border-radius:24px;color:#155ebf}.nav-pill span{margin-left:12px}.hero{overflow:clip;display:grid;grid-template-columns:1.08fr 1fr;min-height:738px;align-items:center;gap:25px;padding-bottom:62px}.hero-copy{position:relative;z-index:2}.eyebrow{display:block;font-size:12px;font-weight:750;letter-spacing:1.8px}.hero-copy .eyebrow{display:flex;align-items:center;gap:9px;color:#4d627f}.hero-copy .eyebrow>span{color:var(--blue);font-size:25px}.hero h1{font-size:clamp(62px,6.2vw,88px);line-height:1.035;letter-spacing:-5px;margin:24px 0}.blue-word{color:var(--blue)}.period{display:inline-block;transform:rotate(10deg)}.hero-copy>p{font-size:25px;line-height:1.4;letter-spacing:-.65px;margin:0 0 18px}.hero-copy>p.hero-description{font-size:18px;line-height:1.65;color:var(--muted);letter-spacing:-.15px;max-width:410px;margin-bottom:29px}.button{display:inline-flex;align-items:center;gap:30px;min-height:55px;padding:0 24px;font-size:16px;font-weight:650;border-radius:28px;transition:transform .2s,box-shadow .2s}.primary{background:var(--blue);color:white;box-shadow:0 7px 14px #0969ee21}.button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0969ee35}.hero-note{display:flex;align-items:center;gap:8px;margin-top:19px;color:#697383;font-size:12px}.hero-note>span{font-size:22px;color:#657797}.hero-visual{height:640px;position:relative;display:grid;place-items:center;isolation:isolate;perspective:1200px;scroll-margin-top:50px}.hero-visual:before{content:"";position:absolute;inset:25px -25px;border-radius:50%;background:radial-gradient(ellipse,#dceaff 0%,#edf4ff80 48%,transparent 70%);z-index:-3}.orbit{position:absolute;width:525px;height:525px;border:1px solid #dfe8f5;border-radius:50%;z-index:-2;transform:rotateX(25deg) rotateZ(-25deg)}.orbit-two{width:610px;height:340px;transform:rotateZ(-35deg);border-style:dashed;opacity:.65}.phone{width:306px;height:578px;border-radius:48px;background:#fff;border:7px solid #292c33;box-shadow:0 0 0 2px #93979e,inset 0 0 0 2px #e2e5eb,18px 30px 40px #526d9930,0 7px 12px #43597518;transform:rotate(7deg);position:relative;z-index:2;overflow:hidden;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.phone:hover,.phone:focus-within{transform:rotate(2deg) translateY(-5px)}.phone-status{height:45px;display:flex;align-items:center;justify-content:space-between;padding:7px 22px 0;font-size:12px;font-weight:700}.dynamic-island{width:85px;height:24px;background:#101115;border-radius:18px;position:absolute;top:11px;left:calc(50% - 42px)}.phone-nav{height:47px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-size:13px;font-weight:550}.phone-nav .preview-label{color:#929aa7;font-weight:450;font-size:12px;margin-right:11px}.sticker-canvas{height:270px;margin:0 10px;background-color:#f8f9fb;background-image:conic-gradient(#e9ecf080 25%,transparent 0 50%,#e9ecf080 0 75%,transparent 0);background-size:18px 18px;border-radius:16px;position:relative;transition:background-color .35s}.cat-sticker{position:absolute;inset:9px 13px 30px;border:0;padding:0;background:transparent;transform:rotate(-10deg);filter:drop-shadow(0 9px 5px #30343b22);transition:transform .35s}.cat-sticker img{height:100%;width:100%;object-fit:contain;user-select:none}.cat-sticker:hover{transform:rotate(-15deg) scale(1.07)}.cat-sticker.bounce{animation:cat-bounce .65s ease}.caption-sticker{position:absolute;bottom:34px;right:10px;pointer-events:none;font-size:28px;font-weight:900;letter-spacing:-1.6px;background:#e7fb88;color:#29480c;border:4px solid white;border-radius:9px;padding:4px 10px;transform:rotate(-9deg);box-shadow:1px 5px 6px #1c273822;transition:all .3s}.canvas-hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:10px;color:#647080}.editor-controls{padding:20px 17px 0}.control-heading{display:flex;justify-content:space-between;font-weight:650;font-size:13px;margin-bottom:11px}.control-heading>span:last-child{color:#8795ad}.segmented{padding:3px;background:#eff0f3;border-radius:10px;display:flex;gap:2px}.segmented button{border:0;border-radius:8px;min-height:33px;flex:1;background:transparent;font-size:12px}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 2px 5px #18213516;font-weight:650}.color-row{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:12px;color:#647080}.swatches{display:flex;gap:4px}.swatch{width:32px;height:35px;border:5px solid white;border-radius:50%;box-shadow:inset 0 0 0 1px #0000000c}.swatch[aria-pressed=true]{outline:2px solid var(--blue);outline-offset:-3px}.swatch-white{background:#ebedf1}.swatch-blue{background:#badbff}.swatch-pink{background:#f9c9df}.swatch-yellow{background:#f8e897}.home-indicator{position:absolute;bottom:8px;left:calc(50% - 45px);height:4px;width:90px;background:#161820;border-radius:4px}.floating-word{position:absolute;z-index:3;border:6px solid #fff;box-shadow:0 8px 12px #18314a1f;pointer-events:none;animation:float 5s ease-in-out infinite;--rotation:-14deg}.word-okay{top:42px;right:-1px;background:#f9df6e;color:#252630;border-radius:14px;padding:12px 17px;font-size:28px;letter-spacing:-1.3px;font-weight:950;transform:rotate(-14deg)}.word-mood{left:-31px;bottom:86px;background:#d1c2fc;border-radius:12px;padding:9px 14px;font-size:24px;letter-spacing:-1px;font-weight:850;--rotation:9deg;transform:rotate(9deg);animation-delay:-2.5s}.sparkle{position:absolute;font-size:55px;color:var(--blue);transform:rotate(12deg);z-index:3}.sparkle-one{left:23px;top:92px}.sparkle-two{right:3px;bottom:87px;font-size:43px;color:#fba740}.demo-note{position:absolute;bottom:0;font-size:11px;color:#6f7d93}.promise-strip{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-block:1px solid #e0e6f0;font-size:14px;font-weight:550;color:#65738a}.promise-strip>span:nth-child(even){color:#8ca5c8;font-size:19px}.features{padding:100px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:20px}.section-heading>.eyebrow{grid-column:1/-1;color:#61718c}.section-heading h2{margin:0;font-size:62px;line-height:1.05;letter-spacing:-3px}.section-heading>p{justify-self:end;color:var(--muted);font-size:18px;line-height:1.6;margin:0 0 6px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.feature-card{padding:22px 27px 30px;border-radius:27px;overflow:hidden}.peach{background:#fff0e6}.lilac{background:#efeafd}.sky{background:#e8f2ff}.feature-visual{height:210px;position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.mini-photo{background:#fff;padding:10px 10px 13px;transform:rotate(-9deg);border-radius:12px;box-shadow:0 10px 20px #76452314;width:165px;text-align:center}.mini-photo>span:first-child{font-size:94px;display:block;background:#cfdec8;border-radius:7px;padding:4px 0}.photo-date{display:block;font-size:10px;font-weight:600;margin-top:10px}.cutout-badge{position:absolute;bottom:12px;right:-5px;background:#fff;border-radius:20px;padding:10px 13px;box-shadow:0 5px 10px #77592a14;font-size:11px;font-weight:650;transform:rotate(5deg)}.handwritten{display:block;background:#c9b6f6;border:6px solid #fff;color:#5133a4;padding:10px 14px;font-size:42px;letter-spacing:-3px;font-weight:850;font-style:italic;border-radius:13px;transform:rotate(-11deg);box-shadow:0 8px 12px #41366a22}.text-chip,.pencil-chip{position:absolute;width:47px;height:47px;display:grid;place-items:center;background:white;border-radius:14px;font-size:25px;box-shadow:0 5px 12px #312f5512}.text-chip{top:16px;left:8px;transform:rotate(-12deg)}.pencil-chip{right:5px;bottom:8px;transform:rotate(10deg)}.album-visual{flex-direction:column;gap:8px;transform:rotate(-5deg)}.album-row{width:100%;display:flex;align-items:center;gap:10px;background:#fff;border-radius:11px;padding:10px 13px;box-shadow:0 4px 9px #27456809}.album-row>span:first-child{font-size:30px}.album-row>span:last-child{margin-left:auto;color:#8490a2;font-size:24px}.album-row b{font-size:12px;display:block}.album-row small{font-size:10px;color:#78859a}.step{display:block;font-size:10px;letter-spacing:1.2px;font-weight:650;color:#6e6880}.feature-card h3{font-size:23px;letter-spacing:-.8px;margin:12px 0}.feature-card p{font-size:15px;line-height:1.6;color:#5e626e;margin:0}.privacy-section{padding:0 0 80px}.privacy-card{background:#0967ef;color:#fff;display:grid;grid-template-columns:1.25fr 1fr;gap:25px;padding:63px;border-radius:32px;overflow:hidden}.privacy-card .eyebrow{color:#d2e4ff;font-size:10px;letter-spacing:1.7px}.privacy-card h2{font-size:58px;line-height:1.06;letter-spacing:-2.8px;margin:22px 0}.privacy-card p{font-size:16px;line-height:1.75;color:#e0ecff}.privacy-card a{display:inline-block;margin-top:15px;border-bottom:1px solid #ffffff66;padding-bottom:5px;font-size:14px}.privacy-card a span{margin-left:20px}.privacy-art{display:flex;position:relative;justify-content:center;align-items:center}.private-stamp{position:relative;display:block;background:#e4fa8c;border:9px solid #fff;border-radius:30px;transform:rotate(11deg);box-shadow:10px 18px 0 #084bae,20px 28px 30px #063e8460;color:#24400d;padding:25px 34px 43px;font-size:47px;font-weight:900;letter-spacing:-2px;line-height:1.02}.private-stamp i{font-size:79px}.private-stamp>span{position:absolute;right:14px;bottom:6px;font-size:40px}.privacy-tag{position:absolute;bottom:45px;left:0;border-radius:25px;background:#fff;color:#1962c5;padding:13px 20px;font-size:14px;font-weight:650;transform:rotate(-10deg);box-shadow:0 5px 15px #0845a355}.closing{text-align:center;padding:20px 0 90px}.closing>img{margin:0 auto 27px;transform:rotate(-8deg);box-shadow:0 8px 12px #3174aa1a;border-radius:20px}.closing .eyebrow{color:#65748c;font-size:10px}.closing h2{font-size:65px;line-height:1.04;letter-spacing:-3px;margin:20px 0}.closing p{font-size:17px;line-height:1.6;color:var(--muted);margin:20px auto 27px}.coming-badge{display:inline-flex;background:#1b1e25;color:#fff;border-radius:25px;padding:16px 23px;font-size:15px;font-weight:600}.closing-contact{display:block;width:max-content;margin:18px auto 0;color:var(--blue);font-size:14px}.site-footer{border-top:1px solid #e0e6f0;padding:30px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .brand{font-size:15px;gap:8px}.site-footer>span{font-size:12px;color:#6d7789}.site-footer nav{display:flex;align-items:center;gap:18px;font-size:12px;color:#636c7c}.site-footer button{padding:0;border:0;background:none;font-size:12px;color:#636c7c}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:20;background:white;padding:15px}.legal{max-width:740px;min-height:65vh;padding:65px 0 90px}.legal h1{font-size:48px;letter-spacing:-2px;line-height:1.1;margin:22px 0 35px}.legal p{font-size:18px;line-height:1.8;color:#5c6575}.legal a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.legal .eyebrow{color:var(--blue)}.legal .legal-email{overflow-wrap:anywhere}.no-motion *,.no-motion *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes float{0%,100%{transform:translateY(0) rotate(var(--rotation))}50%{transform:translateY(-11px) rotate(calc(var(--rotation) + 3deg))}}@keyframes cat-bounce{0%,100%{transform:rotate(-10deg) scale(1)}25%{transform:rotate(-22deg) scale(.9,1.12)}50%{transform:rotate(5deg) scale(1.13,.92)}75%{transform:rotate(-14deg) scale(.97,1.04)}}
@media(min-width:1500px){.hero{min-height:790px}.hero h1{font-size:90px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:0}.hero h1{font-size:65px;letter-spacing:-3.5px}.hero-visual{transform:scale(.89);transform-origin:center}.word-mood{left:-16px}.word-okay{right:-16px}.hero-copy .eyebrow{font-size:10px}.hero-copy>p.hero-description{font-size:16px;max-width:345px}.hero-note{font-size:10px}.feature-card{padding-inline:20px}.privacy-card{padding:45px}.private-stamp{padding:20px 26px 38px;font-size:38px}.private-stamp i{font-size:68px}.site-footer{flex-wrap:wrap}.site-footer>span{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:83px}.brand{font-size:18px;gap:8px}.brand img{width:33px;height:33px}.site-header nav{gap:0}.site-header nav>a:not(.nav-pill){display:none}.nav-pill{font-size:11px;padding:11px 13px}.nav-pill span{display:none}.hero{display:flex;flex-direction:column;gap:0;padding-bottom:20px;min-height:0}.hero-copy{padding-top:38px;text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:9px;letter-spacing:1.3px}.hero-copy .eyebrow>span{font-size:20px}.hero h1{font-size:clamp(53px,12vw,76px);letter-spacing:-3.5px;margin:20px 0}.hero-copy>p{font-size:23px}.hero-copy>p.hero-description{max-width:380px;margin:0 auto 25px;font-size:16px}.hero-note{justify-content:center;font-size:11px;margin-top:13px}.hero-visual{width:100%;height:635px;margin-top:10px;transform:scale(.9);transform-origin:center}.orbit{width:380px;height:490px}.orbit-two{width:430px;height:320px}.hero-visual:before{inset:30px -15px}.word-okay{right:0;top:38px;font-size:23px;padding:10px}.word-mood{left:-8px;bottom:74px;font-size:21px}.sparkle-one{left:0;top:89px}.sparkle-two{right:0;bottom:84px}.promise-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;padding:22px 0;text-align:center;font-size:12px}.promise-strip>span:nth-child(even){display:none}.features{padding:65px 0}.section-heading{display:block}.section-heading>.eyebrow{font-size:9px;margin-bottom:19px}.section-heading h2{font-size:49px;letter-spacing:-2px}.section-heading>p{font-size:16px;margin-top:20px}.desktop-break{display:none}.feature-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.feature-card{padding:20px 28px 30px}.feature-visual{height:205px;max-width:300px;margin:0 auto 20px}.feature-card h3{font-size:25px}.feature-card p{font-size:16px}.privacy-section{padding-bottom:60px}.privacy-card{grid-template-columns:1fr;padding:35px 28px;gap:5px}.privacy-card h2{font-size:46px;letter-spacing:-2px}.privacy-card .eyebrow{font-size:8px;letter-spacing:1px}.privacy-card p{font-size:15px}.privacy-art{height:315px}.private-stamp{font-size:40px}.private-stamp i{font-size:74px}.privacy-tag{bottom:10px;left:20px}.closing{padding:0 0 60px}.closing h2{font-size:49px;letter-spacing:-2.5px}.closing .eyebrow{font-size:8px;letter-spacing:1.2px}.closing p{font-size:15px;max-width:340px}.site-footer{justify-content:center;padding:25px 0;gap:23px}.site-footer nav{gap:23px}.legal{padding:40px 0 65px}.legal h1{font-size:39px}.legal p{font-size:17px}}
@media(max-width:370px){.wrap{width:calc(100% - 30px)}.brand{font-size:16px}.nav-pill{font-size:10px;padding:10px}.hero-visual{transform:scale(.81);margin-top:-20px;margin-bottom:-45px}.hero h1{font-size:51px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}}

/* Actual app captures replace the illustrative web editor. */
.capture-visual{height:690px;padding-bottom:76px}
.capture-phone{width:274px;height:auto;border-radius:43px;transform:rotate(5deg);overflow:hidden;flex-shrink:0}
.screenshot-button{display:block;width:100%;border:0;padding:0;background:#fff;cursor:zoom-in}
.screenshot-button img{width:100%;height:auto;display:block}
.capture-selector{position:absolute;bottom:0;width:274px;text-align:center;z-index:4}
.capture-selector .segmented{background:#e7edf6;padding:4px;border-radius:14px}
.capture-selector .segmented button{font-size:14px;min-height:39px;border-radius:11px}
.capture-selector p{font-size:12px;color:#60718b;margin:13px -20px 0}
.capture-visual .word-okay{top:35px;right:0;font-size:24px}
.capture-visual .word-mood{bottom:155px;left:4px;font-size:22px}
.actual-feature{display:block;overflow:hidden;background:#fff;border-radius:15px;margin:0 0 25px;height:230px;border:1px solid #ffffff;box-shadow:0 8px 20px #29355b12}
.actual-feature img{width:100%;height:auto;margin-top:-40px}
.library-feature img{margin-top:-70px}
.detail-feature img{margin-top:-65px}
.build-details{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;color:#606a7c;font-size:14px;line-height:1.7}
.build-details p{margin:0}.build-details strong{color:#272f3d}
#screenshot-dialog{border:0;border-radius:20px;padding:0;max-width:calc(100vw - 30px);width:530px;max-height:92dvh;box-shadow:0 20px 80px #001c4d45;background:#f8faff}
#screenshot-dialog::backdrop{background:#101b35b8;backdrop-filter:blur(7px)}
.dialog-toolbar{position:sticky;top:0;z-index:1;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f8fafff5;border-bottom:1px solid #dce3ef}
.dialog-toolbar h2{font-size:15px;font-weight:650;margin:0}
.dialog-toolbar button{border:0;border-radius:22px;color:#0869ef;padding:10px 16px;background:#e8effb;font-size:14px}
#dialog-image{display:block;width:100%;height:auto}
@media(max-width:760px){.capture-visual{height:690px;margin-top:10px;margin-bottom:-20px}.capture-visual .word-okay{font-size:21px;right:-3px}.capture-visual .word-mood{left:-8px;font-size:20px}.build-details{grid-template-columns:1fr;gap:18px;font-size:14px}.actual-feature{width:100%;max-width:none;height:250px}.actual-feature img{margin-top:-45px}.library-feature img{margin-top:-80px}.detail-feature img{margin-top:-70px}}
