@font-face{font-family:Noto;src:url('/assets/noto-sans-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Noto;src:url('/assets/noto-sans-latin-ext-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB}
:root{--paper:#f7f8fa;--ink:#202124;--muted:#667085;--accent:#4b5cf0;--soft:#edf0ff;--line:#e4e7ec}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Noto,Arial,sans-serif}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,.draggable:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#dce0ff}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;z-index:10;padding:12px;background:#fff}.skip:focus{top:12px}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:105px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:24px;letter-spacing:-1.2px;font-weight:750;line-height:1.1;white-space:nowrap}.brand-product{font-size:12px;letter-spacing:1.5px;font-weight:450;display:block;margin-top:4px}.header nav{display:flex;gap:34px}.header nav a,.footer nav a{text-decoration:none;font-size:14px}.header nav a:hover,.footer nav a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--accent);color:#fff;border-radius:8px;padding:16px 24px;font-size:15px;font-weight:600;line-height:1.35;text-decoration:none;min-height:52px;transition:background .15s,transform .15s}.button:hover{background:#3949d4;transform:translateY(-1px)}.button span{font-size:22px;line-height:1}.button-small{min-height:44px;padding:12px 18px;font-size:14px}.hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:48px;padding-block:90px 70px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.5px;font-weight:650;margin:0 0 22px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,4.35vw,68px);line-height:1.1;letter-spacing:-3px;font-weight:650;margin-bottom:28px}h1>span{color:var(--accent)}.intro{font-size:17px;line-height:1.85;color:var(--muted);max-width:440px;margin-bottom:30px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.text-link{font-size:14px;text-decoration:none}.text-link span{margin-left:8px}.text-link:hover{text-decoration:underline}.fine{font-size:12px;color:var(--muted);margin:16px 0 0}.demo-shell{background:#fff;border:1px solid #dce0e7;border-radius:13px;box-shadow:0 24px 55px -32px #3c47696b;overflow:hidden;transform:rotate(-1deg)}.demo-bar{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid var(--line);gap:14px;font-size:12px;font-weight:600}.demo-label{font-weight:450;font-size:10px;color:var(--muted);border:1px solid var(--line);padding:2px 7px;border-radius:5px}.demo-canvas{position:relative;aspect-ratio:660/480;background-color:#fbfcfe;background-image:radial-gradient(#cbd1dc .8px,transparent .8px);background-size:18px 18px;overflow:hidden}.demo-content{position:absolute;inset:0;container-type:inline-size}.demo-toolbar{position:absolute;top:23px;left:14px;background:#fff;border:1px solid var(--line);padding:5px;border-radius:8px;z-index:4;display:grid;gap:3px;box-shadow:0 4px 14px #2333550b}.demo-tool{border:0;background:#fff;color:var(--ink);width:36px;height:36px;display:grid;place-items:center;border-radius:4px;cursor:pointer}.demo-tool:hover,.demo-tool.active{background:var(--soft);color:var(--accent)}.demo-tool svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.board-caption{position:absolute;top:8.5%;left:15%;font-size:1.6cqw;letter-spacing:1.1px;color:var(--muted)}.sticky{position:absolute;padding:4%;width:32%;aspect-ratio:1.14;box-shadow:0 8px 15px #2021240b;z-index:2;touch-action:none;cursor:grab;user-select:none}.sticky:active{cursor:grabbing}.sticky-yellow{left:15%;top:18%;background:#fff0b6;rotate:-5deg}.sticky-blue{left:57%;top:34%;background:#dfe7ff;rotate:4deg}.note-label{display:block;font-size:1.35cqw;font-weight:600;letter-spacing:1px;margin-bottom:11%}.sticky strong{font-size:2.85cqw;line-height:1.45;font-weight:600;display:block;letter-spacing:-.3px}.note-doodle{position:absolute;right:9%;bottom:4%;font-size:5.7cqw;color:#a48928}.note-small{display:block;font-size:1.4cqw;margin-top:10%}.demo-connectors,.demo-ink{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.demo-connectors .sketch-line{stroke-width:2}.demo-ink{z-index:3}.demo-ink.drawing{pointer-events:auto;touch-action:none;cursor:crosshair}.mini-plan{position:absolute;left:15%;top:58%;width:36%;padding:3%;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:1.55cqw;rotate:-2deg;box-shadow:0 8px 15px #20212406}.plan-title{font-weight:650;display:block;font-size:1.6cqw;margin-bottom:8%}.mini-plan>div{display:flex;gap:6%;align-items:center;margin-bottom:3%}.checkmark,.empty-check{display:inline-grid;place-items:center;border:1px solid #bbc3d5;width:2.1cqw;height:2.1cqw;border-radius:3px;line-height:1;color:var(--accent);font-size:1.4cqw}.hand-note{position:absolute;left:61%;top:79%;font-size:2.8cqw;font-style:italic;color:var(--accent);rotate:-8deg;letter-spacing:-.4px}.demo-footer{min-height:40px;padding:9px 14px;display:flex;flex-wrap:wrap;gap:4px 15px;justify-content:space-between;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.use-cases{padding:27px 0 35px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;font-weight:550}.use-cases>span:first-child{color:var(--muted);font-weight:400}.section{padding-block:100px}.section-heading{margin-bottom:50px}h2{font-size:clamp(32px,3.2vw,47px);line-height:1.18;letter-spacing:-1.8px;font-weight:600;margin-bottom:24px}.section-heading>p:last-child{max-width:420px;color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.feature{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.feature-art{height:225px;background:#f0f2f8;display:flex;position:relative;align-items:center;justify-content:center}.feature-art svg{width:85%;max-height:160px;fill:none;stroke:var(--accent);stroke-width:2}.feature-art .wide-stroke{stroke:#cbd2ff;stroke-width:23;stroke-linecap:round}.feature-art .pen-stroke{stroke-width:3;stroke-linecap:round}.art-pill{position:absolute;bottom:19px;left:22px;color:var(--muted);font-size:11px;background:#fff9;padding:3px 9px;border-radius:4px}.feature-body{position:relative;padding:28px 30px 28px 64px}.feature-number{position:absolute;left:24px;top:31px;color:var(--accent);font-size:11px}.feature-body h3{font-size:21px;font-weight:600;line-height:1.4;letter-spacing:-.6px;margin-bottom:10px}.feature-body p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.feature-tag{display:block;color:var(--accent);font-size:12px;margin-top:18px}.feature-text{background:transparent;border:none;border-top:1px solid var(--line);border-radius:0}.feature-text .feature-body{padding-right:22px}.organise-art{background:#eef1ed}.map-root,.map-leaves>span{font-size:12px;line-height:1.4;padding:13px 17px;border-radius:5px;border:1px solid #cfd7ce;background:#fff;z-index:1}.map-root{background:#202124;color:white;border:0}.map-leaves{display:grid;gap:26px}.map-line{height:75px;width:44px;border:1.5px solid #93a790;border-right:0;position:relative;margin-left:28px}.map-line:before{content:"";position:absolute;width:29px;height:1.5px;background:#93a790;top:50%;left:-29px}.start-section{background:#edf0ff}.start-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:75px}.start-inner h2{margin-bottom:35px}.steps{padding:0;margin:0;list-style:none;display:grid;gap:27px}.steps li{display:flex;gap:23px}.steps li>span{flex:none;width:37px;height:37px;display:grid;place-items:center;background:#fff;border:1px solid #dce0fd;border-radius:50%;font-size:14px;color:var(--accent)}.steps h3{font-size:17px;font-weight:600;margin:0 0 7px}.steps p{font-size:14px;color:var(--muted);max-width:380px;margin:0}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:21px 40px 21px 0;position:relative;font-size:15px;font-weight:550}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:3px;top:14px;font-size:26px;font-weight:300;color:var(--accent)}details[open]>summary:after{content:"−"}details>p{font-size:14px;line-height:1.85;color:var(--muted);padding-right:35px}.closing{text-align:center;border-top:1px solid var(--line);padding:45px 0 90px}.closing-star{font-size:65px;color:var(--accent);display:block;margin-bottom:12px;line-height:1.3}.closing h2{font-size:clamp(36px,4vw,55px);margin-bottom:26px}.closing p{font-size:12px;color:var(--muted);margin-top:19px}.footer{border-top:1px solid var(--line);padding-block:35px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer .brand{font-size:20px}.footer .brand-product{font-size:10px}.footer>p{font-size:12px;color:var(--muted);margin:0}.footer nav{margin-left:auto;display:flex;gap:23px;flex-wrap:wrap}.footer nav a{font-size:12px}.copyright{flex-basis:100%;font-size:11px;color:var(--muted)}.legal{max-width:800px;padding-block:65px 85px}.legal h1{font-size:45px;letter-spacing:-1.8px}.legal h2{font-size:23px;letter-spacing:-.6px;margin-top:38px;margin-bottom:13px}.legal p,.legal li{font-size:15px;color:#505967;line-height:1.9}.legal ul,.legal ol{padding-left:23px}.legal a{color:var(--accent)}.legal .eyebrow{font-size:11px;color:var(--accent)}.legal-notice{border-left:3px solid var(--accent);padding:15px 22px;background:var(--soft);margin:28px 0}.legal-notice p{margin:0;font-size:14px}.legal .back-link{font-size:13px;display:inline-block;margin-bottom:27px}.legal .doc-meta{font-size:12px;color:var(--muted)}.print-button{font:inherit;background:#fff;color:var(--ink);border:1px solid var(--line);padding:10px 16px;border-radius:6px;cursor:pointer;font-size:13px}
@media(min-width:1600px){.hero{padding-block:100px 80px}.demo-shell{max-width:700px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:28px;padding-block:65px}.hero h1{font-size:49px;letter-spacing:-2.6px}.intro{font-size:15px}.header nav{gap:22px}.demo-footer{font-size:9px}.demo-tool{width:30px;height:30px}.use-cases{font-size:12px}.faq{gap:40px}.footer nav{margin-left:0}.section{padding-block:75px}}
@media(max-width:800px){.header{min-height:90px}.header nav{display:none}.hero{grid-template-columns:1fr;gap:45px;padding-block:50px}.hero-copy{max-width:580px}.hero h1{font-size:60px}.intro{max-width:520px;font-size:16px}.demo-shell{transform:none;max-width:660px;width:100%;justify-self:center}.demo-tool{width:37px;height:37px}.use-cases{justify-content:flex-start;flex-wrap:wrap;column-gap:24px}.use-cases>span:first-child{flex-basis:100%;margin-bottom:4px}.start-inner{gap:38px}.faq{grid-template-columns:1fr;gap:5px}.faq .section-heading{margin-bottom:24px}.feature-body{padding:25px}.feature-number{position:static;display:block;margin-bottom:9px}.feature-body h3{font-size:19px}.feature-art{height:190px}.map-root,.map-leaves>span{padding:9px;font-size:10px}.map-line{width:20px;margin-left:17px}.map-line:before{width:18px;left:-18px}}
@media(max-width:540px){.wrap{width:calc(100% - 36px)}.header{min-height:80px;gap:14px}.brand{font-size:22px}.button-small{font-size:12px;gap:13px;padding:10px 13px}.hero{padding-block:38px 30px;gap:32px}.hero h1{font-size:48px;letter-spacing:-2.3px}.eyebrow{font-size:10px;margin-bottom:18px}.intro{font-size:15px;line-height:1.8;margin-bottom:23px}.actions{gap:20px}.button{font-size:14px;gap:20px;padding:14px 18px}.hero .fine{font-size:11px}.demo-bar{padding-inline:12px;height:41px;font-size:10px}.demo-label{font-size:9px}.demo-toolbar{left:6px;top:15px;padding:3px;gap:2px}.demo-tool{width:31px;height:34px}.demo-tool svg{width:17px;height:17px}.demo-footer{font-size:9px;padding:8px 10px}.board-caption{font-size:1.9cqw}.note-label{font-size:1.6cqw}.sticky{padding:3%;width:33%}.sticky-yellow{left:18%}.sticky-blue{left:59%}.sticky strong{font-size:3.1cqw}.note-small{font-size:1.7cqw}.mini-plan{font-size:1.9cqw;width:39%;left:17%}.plan-title{font-size:1.9cqw}.hand-note{font-size:3.1cqw}.use-cases{padding-block:22px;gap:8px 20px;font-size:11px}.section{padding-block:55px}.section-heading{margin-bottom:28px}h2{font-size:34px;letter-spacing:-1.5px}.section-heading>p:last-child{font-size:14px}.feature-grid{grid-template-columns:1fr;gap:25px}.feature-art{height:190px}.feature-body{padding:24px}.feature-body h3{font-size:20px}.feature-text .feature-body{padding:22px 5px}.map-root,.map-leaves>span{font-size:12px;padding:12px}.map-line{width:35px;margin-left:24px}.map-line:before{width:25px;left:-25px}.start-inner{grid-template-columns:1fr;padding-block:48px;gap:36px}.start-inner h2{margin-bottom:25px}.steps{gap:24px}.steps h3{font-size:16px}.steps li{gap:16px}.steps p{font-size:13px}.faq-list summary{font-size:14px;padding-block:20px}.faq-list details>p{font-size:13px}.closing{padding-block:25px 45px}.closing h2{font-size:39px}.closing p{max-width:250px;margin-inline:auto}.footer{padding-block:25px;gap:22px}.footer>p{flex-basis:100%}.footer nav{gap:12px 23px}.legal{padding-block:35px 50px}.legal h1{font-size:35px;line-height:1.18}.legal h2{font-size:22px}.legal p,.legal li{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media print{body{background:white}.header,.footer,.back-link,.print-button,.skip{display:none!important}.wrap{width:100%;max-width:none}.legal{padding:0}.legal h1{font-size:26pt}.legal h2{break-after:avoid}.legal p,.legal li{font-size:10pt}.legal-notice{border:1px solid #888;background:none}a{color:inherit!important}}

@media(max-width:800px){.header.legal-header{flex-wrap:wrap;gap:14px;padding-block:16px}.header.legal-header nav{display:flex;align-items:center;gap:16px;margin-left:auto}}