@font-face{font-family:Manrope;src:url('/assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#1d303c;--muted:#576b78;--blue:#b9def3;--blue-light:#e7f3fa;--paper:#fcfcfa;--line:#d7e0e5;--curve:cubic-bezier(.22,1,.36,1);--font:Manrope,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}p{margin:0 0 24px;text-wrap:pretty}h1,h2,h3{margin:0;text-wrap:balance}img{max-width:100%;height:auto}button,a,summary{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #216c9e}button:active,.button:active{transform:scale(.98)}button,a{transition:color .3s var(--curve),background-color .3s var(--curve),opacity .3s var(--curve),transform .5s var(--curve)}[hidden]{display:none!important}
.heading-1{font-size:60px;line-height:60px;font-weight:600;letter-spacing:-.055em}.heading-2{font-size:48px;line-height:48px;font-weight:600;letter-spacing:-.05em}.heading-4{font-size:30px;line-height:36px;font-weight:600;letter-spacing:-.04em}.heading-5{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.035em}.title-1{font-size:20px;line-height:28px;font-weight:500}.title-2{font-size:18px;line-height:28px;font-weight:500}.title-3{font-size:16px;line-height:24px;font-weight:500}.title-4{font-size:14px;line-height:20px;font-weight:500}.body-3{font-size:16px;line-height:24px;font-weight:400}.body-6{font-size:14px;line-height:20px;font-weight:400}.button-md{font-size:16px;line-height:24px;font-weight:600}.button-sm{font-size:14px;line-height:20px;font-weight:600}.caption-2{font-size:14px;line-height:20px;font-weight:400}.caption-3{font-size:12px;line-height:16px;font-weight:600}.caption-4{font-size:12px;line-height:16px;font-weight:500}.caption-5{font-size:12px;line-height:16px;font-weight:400}
.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;z-index:100;top:8px;left:16px;padding:8px 12px;background:white;transform:translateY(-160%)}.skip:focus{transform:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:8px 12px;border-radius:8px;min-height:44px;border:1px solid transparent}.primary{background:var(--ink);color:white;padding-inline:24px}.primary:hover{background:#344d5d;transform:translateY(-2px)}.button span{display:inline-block}.button:hover span{transform:translate(2px,-2px)}.brand{display:inline-flex;align-items:center;gap:8px;letter-spacing:-.035em}.brand img{border-radius:8px}.nav-wrap{position:absolute;z-index:10;top:24px;width:100%;padding:0 24px}.site-nav{max-width:920px;margin:auto;padding:8px 12px 8px 16px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:#ffffffd9;backdrop-filter:blur(16px);border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 4px 24px #21364205}.nav-links{display:flex;gap:32px}.nav-links a:hover,.site-footer a:hover{color:#216c9e}.nav-cta{background:var(--blue-light)}.nav-cta:hover{background:var(--blue)}
.hero{background:var(--blue);padding:160px 24px 48px;text-align:center;overflow:hidden}.eyebrow{letter-spacing:.12em;margin-bottom:24px}.hero>.eyebrow{display:flex;justify-content:center;align-items:center;gap:8px;letter-spacing:.04em}.status-dot{height:8px;width:8px;border-radius:50%;background:#44778f;box-shadow:0 0 0 4px #ffffff50}.hero h1{max-width:680px;margin:auto;color:transparent;background:linear-gradient(100deg,#142d3c,#657d8d);background-clip:text}.hero-copy{margin:24px auto;max-width:680px;color:#3a586b}.availability{margin:12px 0 40px;color:#496779}.demo-shell{max-width:1040px;margin:auto;scroll-margin-top:96px}.demo-heading{display:flex;justify-content:space-between;align-items:center;margin:0 8px 16px}.demo-heading>p{margin:0}.layout-switch{display:flex;background:#ffffff70;border-radius:9999px;padding:4px;gap:4px}.layout-switch button{border:none;border-radius:9999px;background:transparent;padding:8px 16px;color:#3f5b6c;min-height:40px}.layout-switch button:hover{background:#ffffff70}.layout-switch button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 2px 8px #2546590f}.desktop{background:#dcecf4;border:1px solid #ffffff;border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #365b7526;text-align:left}.desktop-bar{height:32px;background:#ffffff80;display:flex;justify-content:space-between;align-items:center;padding-inline:16px;color:#4b6675}.desktop-clock{display:flex;align-items:center;gap:16px}.desktop-clock img{filter:grayscale(1);opacity:.65}.workspace{height:456px;position:relative;margin:12px}.demo-window{position:absolute;border-radius:8px;background:white;overflow:hidden;box-shadow:0 4px 16px #2c465414;transform-origin:0 0;border:1px solid #d0dee6}.window-bar{height:32px;border-bottom:1px solid #eaf0f2;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#637481;background:#fcfdfd;gap:8px}.traffic{display:flex;gap:4px}.traffic i{height:8px;width:8px;border-radius:50%;background:#efb4a9}.traffic i:nth-child(2){background:#edd89e}.traffic i:nth-child(3){background:#aed0b0}.window-letter{color:#5b93bf;font-size:12px;line-height:16px;font-weight:700}.main-window{left:0;top:0;width:58%;height:100%}.notes-window{left:59.2%;top:0;width:40.8%;height:53%}.chat-window{left:59.2%;top:55.6%;width:40.8%;height:27%}.music-window{left:59.2%;top:85%;width:40.8%;height:15%;display:flex;gap:12px;align-items:center;padding:8px 12px}.document-content{padding:32px 40px;max-width:560px;margin:auto}.doc-meta{color:#8a969e;letter-spacing:.06em;margin-bottom:16px}.document-content h3{margin-bottom:16px}.document-content p.body-6{max-width:340px;margin-bottom:16px;color:#627381}.paper-lines{display:grid;gap:8px}.paper-lines i{height:4px;width:100%;background:#e5eaed;border-radius:2px}.paper-lines i:nth-child(2){width:94%}.paper-lines i:nth-child(3){width:67%}.paper-lines.short{width:74%}.document-content blockquote{background:#f0f6fa;color:#517283;margin:24px 0;padding:16px;border-radius:4px}.document-footer{display:block;margin-top:24px;color:#8a969e}.note-content{background:#fffcef;height:calc(100% - 32px);padding:24px}.note-content>p{color:#9c936d;margin-bottom:12px;letter-spacing:.04em}.note-content ul{list-style:none;padding:0;margin:16px 0 0;color:#787659}.note-content li{margin-top:8px}.note-content li span{color:#a6a075;margin-right:8px}.chat-content{padding:12px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.bubble{background:#f0f2f4;padding:4px 12px;border-radius:8px;max-width:95%}.bubble.reply{background:#dceffb;align-self:flex-end}.album{width:48px;height:48px;flex-shrink:0;border-radius:4px;background:#e8c1b2;display:grid;place-items:center}.record{height:32px;width:32px;background:#6a5353;border-radius:50%;display:grid;place-items:center}.record:after{content:'';height:8px;width:8px;border-radius:50%;background:#e8c1b2}.song{display:grid;gap:4px;min-width:0}.song span{color:#7a8790;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-play{margin-left:auto;font-weight:600}.spreadsheet{padding:24px}.sheet-title{margin-bottom:16px}.spreadsheet table{border-collapse:collapse;width:100%;text-align:left}.spreadsheet th,.spreadsheet td{padding:8px;border:1px solid #e2e9e5}.spreadsheet th{background:#e9f3ec;color:#52775e}.spreadsheet tr:last-child{background:#f1f6f3;font-weight:600}.bar-chart{height:112px;display:flex;align-items:flex-end;gap:12px;padding:16px 24px;margin-top:16px;background:#f7f9f7;border-radius:4px}.bar-chart i{width:16%;height:var(--bar);background:#9bcbb0;border-radius:4px 4px 0 0}.spreadsheet>p{color:#7d8b81;margin-top:12px}.desktop[data-layout=work] .main-window{left:25%;width:49%;height:100%}.desktop[data-layout=work] .notes-window{left:0;width:23.8%;height:100%}.desktop[data-layout=work] .chat-window{left:75.2%;width:24.8%;height:76%}.desktop[data-layout=work] .music-window{left:75.2%;top:78.6%;width:24.8%;height:21.4%}.desktop[data-layout=work] .note-content{padding:24px 16px}.desktop[data-layout=work] .music-window .album{width:32px;height:32px}.desktop[data-layout=work] .record{width:24px;height:24px}.desktop[data-layout=work] .song span,.desktop[data-layout=work] .music-play{display:none}.desktop[data-layout=focus] .main-window{left:14%;width:66%;height:100%}.desktop[data-layout=focus] .notes-window{left:82%;top:0;width:18%;height:59%}.desktop[data-layout=focus] .chat-window{opacity:0;visibility:hidden}.desktop[data-layout=focus] .music-window{left:82%;top:61.6%;width:18%;height:38.4%;flex-direction:column;justify-content:center;text-align:center}.desktop[data-layout=focus] .note-content{padding:16px 12px}.desktop[data-layout=focus] .note-content li{font-size:12px;line-height:16px}.desktop[data-layout=focus] .song span,.desktop[data-layout=focus] .music-play{display:none}.desktop[data-layout=focus] .notes-window h3{font-size:16px;line-height:24px}.demo-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px}.demo-foot p{margin:0;color:#36566b}.replay{display:flex;gap:8px;align-items:center;border:0;background:transparent;padding:8px;color:var(--ink)}.replay:hover{background:#ffffff70;border-radius:8px}.illustration-note{text-align:left;color:#4b6a7d;margin:8px 0 0}
.story,.screen-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:96px}.story-copy h2{margin-bottom:24px}.story-copy>p:not(.eyebrow){color:var(--muted);max-width:400px}.story-copy>p:last-child{margin-bottom:0}.layout-art{background:#eaf3f8;padding:16px;border-radius:16px;transform:rotate(2deg)}.layout-art-bar{display:flex;justify-content:space-between;gap:16px;padding:8px 8px 16px;color:#557488}.layout-art-bar span:last-child{color:#648296}.custom-grid{height:336px;display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:repeat(3,1fr);gap:8px}.custom-grid>div{position:relative;padding:16px;border-radius:8px;background:#cee6f5;border:1px solid #b6d7eb;display:flex;flex-direction:column;justify-content:space-between;color:#6088a0}.custom-grid .big-zone{grid-row:span 3;background:#b6d9ef}.zone-number{opacity:.5;align-self:flex-end}.screen-section{padding-top:32px}.screens-art{height:360px;position:relative;background:#f1f1ed;border-radius:16px}.monitor{position:absolute;width:74%;left:20%;top:40px}.monitor-screen{height:176px;border:8px solid #34424c;border-radius:8px 8px 0 0;background:#e5f1f8;padding:8px;display:grid;grid-template-columns:2fr 1fr;gap:4px}.monitor-screen>div{background:#b2d8ef;border-radius:4px}.monitor-screen>div:first-child{grid-row:span 2}.monitor-chin{height:24px;background:#d8dcd9;border-radius:0 0 8px 8px}.monitor-stand{height:48px;width:24%;margin:auto;background:#d8dcd9;clip-path:polygon(20% 0,80% 0,86% 80%,100% 88%,100% 100%,0 100%,0 88%,14% 80%)}.laptop{position:absolute;width:51%;left:5%;bottom:48px}.laptop-screen{height:128px;border:8px solid #46525a;border-radius:8px 8px 0 0;padding:4px;background:#d4e8f4;display:grid;grid-template-columns:1fr 1fr;gap:4px}.laptop-screen>div{background:#b4d8ed;border-radius:2px}.laptop-base{height:8px;background:#c4c9c8;border-radius:0 0 8px 8px;transform:scaleX(1.12)}.screen-label{position:absolute;bottom:16px;right:24px;color:#8a908c}.tagline{padding:80px 0 96px;text-align:center}.word-reveal{max-width:840px;margin:auto}.word-reveal .word{display:inline-block;opacity:.3;transition:opacity .6s var(--curve)}.word-reveal .word.lit{opacity:1}.how{padding-block:64px 96px}.section-heading{text-align:center;margin-bottom:48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;padding:0;margin:0}.steps h3{margin:8px 0 16px}.steps p{color:var(--muted);margin:0;max-width:320px}.step-number{color:#7e929e}.step-visual{height:160px;margin-bottom:24px;border-radius:16px;background:#eef3f5;display:flex;align-items:center;justify-content:center;gap:24px}.install-art>img{box-shadow:0 8px 16px #4f72841a;border-radius:16px}.folder{width:64px;height:48px;border-radius:4px;background:#b4d9ed;position:relative;color:#fff;display:grid;place-items:center;font-size:30px;line-height:36px;font-weight:600}.folder:before{content:'';position:absolute;top:-8px;left:0;width:40%;height:12px;background:inherit;border-radius:4px}.permission-row{display:flex;gap:12px;align-items:center;padding:12px 16px;background:white;border-radius:8px;box-shadow:0 4px 16px #2c46540a}.illustrated-toggle{width:40px;height:24px;background:#9cc8e5;border-radius:9999px;position:relative}.illustrated-toggle:after{content:'';position:absolute;right:4px;top:4px;height:16px;width:16px;border-radius:50%;background:white}.drag-art kbd{font-family:inherit;background:#fff;padding:12px 16px;border-radius:8px;border:1px solid #dfe5e8;box-shadow:0 4px 0 #dce3e7}.drag-box{width:48px;height:64px;background:#b4d8ec;border-radius:4px;border:1px solid #96c2dd;transform:rotate(8deg)}.questions{padding-block:80px 96px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq details{border:1px solid var(--line);border-radius:8px;padding:16px 24px;margin-bottom:12px}.faq summary{display:flex;justify-content:space-between;gap:16px;align-items:center;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary>span{transition:transform .5s var(--curve);color:#7194a8}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{margin:16px 0 8px;color:var(--muted)}.faq a,.document a{text-decoration:underline;text-underline-offset:4px}.closing{text-align:center;padding:80px 24px;background:var(--blue-light)}.closing>img{margin-bottom:24px;border-radius:16px}.closing h2{margin-bottom:32px}.closing h2 span{color:#7191a5}.closing>p{margin:16px 0 0;color:#627d8d}.site-footer{display:flex;align-items:center;flex-wrap:wrap;gap:32px;padding-block:40px}.site-footer nav{margin-left:auto;display:flex;gap:24px}.site-footer>p{width:100%;margin:0;color:#82919a}.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .7s var(--curve),transform .7s var(--curve)}.js .reveal.visible{opacity:1;transform:none}.document{max-width:720px;padding:160px 24px 80px;margin:auto}.document h1{margin-bottom:32px}.document h2{margin:40px 0 16px}.document p,.document li{color:var(--muted)}.document li{margin-bottom:12px}.document code{overflow-wrap:anywhere}.document .eyebrow{color:#5d8095}.document-home{background:var(--blue-light)}
.desktop[data-layout=work] .chat-window{top:0}
@media(min-width:1400px){.hero{padding-top:176px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.story,.screen-section,.questions{gap:40px}.story-copy .heading-2{font-size:36px;line-height:40px}.document-content{padding:24px}.steps{gap:24px}.steps h3{font-size:20px;line-height:28px}.hero{padding-top:144px}.song span{display:none}.workspace{height:400px}.custom-grid{height:304px}.monitor-screen{height:144px}.laptop-screen{height:112px}.screen-label{display:none}}
@media(max-width:600px){html{scroll-padding-top:96px}.wrap{width:calc(100% - 48px)}.nav-wrap{top:16px;padding:0 16px}.site-nav{gap:16px;padding:8px 12px}.nav-links{display:none}.nav-cta{font-size:12px;line-height:16px;gap:8px}.hero{padding:128px 16px 32px}.heading-1{font-size:36px;line-height:40px;letter-spacing:-.05em}.heading-2{font-size:36px;line-height:40px}.hero>.eyebrow{font-size:12px;line-height:16px;margin-bottom:16px}.hero-copy{margin:24px auto}.hero-copy br{display:none}.availability{margin-bottom:32px;font-size:12px;line-height:16px}.demo-heading{flex-direction:column;gap:12px;margin-bottom:16px}.demo-heading>p{display:none}.layout-switch button{padding:8px 16px}.desktop-bar{padding:0 12px}.desktop-clock{gap:8px}.workspace{height:320px;margin:8px}.main-window{width:57%}.notes-window,.chat-window,.music-window{left:59%;width:41%}.window-bar{padding:0 8px;height:24px}.window-bar .traffic{gap:2px}.traffic i{width:4px;height:4px}.window-bar .caption-4{font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-letter{display:none}.document-content{padding:16px 12px}.doc-meta,.document-footer,.paper-lines.short{display:none}.document-content h3{font-size:18px;line-height:28px;letter-spacing:-.04em;margin-bottom:12px}.document-content .body-6{font-size:12px;line-height:16px}.document-content blockquote{padding:8px;margin:16px 0}.paper-lines{gap:4px}.note-content{padding:12px 8px;height:calc(100% - 24px)}.note-content>p{display:none}.note-content h3{font-size:14px;line-height:20px}.note-content ul{margin-top:8px;font-size:12px;line-height:16px}.note-content li{margin-top:4px}.note-content li span{margin-right:2px}.note-content li:nth-child(3){display:none}.chat-content{padding:8px;gap:4px}.bubble{padding:4px;font-size:12px;line-height:16px}.chat-content .reply{display:none}.music-window{gap:8px;padding:4px 8px}.album{width:24px;height:24px}.record{width:16px;height:16px}.record:after{width:4px;height:4px}.song strong{font-size:12px;line-height:16px}.music-play{display:none}.demo-foot{margin-top:16px;align-items:flex-start;gap:8px}.demo-foot p{font-size:12px;line-height:16px;text-align:left;max-width:75%}.replay{padding:0;font-size:12px;line-height:16px;white-space:nowrap}.illustration-note{font-size:12px;line-height:16px;margin-top:12px}.desktop[data-layout=work] .notes-window{width:29%}.desktop[data-layout=work] .main-window{left:31%;width:69%;height:73%}.desktop[data-layout=work] .chat-window{left:31%;top:75%;width:39%;height:25%}.desktop[data-layout=work] .music-window{left:72%;top:75%;width:28%;height:25%;flex-direction:column;justify-content:center;padding:4px;gap:4px}.desktop[data-layout=work] .notes-window .note-content{padding:12px 8px}.spreadsheet{padding:12px}.sheet-title{font-size:14px;line-height:20px;margin-bottom:8px}.spreadsheet th,.spreadsheet td{padding:4px;font-size:12px;line-height:16px}.spreadsheet th:nth-child(2),.spreadsheet td:nth-child(2){display:none}.bar-chart{height:40px;margin-top:8px;padding:4px 8px;gap:8px}.spreadsheet>p{display:none}.desktop[data-layout=focus] .main-window{left:0;width:70%}.desktop[data-layout=focus] .notes-window{left:72%;width:28%}.desktop[data-layout=focus] .music-window{left:72%;width:28%}.desktop[data-layout=focus] .notes-window h3{font-size:14px;line-height:20px}.story,.screen-section,.questions{grid-template-columns:1fr;gap:32px;padding-block:64px}.story-copy .eyebrow{margin-bottom:16px}.story-copy h2{margin-bottom:24px}.layout-art{transform:none}.custom-grid{height:304px}.screen-section{padding-top:0}.screen-section .story-copy{grid-row:1}.screens-art{height:304px}.monitor-screen{height:144px}.laptop{bottom:32px}.tagline{padding-block:40px 64px}.word-reveal.heading-1{font-size:30px;line-height:36px}.how{padding-block:40px 64px}.section-heading{margin-bottom:32px}.steps{grid-template-columns:1fr;gap:40px}.step-visual{height:144px;margin-bottom:16px}.steps h3{font-size:24px;line-height:32px;margin-top:8px}.steps p{max-width:none}.questions{padding-top:32px}.questions h2 br{display:none}.faq details{padding:16px}.faq summary{font-size:16px;line-height:24px}.closing{padding:64px 24px}.closing h2{font-size:36px;line-height:40px}.site-footer{padding-block:32px;gap:24px}.site-footer nav{margin:0;width:100%;gap:16px;flex-wrap:wrap}.site-footer>p{font-size:12px;line-height:16px}.document{padding-top:128px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.word-reveal .word{opacity:1!important}}