:root{--yellow:#ffff43;--ink:#171814;--paper:#f7f7f0;--muted:#66695f;--line:#dadbd0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #706600;outline-offset:7px}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}.skip{position:fixed;left:16px;top:-80px;padding:14px;background:var(--yellow);z-index:30}.skip:focus{top:16px}.header{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 5%;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-weight:bold;font-size:22px;white-space:nowrap}.brand-sub{display:block;font:8px Arial,sans-serif;letter-spacing:2.2px;margin-top:5px}.header nav{display:flex;align-items:center;gap:32px;font-size:12px}.nav-launch{padding:13px 18px;border:1px solid var(--ink);border-radius:3px}.nav-launch span{margin-left:18px}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:745px;overflow:hidden}.hero-copy{padding:82px 25px 60px max(6vw,35px);align-self:center}.eyebrow{font-size:10px;line-height:1.8;letter-spacing:2px;font-weight:600}.dot{display:inline-block;width:7px;height:7px;background:#72764f;border-radius:50%;margin-right:9px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px}h1{font-size:clamp(48px,4.8vw,76px);line-height:1.04;margin:30px 0}h1 em,h2 em,h3 em{font-weight:400}.lede{font-size:17px;color:var(--muted);line-height:1.65}.actions{display:flex;align-items:center;gap:26px;margin-top:32px;flex-wrap:wrap}.button{padding:18px 23px;display:inline-flex;gap:30px;justify-content:space-between;align-items:center;font-size:12px;font-weight:bold;border-radius:3px;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px);background:#34352c}.dark{color:white;background:var(--ink)}.text-link{font-size:12px;font-weight:bold;border-bottom:1px solid #a4a59a;padding-bottom:7px;display:inline-flex;gap:16px;line-height:1.6}.availability{font-size:10px;line-height:1.8;color:var(--muted);margin-top:20px}.hero-stage{background:var(--yellow);position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate;min-height:700px}.stage-caption{position:absolute;top:33px;left:30px;font-size:9px;letter-spacing:2px}.orbit{position:absolute;border:1px solid #dddd35;border-radius:50%;z-index:-1;width:650px;height:650px}.orbit-two{width:480px;height:480px}.phone{width:290px;height:595px;position:relative;margin-top:30px;background:white;border:7px solid #20211c;border-radius:42px;overflow:hidden;box-shadow:18px 25px 0 #b9b92a55,0 30px 60px #5d5d382c;transform:rotate(-5deg)}.phone-island{position:absolute;top:9px;left:88px;width:102px;height:25px;background:#20211c;border-radius:20px;z-index:2}.phone-status{display:flex;justify-content:space-between;font-size:10px;font-weight:bold;padding:16px 20px 7px}.phone-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:16px}.avatar{display:flex;align-items:center;justify-content:center;background:var(--yellow);border-radius:100%;width:28px;height:28px;font:11px Georgia,serif}.phone-body{padding:8px 16px}.phone-greeting{font:34px/1.02 Georgia,serif;letter-spacing:-1px;margin:4px 0 9px}.phone-muted{font-size:9px;color:var(--muted);margin-bottom:16px}.quill-banner{display:flex;align-items:center;justify-content:space-between;background:var(--yellow);padding:8px 10px;border-radius:15px;height:76px}.quill-banner span{font:14px/1.15 Georgia,serif}.quill-banner img{width:62px;height:62px;object-fit:contain}.phone-shortcuts{display:flex;justify-content:space-around;text-align:center;margin:17px 0;font-size:25px;line-height:1}.phone-shortcuts small{display:block;font:8px Arial;margin-top:5px}.discover-title{font-size:12px;display:flex;justify-content:space-between}.discover-title span{color:#96988f}.phone-story{position:relative;margin-top:15px;border-radius:18px;overflow:hidden;height:205px;background:#999}.phone-story>img{width:100%;height:100%;object-fit:cover}.phone-story>div{position:absolute;inset:0;background:linear-gradient(transparent,#000a);padding:12px;display:flex;flex-direction:column;justify-content:space-between;color:white}.phone-story small{font-size:6px;letter-spacing:1px;background:#151611;align-self:flex-start;padding:5px 7px;border-radius:12px}.phone-story p{font:21px/1.1 Georgia;margin:0}.phone-footer{position:absolute;bottom:10px;left:9px;right:9px;border:1px solid #ddd9;background:#f5f5edf0;border-radius:30px;display:flex;justify-content:space-around;align-items:center;height:43px;backdrop-filter:blur(8px);font:25px Georgia;color:#717269}.phone-footer .selected{background:var(--ink);color:var(--yellow);border-radius:25px;padding:4px 18px}.stage-note{position:absolute;bottom:19px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.manifesto-strip{display:flex;justify-content:space-evenly;gap:20px;padding:27px 6%;border-bottom:1px solid var(--line);border-top:1px solid var(--line);font:18px Georgia,serif}.section{padding:105px 6%;max-width:1600px;margin:auto}.section-intro{max-width:670px;margin-bottom:45px}h2{font-size:clamp(40px,4vw,60px);line-height:1.1;margin:23px 0}.section-intro>p:last-child,.desk-copy>p:not(.eyebrow):not(.small-note){color:var(--muted);font-size:15px;line-height:1.8;max-width:460px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:27px 28px 0;border:1px solid var(--line);overflow:hidden;border-radius:4px;min-height:465px}.feature-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.feature-index{font-size:9px;letter-spacing:1.5px}.feature-top>span:last-child{font-size:23px}.feature h3{font-size:32px;letter-spacing:-1px;line-height:1.1;margin-bottom:16px}.feature p{color:var(--muted);font-size:12px;line-height:1.7}.feature figure{margin:28px -28px 0;height:230px;position:relative}.feature figure img{width:100%;height:100%;object-fit:cover;object-position:center 41%}.feature figcaption{position:absolute;bottom:10px;left:15px;color:white;background:#171814ba;padding:5px 7px;font-size:8px}.feature-write{background:#efefe5}.journal-paper{background:#fffef8;transform:rotate(-5deg);padding:23px;margin:35px -6px -32px;box-shadow:0 6px 28px #1111110b;min-height:210px}.journal-paper span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.journal-paper p{font:22px/1.5 Georgia;color:#515648;margin-top:18px}.journal-paper div{border-bottom:1px solid #dedfd4;margin:16px 0}.feature-connect{background:var(--yellow);border-color:var(--yellow)}.mini-grid{display:flex;gap:12px;margin-top:40px}.mini-grid>span{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:20px;background:#fffef4;box-shadow:0 6px 10px #9d9d2910}.mini-grid .mini-quill{background:#e8edaa}.mini-grid-icon{font:50px Georgia}.small-note{font-size:10px!important;line-height:1.7;color:var(--muted)}.feature-connect .small-note{margin-top:26px}.desk-section{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;background:#eaece1;align-items:center}.desk-copy .text-link{margin-top:15px}.desk-copy .small-note{margin-top:17px}.desk-preview{background:var(--paper);border:1px solid #d1d4c4;box-shadow:0 25px 50px #282d1512;border-radius:6px;transform:rotate(2deg);overflow:hidden}.desk-top{border-bottom:1px solid var(--line);display:flex;gap:13px;align-items:center;padding:16px;font-size:8px;letter-spacing:1.4px}.desk-top span:last-child{margin-left:auto;background:#e8eada;padding:8px;border-radius:50%;font:11px Georgia}.desk-content{padding:28px 33px}.desk-content .eyebrow{font-size:7px}.desk-content h3{font-size:31px;letter-spacing:-1px;margin:15px 0 23px;line-height:1.1}.desk-yellow{background:var(--yellow);padding:23px}.desk-yellow>span{font-size:7px;letter-spacing:1.5px}.desk-yellow p{font:36px/1.05 Georgia;margin:20px 0}.desk-yellow small{font-size:9px}.desk-lines{display:flex;justify-content:space-between;align-items:center;margin-top:23px;font:16px Georgia}.desk-lines span:last-child{font:8px Arial;color:var(--muted)}.preview-label{text-align:right;padding:0 15px 12px;font-size:8px;color:var(--muted)}.get-app{padding-top:105px;padding-bottom:75px}.get-app-head{text-align:center}.get-app-head>img{margin:0 auto 30px}.get-app-head h2{font-size:70px}.app-options{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:900px;margin:50px auto 25px}.app-options article{padding:30px;border:1px solid var(--line);border-radius:5px;background:#fffffa}.option-top{display:flex;align-items:center;justify-content:space-between}.platform-icon{font:38px Georgia}.pill{font-size:8px;letter-spacing:1px;border:1px solid #d5d6ca;padding:6px 8px;border-radius:20px}.app-options h3{font-size:30px;letter-spacing:-1px;margin:26px 0 12px}.app-options p{font-size:13px;line-height:1.7;color:var(--muted);max-width:310px}.app-options .button{margin-top:8px}.ios-status{font-size:11px!important;border-top:1px solid var(--line);padding-top:15px;margin-top:24px}.preview-disclosure{font-size:10px;line-height:1.8;color:var(--muted);max-width:660px;margin:30px auto 0;text-align:center}footer{background:var(--ink);color:var(--paper);padding:46px 6%;display:flex;align-items:start;gap:35px;flex-wrap:wrap}footer .brand img{filter:invert(1)}footer .brand{font-size:18px}footer>p{font:17px Georgia;margin-top:9px;margin-left:auto}footer nav{display:flex;gap:20px;font-size:10px;margin-top:13px}footer>small{flex-basis:100%;font-size:9px;color:#b4b7a7;border-top:1px solid #3e4036;padding-top:20px}@media(min-width:1600px){.hero-copy{padding-left:95px}.hero h1{font-size:76px}}@media(max-width:1050px){.header nav{gap:17px}.hero-copy{padding-left:6vw}.hero{min-height:650px}.hero-stage{min-height:650px}.phone{transform:rotate(-5deg) scale(.89)}.actions{gap:18px}h1{font-size:53px}.feature{padding:23px 20px 0}.feature figure{margin-left:-20px;margin-right:-20px}.feature h3{font-size:28px}.mini-grid{gap:7px}.mini-grid>span{width:64px;height:64px;border-radius:16px}.section{padding:75px 5%}.desk-section{gap:6%}footer nav{flex-basis:100%}footer>p{margin-left:auto}}@media(max-width:700px){.header{padding:18px 5%}.brand{font-size:18px}.brand img{width:27px;height:35px}.brand-sub{font-size:6px;letter-spacing:1.5px}.header nav>a:not(.nav-launch){display:none}.nav-launch{font-size:10px;padding:11px}.nav-launch span{margin-left:8px}.hero{display:block}.hero-copy{padding:48px 6% 40px}.hero h1{font-size:clamp(43px,10.3vw,68px);margin:22px 0}.lede{font-size:15px}.actions{margin-top:24px}.button{font-size:11px;padding:16px 18px;gap:25px}.text-link{font-size:11px}.availability{font-size:9px}.hero-stage{min-height:640px}.phone{transform:rotate(-5deg) scale(.94);margin-top:14px}.stage-caption{top:21px;left:22px}.manifesto-strip{gap:13px;justify-content:space-between;font-size:13px;padding:23px 6%}.section{padding:64px 6%}.section-intro{margin-bottom:28px}h2{font-size:39px}.section-intro>p:last-child{font-size:14px}.feature-grid{grid-template-columns:1fr}.feature{padding:25px 26px 0;min-height:unset}.feature h3{font-size:34px}.feature p{font-size:13px;max-width:350px}.feature figure{height:250px;margin-left:-26px;margin-right:-26px}.feature-top{margin-bottom:25px}.journal-paper{max-width:340px;margin:30px auto -20px}.feature-write{min-height:485px}.feature-connect{padding-bottom:12px}.mini-grid{margin-top:30px}.mini-grid>span{width:80px;height:80px}.desk-section{grid-template-columns:1fr;gap:40px}.desk-preview{transform:rotate(1deg);max-width:500px}.desk-copy>p{max-width:100%!important}.get-app-head h2{font-size:55px}.app-options{grid-template-columns:1fr;margin-top:35px;gap:16px}.app-options article{padding:25px}.app-options h3{font-size:30px}.preview-disclosure{text-align:left}footer{padding:35px 6%;gap:20px}footer>p{font-size:13px}footer nav{flex-wrap:wrap;gap:18px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.phone-story{height:161px}.phone-story p{font-size:19px}.phone-footer>span{display:flex;align-items:center;justify-content:center}.phone-footer img{width:20px;height:20px;opacity:.6}.phone-footer .selected{padding:8px 18px}.phone-footer .selected img{filter:invert(99%) sepia(91%) saturate(983%) hue-rotate(348deg) brightness(113%) contrast(105%);opacity:1}