@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#0b1f3a;--muted:#607089;--blue:#2878ff;--sky:#e7f5ff;--cream:#fbfaf6;--line:rgba(11,31,58,.12);--radius:28px;--shadow:0 28px 80px rgba(34,77,122,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.shell,.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:1000;background:#fff;padding:10px 16px;border-radius:10px}.skip-link:focus{top:12px}

.site-nav{position:fixed;z-index:50;inset:16px 0 auto}.nav-inner{height:68px;padding:0 12px 0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.78);box-shadow:0 12px 40px rgba(20,54,88,.09);backdrop-filter:blur(20px);border-radius:22px}.brand{display:flex;align-items:center;gap:10px;font:800 19px/1 'Manrope',sans-serif;letter-spacing:-.6px}.brand img{width:35px;height:35px;border-radius:9px;box-shadow:0 7px 15px rgba(40,120,255,.2)}.brand span span{color:var(--blue)}.site-nav nav{display:flex;gap:30px;font-size:14px;font-weight:600}.site-nav nav a{transition:.2s}.site-nav nav a:hover{color:var(--blue)}.nav-cta{background:var(--ink);color:white;padding:11px 17px;border-radius:13px;font-size:14px;font-weight:700}.menu-button{display:none;border:0;background:var(--ink);color:#fff;border-radius:12px;padding:9px 13px}

.hero{position:relative;overflow:hidden;padding:175px 0 100px;background:linear-gradient(140deg,#fff 0%,#f8fbff 45%,#e3f4ff 100%)}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;font:700 12px/1 'Manrope',sans-serif;letter-spacing:1.7px;color:#4c6380}.eyebrow>span{width:30px;height:2px;background:var(--blue)}h1,h2,h3{font-family:'Manrope',sans-serif;margin:0;letter-spacing:-.05em;line-height:1.03}h1{font-size:clamp(54px,6.7vw,92px);margin:24px 0 25px}h1 em,h2 em{color:var(--blue);font-style:normal}.hero-copy>p{max-width:530px;font-size:19px;color:var(--muted);margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:15px;padding:14px 19px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:#fff;box-shadow:0 14px 30px rgba(11,31,58,.22)}.button-primary .apple{font-size:25px}.button-primary small{display:block;font-size:9px;text-transform:uppercase;line-height:1}.button-primary span:last-child{line-height:1.18}.text-link{display:flex;align-items:center;gap:10px;font-weight:700}.play{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 7px 20px rgba(28,67,105,.12);font-size:10px;color:var(--blue)}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:27px;color:#75849a;font-size:12px}.trust-row b{color:#28a46c}

.hero-art{position:relative;min-height:510px;display:grid;place-items:center}.note-window{position:relative;z-index:3;width:min(100%,570px);background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:24px;box-shadow:var(--shadow);transform:rotate(1.7deg);overflow:hidden}.window-bar{height:49px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 18px;border-bottom:1px solid #edf1f5;color:#9aa6b5;font-size:11px}.window-bar>span{text-align:center}.traffic{display:flex;gap:7px}.traffic i{width:9px;height:9px;border-radius:50%;background:#ff695f}.traffic i:nth-child(2){background:#ffc146}.traffic i:nth-child(3){background:#37c950}.note-body{padding:35px 38px 24px;background:linear-gradient(150deg,#fffef6,#fff)}.note-date{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#9ba6b2}.note-body h2{font-size:27px;margin:8px 0 24px}.task{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0f2;padding:11px 0;font-size:14px}.task>span{width:18px;height:18px;border:1px solid #ccd5df;border-radius:5px;display:grid;place-items:center;color:white}.task.done{color:#a0a9b4;text-decoration:line-through}.task.done>span{background:var(--blue);border-color:var(--blue);font-size:11px}.typed-line{font-size:14px;margin-top:20px;color:#66768c}.typed-line strong{color:var(--ink)}.typed-line i{display:inline-block;height:17px;width:2px;background:var(--blue);vertical-align:-4px;animation:blink 1s step-end infinite}.note-footer{display:flex;justify-content:space-between;margin-top:28px;font-size:9px;color:#adb5c0}.sync-pill,.color-card{position:absolute;z-index:5;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 17px 40px rgba(37,79,119,.17)}.sync-pill{left:-12px;bottom:35px;display:flex;align-items:center;gap:12px;padding:13px 18px;border-radius:16px}.sync-pill b,.sync-pill small{display:block}.sync-pill b{font:700 12px 'Manrope'}.sync-pill small{font-size:9px;color:#8290a1}.sync-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e8f3ff;color:var(--blue);font-size:20px}.color-card{right:-20px;top:45px;padding:12px;border-radius:15px;display:flex;gap:8px}.color-card span{width:23px;height:23px;background:var(--c);border-radius:7px;border:2px solid #fff;box-shadow:0 2px 8px #ccd5df}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:430px;height:430px;right:-120px;top:60px;background:rgba(96,188,255,.18)}.orb-two{width:250px;height:250px;left:45%;bottom:-120px;background:rgba(255,222,116,.18)}.cloud{position:absolute;border-radius:50%;background:rgba(255,255,255,.6)}.cloud-a{width:210px;height:90px;top:10px;right:-20px}.cloud-b{width:140px;height:65px;bottom:5px;left:10px}

.proof-strip{background:#fff;border-block:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}.proof-grid>div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--line)}.proof-grid>div:last-child{border:0}.proof-grid strong{font:800 30px 'Manrope';color:var(--blue)}.proof-grid span{color:var(--muted);font-size:13px}

.demo-section{padding:125px 0 135px;background:#fff}.section-heading h2{font-size:clamp(43px,5.5vw,70px);margin:20px 0}.section-heading>p{font-size:18px;color:var(--muted)}.centered{text-align:center}.centered .eyebrow{justify-content:center}.demo-tabs{width:max-content;margin:42px auto 28px;padding:6px;background:#f1f5f8;border-radius:16px}.demo-tab{border:0;background:transparent;padding:10px 18px;border-radius:11px;color:#7a8898;font-weight:700;cursor:pointer}.demo-tab.active{background:#fff;color:var(--ink);box-shadow:0 5px 15px rgba(20,55,87,.1)}.demo-stage{min-height:600px;display:grid;grid-template-columns:.68fr 1.32fr;gap:55px;align-items:center;padding:52px;border-radius:34px;background:linear-gradient(140deg,#edf8ff,#d9efff);overflow:hidden}.demo-panel{display:none}.demo-panel.active{display:block}.step,.kicker{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--blue)}.demo-panel h3{font-size:44px;margin:18px 0}.demo-panel p{color:#607089}.demo-panel ul{list-style:none;padding:0;margin:26px 0}.demo-panel li{margin:10px 0;font-size:14px}.demo-panel li:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;border-radius:50%;background:#fff;color:var(--blue);font-weight:800}.video-wrap{justify-self:center;overflow:hidden;background:#08182c;box-shadow:0 30px 60px rgba(23,67,106,.25)}.video-wrap[hidden]{display:none}.mac-frame{border-radius:20px;width:100%;border:7px solid #16273a}.browser-chrome{height:34px;background:#16273a;display:flex;align-items:center;gap:6px;padding:0 10px;color:#8da0b6;font-size:9px}.browser-chrome i{width:8px;height:8px;border-radius:50%;background:#ff695f}.browser-chrome i:nth-child(2){background:#ffc146}.browser-chrome i:nth-child(3){background:#37c950}.browser-chrome span{margin:auto}.mac-frame video{width:100%;aspect-ratio:16/10;object-fit:cover;background:#fff}.phone-frame{height:555px;border:8px solid #122238;border-radius:48px}.phone-frame video{height:100%;width:auto;object-fit:cover;border-radius:38px;background:#111}

.features-section{padding:130px 0;background:var(--ink);color:#fff}.features-section .section-heading{margin-bottom:55px}.features-section .section-heading h2{color:#fff}.eyebrow.light{color:#a9bbce}.eyebrow.light>span{background:#78b9ff}.bento{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.bento-card{min-height:300px;padding:32px;border-radius:26px;background:#132c4c;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.bento-card h3{font-size:31px;margin:14px 0}.bento-card p{color:#a9bbce;margin:0}.bento-large{grid-row:span 2;display:flex;flex-direction:column;min-height:620px}.bento-wide{grid-column:span 2;display:flex;align-items:center;justify-content:space-between}.feature-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;margin-bottom:25px;font-weight:800;font-size:20px;color:#0c233e}.feature-icon.blue{background:#73b6ff}.feature-icon.yellow{background:#ffe589}.feature-icon.pink{background:#ffc7d5}.feature-icon.green{background:#9ae6ad}.devices{position:absolute;inset:auto 25px 26px;height:280px}.mini-mac,.mini-phone{position:absolute;background:#fff3c0;color:#172942;box-shadow:0 20px 40px rgba(0,0,0,.2)}.mini-mac{width:280px;height:180px;left:12px;bottom:8px;border:8px solid #213854;border-radius:14px;padding:25px}.mini-phone{width:105px;height:205px;right:5px;bottom:0;border:7px solid #213854;border-radius:24px;padding:28px 12px}.mini-mac span,.mini-phone span{font-size:11px;font-weight:700}.mini-mac i,.mini-phone i{display:block;height:5px;background:rgba(11,31,58,.16);margin-top:13px;border-radius:5px}.beam{position:absolute;right:92px;top:70px;color:#5eaaff;letter-spacing:5px}.palette-preview{display:flex;align-items:center;padding-left:35px}.paper{width:105px;height:135px;border-radius:14px;display:grid;place-items:center;color:#27415e;font:800 26px 'Manrope';box-shadow:-15px 15px 30px rgba(0,0,0,.22);margin-left:-30px;transform:rotate(var(--r))}.p1{background:#fff1a8;--r:-9deg}.p2{background:#ffcbd5;--r:-3deg}.p3{background:#c7e8ff;--r:4deg}.p4{background:#c9efc6;--r:10deg}

.pro-section{padding:130px 0;background:#f2f8fd}.pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.pro-copy h2{font-size:clamp(43px,5vw,66px);margin:22px 0}.pro-copy>p{font-size:18px;color:var(--muted);max-width:520px}.button-dark{margin:25px 0 12px;background:var(--ink);color:#fff}.pro-copy>small{display:block;color:#7b899a}.pro-list{background:#fff;padding:15px 34px;border-radius:28px;box-shadow:0 22px 55px rgba(38,75,112,.1)}.pro-list>div{display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid var(--line);padding:24px 0}.pro-list>div:last-child{border:0}.pro-list span{grid-row:span 2;color:var(--blue);font:800 12px 'Manrope'}.pro-list b{font:700 18px 'Manrope'}.pro-list p{margin:4px 0 0;color:var(--muted);font-size:13px}

.privacy-section{padding:70px 0;background:#f2f8fd}.privacy-card{display:grid;grid-template-columns:100px 1fr 1fr;gap:55px;align-items:center;background:var(--ink);color:#fff;padding:58px 65px;border-radius:32px}.privacy-mark{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:#15375e;color:#7cc3ff;font-size:34px}.privacy-card h2{font-size:40px;margin-top:15px}.privacy-card p{color:#b1c2d4}.privacy-card a{color:#79baff;font-weight:700}.final-cta{position:relative;text-align:center;padding:130px 0;overflow:hidden;background:#fff}.final-cta img{width:88px;margin:0 auto 25px;border-radius:22px;box-shadow:0 15px 35px rgba(40,120,255,.25)}.final-cta h2{font-size:clamp(45px,6vw,76px)}.final-cta p{color:var(--muted);font-size:18px}.final-cta .button{margin-top:10px}.cloud-line{position:absolute;width:300px;height:120px;border-radius:80px;background:#ebf7ff}.cloud-left{left:-80px;bottom:70px}.cloud-right{right:-60px;top:80px}

footer{background:#07182d;color:#9eb0c4;padding:38px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto auto;gap:35px;align-items:center}.footer-brand{color:#fff}.footer-grid p{font-size:13px}.footer-grid nav{display:flex;gap:20px;font-size:13px}.footer-grid small{font-size:11px}

/* Inner pages */
.nav{background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.nav>.wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between}.nav .brand{font-size:18px}.nav nav{display:flex;gap:22px;font-size:14px;font-weight:700}.narrow{max-width:820px}.nav+section{padding-top:90px}.nav~section{padding-bottom:75px}.nav~section h2{font-size:clamp(40px,6vw,62px);margin-bottom:18px}.nav~section h3{font-size:25px;margin:42px 0 12px;letter-spacing:-.03em}.nav~section p,.nav~section li{color:#52647b}.nav~section a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.nav~section li{margin:9px 0}.updated{font-size:17px}.privacy-banner{margin-top:30px;padding:25px;border-radius:20px;background:var(--sky);border:1px solid #cce9ff}.alt{background:#f2f8fd}.nav~footer .wrap{display:flex;justify-content:space-between;gap:30px;font-size:13px}.nav~footer nav{display:flex;gap:20px}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-one{transition-delay:.12s}.delay-two{transition-delay:.24s}@keyframes blink{50%{opacity:0}}

@media(max-width:900px){.site-nav nav,.nav-cta{display:none}.menu-button{display:block}.site-nav.open nav{position:absolute;display:flex;flex-direction:column;gap:0;left:22px;right:22px;top:76px;background:#fff;border-radius:18px;padding:10px;box-shadow:var(--shadow)}.site-nav.open nav a{padding:12px}.hero{padding-top:135px}.hero-grid,.demo-stage,.pro-grid{grid-template-columns:1fr}.hero-grid{gap:30px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions,.trust-row{justify-content:center}.hero-copy>p{margin-inline:auto}.hero-art{min-height:470px}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div{border-bottom:1px solid var(--line);padding:12px}.demo-stage{padding:32px;gap:25px}.demo-copy{text-align:center}.demo-panel ul{display:inline-block;text-align:left}.bento{grid-template-columns:1fr 1fr}.bento-large{grid-column:span 2;grid-row:auto}.bento-wide{grid-column:span 2}.privacy-card{grid-template-columns:70px 1fr}.privacy-card>div:last-child{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid nav{justify-self:end}}
@media(max-width:620px){.shell,.wrap{width:min(100% - 28px,1180px)}.site-nav{inset:8px 0 auto}.nav-inner{height:60px}.brand span{font-size:17px}.hero{padding:120px 0 70px}.hero-actions{flex-direction:column;gap:18px}.hero-art{min-height:370px}.note-body{padding:24px 22px}.note-window{transform:none}.note-body h2{font-size:20px}.sync-pill{left:0;bottom:0}.color-card{right:0;top:12px}.proof-grid{grid-template-columns:1fr}.proof-grid>div{border-right:0}.demo-section,.features-section,.pro-section{padding:85px 0}.section-heading h2{font-size:40px}.demo-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.demo-tab{padding:10px 5px;font-size:12px}.demo-stage{padding:24px 18px;min-height:0}.demo-panel h3{font-size:34px}.phone-frame{height:480px}.bento{grid-template-columns:1fr}.bento-large,.bento-wide{grid-column:auto}.bento-large{min-height:590px}.bento-wide{align-items:flex-start;flex-direction:column;gap:35px}.mini-mac{width:240px}.palette-preview{align-self:center}.privacy-card{grid-template-columns:1fr;padding:35px 28px;gap:25px}.privacy-card>div:last-child{grid-column:auto}.privacy-card h2{font-size:34px}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-grid nav{justify-self:center}.nav>.wrap{flex-direction:column;padding:14px 0;gap:12px}.nav+section{padding-top:60px}.nav~footer .wrap{flex-direction:column;text-align:center}.nav~footer nav{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.typed-line i{animation:none}}