:root{--ink:#17140f;--paper:#f5f2e9;--surface:#fffdf7;--line:#d9d2c3;--muted:#6e675c;--yellow:#f3c94e;--orange:#e77a38;--cream:#ece6d8;--max:1380px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.shell{max-width:var(--max);margin:auto;padding-inline:clamp(22px,5vw,78px)}.skip{position:fixed;left:12px;top:-70px;background:var(--yellow);padding:12px 16px;font-weight:800;z-index:99}.skip:focus{top:12px}.site-header{height:78px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,5vw,78px);position:relative;z-index:5;background:color-mix(in srgb,var(--paper) 96%,transparent)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.035em;width:max-content}.brand span{font-size:16px}.brand small{font-size:9px;letter-spacing:.18em;border:1px solid var(--line);padding:4px 6px;border-radius:100px;color:var(--muted)}nav{display:flex;gap:34px;font-size:12px;font-weight:720;color:#4d483f}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--orange);transition:right .2s ease}nav a:hover:after,nav a[aria-current="page"]:after{right:0}.top-cta{justify-self:end;font-size:12px;font-weight:780;border-bottom:1px solid var(--ink);padding-bottom:5px}.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.82fr);gap:clamp(45px,7vw,120px);align-items:center;min-height:750px;padding-top:70px;padding-bottom:90px}.overline{font-size:10px;font-weight:850;letter-spacing:.21em;display:flex;align-items:center;gap:11px;margin:0 0 25px}.overline span{width:24px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,6.9vw,108px);line-height:.94;letter-spacing:-.078em;margin:0 0 34px;font-weight:830;max-width:850px}h1 em,.closing em{font-style:normal;position:relative;white-space:nowrap}h1 em:after,.closing em:after{content:"";height:.23em;background:var(--yellow);position:absolute;left:-.015em;right:-.015em;bottom:.02em;z-index:-1}.lead{font-size:clamp(16px,1.35vw,20px);line-height:1.65;color:var(--muted);max-width:660px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0 55px}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 20px;border:1px solid var(--ink);font-size:12px;font-weight:790;transition:transform .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--ink);color:#fff}.button.quiet{border-color:var(--line);background:var(--surface)}.button.inverted{background:var(--paper);color:var(--ink);border-color:var(--paper)}.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:22px;border-top:1px solid var(--line)}.proof div{display:flex;gap:10px;align-items:baseline}.proof b{font-size:9px;color:var(--orange);letter-spacing:.1em}.proof span{font-size:11px;font-weight:700}.hero-stage{background:var(--ink);padding:18px;box-shadow:18px 18px 0 var(--yellow);transform:rotate(1.4deg)}.stage-label{color:#aaa297;display:flex;justify-content:space-between;font-size:8px;font-weight:800;letter-spacing:.18em;padding:2px 2px 16px}.phone{background:var(--paper);min-height:610px;border:1px solid #3d3931;transform:rotate(-1.4deg);overflow:hidden}.phone-top{height:62px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 24px}.mini-brand{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:850;letter-spacing:.15em}.mini-brand img{width:25px;height:25px}.phone-body{padding:32px 28px}.app-kicker{font-size:8px;letter-spacing:.2em;font-weight:850;color:#9d5a25}.phone-body h2{font-size:42px;line-height:1;letter-spacing:-.065em;margin:14px 0 26px}.open-strip{background:var(--yellow);min-height:74px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;align-items:end;padding:13px 16px}.open-strip>span{font-size:26px;grid-row:1/3;align-self:center}.open-strip b{font-size:13px}.open-strip small{font-size:9px;align-self:start;color:#5c4b1d}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.quick-grid div{background:var(--surface);border:1px solid var(--line);min-height:105px;padding:15px;display:grid;grid-template-columns:24px 1fr;align-content:center;gap:3px 9px}.quick-grid img{width:20px;height:20px;grid-row:1/3}.quick-grid b{font-size:11px}.quick-grid small{font-size:8px;color:var(--muted)}.recent-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.recent-row b{font-size:11px}.recent-row small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.file-tile{width:31px;height:37px;background:var(--ink);display:block;position:relative}.file-tile:after{content:"";position:absolute;width:13px;height:5px;background:var(--yellow);right:-4px;top:9px}.stage-note{color:#b8b0a4;font-size:9px;letter-spacing:.05em;margin:16px 2px 0;display:flex;align-items:center;gap:8px}.orange-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}.marquee{background:var(--yellow);border-block:1px solid var(--ink);overflow:hidden}.marquee div{width:max-content;display:flex;align-items:center;gap:28px;padding:16px 0;font-size:10px;font-weight:850;letter-spacing:.18em;animation:drift 28s linear infinite}.marquee i{font-style:normal;color:var(--orange)}@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-25%)}}.workbench{padding-top:130px;padding-bottom:140px}.section-head{display:grid;grid-template-columns:1fr .48fr;column-gap:70px;align-items:end;margin-bottom:55px}.section-head .overline{grid-column:1/-1}.section-head h2{font-size:clamp(44px,5.7vw,78px);line-height:1.02;letter-spacing:-.07em;margin:0}.section-head h2 em{font-style:normal;color:#7c7568}.section-head>p:last-child{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.bento{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.panel{min-height:370px;border:1px solid var(--line);background:var(--surface);padding:clamp(28px,4vw,50px);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.panel-large{min-height:540px}.panel-index{font-size:9px;font-weight:850;letter-spacing:.18em;color:#8b8375}.panel-icon{width:58px;height:58px;border:1px solid var(--line);display:grid;place-items:center;margin:72px 0 30px}.panel-icon img{width:25px}.panel h3{font-size:clamp(27px,3vw,42px);line-height:1.04;letter-spacing:-.055em;margin:0 0 20px}.panel p{font-size:14px;line-height:1.7;color:var(--muted);max-width:570px}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:28px}.tag-row span{font-size:9px;font-weight:750;border:1px solid var(--line);padding:8px 10px;border-radius:30px}.panel-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.panel-dark .panel-index,.panel-dark p{color:#aba49a}.scan-art{height:170px;width:100%;position:relative;margin:48px 0 30px;border:1px solid #4e493f;background:#211e19}.scan-art span{position:absolute;width:26px;height:26px;border-color:var(--yellow);border-style:solid}.scan-art span:nth-child(1){left:18px;top:18px;border-width:2px 0 0 2px}.scan-art span:nth-child(2){right:18px;top:18px;border-width:2px 2px 0 0}.scan-art span:nth-child(3){left:18px;bottom:18px;border-width:0 0 2px 2px}.scan-art span:nth-child(4){right:18px;bottom:18px;border-width:0 2px 2px 0}.scan-art:after{content:"";position:absolute;left:18%;right:18%;top:50%;height:2px;background:var(--orange)}.page-stack{width:180px;height:145px;margin:55px auto 35px;position:relative;align-self:center}.page-stack i{position:absolute;width:100px;height:130px;background:var(--paper);border:1px solid var(--ink);display:block}.page-stack i:nth-child(1){left:0;top:10px;transform:rotate(-7deg)}.page-stack i:nth-child(2){left:38px;top:1px;transform:rotate(2deg)}.page-stack i:nth-child(3){left:74px;top:12px;transform:rotate(8deg);background:var(--yellow)}.panel-accent{background:var(--yellow);border-color:var(--ink)}.panel-accent p{color:#4a3b17}.finish-line{width:100%;border-top:1px solid #6b5519;margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;font-size:9px;font-weight:850;letter-spacing:.13em}.reader-section{background:var(--ink);color:#fff;padding:130px 0}.reader-grid{display:grid;grid-template-columns:.7fr 1.1fr;gap:90px;align-items:center}.overline.light{color:var(--yellow)}.overline.light span{background:var(--yellow)}.reader-copy h2{font-size:clamp(44px,5.6vw,76px);line-height:1.02;letter-spacing:-.07em;margin:0 0 30px}.reader-copy>p:not(.overline),.reader-copy li{color:#ada69c;font-size:14px;line-height:1.75}.reader-copy ul{list-style:none;padding:0;margin:35px 0 0}.reader-copy li{padding:13px 0;border-top:1px solid #3a362f}.reader-copy li:before{content:"↳";color:var(--yellow);margin-right:10px}.document-board{border:1px solid #49443b;background:#201d18;padding:16px}.board-bar,.board-dock{display:flex;justify-content:space-between;color:#aca59a;font-size:9px;font-weight:760;letter-spacing:.08em;padding:8px}.board-paper{background:#f9f7f0;color:var(--ink);min-height:560px;padding:70px 12%;display:flex;flex-direction:column}.board-paper small{font-size:8px;letter-spacing:.18em;color:#777}.board-paper h3{font-size:52px;line-height:1;letter-spacing:-.065em;margin:45px 0 35px}.board-paper p{height:6px;background:#d6d0c4;margin:0 0 12px}.board-paper p.short{width:62%}.board-paper p.medium{width:81%}.board-paper mark{background:var(--yellow);padding:22px 18px;margin:30px 0;font-size:12px;font-weight:850;letter-spacing:.07em}.board-dock{border-top:1px solid #49443b;padding:16px 8px 4px}.board-dock span{color:#fff}.privacy-strip{padding-top:130px;padding-bottom:140px}.privacy-title{display:grid;grid-template-columns:.75fr 1.25fr;align-items:end;margin-bottom:60px}.privacy-title .overline{align-self:start}.privacy-title h2{font-size:clamp(42px,5.7vw,76px);letter-spacing:-.07em;line-height:1.02;margin:0}.privacy-cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.privacy-cards article{padding:38px;min-height:270px;border-right:1px solid var(--line)}.privacy-cards article:last-child{border-right:0}.privacy-cards b{font-size:9px;letter-spacing:.15em;color:var(--orange)}.privacy-cards h3{font-size:24px;line-height:1.15;letter-spacing:-.045em;margin:68px 0 14px}.privacy-cards p{font-size:13px;line-height:1.7;color:var(--muted)}.closing{background:var(--yellow);padding:100px 0;border-top:1px solid var(--ink)}.closing-grid{display:grid;grid-template-columns:1.2fr .6fr;gap:80px;align-items:end}.closing h2{font-size:clamp(50px,6.5vw,90px);line-height:.98;letter-spacing:-.075em;margin:0}.closing p{font-size:14px;line-height:1.7}.closing small{display:block;margin-top:18px;font-size:9px;font-weight:800;letter-spacing:.14em}.footer{padding-top:50px;padding-bottom:38px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.footer-links{display:flex;gap:25px;font-size:11px;font-weight:750}.footer p{grid-column:1/-1;color:var(--muted);font-size:10px;margin:7px 0 0;border-top:1px solid var(--line);padding-top:22px}.policy-hero{padding-top:110px;padding-bottom:80px}.policy-hero h1{font-size:clamp(62px,8vw,110px)}.policy-hero>p:last-child{font-size:17px;line-height:1.65;color:var(--muted);max-width:700px}.policy-layout{display:grid;grid-template-columns:290px 1fr;gap:90px;padding-bottom:130px}.policy-layout aside{position:sticky;top:35px;align-self:start;border-top:3px solid var(--ink);padding-top:20px}.policy-layout aside strong{font-size:9px;letter-spacing:.18em}.policy-layout aside p{font-size:13px;line-height:1.7;color:var(--muted);margin:20px 0 32px}.policy-layout aside a{font-size:11px;font-weight:800;border-bottom:1px solid var(--ink)}.policy-copy{border-top:1px solid var(--line)}.policy-copy section{display:grid;grid-template-columns:55px 1fr;border-bottom:1px solid var(--line);padding:36px 0}.policy-copy section>span{font-size:9px;font-weight:850;color:var(--orange);letter-spacing:.1em}.policy-copy h2{font-size:28px;letter-spacing:-.05em;margin:0 0 14px}.policy-copy p,.policy-copy li{font-size:14px;line-height:1.8;color:#585248}.policy-copy ul{margin:0;padding-left:18px}.policy-copy a{text-decoration:underline;text-underline-offset:4px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.delay-1{transition-delay:.08s}.reveal.delay-2{transition-delay:.16s}.reveal.visible{opacity:1;transform:none}
.workflow-strip{padding-top:110px;padding-bottom:20px}.workflow-copy{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:end;border-top:1px solid var(--line);padding-top:40px}.workflow-copy .overline{align-self:start}.workflow-copy h2{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.065em;margin:0}.workflow-copy>p:last-child{font-size:14px;line-height:1.75;color:var(--muted);margin:0;max-width:560px}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;border:1px solid var(--line);background:var(--surface)}.workflow-grid article{padding:28px;min-height:210px;border-right:1px solid var(--line);display:flex;flex-direction:column}.workflow-grid article:last-child{border-right:0}.workflow-grid b{font-size:9px;color:var(--orange);letter-spacing:.15em}.workflow-grid span{font-size:11px;font-weight:850;letter-spacing:.14em;margin-top:52px}.workflow-grid p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:12px}.workflow-grid article:nth-child(3){background:var(--yellow);color:var(--ink)}.workflow-grid article:nth-child(3) p{color:#4d4020}.workflow-grid article:nth-child(3) b{color:var(--ink)}
@media(max-width:980px){.workflow-copy{grid-template-columns:1fr;gap:22px}.workflow-grid{grid-template-columns:repeat(2,1fr)}.workflow-grid article:nth-child(2){border-right:0}.workflow-grid article{border-bottom:1px solid var(--line)}.workflow-grid article:nth-child(3),.workflow-grid article:nth-child(4){border-bottom:0}.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:80px}.hero-stage{max-width:620px;margin:auto;width:100%}.section-head,.privacy-title,.reader-grid,.closing-grid{grid-template-columns:1fr}.section-head>p:last-child{max-width:560px;margin-top:25px}.reader-grid{gap:60px}.privacy-title{gap:25px}.policy-layout{grid-template-columns:1fr;gap:45px}.policy-layout aside{position:static}.policy-layout aside p{max-width:600px}}@media(max-width:670px){.workflow-strip{padding-top:75px}.workflow-grid{grid-template-columns:1fr}.workflow-grid article{border-right:0!important;border-bottom:1px solid var(--line)!important;min-height:180px}.workflow-grid article:last-child{border-bottom:0!important}.workflow-grid span{margin-top:34px}.site-header{height:68px}.brand small,.top-cta span{display:none}.hero{min-height:auto;padding-top:58px;padding-bottom:70px}.hero h1{font-size:clamp(53px,15vw,76px)}.proof{grid-template-columns:1fr}.hero-stage{box-shadow:10px 10px 0 var(--yellow);padding:10px;transform:none}.phone{transform:none;min-height:540px}.phone-body{padding:25px 20px}.phone-body h2{font-size:34px}.workbench,.privacy-strip{padding-top:90px;padding-bottom:90px}.section-head h2,.privacy-title h2{font-size:43px}.bento{grid-template-columns:1fr}.panel,.panel-large{min-height:350px}.reader-section{padding:90px 0}.board-paper{min-height:450px;padding:55px 9%}.board-paper h3{font-size:42px}.privacy-cards{grid-template-columns:1fr}.privacy-cards article{border-right:0;border-bottom:1px solid var(--line);min-height:220px}.privacy-cards article:last-child{border-bottom:0}.privacy-cards h3{margin-top:45px}.closing{padding:75px 0}.closing-grid{gap:35px}.footer{grid-template-columns:1fr}.footer-links{justify-self:start}.policy-hero{padding-top:75px}.policy-layout{padding-bottom:90px}.policy-copy section{grid-template-columns:38px 1fr}.marquee div{animation-duration:20s}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}

/* 2026 launch polish: responsive hero, real UI screenshots, Play Store CTA, policy layout fixes */
.hero-copy{min-width:0}
.hero h1{max-width:760px;overflow-wrap:normal;word-break:normal}
.hero h1 em{white-space:normal;text-decoration-line:underline;text-decoration-color:var(--yellow);text-decoration-thickness:.18em;text-underline-offset:-.12em;text-decoration-skip-ink:none;position:relative;z-index:0}
.hero h1 em:after{display:none}
.play-button{padding:10px 18px;gap:12px;text-align:left}
.play-button>span:last-child{display:flex;flex-direction:column;line-height:1.1}
.play-button small{display:block;font-size:8px;letter-spacing:.04em;font-weight:650;opacity:.72;margin-top:5px}
.play-mark{width:30px;height:30px;border-radius:9px;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-size:13px;flex:0 0 auto}

.hero-shot{margin:0;min-width:0;position:relative}
.shot-frame{background:var(--ink);padding:12px;box-shadow:18px 18px 0 var(--yellow);transform:rotate(1deg);overflow:hidden}
.shot-frame img{display:block;width:100%;aspect-ratio:.68/1;object-fit:cover;object-position:center;border:1px solid #4a453c;transform:rotate(-1deg);background:var(--surface)}
.hero-shot figcaption{font-size:9px;letter-spacing:.05em;color:var(--muted);display:flex;align-items:center;gap:8px;margin-top:18px;padding-left:3px}

.screenshots{padding-top:120px;padding-bottom:120px}
.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.screenshot-card{margin:0;background:var(--surface);border:1px solid var(--line);overflow:hidden;position:relative;min-width:0}
.screenshot-card img{display:block;width:100%;aspect-ratio:.70/1;object-fit:cover;object-position:center top;transition:transform .35s ease}
.screenshot-card:hover img{transform:scale(1.018)}
.screenshot-card figcaption{padding:16px 18px 18px;font-size:11px;font-weight:800;letter-spacing:.03em;border-top:1px solid var(--line)}
.screenshot-cta{margin-top:18px;border:1px solid var(--ink);background:var(--yellow);padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.screenshot-cta div{display:flex;flex-direction:column;gap:5px}
.screenshot-cta b{font-size:18px;letter-spacing:-.035em}
.screenshot-cta span{font-size:12px;color:#554316}
.screenshot-cta .button span{color:inherit}

.closing-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:25px}
.text-link{font-size:11px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:4px}
.footer-links{flex-wrap:wrap;justify-content:flex-end}

/* Fix privacy-policy auto-placement: copy belongs in the wide column, not the number column. */
.policy-copy section{grid-template-columns:55px minmax(0,1fr);grid-template-areas:"num title" "num body";column-gap:18px;align-items:start}
.policy-copy section>span{grid-area:num}
.policy-copy h2{grid-area:title;min-width:0}
.policy-copy section>p,.policy-copy section>ul{grid-area:body;min-width:0;overflow-wrap:anywhere}
.policy-copy a{overflow-wrap:anywhere;word-break:break-word}
.policy-side-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px}

/* Reduce visually empty stretches while keeping the editorial rhythm. */
.workflow-strip{padding-bottom:70px}
.workbench{padding-top:105px}
.privacy-strip{padding-top:110px;padding-bottom:115px}

@media(max-width:1100px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:52px}
  .hero h1{font-size:clamp(58px,7vw,88px)}
  .screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .hero-shot{max-width:620px;margin:0 auto;width:100%}
  .shot-frame img{aspect-ratio:1.02/1;object-position:left top}
  .screenshots{padding-top:95px;padding-bottom:95px}
}
@media(max-width:670px){
  .hero h1{font-size:clamp(48px,14vw,70px);line-height:.96;letter-spacing:-.065em}
  .hero-actions{margin-bottom:42px}
  .play-button{width:100%;justify-content:flex-start}
  .hero-actions .button.quiet{width:100%}
  .shot-frame{box-shadow:10px 10px 0 var(--yellow);transform:none;padding:8px}
  .shot-frame img{transform:none;aspect-ratio:.74/1;object-position:center top}
  .screenshots{padding-top:78px;padding-bottom:82px}
  .screenshot-grid{grid-template-columns:1fr;gap:12px}
  .screenshot-card img{aspect-ratio:.76/1}
  .screenshot-cta{align-items:flex-start;flex-direction:column;padding:22px}
  .screenshot-cta .button{width:100%}
  .policy-copy section{grid-template-columns:34px minmax(0,1fr);column-gap:12px;padding:28px 0}
  .policy-copy h2{font-size:24px;line-height:1.12}
  .policy-copy p,.policy-copy li{font-size:13px;line-height:1.72}
  .footer-links{justify-content:flex-start}
}