:root{--ink:#173822;--paper:#fffef7;--font:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;--ease:cubic-bezier(.22,.8,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);font-family:var(--font);font-size:16px;background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,p{margin:0}em{font-weight:400}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.05em}.skip{position:fixed;z-index:10;left:16px;top:-100px;padding:12px 20px;background:white}.skip:focus{top:16px}.hero{position:relative;isolation:isolate;overflow:hidden;background:#c4e953;transition:background 1s var(--ease),color .6s}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 75% 55% at 45% 12%,#eef9a8 0%,#d9f15c80 55%,transparent 85%),linear-gradient(180deg,transparent 38%,#62984199);transition:opacity 1s}.header{max-width:1536px;margin:auto;height:110px;padding:0 5.3%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:1px}.brand-mascot{width:49px;height:49px;object-fit:contain;transition:transform .5s var(--ease)}.brand:hover .brand-mascot{transform:rotate(-13deg)}.wordmark{object-fit:contain;mix-blend-mode:multiply;width:99px;height:35px}.header nav{display:flex;gap:33px;font-size:14px}.header nav a,.header-link{padding:10px 0}.header nav a:hover,.header-link:hover{text-decoration:underline;text-underline-offset:6px}.header-link{font-size:14px;border-bottom:1px solid #17382255}.header-link span{margin-left:18px}.hero-copy{text-align:center;padding:32px 20px 0;animation:enter .9s var(--ease) both}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:600;line-height:1.6}.hero-copy .eyebrow{margin-bottom:23px}.hero-copy h1{font-size:clamp(64px,7.35vw,108px);line-height:.97;letter-spacing:-.057em}.hero-copy h1 em{display:inline-block;position:relative;color:#3b641f}.intro{font-size:16px;line-height:1.65;margin:27px auto 0;max-width:640px}.actions{display:flex;justify-content:center;gap:12px;margin-top:26px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:100px;padding:14px 23px;font-size:14px;font-weight:500;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 18px #16321b19}.button svg{width:19px;height:19px}.primary{background:#193b27;color:#fffef3;box-shadow:0 4px 10px #25431a18}.secondary{background:#f8ffe784;border:1px solid #21462240}.secondary:hover{background:#f8ffe7}.showcase{max-width:1330px;margin:58px auto 0;padding:0 50px 32px;scroll-margin-top:28px}.device-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:25px;min-height:500px;padding:0 0 0;perspective:1600px}.mac-wrap{width:78%;flex-shrink:0;position:relative;transition:width .8s var(--ease),opacity .5s,transform .8s var(--ease);animation:productEnter 1.2s .1s var(--ease) both}.mac-window{padding:6px;background:#e5e6dccc;border:1px solid #fff9;border-radius:14px;box-shadow:0 38px 65px -20px #15391765,0 8px 18px #15391733;transform:rotate(-1deg);transition:transform .65s var(--ease)}.mac-window:hover{transform:rotate(0deg) translateY(-4px)}.mac-window img{width:100%;height:auto;aspect-ratio:8/5;display:block;border-radius:8px}.phone-wrap{width:19.7%;position:relative;flex-shrink:0;z-index:2;transition:width .8s var(--ease),opacity .5s,transform .8s var(--ease);animation:productEnter 1.35s .2s var(--ease) both}.phone{background:#262825;border:2px solid #92998b;border-radius:38px;padding:6px;box-shadow:inset 0 0 0 1px #d0d2c48c,0 30px 46px -12px #123c2c66,0 4px 12px #2545294d;transform:rotate(4deg);transition:transform .65s var(--ease)}.phone:hover{transform:rotate(0deg) translateY(-5px)}.phone-screen{border-radius:29px;overflow:hidden;background:#f7f8f2;aspect-ratio:1206/2622}.phone-screen img{width:100%;height:100%;object-fit:contain;display:block}.device-caption{text-align:center;letter-spacing:.13em;font-size:10px;font-weight:600;margin-top:23px;opacity:.75}.showcase-bar{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:24px;border-top:1px solid #21442233;padding-top:21px}.showcase-bar>p{font-family:var(--serif);font-size:21px;letter-spacing:-.02em}.hero[data-feature=calendar]{background:#f0cb42}.hero[data-feature=calendar]:before{opacity:.45}.hero[data-feature=search]{background:#a6ccd2}.hero[data-feature=search]:before{opacity:.2}.hero[data-feature=reading]{background:#dcdf71}.hero[data-feature=appearance]{background:#163a2d;color:#f4f6de}.hero[data-feature=appearance]:before{opacity:0}.hero[data-feature=appearance] .hero-copy h1 em{color:#d3ed77}.hero[data-feature=appearance] .brand,.hero[data-feature=appearance] .footer-brand{background:#e4eecc;border-radius:30px;padding-right:14px}.hero[data-feature=appearance] .primary{background:#d7f180;color:#183a28}.hero[data-feature=appearance] .secondary{background:#ffffff12;border-color:#fff5}.hero[data-feature=appearance] .showcase-bar{border-color:#ffffff40}.hero[data-feature=appearance] .header-link{border-color:#fff5}.screen-fade{animation:screenChange .55s var(--ease)}
.explore{max-width:1370px;padding:61px 50px 26px;margin:auto}.explore-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:34px}h2{font-size:clamp(37px,4vw,56px);line-height:1.08}.explore-heading p{font-size:14px;color:#687466}.feature-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.feature{background:transparent;text-align:left;padding:20px 16px 16px;border:1px solid transparent;border-radius:14px;position:relative;display:flex;flex-direction:column;transition:background .35s,border-color .35s,transform .35s}.feature:hover{background:#f1f2e8;transform:translateY(-3px)}.feature.active{background:#edf2da;border-color:#aebd8555}.feature-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.feature-icon{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:13px;transform:rotate(-5deg)}.feature-icon svg{width:23px;height:23px}.green{background:#badf69;color:#255325}.pink{background:#fac5d4;color:#963556}.orange{background:#ffd073;color:#865113}.blue{background:#bce0f5;color:#305493}.purple{background:#d5c6fa;color:#69409b}.feature-index{font-size:12px;color:#66715f}.feature-title{font-family:var(--serif);font-size:23px;line-height:1.18;letter-spacing:-.04em;margin-bottom:10px}.feature-description{font-size:14px;line-height:1.6;color:#5b6857;flex:1}.feature-link{font-size:12px;margin-top:24px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.feature-link>span{font-size:20px}.tour-detail{min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:19px 16px 0;font-size:13px;color:#5b6857}.tour-detail p{line-height:1.6}#screen-options{display:flex;gap:8px;flex-shrink:0}#screen-options button{font-size:12px;padding:8px 14px;border:1px solid #aeb99e;border-radius:20px;background:transparent;min-height:34px}#screen-options button[aria-pressed=true]{background:#244531;color:white;border-color:#244531}.privacy{background:#4c2870;color:#fdf7ff;padding:65px max(50px,calc((100vw - 1270px)/2));position:relative}.privacy-main{display:grid;grid-template-columns:1fr 1fr;gap:9%}.privacy .eyebrow{color:#dabdea;letter-spacing:.12em;font-size:11px;margin-bottom:21px}.privacy h2{font-size:clamp(47px,4.7vw,69px);line-height:1.03}.privacy h2 em{color:#e6c6ed}.privacy-copy{padding-top:6px}.privacy-copy>p{font-size:16px;line-height:1.7;max-width:500px}.privacy-copy>p+p{margin-top:19px;color:#e1cfe9}.privacy details{margin-top:25px;border-top:1px solid #b990cd55;padding-top:17px;max-width:500px}.privacy summary{font-size:13px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.privacy summary::-webkit-details-marker{display:none}.privacy summary span{font-size:21px;transition:transform .3s}.privacy details[open] summary span{transform:rotate(45deg)}.privacy details p{font-size:13px;line-height:1.7;color:#e1cfe9;margin-top:18px}footer{padding:50px max(50px,calc((100vw - 1270px)/2)) 0;background:#f4d957}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-bottom:40px}.footer-top .eyebrow{margin-bottom:15px;font-size:11px}.footer-top h2{font-size:clamp(40px,4vw,58px)}.footer-actions{display:flex;gap:30px;margin-top:23px;font-size:13px}.footer-actions a{border-bottom:1px solid #28492366;padding-bottom:7px}.footer-actions a span{margin-left:17px}.mascot-button{border:0;background:none;position:relative;padding:0;margin-right:7%;width:240px;flex-shrink:0}.mascot-button img{display:block;width:100%;height:auto;transition:transform .6s var(--ease);filter:drop-shadow(0 20px 15px #33561c22)}.mascot-button:hover img{transform:rotate(-9deg) translateY(-6px)}.mascot-button.wiggle img{animation:wiggle .7s var(--ease)}.hello{position:absolute;top:0;right:-26px;border-radius:50%;background:#fff9da;padding:14px 20px;font-family:var(--serif);font-style:italic;font-size:24px;transform:rotate(8deg) scale(.6);opacity:0;transition:all .3s}.mascot-button:hover .hello,.mascot-button.wiggle .hello{opacity:1;transform:rotate(8deg) scale(1)}.footer-bottom{border-top:1px solid #3750253b;min-height:89px;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:12px}.footer-brand{display:flex;align-items:center;gap:17px}.footer-brand .wordmark{width:80px;height:30px}.footer-brand span{font-size:11px;letter-spacing:.015em}.footer-bottom p{opacity:.75}.footer-bottom>a:last-child{padding:10px 0}.footer-bottom a:hover{text-decoration:underline;text-underline-offset:5px}
@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes productEnter{from{opacity:0;translate:0 45px}to{opacity:1;translate:0 0}}@keyframes screenChange{from{opacity:.3;filter:blur(2px)}to{opacity:1;filter:blur(0)}}@keyframes wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg) translateY(-7px)}45%{transform:rotate(11deg) translateY(-5px)}70%{transform:rotate(-7deg)}}
@media(min-width:1600px){.hero-copy{padding-top:45px}.showcase{max-width:1420px;margin-top:64px}.device-stage{min-height:560px}}
@media(max-width:1050px){.header{height:95px;padding:0 30px}.header-link{display:none}.hero-copy h1{font-size:82px}.showcase{padding:0 34px 28px;margin-top:48px}.device-stage{min-height:390px;gap:18px}.mac-wrap{width:77%}.phone-wrap{width:20%}.phone{border-radius:29px;padding:5px}.phone-screen{border-radius:22px}.device-caption{font-size:9px}.explore{padding:45px 28px 24px}.feature-tabs{gap:5px}.feature{padding:17px 12px}.feature-title{font-size:21px}.feature-description{font-size:13px}.privacy{padding:50px 40px}.privacy-main{gap:6%}.privacy .eyebrow{max-width:270px}footer{padding:42px 40px 0}.mascot-button{margin-right:1%;width:210px}}
@media(max-width:720px){html{scroll-padding-top:18px}.header{height:82px;padding:0 20px;gap:15px}.brand-mascot{width:40px;height:40px}.brand .wordmark{width:77px;height:30px}.header nav{gap:18px;font-size:12px}.header nav a:last-child{display:none}.hero-copy{padding:28px 22px 0}.hero-copy .eyebrow{font-size:10px;margin-bottom:21px}.hero-copy h1{font-size:clamp(53px,11.8vw,76px);line-height:1.01}.intro{font-size:14px;line-height:1.65;max-width:420px;margin-top:24px}.wide-break{display:none}.actions{gap:8px;margin-top:25px;flex-wrap:wrap}.button{font-size:12px;padding:13px 16px;gap:7px;min-height:46px}.button svg{width:16px;height:16px}.showcase{padding:0 20px 20px;margin-top:40px}.device-stage{min-height:270px;gap:10px;align-items:center}.mac-wrap{width:77%}.mac-window{padding:3px;border-radius:8px;transform:rotate(-2deg)}.mac-window img{border-radius:5px}.phone-wrap{width:22%}.phone{padding:3px;border-width:1px;border-radius:17px}.phone-screen{border-radius:13px}.device-caption{display:none}.showcase-bar{gap:12px;margin-top:15px;padding-top:17px;flex-direction:column}.showcase-bar>p{font-size:19px}.explore{padding:36px 22px 21px}.explore-heading{display:block;margin-bottom:22px}.explore-heading h2{font-size:35px;letter-spacing:-.055em}.explore-heading p{font-size:13px;margin-top:10px}.feature-tabs{display:flex;overflow-x:auto;gap:10px;margin:0 -22px;padding:3px 22px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b6c890 transparent}.feature{flex:0 0 190px;padding:18px;scroll-snap-align:center;background:#f3f4eb}.feature-title{font-size:23px}.feature-description{font-size:14px}.feature-top{margin-bottom:19px}.feature-link{margin-top:17px}.tour-detail{flex-direction:column;align-items:flex-start;gap:12px;margin:16px 0 0;min-height:50px;font-size:12px}#screen-options{flex-wrap:wrap;flex-shrink:1}.privacy{padding:40px 24px}.privacy-main{grid-template-columns:1fr;gap:27px}.privacy .eyebrow{font-size:10px;max-width:none;margin-bottom:16px}.privacy h2{font-size:49px}.privacy-copy{padding:0}.privacy-copy>p{font-size:15px;line-height:1.65}.privacy-copy>p+p{margin-top:16px}.privacy details{margin-top:20px}footer{padding:34px 24px 0}.footer-top{gap:0;padding-bottom:28px;align-items:flex-start}.footer-top>div{position:relative;z-index:1}.footer-top h2{font-size:37px}.footer-top .eyebrow{font-size:9px;max-width:185px}.footer-actions{flex-direction:column;gap:16px;align-items:flex-start;font-size:12px;margin-top:24px}.mascot-button{width:126px;margin:20px -5px 0 -25px}.hello{font-size:17px;padding:10px 13px;top:0;right:0}.footer-bottom{flex-wrap:wrap;gap:12px;min-height:100px;padding:17px 0;font-size:11px}.footer-brand{gap:8px}.footer-brand .wordmark{width:66px}.footer-brand span{font-size:10px}.footer-bottom p{display:none}}
@media(max-width:390px){.header{padding:0 16px}.header nav{gap:13px}.hero-copy{padding-left:16px;padding-right:16px}.hero-copy h1{font-size:50px}.button{padding:12px 11px;font-size:11px}.showcase{padding-left:14px;padding-right:14px}.device-stage{min-height:215px}.footer-top h2{font-size:33px}.mascot-button{width:100px;margin-top:45px}}
.mac-window,.phone-screen{position:relative}.screen-out{position:absolute!important;z-index:3;pointer-events:none;animation:crossfade .65s var(--ease) forwards!important}.mac-window .screen-out{top:6px;left:6px;width:calc(100% - 12px);height:auto}.phone-screen .screen-out{inset:0;width:100%;height:100%}@keyframes crossfade{from{opacity:1}to{opacity:0}}
@media(min-width:1051px){.header{height:88px}.hero-copy{padding-top:23px}.hero-copy .eyebrow{margin-bottom:17px}.hero-copy h1{font-size:clamp(75px,6.6vw,96px)}.intro{margin-top:23px;line-height:1.55}.actions{margin-top:23px}.showcase{margin-top:43px;max-width:1240px}.device-stage{min-height:460px}}
@media(max-width:720px){.mac-window .screen-out{top:3px;left:3px;width:calc(100% - 6px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}