@font-face{font-family:Kalam;src:url('assets/kalam-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}:root{--ink:#242743;--blue:#354fce;--cream:#faf7ef;--yellow:#ffe079;--coral:#f6b09a;--lavender:#e8defe;--mint:#d8ebdd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;line-height:1.6}button,a,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b43c24;outline-offset:5px}button:disabled{opacity:.65;cursor:wait}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.055em}h1{font-size:clamp(50px,5.6vw,88px);font-weight:900}h2{font-size:clamp(35px,4vw,58px);font-weight:900}h3{font-size:25px;font-weight:800;letter-spacing:-.035em}.section{width:min(1240px,calc(100% - 80px));margin:auto;padding:90px 0}.site-header{max-width:1400px;margin:auto;padding:25px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:750;line-height:1.2;letter-spacing:-.3px}.logo strong{font-size:22px;font-weight:900}.pencil{display:grid;place-items:center;width:43px;height:47px;border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);background:var(--yellow);border-radius:10px;font-size:31px;transform:rotate(-8deg)}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:2px solid var(--ink);border-radius:9px;padding:15px 22px;font-weight:750;font-size:14px;line-height:1.3;box-shadow:3px 4px 0 var(--ink);transition:transform .18s,box-shadow .18s;text-align:center}.button:hover{transform:translateY(-3px);box-shadow:4px 7px 0 var(--ink)}.button:active{transform:translate(2px,3px);box-shadow:none}.button.small{font-size:12px;padding:12px 17px;gap:13px}.blue{background:var(--blue);color:white}.coral{background:var(--coral)}.cream{background:var(--cream)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:850;color:var(--blue);margin-bottom:18px}.hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px;padding-top:55px;padding-bottom:110px;position:relative}.intro{font-size:16px;line-height:1.85;max-width:390px;margin:25px 0 28px;color:#58596c}.underline{position:relative;z-index:0}.underline:after{content:'';position:absolute;left:0;right:0;height:16%;bottom:6%;background:var(--yellow);z-index:-1;transform:rotate(-2deg)}.micro{font-size:11px;color:#66677b;margin-top:16px}.hand-note{font-family:Kalam,cursive;font-size:22px;font-weight:400;line-height:1.4;margin-top:25px;transform:rotate(-3deg);color:var(--blue)}.hand-note>span{font-family:Arial;font-size:35px;margin-right:10px}.hero-art{position:relative;transform:rotate(2deg);border:2px solid var(--ink);border-radius:12px;background:white;box-shadow:10px 12px 0 #242743;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:-36px -25px;background-image:radial-gradient(#aaa8ae 1px,transparent 1px);background-size:14px 14px;z-index:-2;transform:rotate(-2deg)}.hero-art img{border-radius:0 0 10px 10px}.window-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:var(--lavender);border-bottom:2px solid var(--ink);border-radius:10px 10px 0 0;font-size:8px;letter-spacing:1.6px;font-weight:800}.dots{font-size:11px;letter-spacing:3px}.sticky-note{position:absolute;right:18px;bottom:-68px;background:var(--coral);border:2px solid var(--ink);box-shadow:4px 5px 0 var(--ink);padding:20px 32px 20px 20px;transform:rotate(-7deg);font-family:Kalam,cursive;font-size:24px;line-height:1.25}.sticky-note span{position:absolute;right:9px;top:9px;font-size:27px}.ribbon{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--yellow);padding:17px 30px;display:flex;justify-content:center;gap:65px;font-weight:750;font-size:12px}.section-heading p:not(.eyebrow){margin-top:22px;color:#606172;font-size:15px}.handwritten{font-family:Kalam,cursive;font-weight:400;letter-spacing:-.045em}.inside-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;margin-top:55px}.feature-notes article{display:flex;align-items:flex-start;gap:20px;margin-bottom:35px}.feature-notes article:last-child{margin-bottom:0}.feature-notes h3{font-size:22px;letter-spacing:-.035em}.feature-notes p{font-size:14px;line-height:1.8;color:#606172;margin-top:9px;max-width:380px}.number{display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:8px;width:38px;height:40px;flex:none;font-size:12px;font-weight:900;box-shadow:2px 3px 0 var(--ink);transform:rotate(-5deg)}.yellow{background:var(--yellow)}.mint{background:var(--mint)}.lavender{background:var(--lavender)}.tiny-demo{position:relative;border:2px solid var(--ink);background:repeating-linear-gradient(transparent 0,transparent 43px,#3f72b42b 43px,#3f72b42b 44px),#fff0b4;border-radius:4px;padding:34px 27px 24px 35px;box-shadow:7px 8px 0 #24274323;transform:rotate(2deg);overflow:visible}.tiny-demo:before{content:'';position:absolute;left:22px;top:0;bottom:0;border-left:1px solid #cc7272a0}.tiny-demo .eyebrow{font-size:9px;margin-bottom:10px}.tiny-demo h3{font-family:Kalam,cursive;font-size:26px;font-weight:400;letter-spacing:-.5px;margin-bottom:20px}.tape{position:absolute;width:95px;height:27px;left:calc(50% - 48px);top:-15px;transform:rotate(-7deg);background:#e7d9ffc9;border-left:2px dashed #b6a1d0;border-right:2px dashed #b6a1d0}.demo-task{background:transparent;border:0;display:flex;align-items:center;gap:14px;width:100%;text-align:left;font-family:Kalam,cursive;font-size:20px;min-height:48px;color:#24547e;padding:5px 0}.demo-task span:last-child{margin-left:auto;color:#99711b}.demo-check{font-family:Arial;font-size:27px}.demo-task[aria-pressed=true] span:nth-child(2){text-decoration:line-through;opacity:.6}#demoStatus{font-family:Kalam,cursive;font-size:17px;margin-top:20px;color:#736342}.demo-caption{font-size:9px;margin-top:10px;color:#716958}#demoConfetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.demo-bit{position:absolute;left:50%;top:50%;color:var(--color);font-size:24px;animation:pop .8s ease-out forwards}@keyframes pop{from{opacity:1;transform:translate(0,0) scale(.7)}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(180deg)}}.personal-section{background:var(--blue);color:white;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.personal-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center}.personal-copy .eyebrow{color:#fff1a7}.personal-copy>p:not(.eyebrow):not(.hand-note){font-size:15px;line-height:1.8;color:#e6e9ff;margin-top:25px}.personal-copy .hand-note{font-size:19px;color:#ffec9b}.swatches{display:flex;gap:10px;margin-top:30px}.swatches span{width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;background:var(--swatch);box-shadow:2px 2px 0 #172765}.screenshot-card{margin:0;min-width:0;transform:rotate(-1deg)}.screenshot-card>img{border:2px solid var(--ink);box-shadow:8px 8px 0 #172765;border-radius:0 8px 8px 8px}.shot-tabs{display:flex;gap:6px}.shot-tabs button{border:2px solid var(--ink);border-bottom:0;padding:10px 18px;font-weight:750;font-size:12px;color:var(--ink);border-radius:8px 8px 0 0;background:#b9c5ff}.shot-tabs button[aria-selected=true]{background:var(--yellow)}figcaption{font-size:10px;color:#e1e6ff;margin-top:20px}.pocket{display:grid;grid-template-columns:.6fr 1fr;gap:110px;align-items:center;max-width:1000px}.phone-frame{max-width:300px;border:8px solid var(--ink);border-radius:27px;overflow:hidden;box-shadow:15px 15px 0 var(--lavender);transform:rotate(-4deg);background:var(--cream)}.phone-frame img{width:100%;height:auto}.pocket-copy>p:not(.eyebrow):not(.micro):not(.note-box){font-size:15px;color:#606172;line-height:1.85;margin-top:25px}.plain-list{list-style:none;padding:0;margin:25px 0}.plain-list li{display:flex;gap:14px;font-size:13px;margin:13px 0}.plain-list span{font-weight:850;color:#35755a}.note-box{border-left:3px solid var(--blue);background:#ede9e1;padding:13px 16px;font-size:12px;line-height:1.7;color:#5b5c70;margin:20px 0}.text-link{font-size:13px;font-weight:800;border-bottom:2px solid var(--blue);padding-bottom:4px}.privacy-band{background:var(--mint);border-block:2px solid var(--ink)}.privacy-content{padding-block:45px;display:flex;gap:30px;align-items:center}.privacy-content .eyebrow{margin-bottom:9px}.privacy-content h2{font-size:32px;letter-spacing:-.04em}.privacy-content p:not(.eyebrow){font-size:13px;max-width:570px;line-height:1.75;margin-top:13px}.privacy-mark{font-size:70px;line-height:1;transform:rotate(-12deg);color:var(--blue);flex:none}.privacy-content .button{margin-left:auto;flex:none;font-size:12px;padding:13px 15px}.centered{text-align:center}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}.download-card{border:2px solid var(--ink);border-radius:12px;box-shadow:5px 6px 0 var(--ink);padding:27px 25px;display:flex;flex-direction:column;align-items:stretch;background:white}.download-card.windows{background:#fff0b4}.download-card.mac{background:#e8defe;transform:translateY(-9px)}.download-card.android{background:#f9cbb9}.platform-icon{font-size:38px;line-height:1;margin-bottom:22px}.download-card .eyebrow{font-size:9px;margin-bottom:9px;letter-spacing:1.5px}.download-card h3{font-size:31px;display:flex;align-items:center;gap:10px}.badge{font-size:9px;letter-spacing:.3px;background:#fff9e5;border:1px solid var(--ink);padding:5px 7px;border-radius:5px;transform:rotate(-4deg)}.platform-detail{font-size:12px;color:#5e5c6c;line-height:1.8;margin:18px 0 22px}.download-card .button{font-size:12px;padding:13px 10px;width:100%;margin-bottom:12px;min-height:44px}.download-card details{font-size:12px;border-top:1px solid #24274340;padding-top:16px;margin-top:9px}.download-card details p{font-size:11px;line-height:1.8;margin-top:10px;color:#565465}.download-card>a:not(.button){font-size:11px;font-weight:750;margin-top:20px;text-decoration:underline;text-underline-offset:4px}summary{cursor:pointer;font-weight:750;line-height:1.6}.download-status{font-size:11px;line-height:1.5;color:#3f4155}.download-status:empty{display:none}.cancel-download{background:transparent;border:0;text-decoration:underline;font-size:11px;text-align:left;padding:5px 0}.cancel-download[hidden]{display:none}.download-note{max-width:620px;margin:32px auto 0;text-align:center;color:#666578;font-size:11px;line-height:1.7}.release-links{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;font-size:11px;font-weight:700;margin-top:20px}.release-links a{text-decoration:underline;text-underline-offset:4px}.faq{padding-top:20px;display:grid;grid-template-columns:.65fr 1fr;gap:80px}.faq-items details{padding:19px 0;border-bottom:1px solid #24274340}.faq-items summary{font-size:15px}.faq-items p{font-size:13px;color:#626173;line-height:1.8;margin:14px 0 2px}.closing-note{text-align:center;font-family:Kalam,cursive;font-size:31px;color:var(--blue);padding:25px 20px 65px;transform:rotate(-2deg)}.closing-note span{color:#c97545;font-size:40px;margin-left:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 40px;border-top:2px solid var(--ink);background:#eee9dd}footer .logo{display:block;font-size:12px}footer .logo strong{display:block;font-size:19px}footer p{font-size:11px;color:#666172}footer>div{display:flex;gap:20px;font-size:11px;font-weight:700}.skip{position:fixed;left:15px;top:-100px;padding:12px;background:var(--yellow);z-index:99}.skip:focus{top:15px}.document{max-width:800px;margin:0 auto;padding:60px 28px 90px}.document h1{font-size:55px;margin-bottom:30px}.document h2{font-size:29px;margin:38px 0 16px;letter-spacing:-.035em}.document h3{font-size:20px;margin:26px 0 12px}.document p,.document li{font-size:15px;color:#52546b;line-height:1.85;margin:14px 0}.document a{text-decoration:underline;text-underline-offset:4px}.document code{font-size:12px;overflow-wrap:anywhere;background:#ece7dd;padding:2px 5px}.document ul,.document ol{padding-left:23px}.document .note-box{font-size:13px}.document table{width:100%;border-collapse:collapse;font-size:13px;margin:25px 0}.document td,.document th{text-align:left;border-bottom:1px solid #b8b3b0;padding:12px 8px;vertical-align:top}
@media(max-width:1050px){.hero{gap:30px}.section{width:calc(100% - 50px);padding-block:65px}.site-header{padding:23px 25px}.ribbon{gap:28px;font-size:11px}.inside-grid{gap:45px}.personal-grid{gap:35px}.pocket{gap:65px}.privacy-mark{display:none}.privacy-content{flex-wrap:wrap}.privacy-content .button{margin-left:0}.download-card{padding:25px 18px}.download-card .button{font-size:11px}.demo-task{font-size:18px}.faq{gap:45px}}
@media(max-width:760px){.section{width:calc(100% - 36px);padding-block:55px}.site-header{padding:20px 18px;align-items:flex-start}.logo{font-size:11px;gap:9px}.logo strong{font-size:19px}.pencil{width:36px;height:40px;font-size:27px}nav{gap:10px}nav>a:not(.button){display:none}.button.small{font-size:11px;padding:10px 12px}.hero{display:flex;flex-direction:column;gap:45px;padding-top:30px;padding-bottom:100px}.hero-copy{align-self:stretch}.hero h1{font-size:60px;max-width:450px}.intro{font-size:15px;max-width:400px}.hero-art{width:95%;transform:rotate(1.5deg);box-shadow:6px 7px 0 var(--ink)}.hero-art:before{inset:-15px}.sticky-note{font-size:20px;bottom:-55px;padding:14px 24px 14px 15px}.hand-note{font-size:20px}.ribbon{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;padding:18px;font-size:10px;text-align:center}.inside-grid{grid-template-columns:1fr;gap:45px;margin-top:35px}.feature-notes article{margin-bottom:28px}.tiny-demo{max-width:460px;width:95%;margin:auto;padding-left:34px}.tiny-demo h3{font-size:25px}.demo-task{font-size:19px}.personal-grid{grid-template-columns:1fr;gap:40px}.personal-copy{max-width:460px}.screenshot-card{transform:none}.personal-copy h2{font-size:43px}.pocket{grid-template-columns:1fr;gap:50px}.pocket-copy{grid-row:1}.phone-frame{max-width:275px;margin:auto}.privacy-content h2{font-size:30px}.privacy-content{gap:22px}.download-grid{grid-template-columns:1fr;gap:26px;max-width:440px;margin:35px auto 0}.download-card.mac{transform:none}.download-card{padding:26px}.download-card .button{font-size:14px}.download-card details,.download-card details p{font-size:13px}.download-card>a:not(.button){font-size:12px}.download-card h3{font-size:34px}.platform-detail{font-size:13px}.faq{grid-template-columns:1fr;gap:24px}.closing-note{font-size:26px;padding-bottom:45px}footer{padding:25px 20px;flex-wrap:wrap}footer p{display:none}footer>div{gap:14px;font-size:10px}.document{padding:40px 20px 60px}.document h1{font-size:41px}.document h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}