@font-face{font-family:DM;src:url("dm-sans.ttf") format("truetype");font-style:normal;font-weight:100 1000;font-display:swap}
:root{--paper:#fafaf4;--ink:#252727;--muted:#545951;--lime:#c5ef79;--edge:#d9dcd1;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color-scheme:light;font:100% DM,"Avenir Next",system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-padding-top:18px}body{margin:0}a{color:inherit}img{display:block;max-width:100%}button,input{font:inherit}svg.i{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}a:focus-visible,input:focus-visible{outline:3px solid #7543a7;outline-offset:5px}::selection{background:#d3eb9d;color:#252727}
.wrap{width:min(calc(100% - 112px),1232px);margin-inline:auto}.skip{position:fixed;top:8px;left:8px;transform:translateY(-200%);z-index:10;background:white;padding:12px}.skip:focus{transform:none}
.top{border-bottom:1px solid var(--edge)}.top-in{min-height:82px;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-weight:850;letter-spacing:-2.5px;font-size:36px;line-height:1}.brand img{width:42px;height:42px}.brand .period{color:#8daf44}
.top nav{display:flex;align-items:center;gap:28px;margin-left:auto;margin-right:10px}.top nav a{font-size:.91rem;font-weight:620;text-decoration:none;color:#454a43}.top nav a:hover,.foot nav a:hover{text-decoration:underline;text-underline-offset:5px}.login,.cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;font-weight:700;border-radius:9px;transition:transform .16s,background .16s}.login{background:var(--ink);color:white;padding:12px 19px;font-size:.91rem}.login svg.i{width:16px;height:16px}.login:hover,.action-link:hover{background:#41463d}.cta{padding:16px 22px;background:var(--lime);border:1px solid #accf6b;color:#202715;font-size:1rem;min-height:51px}.cta:hover{transform:translateY(-2px);background:#b6e96b}.cta svg.i{width:18px;height:18px}
.hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(32px,4vw,75px);padding-block:64px 75px}.eyebrow,.section-tag,.map-label,.card-kicker,.project-ref{font-family:var(--mono);font-size:.69rem;font-weight:600;letter-spacing:.10em;line-height:1.5}.eyebrow{display:flex;align-items:center;gap:10px}.brand-rule{height:9px;width:24px;display:block;background:repeating-linear-gradient(116deg,#626554 0 2px,transparent 2px 6px)}h1,h2,h3,p{margin:0}.intro h1{font-size:clamp(3.3rem,5.32vw,5.05rem);line-height:1.045;letter-spacing:-.05em;font-weight:740;margin:24px 0 28px}.underline{position:relative;display:inline-block;isolation:isolate}.underline svg{position:absolute;left:-1%;width:104%;height:17%;bottom:-3%;z-index:-1;color:var(--lime);overflow:visible}.intro p{color:var(--muted);font-size:clamp(1.03rem,1.35vw,1.18rem);line-height:1.58;max-width:440px;margin-bottom:28px}
.scene{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:1.44;background:#e0cef7 url("trail.svg") center/cover;border:1px solid #c4afd7;border-radius:22px;overflow:hidden;min-width:0}
.map-label{position:absolute;top:6.1%;left:5%;font-size:clamp(.52rem,1.62cqw,.7rem);color:#4c385a;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.map-label i{width:6px;height:6px;border-radius:100%;background:#5e4077}
.demo-card{position:absolute;z-index:2;left:30.3%;top:16%;width:55%;border-radius:clamp(13px,2.8cqw,22px);padding:3.7% 4.1% 2.7%;background:#28292c;color:#f2f0ee;box-shadow:3px 4px 0 #747078,6px 9px 0 #39303f30,0 18px 32px #39214727;transform:rotate(3deg);border:1px solid #414146}
.card-kicker{display:flex;align-items:center;gap:6px;font-size:clamp(.54rem,1.55cqw,.73rem);letter-spacing:.08em;color:#d0d1c9}.folder-icon{color:var(--lime);display:flex}.folder-icon .i{width:2.8cqw;height:2.8cqw}.project-ref{margin-left:auto;font:inherit;color:#a9aaa5}.demo-card h2{font-size:clamp(1.13rem,4.2cqw,1.94rem);letter-spacing:-.035em;line-height:1.16;margin:3.8% 0 3.1%;white-space:nowrap;font-weight:680}.card-status{display:inline-flex;align-items:center;gap:5px;background:#3b4132;color:#d1e9a7;border:1px solid #505b42;padding:.4% 2.8%;border-radius:30px;font-size:clamp(.56rem,1.7cqw,.78rem);font-weight:650;line-height:1.55}.card-status i{width:5px;height:5px;border-radius:50%;background:var(--lime)}.task-heading{display:flex;justify-content:space-between;align-items:center;margin:6% 0 2%;font-weight:650;font-size:clamp(.62rem,1.86cqw,.87rem)}.count{font-family:var(--mono);font-size:.9em;color:#c9d9b2}.progress{height:3px;width:100%;background:#484a47;margin:0 0 3%;border-radius:2px}.progress i{display:block;height:100%;border-radius:2px;width:var(--done,33.333%);background:var(--lime);transition:width .2s}.tasks{display:grid}.tasks label{position:relative;cursor:pointer;display:flex;align-items:center;gap:3.4%;padding:3% 0;min-height:25px;font-size:clamp(.67rem,2.13cqw,.98rem);line-height:1.3}.tasks label:hover{color:#d5f2ab}.tasks input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.toggle{height:clamp(13px,2.7cqw,21px);width:clamp(13px,2.7cqw,21px);border:1.4px solid #8c918c;border-radius:4px;display:grid;place-items:center;flex:none}.toggle svg.i{height:100%;width:100%;opacity:0;stroke-width:3}.tasks input:checked + .toggle{background:var(--lime);border-color:var(--lime);color:#263021}.tasks input:checked + .toggle svg{opacity:1}.tasks input:checked ~ span:last-child{text-decoration:line-through;color:#b7b9b4}.tasks input:focus-visible + span{outline:3px solid #d6b6ff;outline-offset:3px}
.mascot{position:absolute;z-index:3;bottom:4.8%;left:.8%;width:34%;height:auto;pointer-events:none;transform:translate(var(--mx,0),var(--my,0)) rotate(var(--tilt,-3deg));transform-origin:50% 89%;transition:transform .15s ease-out;filter:drop-shadow(1px 3px 1px #41294a33)}.mascot-shadow{position:absolute;z-index:1;bottom:9.7%;left:7.4%;width:20%;height:3.9%;border-radius:50%;transform:rotate(-3deg);background:#6e478542;filter:blur(2px)}.sticker{position:absolute;z-index:4;bottom:6.4%;right:7%;display:flex;align-items:center;justify-content:center;gap:8px;padding:1.5% 3.1%;font-size:clamp(.66rem,2.22cqw,.98rem);font-weight:760;background:#e1ffa0;color:#27311a;border:1.5px solid #36392e;border-radius:4px;box-shadow:2px 3px 0 #50415e;transform:rotate(-5deg);cursor:pointer}.sticker svg.i{width:2.7cqw;height:2.7cqw}.all-done .sticker{background:#fff5c1}
.section-tag{display:flex;align-items:center;gap:9px;color:#51574b}.section-tag span{border:1px solid #a2ab96;border-radius:4px;font-size:.66rem;line-height:1;padding:4px 5px;letter-spacing:.035em}.how{border-block:1px solid var(--edge);background:#f1f3e9;padding:46px 0 51px}.how h2,.uses h2{font-size:clamp(2.05rem,3.3vw,3.05rem);font-weight:700;letter-spacing:-.045em;line-height:1.1;margin:14px 0 31px}.steps{display:grid;grid-template-columns:repeat(3,1fr)}.steps article{padding:0 clamp(18px,3.2vw,54px);border-left:1px solid #cfd4c6}.steps article:first-child{padding-left:0;border-left:0}.steps article:last-child{padding-right:0}.step-icon{border-radius:10px;display:grid;place-content:center;width:40px;height:40px;background:#d7e8af;color:#33442c}.step-icon.violet{background:#e4d9f3;color:#563971}.step-icon.peach{background:#f5dfc4;color:#68482d}.step-icon svg{width:23px;height:23px}.steps h3,.stories h3{font-weight:680;line-height:1.17;letter-spacing:-.025em}.steps h3{font-size:clamp(1.18rem,1.64vw,1.42rem);margin:15px 0 8px}.steps p,.story-text p{font-size:.99rem;line-height:1.59;color:var(--muted);max-width:42ch}.uses{padding-block:73px 82px}.stories{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stories article{border:1px solid var(--edge);border-radius:16px;overflow:hidden;background:#fdfdf9}.stories img{width:100%;height:auto;aspect-ratio:640/265;object-fit:cover;border-bottom:1px solid var(--edge)}.story-text{padding:25px 29px 30px}.story-text .eyebrow{color:#586053}.stories h3{font-size:clamp(1.4rem,2vw,1.8rem);margin:8px 0}.story-text p{max-width:51ch}
.foot{background:#242725;color:#f5f6ef}.foot-in{min-height:132px;display:flex;align-items:center;gap:28px;justify-content:space-between}.foot .brand{font-size:29px;letter-spacing:-1.8px}.foot .brand img{width:36px;height:36px}.foot .period{color:var(--lime)}.foot nav{display:flex;flex-wrap:wrap;gap:14px 24px;color:#e5e8de}.foot nav a{font-size:.88rem;text-decoration:none}.credit{font-family:var(--mono);color:#c4c9ba;font-size:.69rem}
.legal-wrap{display:grid;grid-template-columns:minmax(190px,.36fr) minmax(0,1fr);gap:clamp(40px,8vw,132px);padding-block:60px 85px;align-items:start}.legal-side{border-top:1px solid var(--edge);padding-top:16px}.legal-side nav{display:grid;gap:3px;margin-top:17px}.legal-side a{display:block;text-decoration:none;padding:11px 12px;border-radius:6px;font-weight:600;font-size:.94rem}.legal-side a:hover,.legal-side a[aria-current]{background:#eaf0df}.legal-body{max-width:750px;overflow-wrap:anywhere}.legal-body h1{margin:0 0 15px;font-size:clamp(2.5rem,4.5vw,4.3rem);line-height:1;letter-spacing:-.045em;font-weight:710}.legal-body h2{font-size:clamp(1.35rem,2.25vw,1.8rem);line-height:1.2;letter-spacing:-.03em;margin:34px 0 11px}.legal-body p,.legal-body li,.legal-body address{font-style:normal;font-size:1.03rem;line-height:1.7;margin:10px 0;color:#444b40}.legal-body li{padding-left:4px}.legal-body ul,.legal-body ol{padding-left:25px}.legal-body a{color:#3e5b20;text-underline-offset:3px}.legal-body .action-link{display:inline-flex;text-decoration:none;border-radius:7px;padding:10px 17px;background:var(--ink);color:white;font-weight:600}.legal-body address{background:#edf0e5;padding:16px 22px;border-radius:9px}.legal-body h1+p{font-size:1.13rem}
@media(max-width:1040px){.wrap{width:calc(100% - 72px)}.hero{gap:26px;padding-block:53px 57px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.intro h1{font-size:clamp(2.7rem,5.4vw,3.6rem)}.scene{aspect-ratio:1.29}.demo-card{top:18%}.foot-in{flex-wrap:wrap;padding-block:28px}.credit{flex-basis:100%}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.top-in{min-height:68px;gap:16px;justify-content:space-between}.top nav{display:none}.brand{font-size:32px}.brand img{width:37px;height:37px}.login{padding:10px 15px}.hero{grid-template-columns:1fr;gap:31px;padding-block:36px 39px}.intro h1{font-size:clamp(3rem,9vw,4.1rem);margin:17px 0 20px}.intro p{font-size:1.04rem;max-width:46ch;margin-bottom:20px}.cta{min-height:45px;padding:13px 17px}.scene{width:100%;max-width:580px;aspect-ratio:1.48}.demo-card{top:15%;width:55%}.how{padding:35px 0 36px}.steps{grid-template-columns:1fr;gap:17px}.steps article,.steps article:first-child,.steps article:last-child{padding:0 0 16px 55px;border:0;border-bottom:1px solid #d0d6c8;position:relative}.steps article:last-child{border:0;padding-bottom:0}.step-icon{position:absolute;top:0;left:0}.steps h3{margin:0 0 5px}.steps p{max-width:55ch}.how h2,.uses h2{margin-bottom:23px}.uses{padding-block:39px 44px}.stories{gap:15px}.story-text{padding:18px}.foot-in{display:grid;justify-content:normal;gap:18px}.foot nav{gap:12px 17px}.legal-wrap{display:block;padding-block:33px 49px}.legal-side{display:none}.legal-body h1{font-size:2.65rem}}
@media(max-width:550px){.stories{grid-template-columns:1fr}.scene{aspect-ratio:1.21;border-radius:15px}.demo-card{left:27.5%;width:65%;top:17%;padding:4% 4% 3%}.demo-card h2{font-size:5.25cqw}.task-heading{font-size:2.85cqw;margin-top:5%}.tasks label{font-size:3cqw;min-height:26px;padding:2.1% 0}.toggle{width:3.7cqw;height:3.7cqw}.sticker{bottom:7%;right:6%;font-size:2.9cqw}.sticker svg.i{width:3.4cqw;height:3.4cqw}.map-label{font-size:2.1cqw;top:5.7%}.mascot{left:-1.5%;width:34%;bottom:4%}.story-text{padding:21px}.legal-body h1{font-size:2.4rem}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.intro h1{font-size:2.82rem}.scene{aspect-ratio:1.1}.demo-card{top:18%}.eyebrow,.section-tag{font-size:.62rem}.card-kicker{font-size:.47rem}.foot nav{display:grid}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.mascot{transform:none}}

.sticker:hover{background:#efffc7}.sticker:focus-visible{outline:3px solid #50306f;outline-offset:3px}.sticker[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.brand img{object-fit:contain;border-radius:0}.mascot{border-radius:0}