:root{font-family:Outfit,'Avenir Next','Segoe UI',sans-serif;color:#41463b;background:#f5f3ed;font-synthesis:none;color-scheme:light;--ink:#41463b;--muted:#686e60;--line:#dedfd3;--yellow:#f7efd0;--pink:#f3dfe6;--blue:#e0eef2}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #77804c;outline-offset:6px}a{text-decoration:none}p{line-height:1.7}h1,h2,h3,p{margin-top:0}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:5}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:108px;gap:24px}.wordmark{font-size:34px;font-weight:800;letter-spacing:-2px}.wordmark span,.mini-brand span{color:#a39245}nav{display:flex;gap:32px;align-items:center;font-size:14px}.nav-detail:hover,.text-link:hover,.site-footer>a:last-child:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 25px;border:1px solid #41463b;border-radius:9px;background:#41463b;color:#fffdf5;font-size:16px;font-weight:500;transition:background .15s,transform .15s}.button:hover{background:#555e48;transform:translateY(-2px)}.button-small{padding:12px 18px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:50px;padding-block:72px 85px}.eyebrow{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:500;margin-bottom:24px}.status-dot{display:inline-block;width:8px;height:8px;background:#8a9867;border-radius:50%;margin-right:8px}h1{font-size:clamp(45px,4.7vw,65px);line-height:1.08;font-weight:500;letter-spacing:-2.7px;margin-bottom:27px}.highlight{background:linear-gradient(transparent 55%,#efdd9b 55%,#efdd9b 92%,transparent 92%)}.intro{font-size:17px;max-width:440px;color:var(--muted);margin-bottom:29px}.quiet{font-size:12px;color:var(--muted);margin:16px 0 0}.board-preview{margin:0;background:#fbfaf6;border:1px solid #d9dbce;border-radius:13px;box-shadow:0 24px 60px -30px #62674a65;transform:rotate(1.5deg);overflow:hidden}.preview-bar{height:45px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding-inline:17px;color:#73786a;font-size:10px}.mini-brand{font-size:21px;letter-spacing:-1px;font-weight:700;color:var(--ink)}.preview-dots{margin-left:auto;color:#c4c6b5;font-size:7px;letter-spacing:3px}.preview-canvas{height:421px;position:relative;background-image:radial-gradient(#d5d7c9 .8px,transparent .8px);background-size:16px 16px}.demo-note{position:absolute;width:46%;box-shadow:1px 4px 9px #62674a15;border-radius:5px;overflow:hidden}.yellow{background:var(--yellow)}.pink{background:var(--pink)}.blue{background:var(--blue)}.demo-heading{padding:9px 12px;border-bottom:1px solid #41463b12;font-size:10px;font-weight:500}.demo-heading span{float:right;letter-spacing:6px;color:#838375}.demo-note p{margin:16px 16px 13px;font-size:19px;line-height:1.4}.demo-note ul{font-size:11px;line-height:2;padding-left:29px;margin:0 10px 21px}.demo-note.yellow{left:5%;top:25px;transform:rotate(-3deg)}.demo-note.pink{right:5%;top:45px;transform:rotate(3deg);width:38%;min-height:185px}.demo-note.pink p{font-size:17px}.drawn-star{display:block;text-align:right;margin:0 20px 12px;font-size:35px;color:#997780}.demo-note.blue{right:4%;top:260px;width:43%;transform:rotate(-3deg)}.demo-note.blue p{font-size:16px}.demo-photo{position:absolute;left:8%;top:233px;width:42%;background:#fffdf7;transform:rotate(-6deg);padding:9px 9px 0;box-shadow:0 3px 8px #41463b20}.landscape{height:104px;background:#dce9e5;position:relative;overflow:hidden}.sun{position:absolute;left:65%;top:17px;width:27px;height:27px;background:#efda9b;border-radius:50%}.hill{position:absolute;display:block;width:140%;height:120px;border-radius:50%}.hill-back{background:#a6b49b;top:54px;left:-35%;transform:rotate(15deg)}.hill-front{background:#798e70;left:10%;top:78px;transform:rotate(-18deg)}.demo-photo p{font-size:9px;margin:8px 0 10px;text-align:center}.example-label{position:absolute;bottom:9px;right:12px;font-size:8px;color:#777b6d}.principles{display:flex;justify-content:space-between;gap:24px;border-block:1px solid var(--line);padding-block:23px;font-size:13px;color:var(--muted)}.principles span:before{content:'✳';margin-right:12px;color:#939b73}.workflow{padding-block:96px}.section-heading{max-width:630px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:clamp(30px,3vw,40px);font-weight:500;letter-spacing:-1.3px;line-height:1.2;margin-bottom:20px}.section-heading>p:last-child{color:var(--muted);font-size:16px;max-width:470px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:45px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:6px;font-size:14px;transform:rotate(-5deg);margin-bottom:24px}h3{font-size:20px;font-weight:500;letter-spacing:-.4px;margin-bottom:13px}.steps p{color:var(--muted);font-size:14px;margin-bottom:0}.privacy{padding:38px 40px;background:#e9ecdf;border-radius:12px;display:grid;grid-template-columns:60px 1fr auto;gap:28px;align-items:center}.privacy-symbol{font-size:60px;color:#7c8b64;align-self:start;line-height:1.2}.privacy .eyebrow{margin-bottom:12px}.privacy h2{font-size:29px;margin-bottom:15px}.privacy p:last-child{max-width:650px;margin-bottom:0;font-size:14px;color:#5b6351}.text-link{font-size:14px;white-space:nowrap}.text-link span{margin-left:15px}.faq{padding-block:100px;display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.faq .eyebrow{margin-bottom:16px}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;font-size:16px;display:flex;justify-content:space-between;gap:20px;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:#798267}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);margin:16px 30px 0 0}.closing{text-align:center;padding:60px 20px 78px;border-top:1px solid var(--line)}.closing .eyebrow{margin-bottom:16px}.closing h2{font-size:48px;margin-bottom:28px}.site-footer{border-top:1px solid var(--line);padding-block:27px;display:flex;align-items:center;gap:25px}.site-footer .wordmark{font-size:28px}.site-footer p{font-size:12px;color:var(--muted);margin:0}.site-footer>a:last-child{margin-left:auto;font-size:12px}
@media(min-width:1500px){.hero{padding-block:100px 110px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:28px}h1{font-size:46px}.preview-canvas{height:400px}.demo-note p{font-size:16px}.demo-note ul{font-size:10px}.demo-note.pink p{font-size:15px}.steps{gap:30px}.privacy{grid-template-columns:45px 1fr}.privacy-symbol{font-size:45px}.privacy .text-link{grid-column:2}.faq{gap:30px;grid-template-columns:1fr 1.4fr}}
@media(max-width:720px){.site-header{min-height:86px}.nav-detail{display:none}.hero{grid-template-columns:1fr;padding-block:36px 46px;gap:48px}.hero-copy{max-width:500px}h1{font-size:clamp(42px,8vw,60px)}.intro{font-size:16px}.board-preview{width:100%;max-width:540px;justify-self:center;transform:rotate(1deg)}.preview-canvas{height:410px}.demo-note p{font-size:19px}.demo-note ul{font-size:11px}.demo-note.pink p{font-size:17px}.principles{flex-wrap:wrap;justify-content:center;gap:15px 24px;font-size:12px}.workflow{padding-block:60px}.steps{grid-template-columns:1fr;gap:30px;margin-top:30px}.steps article{position:relative;padding-left:66px}.step-number{position:absolute;left:0;top:0}.steps p{max-width:480px}.privacy{padding:28px 23px;gap:18px;grid-template-columns:1fr}.privacy-symbol{display:none}.privacy .text-link{grid-column:1}.privacy h2{font-size:28px}.faq{grid-template-columns:1fr;padding-block:60px;gap:15px}.closing{padding-block:45px 55px}.closing h2{font-size:38px}.site-footer{flex-wrap:wrap;gap:10px 20px}.site-footer p{flex-basis:65%}.site-footer>a:last-child{margin-left:0}.button{font-size:14px}.button-small{font-size:12px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}

/* Mobile visitors see desktop guidance in place of board links. */
.mobile-browser, .mobile-desktop-label, .mobile-desktop-message { display: none; }
@media (max-width: 720px) {
  .hero { gap: 32px; }
  .hero-copy { min-width: 0; }
  .hero-copy > .button { width: 100%; min-height: 52px; }
  .hero-copy > .quiet { text-align: center; font-size: 12px; }
  .mobile-browser {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 26px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fbfaf6;
  }
  .mobile-browser svg { flex: none; color: #69794f; }
  .mobile-browser h2 { font-size: 17px; line-height: 1.4; letter-spacing: -.3px; margin: 0 0 5px; }
  .mobile-browser p { font-size: 13px; line-height: 1.6; color: var(--muted); margin: 0; }
  .site-header .button { min-height: 44px; }
  summary { min-height: 44px; align-items: center; }
  .closing .button { max-width: 100%; min-height: 52px; text-align: left; }
  .steps p, .privacy p:last-child, details p { font-size: 15px; }
}
@media (max-width: 480px) {
  .wrap { width: calc(100% - 36px); }
  .site-header { gap: 12px; }
  .hero .eyebrow { font-size: 11px; letter-spacing: 1px; }
  .hero h1 { font-size: clamp(38px, 10vw, 48px); letter-spacing: -1.8px; }
  .board-preview { transform: none; }
  .preview-bar { gap: 10px; padding-inline: 12px; }
  .preview-dots { display: none; }
  .preview-canvas {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: 16px 10px;
    height: auto;
    padding: 20px 12px 12px;
  }
  .preview-canvas .demo-note, .preview-canvas .demo-photo {
    position: relative;
    inset: auto;
    width: 100%;
    min-height: 0;
    transform: none;
  }
  .demo-heading { padding: 8px; font-size: 10px; overflow-wrap: anywhere; }
  .demo-heading span { display: none; }
  .preview-canvas .demo-note p { margin: 12px 10px; font-size: 14px; }
  .demo-note ul { padding-left: 23px; margin: 0 8px 14px; font-size: 10px; line-height: 1.7; }
  .drawn-star { font-size: 29px; margin: 0 12px 8px; }
  .demo-photo { padding: 7px 7px 0; }
  .demo-photo p { font-size: 10px; }
  .landscape { height: 95px; }
  .example-label { position: static; grid-column: 1 / -1; text-align: center; font-size: 10px; }
  .principles { justify-content: flex-start; }
}

@media (max-width: 720px) {
  .desktop-board-link, .desktop-board-copy { display: none; }
  .mobile-desktop-label {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-radius: 20px;
    color: var(--muted);
    font-size: 12px;
  }
  .mobile-desktop-message {
    display: block;
    max-width: 320px;
    margin: 0 auto;
    color: var(--muted);
    font-size: 15px;
  }
}