@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--paper:#f8f7f3;--ink:#242722;--muted:#74766f;--blue:#2859e5;--line:#dedfd6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;display:block}header{max-width:1320px;margin:auto;height:100px;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:700;letter-spacing:-1px}.logo-dot{color:var(--blue)}.logo-icon{background:var(--blue);width:36px;height:36px;border-radius:11px;position:relative;display:inline-block}.logo-icon i{position:absolute;width:18px;height:15px;border:1.6px solid white;border-radius:3px;left:7px;top:8px}.logo-icon i+i{left:12px;top:14px;background:var(--blue)}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:550}.nav-download{border:1px solid #c7c9bf;border-radius:6px;padding:10px 17px}.nav-download span{margin-left:13px}.wrap{width:calc(100% - 112px);max-width:1160px;margin-inline:auto}.hero{text-align:center;padding-top:70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:#5b825a;border-radius:50%;vertical-align:middle;margin-right:6px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,7vw,94px);line-height:1.05;letter-spacing:-5px;font-weight:550;margin:25px 0 24px}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.055em}.hero h1{position:relative;display:inline-block}.hero h1 svg{position:absolute;bottom:-12px;right:-5px;width:72%;height:20px;fill:none;stroke:#a8baf1;stroke-width:4;stroke-linecap:round}.hero-copy{color:var(--muted);font-size:17px;line-height:1.7;margin:30px 0}.buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:6px;padding:15px 22px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white;box-shadow:0 3px 0 #1746ca}.secondary{background:#eeeee7;border:1px solid #d9dbd0}.hero-meta{display:flex;gap:10px;justify-content:center;font-size:10px;color:#85867e;margin-top:21px}.hero-meta b{font-weight:400}.hero-visual{margin:68px auto 0;max-width:1000px;position:relative;border-radius:15px;background:#e9eae1;padding:15px 15px 0;box-shadow:0 22px 45px -30px #292f2970}.hero-visual>img{width:100%;border-radius:9px}.visual-note{position:absolute;left:-30px;top:-29px;transform:rotate(-6deg);font:italic 15px Georgia;color:#7b806f}.visual-note span{display:inline-block;margin-left:10px;font-size:33px;transform:translateY(12px)}.sync-pill{position:absolute;right:-20px;bottom:22px;background:#fffef8;padding:12px 19px;border-radius:7px;border:1px solid #e0e1d7;font-size:11px;box-shadow:0 5px 20px #0001;transform:rotate(-3deg)}.sync-pill span{color:#5f7e4a;margin-right:8px}.browser-strip{padding:58px 0 45px;text-align:center;border-bottom:1px solid var(--line)}.browser-strip p{font-size:9px;letter-spacing:1.8px;color:#92948a;margin-bottom:22px}.browser-strip>div{display:flex;gap:37px;justify-content:center;flex-wrap:wrap;color:#686c61;font-size:17px;font-weight:550}.browser-strip .more{font-size:12px;font-weight:400;align-self:center;color:#94988c}.section{padding-block:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}h2{font-size:clamp(36px,4.5vw,56px);line-height:1.12;letter-spacing:-2.5px;font-weight:500;margin:18px 0 20px}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:25px}.feature-large{background:#e9ece2;border-radius:12px;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;overflow:hidden;gap:35px;padding:45px 0 45px 45px}.feature-text p{font-size:14px;color:#6c7365;max-width:310px}.number{font-size:10px;color:#75816b;letter-spacing:1.5px}.feature-text h3{font-size:34px;line-height:1.15;letter-spacing:-1.2px;margin:20px 0}.feature-large img{border-radius:8px 0 0 8px}.text-tag{font-size:10px;display:inline-block;border:1px solid #c8cdbc;border-radius:5px;padding:6px 10px;margin-top:10px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.feature-grid article{background:#efeee9;padding:33px 33px 0;border-radius:12px;overflow:hidden}.feature-symbol{font-size:26px;color:#7e866d;margin-bottom:20px}.feature-grid h3{font-size:23px;letter-spacing:-.7px;margin-bottom:13px}.feature-grid p{font-size:13px;color:var(--muted);max-width:430px}.feature-grid img{margin-top:30px;border-radius:8px 8px 0 0}.feature-grid .organize{background:#eaeef3}.folder-demo{margin-top:35px;background:#fafaf8;border:1px solid #d6dde4;border-radius:10px;padding:10px 20px;box-shadow:0 10px 20px #27344208}.folder-demo>div{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #e7e9e8;font-size:12px}.folder-demo>div:last-child{border:0}.folder-demo>div>span:last-child{margin-left:auto;font-size:10px;color:#838b91}.folder-demo small{display:block;font-size:9px;color:#8c8f91;margin-top:3px}.folder{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;font-size:20px}.pink{background:#f5d9df;color:#b16a7d}.yellow{background:#f3e8b7;color:#b09232}.blue{background:#dbe5f9;color:#597eb1}.everywhere{background:#e9eadd;overflow:hidden}.mobile-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:75px}.mobile-section p{font-size:14px;color:#707667}.checklist{list-style:none;padding:0;margin:25px 0;font-size:12px}.checklist li{margin:13px 0}.checklist li:before{content:'✓';color:#6d8560;margin-right:12px}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid #a5ac98;padding-bottom:5px}.phones{display:flex;gap:20px;align-items:center;height:490px}.phones img{width:47%;border-radius:24px;box-shadow:0 20px 40px #30352724;transform:rotate(-7deg)}.phones img+img{transform:rotate(7deg) translateY(45px)}.privacy-band{display:grid;grid-template-columns:70px 1fr 1fr;gap:30px;align-items:center;padding-block:100px;border-bottom:1px solid var(--line)}.privacy-icon{font-size:50px;color:#6c7a5a}.privacy-band h2{font-size:43px;margin-bottom:0}.privacy-band p{font-size:14px;color:var(--muted)}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:100px}.pricing>div>p{color:var(--muted);font-size:14px}.price-card{border:1px solid #d6d9cc;background:#fffef8;border-radius:12px;padding:32px}.price-top{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600}.badge{font-size:8px;letter-spacing:1px;background:#e8eddf;color:#6b7d52;border-radius:4px;padding:5px 8px}.price{font-size:53px;letter-spacing:-2px;margin:24px 0 0;line-height:1.2}.price span{font-size:13px;color:var(--muted);letter-spacing:0}.price-card>p{font-size:12px!important;margin-top:10px}.price-card .button{width:100%}.price-card small{font-size:9px;color:#8c8e84;display:block;text-align:center;margin-top:15px}.final-cta{text-align:center;background:#e9eddf;padding:76px 24px 80px}.final-cta h2{font-size:60px;margin:20px 0 30px}.final-cta>p{font-size:10px;color:#858b7a;margin:25px 0 0}footer{display:flex;align-items:center;gap:25px;max-width:1320px;margin:auto;padding:35px 48px}footer .brand{font-size:20px}footer .logo-icon{width:30px;height:30px;border-radius:8px}footer .logo-icon i{transform:scale(.8);transform-origin:top left}footer p{font-size:11px;color:#888b81;margin:0}footer>div{display:flex;gap:25px;margin-left:auto;font-size:10px;color:#797e71}.gallery-page{padding-block:75px}.gallery-page h1{font-size:70px;letter-spacing:-3px}.page-intro{color:var(--muted);font-size:17px}.filters{display:flex;gap:8px;margin:35px 0}.filters button{border:1px solid #d6d9cc;border-radius:30px;background:transparent;padding:9px 20px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.shot{padding:0;border:1px solid var(--line);background:#efeee8;border-radius:10px;overflow:hidden;text-align:left;color:var(--ink)}.shot.mac{grid-column:span 3}.shot.ios{grid-column:span 2}.shot img{width:100%}.shot>span{display:flex;justify-content:space-between;padding:18px;font-size:12px}.shot[hidden]{display:none}dialog{border:0;background:#141414;padding:0;border-radius:10px;max-width:94vw;max-height:94vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog img{max-height:88vh;max-width:90vw;object-fit:contain}.close{position:fixed;right:25px;top:20px;width:44px;height:44px;border:0;border-radius:50%;font-size:27px;background:white;color:#222}.policy{max-width:740px;padding-block:75px 100px}.policy h1{font-size:72px;letter-spacing:-3px}.policy h2{font-size:25px;letter-spacing:-.6px;margin:38px 0 12px}.policy p{color:#74766d;font-size:15px}.policy .updated{font-size:11px;margin-top:30px}.policy a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1500px){.hero{padding-top:90px}}@media(max-width:900px){header{padding-inline:28px}.wrap{width:calc(100% - 56px)}.section-heading{display:block}.section-heading>p{margin-top:25px}.feature-large{gap:20px;padding-left:25px}.feature-text h3{font-size:28px}.browser-strip>div{gap:22px}.mobile-section{gap:25px}.phones{height:400px}.privacy-band{grid-template-columns:1fr 1fr}.privacy-icon{display:none}.pricing{gap:35px}footer{padding-inline:28px;flex-wrap:wrap}footer>div{gap:18px}.hero h1{letter-spacing:-3px}.sync-pill{right:-8px}}
@media(max-width:600px){header{height:80px;padding:0 20px}.brand{font-size:22px}.logo-icon{width:32px;height:32px}nav{gap:14px;font-size:11px}nav>a:first-child{display:none}.nav-download{padding:8px 11px}.nav-download span{display:none}.wrap{width:calc(100% - 40px)}.hero{padding-top:45px}.eyebrow{font-size:8px;letter-spacing:1.3px}.hero h1{font-size:57px;letter-spacing:-3px;margin-top:23px}.hero-copy{font-size:14px;margin-top:27px}.desktop{display:none}.button{padding:13px 16px;gap:8px;font-size:11px}.hero-meta{font-size:8px;gap:6px;flex-wrap:wrap}.hero-visual{margin-top:55px;padding:6px 6px 0;border-radius:8px;width:100%}.visual-note{font-size:12px;left:0;top:-29px}.sync-pill{font-size:8px;padding:8px 10px;bottom:-10px;right:0}.browser-strip{padding:40px 0 30px}.browser-strip p{font-size:8px}.browser-strip>div{gap:15px;font-size:13px}.section{padding-block:60px}h2{font-size:39px;letter-spacing:-1.7px}.section-heading>p{font-size:12px}.feature-large{display:block;padding:28px 22px 0}.feature-text h3{font-size:30px}.feature-text p{max-width:none;font-size:13px}.feature-large img{margin-top:25px;border-radius:8px 8px 0 0}.feature-grid{grid-template-columns:1fr;gap:16px;margin-top:16px}.feature-grid article{padding:25px 22px 0}.feature-grid .organize{padding-bottom:25px}.mobile-section{display:block;padding-block:55px 35px}.mobile-section p{font-size:13px}.phones{height:auto;padding:45px 5px 35px;gap:17px}.phones img{border-radius:18px}.privacy-band{display:block;padding-block:55px}.privacy-band h2{font-size:39px;margin-bottom:25px}.pricing{display:block;padding-block:60px}.price-card{margin-top:35px;padding:25px}.final-cta{padding-block:55px}.final-cta h2{font-size:43px}footer{padding:28px 20px;gap:15px}footer p{font-size:9px}footer>div{width:100%;margin:5px 0 0;justify-content:space-between;gap:10px}.gallery-page{padding-block:45px}.gallery-page h1{font-size:45px;letter-spacing:-2px}.page-intro{font-size:14px}.gallery{gap:14px}.shot.mac{grid-column:span 6}.shot.ios{grid-column:span 3}.shot>span{padding:12px;font-size:10px}.filters button{padding:8px 14px;font-size:11px}.policy{padding-block:45px 70px}.policy h1{font-size:48px;letter-spacing:-2px}.policy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}