:root{--yab-ivory:#fef9e8;--yab-plum:#4c0445;--yab-orange:#fd401d;--yab-pink:#fd348b;--yab-white:#fff;--yab-space-1:4px;--yab-space-2:8px;--yab-space-3:12px;--yab-space-4:16px;--yab-space-5:24px;--yab-space-6:32px;--yab-space-7:48px;--yab-space-8:64px;--yab-space-9:96px;--yab-radius-control:8px;--yab-radius-card:16px;--yab-radius-pill:999px;--yab-motion-quick:.15s;--yab-motion-standard:.2s;--yab-font-display:"Manrope", sans-serif;--yab-weight-display:500;--yab-leading-display:1.1;--yab-font-body:"DM Sans", sans-serif;--yab-weight-body:400;--yab-leading-body:1.6;--yab-font-label:"DM Sans", sans-serif;--yab-weight-label:600;--yab-leading-label:1.3}:root,[data-yab-theme=light]{--yab-background:var(--yab-ivory);--yab-surface:var(--yab-white);--yab-foreground:var(--yab-plum);--yab-action:var(--yab-plum);--yab-on-action:var(--yab-ivory);--yab-focus:var(--yab-plum)}[data-yab-theme=dark]{--yab-background:var(--yab-plum);--yab-surface:var(--yab-plum);--yab-foreground:var(--yab-ivory);--yab-action:var(--yab-ivory);--yab-on-action:var(--yab-plum);--yab-focus:var(--yab-ivory)}@media (prefers-reduced-motion:reduce){:root{--yab-motion-quick:0s;--yab-motion-standard:0s}}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope.ttf)format("truetype")}:root{font-family:var(--yab-font-body);color:var(--yab-plum);background:var(--yab-ivory);font-synthesis:none;--ivory:var(--yab-ivory);--plum:var(--yab-plum);--orange:var(--yab-orange);--pink:var(--yab-pink);font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:6px;outline:3px solid}::selection{background:var(--pink);color:var(--ivory)}.skip-link{background:var(--plum);color:#fff;z-index:20;padding:15px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.header{z-index:5;border-bottom:1px solid #4c044517;justify-content:space-between;align-items:center;height:104px;padding:0 4.4%;display:flex;position:relative}.brand-link{align-items:center;gap:18px;display:flex}.brand-link img{width:80px;display:block}.brand-link>span{max-width:72px;font-size:12px;line-height:1.3}.nav{align-items:center;gap:32px;font-size:13px;font-weight:550;display:flex}.nav>a:not(.download){position:relative}.nav>a:not(.download):after{content:"";background:currentColor;height:1px;transition:right .2s;position:absolute;bottom:-6px;left:0;right:100%}.nav>a:hover:after{right:0}.download{background:var(--plum);color:var(--ivory);border:1px solid var(--plum);border-radius:8px;justify-content:center;align-items:center;gap:13px;padding:17px 23px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 4px #30022c}.download-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.final-cta .download-buttons{justify-content:flex-start}.download-option{text-align:center;flex-direction:column;display:flex}.download-option>p{letter-spacing:.35px;margin:17px 0 0;font-size:10px}.download-coming-soon{text-align:center;letter-spacing:.35px;flex-basis:100%;margin:0;font-size:10px}.download svg{width:22px;height:22px}.download .button-arrow{margin-left:16px;font-size:22px;font-weight:400;transition:transform .2s}.download:hover{background:#65095c;transform:translateY(-3px);box-shadow:0 7px #30022c}.download:hover .button-arrow{transform:translate(2px,2px)}.download:active{box-shadow:none;transform:translateY(3px)}.download-small{box-shadow:none;border-radius:6px;gap:7px;padding:10px 15px;font-size:12px}.download-small svg{width:18px;height:18px}.download-small .button-arrow{margin-left:5px;font-size:18px}.menu-toggle{display:none}.hero{isolation:isolate;text-align:center;justify-content:center;height:calc(100svh - 104px);min-height:850px;max-height:1100px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;padding-top:47px;position:relative}.hero-wordmark{width:350px;margin:23px auto 12px;display:block}.hero h1{letter-spacing:-2.2px;margin:0;font-family:Manrope,sans-serif;font-size:48px;font-weight:650;line-height:1.13}.hero h1>span{font-weight:450}.hero-description{margin:22px 0 26px;font-size:17px;line-height:1.55}.ribbon{z-index:-1;pointer-events:none;width:110%;height:auto;position:absolute;bottom:-160px;left:-5%;transform:rotate(-7deg)}.ribbon path{stroke-width:92px;stroke-linecap:round}.ribbon-shadow{stroke:#4c0445}.ribbon-orange{stroke:var(--orange)}.ribbon-pink{stroke:var(--pink);stroke-dasharray:610 2000}.explore-link{z-index:3;align-items:center;gap:30px;font-size:11px;font-weight:500;display:flex;position:absolute;bottom:32px;left:4.4%}.explore-link span{border:1px solid #4c044550;border-radius:50%;place-items:center;width:30px;height:30px;transition:transform .2s;display:grid}.explore-link:hover span{transform:translateY(4px)}.intro{background:var(--plum);color:var(--ivory);padding:112px 7% 96px}.section-heading{text-align:center}.section-heading h2,h2{letter-spacing:-3.5px;margin:30px 0 26px;font-family:Manrope,sans-serif;font-size:clamp(45px,5.4vw,78px);font-weight:500;line-height:1.07}h2 em{font-family:Georgia,serif;font-weight:400}.section-heading h2 em{color:#ffa0c6}.section-heading p{color:#fef9e8c4;font-size:17px;line-height:1.6}.feature-tabs{border-bottom:1px solid #fef9e838;gap:35px;max-width:1110px;margin:66px auto 0;display:flex}.feature-tabs button{color:#fef9e88c;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:18px 0;font-size:14px;display:flex;position:relative}.feature-tabs button>span:first-child{opacity:.6;font-size:10px}.feature-tabs button[aria-selected=true]{color:var(--ivory)}.feature-tabs button:after{content:"";background:#ffa0c6;width:0;height:2px;transition:width .3s;position:absolute;bottom:-1px;left:0}.feature-tabs button[aria-selected=true]:after{width:100%}.tab-arrow{margin-left:auto}.feature-panel{grid-template-columns:1fr 1.1fr;align-items:center;gap:8%;max-width:1110px;min-height:480px;margin:0 auto;display:grid}.feature-copy{animation:.45s both reveal-in}.feature-copy h3{letter-spacing:-1.6px;max-width:370px;margin:25px 0 22px;font-family:Manrope,sans-serif;font-size:41px;font-weight:500;line-height:1.12}.feature-copy p{color:#fef9e8bb;max-width:350px;font-size:15px;line-height:1.75}.feature-art{height:360px;animation:.5s both reveal-in;position:relative}.pin{border-radius:17px;place-items:center;width:65px;height:65px;font-size:39px;display:grid;position:absolute;top:35px;box-shadow:0 6px #260222}.pin-one{color:var(--plum);background:#ffa0c6;left:15%;transform:rotate(-12deg)}.pin-two{background:var(--orange);left:43%;transform:rotate(5deg)}.pin-three{background:var(--ivory);color:var(--plum);left:71%;transform:rotate(15deg)}.tab-slip{width:86%;color:var(--plum);border-radius:12px;align-items:center;gap:15px;padding:19px 23px;font-size:13px;display:flex;position:absolute;top:145px;left:7%;box-shadow:0 7px 22px #26022220}.tab-slip>span:last-child{margin-left:auto}.slip-one{background:var(--ivory);z-index:3;transform:rotate(-7deg)}.slip-two{z-index:2;background:#ffa0c6;top:193px;transform:rotate(3deg)}.slip-three{background:#fc765d;top:238px;transform:rotate(-3deg)}.art-note{text-align:center;letter-spacing:.5px;color:#fef9e887;font-size:10px;position:absolute;bottom:0;left:0;right:0}.smol-sticker{color:var(--plum);background:#ffa0c6;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:60px 25% 75px;transform:rotate(-9deg);box-shadow:9px 12px #2c0428}.smol-sticker img{width:120px}.smol-sticker>span{font-size:19px;font-weight:650}.smol-key{background:var(--ivory);color:var(--plum);border-radius:8px;padding:12px 18px;position:absolute;bottom:35px;right:45px;transform:rotate(8deg)}.smol-orbit{border:1px solid #ffa0c655;border-radius:50%;position:absolute;inset:40px 10px;transform:rotate(-30deg)}.orbit-two{inset:70px -15px;transform:rotate(25deg)}.art-sync{justify-content:center;align-items:center;padding-bottom:24px;display:flex}.device-mockups{object-fit:contain;filter:drop-shadow(0 16px 15px #20021c30);width:100%;height:auto;max-height:100%;display:block}.appearance{text-align:center;background:#fbd9e7;padding:110px 5% 65px;position:relative;overflow:hidden}.appearance h2{margin-bottom:23px}.appearance p{font-size:16px;line-height:1.6}.icon-stage{width:700px;max-width:100%;margin:0 auto;position:relative}.selected-icon{object-fit:contain;filter:drop-shadow(0 18px 16px #4c04451c);width:275px;height:275px;animation:.45s cubic-bezier(.2,.8,.2,1) both icon-in}.icon-handwritten{pointer-events:none;width:170px;position:absolute;top:45px;left:calc(50% + 160px)}.icon-handwritten>span{white-space:nowrap;font-family:Georgia,serif;font-size:17px;font-style:italic;line-height:1.5;display:block;transform:rotate(6deg)}.icon-handwritten svg{width:160px;height:70px;margin-left:-30px;display:block}.icon-caption{margin:0 0 29px;font-weight:600}.icon-picker{justify-content:center;gap:15px;max-width:660px;margin:0 auto;display:flex}.icon-option{min-width:85px;color:var(--plum);background:0 0;border:1px solid #0000;border-radius:13px;padding:8px 9px 12px;transition:background .2s,transform .2s,border-color .2s}.icon-option img{object-fit:contain;width:65px;height:65px;display:block}.icon-option span{font-size:10px;display:block}.icon-option:hover{transform:translateY(-5px)}.icon-option.selected{background:#fef9e877;border-color:#4c044543}.privacy{--privacy-closed:0;--privacy-ink:color-mix(in srgb, var(--plum), var(--ivory) calc(var(--privacy-closed) * 100%));isolation:isolate;color:var(--privacy-ink);background:var(--ivory);grid-template-columns:1fr 1fr;align-items:center;gap:13%;padding:110px 9%;display:grid;position:relative}.privacy:before{content:"";z-index:-1;pointer-events:none;opacity:var(--privacy-closed);background:linear-gradient(135deg in oklch, oklch(28.35% .0193 290.39) 0%, oklch(27.39% .0203 290.13) 8.3%, oklch(26.03% .0218 289.73) 16.7%, oklch(24.45% .0234 289.4) 25%, oklch(22.83% .0248 289.33) 33.3%, oklch(21.2% .0256 289.91) 41.7%, oklch(19.46% .0261 290.92) 50%, oklch(17.64% .027 291.66) 58.3%, oklch(15.75% .0289 291.45) 66.7%, oklch(13.57% .0329 289.66) 75%, oklch(11.17% .0382 286.82) 83.3%, oklch(8.99% .0433 283.92) 91.7%, oklch(7.63% .0457 281.42) 100%);position:absolute;inset:0}.privacy .text-link{border-color:currentColor}.privacy-copy h2{font-size:64px}.privacy-copy p{max-width:370px;font-size:15px;line-height:1.8}.text-link{border-bottom:1px solid var(--plum);gap:45px;margin-top:20px;padding-bottom:7px;font-size:13px;font-weight:600;display:inline-flex}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.privacy-art{justify-content:center;align-items:center;gap:15px;min-height:340px;display:flex;position:relative;transform:rotate(-9deg)}.eye{width:125px;height:170px;color:var(--privacy-ink);overflow:visible}.eye-outline{fill:color-mix(in srgb, #fbd9e7, transparent calc(var(--privacy-closed) * 100%));stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.eye-pupil{fill:currentColor}.eye-right{margin-top:30px}.privacy-spark{color:var(--orange);font-size:70px;position:absolute;top:5px;left:-5px}.privacy-dash{color:var(--pink);font-size:60px;position:absolute;bottom:5px;right:0}.final-cta{background:var(--orange);padding:100px 9% 110px;position:relative;overflow:hidden}.final-cta>div{z-index:1;position:relative}.final-cta h2{letter-spacing:-5px;margin:30px 0 38px;font-size:clamp(60px,7vw,98px)}.final-cta p{margin-top:24px;font-size:11px;line-height:1.7}.download-light{background:var(--ivory);color:var(--plum)}.download-light:hover{background:#fff}.final-symbol{filter:drop-shadow(10px 16px #4c044522);width:47%;position:absolute;top:9%;right:-2%;transform:rotate(12deg)}footer{align-items:center;gap:24px;padding:45px 4.4%;font-size:11px;display:flex}footer img{width:100px;display:block}footer>span{margin-right:auto;line-height:1.5}footer>a:not(:first-child){margin-left:25px}footer small{opacity:.6;margin-left:15px;font-size:9px}.hero-entrance{animation:.8s both reveal-in}.hero-entrance:nth-child(2){animation-delay:.1s}.hero-entrance:nth-child(3){animation-delay:.2s}.hero-entrance:nth-child(4){animation-delay:.3s}.hero-entrance:nth-child(5){animation-delay:.4s}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(26px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes reveal-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes icon-in{0%{opacity:0;transform:rotate(-12deg)scale(.85)}to{opacity:1;transform:rotate(0)scale(1)}}@supports (animation-timeline:scroll()){.hero .ribbon{animation:linear both ribbon-scroll;animation-timeline:scroll();animation-range:0 900px}@keyframes ribbon-scroll{to{translate:0 120px;rotate:8deg}}}@media (width>=1600px){.hero-wordmark{width:420px}.hero h1{font-size:58px}.hero-copy{padding-top:65px}.ribbon{bottom:-220px}.hero-description{font-size:19px}}@media (width<=1000px){.brand-link>span{display:none}.nav{gap:23px}.hero{min-height:820px}.hero-wordmark{width:320px}.ribbon{width:150%;bottom:-50px;left:-25%}.feature-panel{gap:4%}.feature-tabs{gap:20px}.feature-tabs button{font-size:12px}.feature-copy h3{font-size:34px}.privacy{gap:7%;padding:85px 7%}.privacy-copy h2{font-size:50px}.eye{width:100px;height:140px}.eye span{width:35px;height:55px}footer{flex-wrap:wrap}footer small{width:100%;margin-left:0}.final-symbol{width:52%;top:20%;right:-9%}}@media (width<=700px){.icon-stage{padding-top:98px}.icon-handwritten{top:10px;left:calc(50% + 20px);transform:translate(-50%)}.icon-handwritten svg{width:90px;height:40px;margin:0;position:absolute;top:25px;left:20px;transform:rotate(-70deg)}}@media (width<=650px){html{scroll-padding-top:25px}.header{height:82px;padding:0 6%}.brand-link img{width:74px}.menu-toggle{color:var(--plum);background:0 0;border:1px solid #4c044530;border-radius:5px;padding:9px 12px;font-size:12px;display:block}.nav{background:var(--ivory);border-bottom:1px solid #4c044530;align-items:flex-start;gap:25px;padding:25px 6%;display:none;position:absolute;top:81px;left:0;right:0}.nav.is-open{flex-direction:column;display:flex}.hero{height:calc(100svh - 82px);min-height:760px;max-height:920px}.hero-copy{padding:40px 22px 0}.hero-wordmark{width:255px;max-width:80vw;margin:26px auto 22px}.hero h1{letter-spacing:-1.5px;font-size:34px}.hero-description{margin:20px 0 23px;font-size:15px}.download{gap:10px;padding:14px 18px;font-size:13px}.download .button-arrow{margin-left:10px}.download-option>p{font-size:9px}.ribbon{width:230%;bottom:-35px;left:-60%}.ribbon path{stroke-width:80px}.explore-link{gap:15px;font-size:10px;bottom:23px;left:6%}.intro{padding:75px 6% 55px}h2,.section-heading h2{letter-spacing:-2px;font-size:45px}.section-heading p{font-size:14px}.feature-tabs{gap:14px;margin-top:40px}.feature-tabs button{align-items:flex-start;gap:8px;padding-bottom:16px;font-size:11px;line-height:1.4}.feature-tabs button>span:first-child,.tab-arrow{display:none}.feature-panel{grid-template-columns:1fr;align-content:start;gap:0;min-height:650px}.feature-copy{padding-top:35px}.feature-copy h3{max-width:310px;margin:18px 0;font-size:35px}.feature-copy p{max-width:none;min-height:100px;font-size:14px}.feature-art{width:100%;max-width:400px;height:340px;margin:0 auto}.pin{width:55px;height:55px;font-size:32px;top:20px}.tab-slip{font-size:12px;top:115px}.slip-two{top:165px}.slip-three{top:215px}.art-note{bottom:13px}.appearance{padding:75px 5% 45px}.appearance-heading p{font-size:14px}.selected-icon{width:240px;height:240px}.icon-picker{flex-wrap:wrap;gap:0;max-width:320px}.icon-option{min-width:95px}.icon-option img{width:65px;margin:auto}.privacy{grid-template-columns:1fr;gap:20px;padding:50px 8% 75px}.privacy-art{width:100%;max-width:310px;min-height:260px;margin:auto}.eye{width:105px;height:135px}.privacy-spark{font-size:55px;top:5px}.privacy-dash{font-size:45px}.privacy-copy h2{font-size:48px}.privacy-copy p{font-size:14px}.final-cta{padding:70px 8% 280px}.final-cta h2{letter-spacing:-3px;font-size:62px}.final-symbol{width:250px;top:auto;bottom:-5px;right:-15px;transform:rotate(18deg)}footer{gap:20px;padding:34px 6%}footer img{width:80px}footer>span{font-size:10px}footer>a:not(:first-child){margin-left:0;margin-right:20px;font-size:10px}footer small{margin:0}.smol-sticker{inset:45px 25% 85px}.smol-sticker img{width:100px}.smol-key{right:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}[data-reveal]{opacity:1;transform:none}.hero .ribbon{translate:none;rotate:none}}.privacy-eyebrow{font-family:var(--yab-font-body);font-size:12px;font-weight:var(--yab-weight-label);line-height:var(--yab-leading-label);letter-spacing:.08em;text-transform:uppercase;display:block}.cookie-banner{z-index:30;border:1px solid var(--yab-foreground);border-radius:var(--yab-radius-card);background:var(--yab-background);max-width:1120px;max-height:calc(100dvh - 48px);color:var(--yab-foreground);font-family:var(--yab-font-body);line-height:var(--yab-leading-body);grid-template-columns:minmax(0,1fr) 224px;gap:32px;margin-inline:auto;padding:32px;display:grid;position:fixed;inset:auto 24px 24px;overflow-y:auto;box-shadow:0 8px 32px #4c04451a}.cookie-banner h2{font-family:var(--yab-font-display);font-size:clamp(24px,3vw,32px);font-weight:var(--yab-weight-display);line-height:var(--yab-leading-display);letter-spacing:-.03em;margin:12px 0}.cookie-banner p{margin:12px 0 0;font-size:14px}.cookie-banner a,.privacy-page p a,.privacy-page address a{text-underline-offset:3px;text-decoration:underline}.cookie-actions{flex-direction:column;justify-content:center;gap:12px;display:flex}.privacy-button{border:1px solid var(--yab-action);border-radius:var(--yab-radius-control);min-height:48px;color:var(--yab-on-action);background:var(--yab-action);font-family:var(--yab-font-body);font-size:15px;font-weight:var(--yab-weight-label);line-height:var(--yab-leading-label);transition:opacity var(--yab-motion-quick);justify-content:center;align-items:center;padding:12px 24px;display:inline-flex}.privacy-button:hover{opacity:.85}.cookie-settings-inline{max-height:none;box-shadow:none;margin:32px 0;scroll-margin-top:24px;position:static}.privacy-page .cookie-settings-inline h2{margin:0 0 12px}.privacy-page .cookie-settings-inline p{font-size:14px}.cookie-save-notice{z-index:35;background:var(--yab-background);max-width:640px;color:var(--yab-foreground);border:1px solid;border-radius:8px;margin-inline:auto;padding:16px;position:fixed;top:16px;left:16px;right:16px}.privacy-header{border-bottom:1px solid #4c044526;justify-content:space-between;align-items:center;gap:24px;padding:32px 5%;display:flex}.privacy-page{max-width:880px;margin:0 auto;padding:64px 32px 32px}.privacy-page h1{font-family:var(--yab-font-display);font-weight:var(--yab-weight-display);margin:24px 0;font-size:clamp(48px,8vw,80px);line-height:1.1}.privacy-page h1 em{font-family:Georgia,serif;font-weight:400}.privacy-page .privacy-intro{max-width:680px;font-size:22px}.privacy-page p,.privacy-page address{font-size:16px;line-height:1.6}.privacy-page address{font-style:normal}.privacy-page .privacy-updated{font-size:13px}.privacy-contents{border-block:1px solid #4c044526;flex-wrap:wrap;gap:16px 24px;margin:32px 0 48px;padding:24px 0;display:flex}.privacy-contents a{text-underline-offset:4px;text-decoration:underline}.privacy-page section{margin:48px 0;scroll-margin-top:32px}.privacy-page h2{font-family:var(--yab-font-display);letter-spacing:-.03em;margin:0 0 24px;font-size:32px;font-weight:500;line-height:1.2}.privacy-page h3{margin:32px 0 12px;font-size:20px;line-height:1.3}.privacy-table-wrap{margin:24px 0;overflow-x:auto}.privacy-page table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px;line-height:1.6}.privacy-page caption{text-align:left;margin-bottom:12px;font-weight:600}.privacy-page th,.privacy-page td{text-align:left;vertical-align:top;border-bottom:1px solid #4c044526;padding:16px 12px}.privacy-page thead{background:#4c04450a}.privacy-page tbody th{overflow-wrap:anywhere}.privacy-footer{padding-bottom:48px}@media (width<=700px){.cookie-banner{grid-template-columns:1fr;gap:24px;max-height:calc(100dvh - 24px);padding:24px;inset:auto 12px 12px}.cookie-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cookie-actions .privacy-button{padding:12px;font-size:14px}.privacy-header{padding:24px}.privacy-page{padding:48px 24px 24px}.privacy-page h2{font-size:28px}}@media (width<=360px){.cookie-actions{grid-template-columns:1fr}}
