@import url('https://api.fontshare.com/v2/css?f[]=clash-display@500,600&f[]=satoshi@400,500,700&display=swap');
:root{--paper:#edeef0;--ink:#171719;--muted:#65676b;--line:#d7d8da;--orange:#ff7a1a;--green:#b4df7c;--display:'Clash Display',sans-serif;--body:'Satoshi',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ba5400;outline-offset:5px}::selection{background:var(--green);color:#171719}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-80px;left:20px;z-index:200;background:var(--ink);color:white;padding:12px}.skip:focus{top:15px}.nav{width:min(1200px,calc(100% - 32px));margin:18px auto 0;border:1px solid #fff;background:#ffffffbd;backdrop-filter:blur(24px);border-radius:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px 12px 23px}.brand{font:600 20px var(--display);letter-spacing:-.8px}.brand sup{color:var(--muted);font:10px var(--body);margin-left:2px}.nav-links{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:700}.nav-links a:hover{color:#a34500}.nav-links .active{position:relative}.nav-links .active:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--orange);bottom:-9px;left:calc(50% - 2px)}.nav-contact{background:var(--ink);border-radius:30px;color:white;padding:10px 20px;font-size:13px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.eyebrow:before{content:'';height:6px;width:6px;background:var(--orange);border-radius:50%}.hero{padding:86px 0 60px;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end}.hero h1{font:500 clamp(48px,6.6vw,88px)/1.03 var(--display);letter-spacing:-4px;margin:22px 0 0}.hero h1 span{color:#85868b}.hero-aside{max-width:345px;justify-self:end;padding-bottom:6px}.hero-aside p{color:var(--muted);font-size:17px;line-height:1.65;margin:0 0 25px}.byline{display:flex;align-items:center;gap:12px;font-size:12px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:10px}.byline span{display:block;color:var(--muted);font-size:11px}.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.section-label span{color:var(--muted)}.featured{position:relative;display:grid;grid-template-columns:.95fr 1.1fr;min-height:475px;background:#20221d;color:#f5f5ef;border-radius:30px;overflow:hidden;border:1px solid #30352a}.app-copy{padding:42px 44px;position:relative;z-index:1}.app-top{display:flex;align-items:center;gap:12px;font-size:11px;color:#b6b9af}.status{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #ffffff24;border-radius:30px;line-height:1.6;font-size:10px;letter-spacing:.2px}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--green)}.icon{width:85px;height:85px;margin:20px 0 6px}.app-copy h2{font:500 48px/1.1 var(--display);letter-spacing:-1.5px;margin:0 0 13px}.app-copy .tagline{font-size:21px;line-height:1.4;color:#dedfd8;max-width:300px;margin:0 0 16px}.app-copy .desc{color:#a6aaa0;font-size:13px;max-width:330px;margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--ink);color:#fff;border-radius:30px;min-height:47px;padding:12px 22px;font-size:13px;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.green{background:var(--green);color:#20221d}.button.outline{background:transparent;border-color:#cfd1cb;color:var(--ink)}.app-link{display:inline-flex;margin-left:20px;font-size:12px;color:#c6c9c0;padding:10px 0;border-bottom:1px solid #697060}.app-visual{display:flex;align-items:center;position:relative;background:radial-gradient(ellipse at 75% 45%,#414b34 0,transparent 75%);padding:65px 0 65px 25px;overflow:hidden}.app-visual:before{content:'';position:absolute;border:1px solid #748b4a29;border-radius:50%;width:420px;height:420px;left:85px;top:30px}.window{position:relative;border:1px solid #ffffff40;border-radius:14px;box-shadow:0 25px 65px #0007;overflow:hidden;background:#eee}.app-visual .window{width:750px;min-width:750px;transform:perspective(1400px) rotateY(-10deg) rotateZ(-3deg);transform-origin:left center}.window-bar{display:flex;align-items:center;gap:6px;height:29px;background:#e2e3df;color:#777;font:10px var(--body);padding:0 12px}.window-bar i{width:7px;height:7px;border-radius:50%;background:#c5c7c0}.window-bar span{position:absolute;left:50%;transform:translateX(-50%)}.window img{width:100%;height:auto}.visual-note{position:absolute;bottom:25px;left:32px;color:#b3b9a8;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.next-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 65px}.next-card{display:flex;gap:28px;align-items:center;border:1px solid var(--line);border-radius:24px;padding:29px 32px;min-height:193px;background:#ffffff45}.next-mark{width:76px;height:76px;flex-shrink:0;border:1px dashed #b8babd;border-radius:22px;display:grid;place-items:center;color:#96989c;font:300 35px var(--display)}.next-card h3{font:500 22px/1.25 var(--display);margin:9px 0}.next-card p{font-size:13px;color:var(--muted);margin:0;max-width:290px}.tiny{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.6px}.studio-note{display:flex;flex-direction:column;justify-content:center;padding:26px 34px;border-left:1px solid var(--line)}.studio-note h3{font:500 24px/1.25 var(--display);margin:0 0 11px}.studio-note p{margin:0;color:var(--muted);font-size:13px;max-width:350px}.studio-note a{text-decoration:underline;text-underline-offset:5px}.footer{border-top:1px solid var(--line);padding:25px 0 36px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.footer-links{display:flex;gap:25px}.footer a:hover{color:var(--ink)}.crumb{font-size:11px;color:var(--muted);padding-top:45px;display:flex;gap:13px}.crumb a{text-decoration:underline;text-underline-offset:4px}.product-hero{text-align:center;padding:27px 0 44px;max-width:900px;margin:auto}.product-hero .icon{width:105px;height:105px;margin:0 auto 12px}.product-hero .eyebrow{justify-content:center}.product-hero h1{font:500 clamp(44px,5.5vw,73px)/1.08 var(--display);letter-spacing:-3px;margin:20px 0}.product-hero p{color:var(--muted);font-size:17px;max-width:600px;margin:0 auto 25px}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.availability{font-size:11px;color:var(--muted);margin-top:16px}.product-stage{padding:40px 45px;background:linear-gradient(120deg,#dce3d4,#e1e4de 65%,#d5dccb);border-radius:28px;border:1px solid #d0d7c8}.product-stage .window{max-width:1030px;margin:auto;box-shadow:0 25px 55px #20251b26}.gallery-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:22px 0 18px}.tabs{display:flex;gap:4px;background:#ffffff9c;padding:5px;border:1px solid #fff;border-radius:30px}.tabs button{border:0;background:transparent;padding:9px 18px;border-radius:30px;font-size:12px;color:var(--muted)}.tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.gallery-controls .language{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted)}.language button{border:1px solid #c8cacc;background:transparent;border-radius:30px;padding:7px 12px;font-size:11px}.language button[aria-pressed=true]{background:#fff;color:var(--ink)}.zoom{padding:0;border:0;background:none;display:block;width:100%;cursor:zoom-in}.caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin-top:16px}.features{padding:75px 0 55px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-head h2{font:500 38px/1.15 var(--display);letter-spacing:-1.2px;margin:12px 0 0}.section-head p{font-size:13px;color:var(--muted);max-width:290px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature{border-top:1px solid var(--line);padding:24px 0}.feature-num{font-size:10px;color:#72756a}.feature h3{font:500 20px/1.3 var(--display);margin:15px 0 12px}.feature p{font-size:13px;color:var(--muted);margin:0}.privacy-strip{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;padding:38px 40px;background:#20221d;color:white;border-radius:24px;margin:10px 0 65px}.privacy-strip h2{font:500 29px/1.2 var(--display);letter-spacing:-.5px;margin:10px 0 20px}.privacy-strip p{color:#c3c7ba;font-size:13px;margin:0 0 15px}.privacy-strip a{color:var(--green);font-size:12px;text-decoration:underline;text-underline-offset:5px}.privacy-strip .eyebrow{color:#a6af97}.document{padding:40px 0 75px;max-width:820px;margin:auto}.document h1{font:500 59px/1.1 var(--display);letter-spacing:-2px;margin:20px 0}.document .intro{color:var(--muted);font-size:18px;max-width:660px}.document h2{font:500 24px/1.3 var(--display);margin:38px 0 14px}.document p,.document li{font-size:14px;color:var(--muted)}.document a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.contact-box{background:#fff9;border:1px solid white;border-radius:24px;padding:30px;margin:30px 0}.contact-box .email{font:500 clamp(20px,4vw,32px) var(--display);letter-spacing:-.5px;overflow-wrap:anywhere}.contact-box p{margin:12px 0 22px}.contact-box .button{color:white;text-decoration:none}.faq{border-top:1px solid var(--line);padding:18px 0}.faq summary{font-size:15px;font-weight:700;cursor:pointer;padding-right:10px}.faq p{margin:14px 0 3px}.release-note{border-left:3px solid var(--orange);padding:12px 20px;background:#fff8;font-size:12px;color:var(--muted);margin:25px 0}.support-back{display:inline-block;margin-top:30px;font-size:12px}dialog{width:min(1400px,95vw);max-width:95vw;padding:16px;border:1px solid #fff5;border-radius:18px;background:#20221d;color:white}dialog::backdrop{background:#111d;backdrop-filter:blur(8px)}dialog img{width:100%;max-height:80vh;object-fit:contain}.dialog-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding-bottom:12px}.dialog-head button{padding:8px 14px;border:1px solid #ffffff40;border-radius:20px;background:transparent;color:white}.fade{animation:rise .7s both}.delay{animation-delay:.12s}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:105px}}
@media(max-width:900px){.hero{gap:35px}.hero h1{letter-spacing:-2.5px}.featured{grid-template-columns:1fr 1fr}.app-copy{padding:32px}.app-visual{padding-left:0}.app-visual .window{min-width:620px;width:620px}.next-card{padding:24px;gap:20px}.feature-grid{gap:24px}.privacy-strip{gap:25px}.nav-links{gap:20px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.nav{padding:10px 12px 10px 18px;gap:15px;margin-top:12px}.brand{font-size:17px}.nav-links{gap:18px;font-size:12px}.nav-links .portfolio{display:none}.nav-contact{padding:9px 13px;font-size:11px}.hero{display:block;padding:55px 0 35px}.hero h1{font-size:55px;letter-spacing:-2.5px}.hero-aside{max-width:100%;padding-top:24px}.hero-aside p{font-size:15px;max-width:330px;margin-bottom:20px}.section-label{font-size:9px;letter-spacing:1px;padding:19px 0}.featured{display:flex;flex-direction:column;border-radius:24px}.app-copy{padding:27px 27px 15px}.app-copy .icon{width:75px;height:75px;margin-top:15px}.app-copy h2{font-size:40px}.app-copy .tagline{font-size:21px;max-width:100%}.app-copy .desc{max-width:100%}.app-visual{height:285px;padding:12px 0 45px 27px}.app-visual .window{min-width:470px;width:470px;transform:rotateZ(-3deg)}.visual-note{bottom:17px;left:27px;font-size:9px}.next-row{grid-template-columns:1fr;gap:18px;margin-bottom:35px}.next-card{padding:24px;min-height:170px}.next-mark{width:60px;height:60px;border-radius:18px}.next-card h3{font-size:20px}.studio-note{padding:15px 24px;border-left:0}.footer{flex-direction:column;gap:12px;padding:24px 0}.footer-links{flex-wrap:wrap;gap:20px}.crumb{padding-top:30px}.product-hero{padding-top:25px}.product-hero h1{font-size:46px;letter-spacing:-2px}.product-hero p{font-size:15px}.product-stage{padding:14px 10px;border-radius:18px}.window-bar{height:22px}.gallery-controls{flex-direction:column;gap:12px;align-items:flex-start}.tabs{width:100%;justify-content:space-between}.tabs button{padding:8px 14px;font-size:11px}.caption{font-size:10px;align-items:flex-start}.caption span:last-child{max-width:130px;text-align:right}.features{padding:50px 0 25px}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:31px}.section-head p{margin-top:18px}.feature-grid{grid-template-columns:1fr;gap:5px}.feature{padding:20px 0}.privacy-strip{grid-template-columns:1fr;padding:27px;gap:10px;margin-bottom:40px}.privacy-strip h2{font-size:27px}.document{padding:30px 0 45px}.document h1{font-size:45px;letter-spacing:-1.5px}.document .intro{font-size:16px}.contact-box{padding:23px}.button{gap:15px;padding:11px 18px}.app-link{margin-left:16px}dialog{padding:10px}.dialog-head{gap:15px}.availability{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fade{animation:none}.button{transition:none}.button:hover{transform:none}}

/* Appearance and live, anonymous app previews. */
.nav{position:sticky;top:14px;z-index:20;gap:17px}.nav-links{margin-left:auto;margin-right:auto}
.theme-toggle{display:flex;gap:8px;align-items:center;color:var(--ink);border:1px solid var(--line);background:transparent;border-radius:24px;min-height:38px;padding:7px 13px;font-size:11px}
.board-viewport{width:100%;height:625px;overflow:hidden;position:relative}.board-viewport iframe{display:block;border:0;width:1280px;height:800px;transform-origin:top left;background:#ecedea}.app-visual .window{transform:none}
.product-stage{background:radial-gradient(ellipse at 50% 30%,#e7eddd,#dbe2d2);position:relative}
.demo-tools{display:flex;gap:17px;flex-wrap:wrap}.demo-tools button{border:0;padding:0 0 4px;border-bottom:1px solid var(--line);background:none;color:var(--muted);font-size:11px}.demo-tools button:hover{color:var(--ink)}
.demo-note{font-size:10px;letter-spacing:.2px;text-align:center;color:var(--muted);margin:15px 0 0}.expanded-board{overflow:auto;max-height:80vh}.expanded-board iframe{display:block;border:0;width:1280px;height:800px;max-width:none}
.store-slot{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:19px}.store-slot[hidden]{display:none}.store-slot>span{font-size:11px;color:var(--muted)}.store-badge{display:block;padding:12px;flex-shrink:0}.store-badge img{height:48px;width:auto;max-width:none}
.adhd-story{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:80px 0 65px;border-bottom:1px solid var(--line)}.adhd-story h2{font:500 48px/1.08 var(--display);letter-spacing:-2px;margin:19px 0 0}.adhd-story p{font-size:17px;color:var(--muted);margin:0 0 18px}.story-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.story-tags span{border:1px solid var(--line);border-radius:25px;padding:7px 11px;font-size:10px;color:var(--muted)}
.footer{flex-wrap:wrap}.apple-credit{flex-basis:100%;font-size:10px;line-height:1.7;max-width:740px;color:var(--muted)}
.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}
html[data-theme=dark]{color-scheme:dark;--paper:#151714;--ink:#f0f2eb;--muted:#adb4a6;--line:#383e33;--orange:#ffa266;background:#151714}
html[data-theme=dark] .nav{background:#272c24e8;border-color:#41483b}html[data-theme=dark] .nav-contact,html[data-theme=dark] .button:not(.green):not(.outline){background:#edf1e8;color:#171b14}html[data-theme=dark] .hero h1 span{color:#9da794}html[data-theme=dark] .avatar{background:#edf1e8;color:#171b14}
html[data-theme=dark] .next-card{background:#23291e;border-color:#384131}html[data-theme=dark] .next-mark{border-color:#58644e}html[data-theme=dark] .featured,html[data-theme=dark] .privacy-strip{background:#20271b}
html[data-theme=dark] .product-stage{background:radial-gradient(ellipse at 50% 30%,#303d22,#20271c);border-color:#445338}html[data-theme=dark] .tabs{background:#232b1c;border-color:#445338}html[data-theme=dark] .tabs button[aria-pressed=true]{background:#c8e0b0;color:#1f2916}html[data-theme=dark] .language button{border-color:#58614f;color:var(--muted)}html[data-theme=dark] .language button[aria-pressed=true]{background:#c8e0b0;color:#1f2916}
html[data-theme=dark] .contact-box,html[data-theme=dark] .release-note{background:#232a1c;border-color:#445338}html[data-theme=dark] .window{border-color:#4b5841;background:#171a16}html[data-theme=dark] .window-bar{background:#272f20;color:#bbc4b2}html[data-theme=dark] .window-bar i{background:#627052}html[data-theme=dark] .button.outline{border-color:#58614f}html[data-theme=dark] a:focus-visible,html[data-theme=dark] button:focus-visible{outline-color:var(--green)}html[data-theme=dark] .nav-links a:hover{color:var(--green)}
@media(max-width:900px){.adhd-story{gap:35px}.adhd-story h2{font-size:41px}}
@media(max-width:650px){.nav{gap:10px;top:10px}.theme-toggle{padding:7px 10px}.brand{font-size:16px}.nav-contact{display:none}.nav-links{margin-left:auto;margin-right:0}.adhd-story{grid-template-columns:1fr;gap:27px;padding:50px 0}.adhd-story h2{font-size:38px}.adhd-story p{font-size:15px}.caption{flex-wrap:wrap}.demo-tools{gap:15px}.store-slot{flex-direction:column;gap:0}.store-slot>span{margin-top:-3px}.app-visual .window{min-width:470px;width:470px}.app-visual{height:315px}.apple-credit{width:100%}.demo-note{font-size:9px}.expanded-board{max-height:75vh}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none}.fade{animation:none}.app-visual .window{transform:none}}