:root {
  --ink:#142e2b;
  --green:#34694e;
  --paper:#f8f7f0;
  --muted:#657366;
  --line:#d7dfcf;
  --mint:#dfebd6;
  --white:#fff;
  --peach:#f0dfce}
* {
  box-sizing:border-box}
html {
  scroll-behavior:smooth;
  scroll-padding-top:24px}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased}
button,input {
  font:inherit}
button,a,input,summary {
  touch-action:manipulation}
button {
  cursor:pointer}
a {
  color:inherit;
  text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible {
  outline:3px solid #428068;
  outline-offset:5px}
img {
  display:block;
  max-width:100%}
p,h1,h2,h3,h4 {
  margin-top:0}
p {
  line-height:1.65}
.wrap {
  width:min(1180px,calc(100% - 72px));
  margin-inline:auto}
.nav {
  height:100px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px}
.logo {
  width:125px}
.nav-center {
  display:flex;
  gap:30px;
  font-size:13px}
.nav-end {
  display:flex;
  gap:26px;
  align-items:center;
  font-size:13px}
.btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:22px;
  min-height:50px;
  border:1px solid transparent;
  border-radius:8px;
  padding:15px 23px;
  background:var(--ink);
  color:#fff;
  font-size:14px;
  font-weight:600}
.btn:hover {
  background:#2e5340}
.btn.soft {
  color:var(--ink);
  background:transparent;
  border-color:#bdcbb5}
.btn.soft:hover {
  background:#e7eddf}
.tiny {
  font-size:11px;
  letter-spacing:1.8px;
  text-transform:uppercase;
  font-weight:600}
.eyebrow {
  color:var(--green);
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  font-size:11px;
  letter-spacing:1.8px;
  text-transform:uppercase;
  font-weight:600}
.dot {
  width:6px;
  height:6px;
  border-radius:50%;
  display:inline-block;
  background:#578366}
.serif {
  font-family:Georgia,'Times New Roman',serif;
  font-style:italic;
  font-weight:400;
  color:var(--green)}
.hero {
  padding-top:37px;
  text-align:center}
.hero h1 {
  font-size:clamp(58px,6.1vw,86px);
  line-height:1.01;
  letter-spacing:-4px;
  font-weight:500;
  margin:23px 0 22px}
.hero .intro {
  font-size:18px;
  line-height:1.7;
  max-width:610px;
  margin:0 auto;
  color:#5c6d5e}
.waitlist {
  max-width:490px;
  margin:26px auto 0}
.wait-row {
  display:flex;
  gap:8px}
.wait-row input {
  min-width:0;
  flex:1;
  width:100%;
  border:1px solid #bac8b3;
  background:#fff;
  border-radius:8px;
  padding:15px 17px;
  color:var(--ink);
  font-size:16px}
.wait-row .btn {
  white-space:nowrap}
.fine {
  font-size:11px;
  color:var(--muted);
  margin:11px 0 0;
  line-height:1.6}
.status {
  font-size:13px;
  line-height:1.5;
  color:var(--green);
  margin:10px 0}
.status:empty {
  display:none}
.sr {
  position:absolute;
  width:1px;
  height:1px;
  clip:rect(0,0,0,0);
  overflow:hidden}
.hero-links {
  margin-top:20px;
  display:flex;
  gap:22px;
  justify-content:center;
  font-size:12px;
  color:#52694f}
.hero-links a {
  border-bottom:1px solid #a6b79e;
  padding-bottom:4px}
.hero-stage {
  margin-top:48px;
  position:relative;
  padding:46px 92px 52px;
  isolation:isolate}
.hero-stage:before {
  content:'';
  position:absolute;
  inset:16px -36px 0;
  background:#e8eddd;
  border-radius:48% 48% 0 0 / 25% 25% 0 0;
  z-index:-1}
.desktop {
  background:#fff;
  border:1px solid #cdd7c4;
  border-radius:12px;
  overflow:hidden;
  text-align:left;
  box-shadow:0 24px 50px -38px #26402b}
.desk-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:#f2f4ec;
  border-bottom:1px solid #dde4d5;
  padding:12px 16px;
  font-size:10px;
  color:#6b7868}
.dots {
  display:flex;
  gap:5px}
.dots i {
  display:block;
  width:6px;
  height:6px;
  background:#c5cebc;
  border-radius:50%}
.desk-body {
  display:grid;
  grid-template-columns:157px 1fr;
  min-height:330px}
.sidebar {
  background:#f3f5ed;
  padding:23px 16px;
  font-size:11px}
.sidebar .logo {
  width:85px;
  margin-bottom:24px}
.sidebar .tiny {
  font-size:8px;
  color:#78856e;
  letter-spacing:1px;
  margin-bottom:13px}
.side-row {
  display:flex;
  align-items:center;
  gap:8px;
  margin:3px 0;
  padding:10px 8px;
  white-space:nowrap}
.side-row.active {
  background:#e1ebd6;
  border-radius:5px}
.folder {
  width:12px;
  height:10px;
  background:#8ba77b;
  border-radius:2px;
  position:relative;
  display:inline-block;
  flex:none}
.folder:before {
  content:'';
  position:absolute;
  top:-2px;
  left:0;
  width:6px;
  height:3px;
  background:inherit;
  border-radius:2px}
.folder.gold {
  background:#c4aa76}
.folder.rose {
  background:#bf9b88}
.desk-note {
  padding:27px 32px 32px}
.breadcrumbs {
  font-size:10px;
  color:#7b866f;
  margin-bottom:18px}
.desk-note h3 {
  font-family:Georgia,serif;
  font-size:28px;
  letter-spacing:-.5px;
  font-weight:400;
  margin-bottom:11px}
.note-meta {
  display:flex;
  gap:12px;
  font-size:9px;
  color:#75816b;
  margin-bottom:20px}
.note-text {
  font-size:12px;
  line-height:1.7;
  color:#5b705d;
  max-width:380px;
  margin-bottom:17px}
.label {
  display:inline-block;
  background:#eaf0e3;
  border-radius:4px;
  padding:5px 7px;
  font-size:9px;
  color:#55704c}
.todo {
  font-size:11px;
  display:flex;
  align-items:center;
  gap:7px;
  margin:11px 0}
.check {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:14px;
  height:14px;
  background:#e4eedc;
  border-radius:3px;
  font-size:10px;
  color:#48643d}
.stick-note {
  position:absolute;
  left:4px;
  top:8px;
  width:186px;
  text-align:left;
  transform:rotate(-7deg);
  background:#f0dfcd;
  padding:21px 20px;
  border-radius:3px;
  z-index:2;
  box-shadow:0 10px 20px -18px #55422e}
.stick-note .tiny {
  font-size:9px;
  color:#8b6d52;
  letter-spacing:1px}
.stick-note p {
  font-family:Georgia,serif;
  font-size:20px;
  line-height:1.3;
  margin:12px 0 9px}
.stick-note small {
  font-size:10px;
  color:#7d6852}
.sound-note {
  position:absolute;
  top:35px;
  right:0;
  z-index:2;
  border:1px solid #d0dcc7;
  background:#f9fcf5;
  border-radius:9px;
  padding:15px 18px;
  text-align:left;
  transform:rotate(5deg);
  width:177px}
.sound-note .tiny {
  font-size:8px;
  letter-spacing:1px}
.wave {
  height:30px;
  display:flex;
  align-items:center;
  gap:3px;
  color:#718d61;
  margin:9px 0}
.wave i {
  width:3px;
  border-radius:2px;
  background:currentColor;
  display:block}
.sound-note small {
  font-size:10px;
  color:#6f8162}
.assistant-card {
  position:absolute;
  width:280px;
  right:14px;
  bottom:16px;
  background:#fff;
  border:1px solid #ccdac3;
  border-radius:10px;
  text-align:left;
  padding:20px;
  z-index:3;
  box-shadow:0 20px 40px -28px #26402b;
  transform:rotate(2deg)}
.assistant-top {
  display:flex;
  gap:8px;
  align-items:center;
  font-size:11px;
  margin-bottom:14px}
.spark {
  color:#91785c;
  font-size:21px}
.assistant-card p {
  font-size:12px;
  line-height:1.5;
  margin-bottom:13px}
.assistant-card .result {
  font-size:11px;
  background:#edf3e6;
  border-radius:5px;
  padding:10px;
  color:#48613e;
  line-height:1.55}
.float-label {
  position:absolute;
  bottom:17px;
  left:35px;
  font-family:Georgia,serif;
  font-size:18px;
  font-style:italic;
  color:#557444;
  transform:rotate(-4deg)}
.caption {
  text-align:center;
  font-size:10px;
  color:#708169;
  letter-spacing:.5px;
  margin:17px 0 0}
.connect-strip {
  display:flex;
  justify-content:center;
  gap:30px;
  align-items:center;
  flex-wrap:wrap;
  padding:27px 15px 36px;
  color:#53674d;
  font-size:12px;
  border-bottom:1px solid var(--line)}
.connect-strip .divider {
  width:1px;
  height:15px;
  background:#cad4c0}
.connect-strip strong {
  font-weight:500}
.section {
  padding:76px 0}
.section-header {
  text-align:center;
  max-width:740px;
  margin:0 auto 35px}
.section-header h2 {
  font-size:clamp(35px,4vw,50px);
  line-height:1.12;
  letter-spacing:-1.8px;
  font-weight:500;
  margin:14px 0 16px}
.section-header p {
  font-size:15px;
  color:var(--muted);
  margin-bottom:0}
.journey {
  background:#f0f2e7;
  border:1px solid #dce3d2;
  border-radius:18px;
  padding:29px 34px}
.journey-labels {
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#687960;
  font-size:10px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  margin-bottom:24px}
.journey-grid {
  display:grid;
  grid-template-columns:1fr 45px 1fr 45px 1fr;
  gap:14px;
  align-items:center}
.before-notes {
  display:grid;
  gap:8px}
.source {
  display:flex;
  align-items:center;
  gap:13px;
  background:#fff;
  border:1px solid #e0e4d9;
  border-radius:7px;
  padding:12px 14px;
  transform:rotate(-2deg)}
.source:nth-child(2) {
  transform:rotate(2deg);
  margin-left:8px}
.source:nth-child(3) {
  transform:rotate(-1deg)}
.source-mark {
  height:28px;
  width:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  background:#e8e4d7;
  color:#80715a;
  font-family:Georgia,serif;
  font-size:16px;
  flex:none}
.source strong {
  display:block;
  font-size:12px;
  font-weight:500}
.source small {
  display:block;
  font-size:9px;
  color:#7b8573;
  margin-top:4px}
.arrow {
  text-align:center;
  color:#879c79;
  font-size:25px}
.hub {
  padding:23px 20px;
  background:#d9e8ce;
  border-radius:13px;
  text-align:center}
.hub .logo {
  width:123px;
  margin:auto}
.hub p {
  font-size:12px;
  color:#4c6640;
  margin:16px 0 10px}
.hub-files {
  display:flex;
  flex-direction:column;
  gap:6px;
  text-align:left}
.hub-files span {
  background:#f5f9f0;
  border-radius:4px;
  font-size:10px;
  padding:8px 10px;
  display:flex;
  gap:8px;
  align-items:center}
.outcomes {
  display:grid;
  gap:10px}
.outcome {
  padding:13px 15px;
  border-left:2px solid #afc69f}
.outcome strong {
  font-size:13px;
  font-weight:500;
  display:block}
.outcome small {
  font-size:10px;
  color:#718064;
  display:block;
  margin-top:5px}
.journey-foot {
  font-size:11px;
  color:#718066;
  text-align:center;
  margin:20px 0 0}
.showcase {
  margin-top:42px;
  display:grid;
  grid-template-columns:310px 1fr;
  border:1px solid #d3deca;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  min-height:425px}
.features-nav {
  padding:15px;
  background:#f1f4e9;
  display:flex;
  flex-direction:column;
  gap:8px}
.feature-btn {
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:var(--ink);
  padding:24px 22px;
  text-align:left;
  display:block;
  flex:1}
.feature-btn:hover {
  background:#eaf0e1}
.feature-btn[aria-pressed=true] {
  background:#fff;
  border-color:#cddbbf}
.feature-btn .tiny {
  font-size:9px;
  letter-spacing:1px;
  color:#708666;
  display:block;
  margin-bottom:11px}
.feature-btn strong {
  display:block;
  font-size:19px;
  letter-spacing:-.4px;
  font-weight:500;
  margin-bottom:10px}
.feature-btn small {
  display:block;
  font-size:12px;
  line-height:1.65;
  color:#697b60}
.feature-panel {
  padding:28px 38px;
  min-width:0;
  background:#fbfcf8}
.feature-panel[hidden] {
  display:none}
.panel-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:25px;
  gap:10px}
.panel-top .tiny {
  font-size:9px;
  color:#748967;
  letter-spacing:1px}
.badge {
  background:#ebf1e3;
  color:#587346;
  border-radius:20px;
  padding:7px 10px;
  font-size:10px;
  white-space:nowrap}
.recording {
  border:1px solid #d9e3d0;
  border-radius:10px;
  background:#fff;
  overflow:hidden}
.recording-header {
  display:flex;
  justify-content:space-between;
  gap:12px;
  background:#eaf0e1;
  padding:16px 20px;
  font-size:11px}
.recording-body {
  padding:23px}
.meeting-people {
  display:flex;
  gap:9px;
  align-items:center}
.person {
  height:38px;
  width:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:Georgia,serif;
  font-size:17px;
  background:#e7eddf;
  color:#647658;
  border-radius:50%}
.person:nth-child(2) {
  background:#f0e2d1;
  color:#917459}
.person:nth-child(3) {
  background:#e2e9e9;
  color:#557379}
.meeting-people .wave {
  margin-left:12px}
.recording h4 {
  font-family:Georgia,serif;
  font-size:25px;
  font-weight:400;
  margin:21px 0 12px}
.recording p {
  font-size:12px;
  color:#65795b;
  margin-bottom:12px}
.quote-line {
  border-left:2px solid #d8e3ce;
  padding-left:14px}
.summary-label {
  font-size:9px;
  color:#7c8c6d;
  letter-spacing:1px;
  margin-top:18px}
.org-demo {
  display:grid;
  grid-template-columns:150px 1fr;
  gap:23px;
  padding:21px;
  background:#fff;
  border:1px solid #d9e3d0;
  border-radius:10px;
  min-height:275px}
.org-folders {
  border-right:1px solid #e0e6d9;
  padding-right:15px}
.org-folders p {
  display:flex;
  gap:8px;
  align-items:center;
  font-size:12px;
  padding:8px 4px;
  margin:0}
.org-folders .selected {
  background:#edf3e6;
  border-radius:4px}
.org-cards {
  display:grid;
  gap:10px}
.org-card {
  padding:14px;
  border:1px solid #dbe3d2;
  border-radius:7px}
.org-card strong {
  display:block;
  font-family:Georgia,serif;
  font-size:16px;
  font-weight:400;
  margin-bottom:9px}
.org-card small {
  font-size:10px;
  color:#78896d}
.panel-footer {
  margin-top:18px;
  font-size:12px;
  color:#627755;
  line-height:1.6}
.mcp-demo {
  padding:24px;
  background:#fff;
  border:1px solid #d5e0cc;
  border-radius:10px;
  min-height:279px}
.mcp-demo .assistant-top {
  margin-bottom:20px}
.chat-prompt {
  padding:13px 16px;
  background:#f2f4ec;
  border-radius:7px;
  font-size:13px;
  line-height:1.65;
  margin-bottom:18px}
.chat-answer {
  font-size:13px;
  line-height:1.7;
  color:#5e7451;
  margin-bottom:15px}
.source-tags {
  display:flex;
  flex-wrap:wrap;
  gap:7px}
.source-tags span {
  font-size:9px;
  border:1px solid #d7e0cf;
  border-radius:4px;
  padding:5px 8px}
.save-example {
  padding:10px 13px;
  border:1px solid #c9d7be;
  border-radius:5px;
  background:#edf3e6;
  color:#425d34;
  font-size:11px;
  margin-top:16px}
.permission {
  font-size:10px;
  color:#698159;
  display:flex;
  align-items:center;
  gap:7px}
.devices-section {
  background:#edf0e4;
  padding:57px 0}
.devices-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center}
.devices-copy h2 {
  font-size:44px;
  font-weight:500;
  letter-spacing:-1.7px;
  line-height:1.15;
  margin:13px 0 18px}
.devices-copy p {
  color:#64755a;
  font-size:15px;
  max-width:360px}
.device-labels {
  display:flex;
  gap:16px;
  margin-top:24px;
  font-size:12px;
  color:#425c36}
.devices-art {
  position:relative;
  height:255px;
  padding:20px 90px 0 5px}
.mini-laptop {
  background:#fff;
  border:6px solid #bbc9b0;
  border-radius:9px 9px 3px 3px;
  height:207px;
  padding:15px;
  position:relative}
.mini-laptop:after {
  content:'';
  position:absolute;
  height:7px;
  left:-18px;
  right:-18px;
  bottom:-12px;
  border-radius:0 0 12px 12px;
  background:#aab99e}
.mini-laptop .logo {
  width:70px;
  margin-bottom:13px}
.mini-laptop p {
  font-family:Georgia,serif;
  font-size:18px;
  margin:8px 0}
.device-lines {
  height:5px;
  background:#e8eee1;
  width:85%;
  margin:8px 0;
  border-radius:2px}
.device-lines.short {
  width:58%}
.phone {
  position:absolute;
  right:24px;
  bottom:0;
  width:122px;
  height:225px;
  background:#fff;
  border:5px solid #526b46;
  border-radius:20px;
  padding:26px 11px 15px;
  transform:rotate(7deg)}
.phone:before {
  content:'';
  position:absolute;
  top:7px;
  left:36px;
  width:39px;
  height:7px;
  background:#526b46;
  border-radius:8px}
.phone h4 {
  font-size:15px;
  font-family:Georgia,serif;
  font-weight:400;
  margin:0 0 11px}
.phone p {
  padding:10px 7px;
  background:#f0f4e9;
  border-radius:5px;
  font-size:9px;
  line-height:1.5;
  margin:7px 0}
.phone span {
  font-size:8px;
  color:#7b8d70;
  display:block;
  margin-top:5px}
.device-note {
  position:absolute;
  bottom:-16px;
  left:5px;
  font-family:Georgia,serif;
  font-style:italic;
  font-size:16px;
  color:#738263;
  transform:rotate(-3deg)}
.closing {
  padding:67px 0 52px;
  text-align:center}
.closing h2 {
  font-size:clamp(36px,4vw,50px);
  font-weight:500;
  letter-spacing:-1.8px;
  line-height:1.15;
  margin:16px 0}
.closing .tiny {
  color:#6e835f}
.origin-line {
  font-size:12px;
  line-height:1.7;
  color:#7b866e;
  margin:29px auto 0;
  max-width:500px}
.foot {
  border-top:1px solid var(--line);
  padding:24px 0 30px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:10px;
  color:#6f8065;
  gap:25px}
.foot .logo {
  width:100px}
.foot p {
  margin:0}
.foot-links {
  display:flex;
  gap:20px}
.faq {
  max-width:800px;
  margin:25px auto 0;
  text-align:left}
.faq details {
  padding:17px 0;
  border-bottom:1px solid #dce3d2}
.faq summary {
  font-size:13px;
  color:#516548;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  gap:20px;
  list-style:none}
.faq summary:after {
  content:'+'}
.faq details[open] summary:after {
  content:'−'}
.faq p {
  font-size:12px;
  color:#697d5d;
  line-height:1.7;
  margin:14px 0 0}
.faq details[open] {
  padding-bottom:20px}

@media(max-width:1050px) {
  .hero-stage {
  padding-inline:55px}
.stick-note {
  left:-10px;
  width:163px;
  padding:17px}
.sound-note {
  right:-10px;
  width:158px}
.assistant-card {
  right:-5px;
  width:245px}
.desk-note {
  padding:25px}
.showcase {
  grid-template-columns:265px 1fr}
.feature-btn {
  padding:22px 17px}
.feature-panel {
  padding:25px}
.journey {
  padding:25px}
.journey-grid {
  gap:8px;
  grid-template-columns:1fr 27px 1fr 27px 1fr}
.nav-center {
  gap:18px}
.devices-grid {
  gap:35px}
.devices-copy h2 {
  font-size:39px}
}
@media(max-width:760px) {
  .wrap {
  width:calc(100% - 36px)}
.nav {
  height:85px;
  gap:15px}
.nav-center {
  display:none}
.nav-end {
  gap:17px;
  font-size:12px}
.nav-end .btn {
  padding:12px 14px;
  min-height:42px;
  font-size:12px}
.logo {
  width:105px}
.hero {
  padding-top:28px}
.hero h1 {
  font-size:59px;
  letter-spacing:-2.8px;
  line-height:1.02;
  margin:22px 0}
.hero .intro {
  font-size:16px;
  max-width:500px}
.hero-links {
  font-size:11px;
  gap:19px}
.eyebrow {
  font-size:9px;
  letter-spacing:1.4px}
.hero-stage {
  margin-top:29px;
  padding:82px 0 122px}
.hero-stage:before {
  inset:25px -18px 5px;
  border-radius:40% 40% 0 0 / 10% 10% 0 0}
.stick-note {
  top:12px;
  left:4px;
  width:140px;
  padding:14px;
  transform:rotate(-5deg)}
.stick-note .tiny {
  font-size:7px}
.stick-note p {
  font-size:16px;
  margin:8px 0}
.stick-note small {
  font-size:8px}
.sound-note {
  top:19px;
  right:0;
  width:136px;
  padding:12px;
  transform:rotate(4deg)}
.sound-note .wave {
  height:20px;
  margin:5px 0}
.sound-note .tiny {
  font-size:7px}
.sound-note small {
  font-size:8px}
.desktop {
  position:relative;
  z-index:2;
  border-radius:9px}
.desk-body {
  grid-template-columns:109px 1fr;
  min-height:290px}
.sidebar {
  padding:19px 8px;
  font-size:9px}
.sidebar .logo {
  width:71px}
.sidebar .tiny {
  font-size:6px;
  letter-spacing:.5px}
.side-row {
  padding:9px 5px;
  gap:6px;
  white-space:normal;
  font-size:9px}
.folder {
  width:9px;
  height:8px}
.desk-top {
  padding:11px 12px;
  font-size:8px}
.desk-note {
  padding:20px 17px}
.desk-note h3 {
  font-size:24px;
  line-height:1.13;
  margin-bottom:10px}
.breadcrumbs {
  font-size:8px;
  margin-bottom:12px}
.note-meta {
  font-size:7px;
  gap:8px;
  flex-wrap:wrap}
.note-text {
  font-size:10px}
.todo {
  font-size:9px;
  align-items:start;
  line-height:1.5}
.label {
  font-size:8px}
.assistant-card {
  bottom:21px;
  right:8px;
  width:232px;
  padding:16px;
  transform:rotate(3deg)}
.assistant-card .assistant-top {
  font-size:10px;
  margin-bottom:9px}
.assistant-card p {
  font-size:11px;
  margin-bottom:9px}
.assistant-card .result {
  font-size:10px;
  padding:8px}
.float-label {
  display:none}
.caption {
  font-size:9px;
  margin-top:8px}
.connect-strip {
  gap:15px;
  font-size:10px;
  padding:24px 8px}
.connect-strip .divider {
  display:none}
.section {
  padding:55px 0}
.section-header h2 {
  font-size:37px;
  letter-spacing:-1.4px}
.section-header p {
  font-size:14px}
.journey {
  padding:23px 19px;
  border-radius:12px}
.journey-labels {
  font-size:8px;
  letter-spacing:1px;
  gap:10px}
.journey-labels span:last-child {
  display:none}
.journey-grid {
  grid-template-columns:1fr;
  gap:13px}
.before-notes {
  grid-template-columns:repeat(3,1fr);
  gap:6px}
.source {
  display:block;
  padding:11px 8px;
  min-width:0}
.source:nth-child(2) {
  margin-left:0}
.source-mark {
  width:23px;
  height:23px;
  font-size:13px;
  margin-bottom:9px}
.source strong {
  font-size:10px;
  line-height:1.3}
.source small {
  font-size:8px;
  line-height:1.4}
.arrow {
  transform:rotate(90deg);
  font-size:20px;
  height:20px}
.hub {
  padding:20px}
.hub .logo {
  width:112px}
.hub p {
  margin:12px 0}
.hub-files {
  flex-direction:row;
  justify-content:center;
  flex-wrap:wrap}
.hub-files span {
  font-size:9px;
  padding:8px}
.outcomes {
  grid-template-columns:1fr 1fr 1fr;
  gap:8px}
.outcome {
  padding:7px;
  border-left:0;
  border-top:2px solid #afc69f}
.outcome strong {
  font-size:11px;
  line-height:1.4}
.outcome small {
  font-size:9px;
  line-height:1.5}
.journey-foot {
  font-size:9px}
.showcase {
  margin-top:27px;
  grid-template-columns:1fr;
  min-height:0;
  border-radius:12px}
.features-nav {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:9px;
  gap:5px}
.feature-btn {
  padding:12px 8px;
  min-height:85px}
.feature-btn .tiny {
  font-size:8px;
  margin-bottom:7px}
.feature-btn strong {
  font-size:12px;
  line-height:1.4;
  letter-spacing:0;
  margin-bottom:0}
.feature-btn small {
  display:none}
.feature-panel {
  padding:21px 18px;
  min-height:385px}
.panel-top {
  margin-bottom:18px}
.panel-top .tiny {
  font-size:8px;
  letter-spacing:.6px}
.badge {
  font-size:8px;
  padding:6px 8px}
.recording-header {
  font-size:9px;
  padding:13px 15px}
.recording-body {
  padding:18px}
.recording h4 {
  font-size:23px}
.recording p {
  font-size:11px}
.panel-footer {
  font-size:11px}
.org-demo {
  grid-template-columns:100px 1fr;
  gap:13px;
  padding:15px}
.org-folders {
  padding-right:10px}
.org-folders p {
  font-size:10px}
.org-card {
  padding:12px}
.org-card strong {
  font-size:15px}
.org-card small {
  font-size:9px}
.mcp-demo {
  padding:19px}
.chat-prompt,.chat-answer {
  font-size:12px}
.devices-section {
  padding:48px 0 56px}
.devices-grid {
  grid-template-columns:1fr;
  gap:27px}
.devices-copy {
  text-align:center}
.devices-copy .eyebrow {
  justify-content:center!important}
.devices-copy h2 {
  font-size:37px}
.devices-copy p {
  margin-inline:auto;
  font-size:14px}
.device-labels {
  justify-content:center;
  font-size:11px}
.devices-art {
  width:min(440px,100%);
  margin:auto;
  height:255px;
  padding-right:80px}
.phone {
  right:8px}
.closing {
  padding:52px 0 35px}
.closing h2 {
  font-size:38px}
.foot {
  flex-wrap:wrap;
  gap:20px}
.foot p {
  max-width:180px}
.foot-links {
  width:100%;
  gap:20px}
.wait-row .btn {
  padding:14px 16px;
  font-size:12px;
  gap:12px}
.wait-row input {
  padding:14px 13px}
.origin-line {
  font-size:11px}
.faq {
  margin-top:27px}
.faq summary {
  font-size:12px}
}
@media(max-width:370px) {
  .nav-end>a:first-child {
  display:none}
.hero h1 {
  font-size:51px}
.wait-row {
  flex-direction:column}
.hero-links {
  gap:13px}
.desk-body {
  grid-template-columns:91px 1fr}
.sidebar {
  padding-inline:5px}
.desk-note {
  padding-inline:13px}
.desk-note h3 {
  font-size:21px}
.note-text {
  font-size:9px}
.source {
  padding:10px 6px}
.source strong {
  font-size:9px}
.outcome strong {
  font-size:10px}
.feature-btn strong {
  font-size:11px}
.feature-panel {
  padding:18px 13px}
.feature-btn {
  padding-inline:7px}
.org-demo {
  grid-template-columns:85px 1fr;
  gap:9px}
.devices-art {
  padding-right:65px}
.phone {
  right:0}
}
@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto}
}

.meeting-people .wave {
  flex:1;
  min-width:0;
  overflow:hidden}
.meeting-people .wave i {
  flex-shrink:0}

.hero h1 {
  font-size:clamp(42px,4.5vw,64px);
  letter-spacing:-2.7px;
  line-height:1.1;
  margin:23px auto;
  max-width:1200px}
.hero .intro {
  max-width:740px;
  font-size:17px}
.desk-body {
  min-height:425px}
.desk-note {
  padding:25px 30px 20px}
.editor-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px}
.edit-hint {
  font-size:11px;
  color:#637b54}
.editable-title {
  display:block;
  width:100%;
  font-family:Georgia,serif;
  font-size:29px;
  color:var(--ink);
  border:0;
  background:#fff;
  padding:4px 0;
  margin:0 0 13px;
  border-radius:3px}
.editable-body {
  display:block;
  resize:vertical;
  width:100%;
  min-height:226px;
  border:0;
  background:#fff;
  color:#4d6550;
  line-height:1.7;
  font:14px/1.7 Arial,Helvetica,sans-serif;
  padding:3px 0;
  border-radius:3px}
.editor-foot {
  font-size:11px;
  color:#7a8b70;
  margin:13px 0 0}
.sound-note {
  width:205px}
.meeting-snippet {
  font-size:11px;
  color:#506942;
  line-height:1.6;
  margin:10px 0 0}
.hero-stage {
  padding-inline:82px}
.assistant-card {
  right:0;
  bottom:5px;
  width:270px}
.hero-stage:before {
  inset:16px -36px 0}
.desk-note .note-meta {
  margin-bottom:12px}
.editor-heading .label {
  font-size:10px}

@media(max-width:1050px) {
  .hero-stage {
  padding-inline:50px}
.sound-note {
  right:-8px;
  width:183px}
.desk-note {
  padding:24px}
.editable-body {
  font-size:13px}
.assistant-card {
  width:240px;
  right:-8px}
}

@media(max-width:760px) {
  .hero h1 {
  font-size:43px;
  line-height:1.08;
  letter-spacing:-1.8px;
  max-width:600px}
.hero .intro {
  font-size:16px;
  line-height:1.7}
.hero-stage {
  padding:106px 0 140px}
.desk-body {
  min-height:447px;
  grid-template-columns:100px 1fr}
.desk-note {
  padding:19px 15px}
.editable-title {
  font-size:23px}
.editable-body {
  font-size:16px;
  line-height:1.6;
  min-height:281px}
.editable-title {
  font-size:24px}
.edit-hint {
  font-size:10px}
.editor-heading {
  display:block;
  margin-bottom:13px}
.edit-hint {
  display:block;
  margin-top:8px}
.editor-foot {
  font-size:10px}
.sound-note {
  width:161px;
  top:12px;
  right:0}
.meeting-snippet {
  font-size:10px;
  margin-top:6px}
.sound-note .wave {
  height:16px}
.stick-note {
  width:137px;
  top:19px}
.assistant-card {
  width:250px;
  right:4px;
  bottom:9px}
.desk-note .note-meta {
  font-size:9px;
  line-height:1.5;
  gap:5px}
.hero-stage:before {
  inset:25px -18px 5px}
.editor-heading .label {
  font-size:9px}
}

@media(max-width:370px) {
  .hero h1 {
  font-size:37px}
.desk-body {
  grid-template-columns:1fr}
.sidebar {
  display:none}
.desk-note {
  padding:20px}
.editable-body {
  min-height:281px}
.sound-note {
  width:145px}
.stick-note {
  width:119px;
  padding:12px}
.stick-note p {
  font-size:15px}
}



/* Public landing controls. Product illustrations retain their compact scale. */
.skip-link {
  position:absolute;
  top:-100px;
  left:20px;
  z-index:10;
  background:#fff;
  padding:16px}

.skip-link:focus {
  top:10px}

.fine a,.legal a {
  text-decoration:underline;
  text-underline-offset:3px}

.trap {
  position:absolute;
  left:-10000px;
  width:1px;
  height:1px;
  overflow:hidden}

.status.error {
  color:#9b2c20}
.btn:disabled {
  opacity:.65;
  cursor:wait}

.fine,.foot,.caption {
  font-size:12px}
.foot-links a {
  padding-block:12px}

.legal {
  max-width:760px;
  padding-block:48px}
.legal h1 {
  font-size:42px;
  line-height:1.15}
.legal h2 {
  font-size:23px;
  margin-top:32px}
.legal p {
  font-size:16px}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto}
}

/* Personal-context campaign: the existing notebook illustration stays interactive. */
.hero h1 { max-width:1000px; font-size:clamp(42px,5.3vw,74px); line-height:1.06; }
.hero .intro { max-width:755px; text-wrap:pretty; }
.availability { display:grid; grid-template-columns:repeat(4,1fr); margin:36px auto 0; max-width:1080px; border-block:1px solid var(--line); padding:22px 0; gap:16px; }
.availability div { padding:0 10px; }
.availability div+div { border-left:1px solid var(--line); }
.availability span { display:block; font-size:11px; color:var(--muted); margin-bottom:9px; }
.availability strong { font-size:12px; font-weight:600; line-height:1.6; display:block; }
.capture-section { padding-top:85px; }
.capability-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; margin-top:44px; }
.capability-card { min-width:0; background:#fffdf8; border:1px solid var(--line); border-radius:18px; overflow:hidden; display:flex; flex-direction:column; scroll-margin-top:25px; }
.capability-visual { height:290px; padding:28px; background:#e9edde; overflow:hidden; position:relative; }
.capability-copy { padding:30px 34px 32px; flex:1; display:flex; flex-direction:column; align-items:flex-start; }
.capability-copy .tiny { color:var(--green); font-size:10px; }
.capability-copy h3 { margin:15px 0 14px; font-size:clamp(26px,2.6vw,34px); line-height:1.13; font-weight:500; letter-spacing:-1px; }
.capability-copy p { color:#5c6d5e; font-size:15px; line-height:1.65; max-width:440px; margin-bottom:24px; }
.text-cta { display:inline-flex; gap:20px; padding:8px 0; min-height:44px; align-items:center; border-bottom:1px solid #9bae92; font-size:13px; font-weight:600; margin-top:auto; }
.text-cta:hover { color:var(--green); border-color:var(--green); }
.visual-top { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:11px; margin-bottom:15px; }
.live-pill { color:#386248; background:#fffdf5; border-radius:20px; padding:6px 10px; font-size:10px; }
.meeting-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }
.attendee { height:127px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#d3dfca; border-radius:9px; font:27px Georgia,serif; color:#43634c; }
.attendee small { font:10px Arial,sans-serif; margin-top:17px; text-align:center; }
.attendee.peach,.pocket-note.peach { background:#f1e1cc; }
.attendee.lilac { background:#e1deed; }
.attendee.agent { background:#fffdf8; }
.attendee img { width:38px; height:38px; }
.mini-result { display:flex; align-items:center; gap:10px; background:#fffdf8; padding:12px; border-radius:8px; font-size:11px; margin-top:14px; }
.result-check { background:#dfebd6; border-radius:50%; padding:3px 5px; }
.extension-card .capability-visual { background:#efe8da; padding:0; }
.browser-bar { display:flex; align-items:center; justify-content:space-between; padding:15px 22px; background:#fbf8f2; font-size:11px; border-bottom:1px solid #dfd8cb; }
.extension-scene { display:grid; grid-template-columns:1fr 1.15fr; gap:12px; padding:22px; }
.transcript-preview { padding-top:12px; font-size:11px; line-height:1.5; color:#63705e; }
.transcript-preview .tiny { font-size:8px; letter-spacing:1px; }
.transcript-preview p { margin:12px 0; }
.extension-popup { padding:18px; background:#fffdf8; border:1px solid #d3dcca; border-radius:9px; box-shadow:0 8px 22px #394b3c12; }
.extension-popup img { width:75px; margin-bottom:18px; }
.extension-popup strong { font-size:13px; }
.capture-source { display:flex; align-items:center; gap:7px; font-size:9px; margin-top:10px; }
.visual-wave { display:flex; align-items:center; justify-content:center; gap:5px; height:65px; overflow:hidden; }
.visual-wave i { display:block; width:4px; flex-shrink:0; background:#86a17a; border-radius:5px; }
.extension-popup .visual-wave { height:46px; }
.extension-popup .visual-wave i { width:3px; transform:scaleY(.6); }
.mock-record { background:#e6eddd; border-radius:5px; padding:8px; font-size:10px; text-align:center; }
.inperson-card .capability-visual { background:#e7ece6; padding:28px 38px; }
.audio-card { padding:20px; border:1px solid #cbd7c5; background:#fffdf8; border-radius:10px; }
.audio-time { display:flex; align-items:center; gap:8px; font-size:12px; }
.audio-time span:last-child { margin-left:auto; font-size:9px; color:#62745f; }
.record-dot { width:7px; height:7px; background:#b35d48; border-radius:50%; flex:none; }
.summary-slip { background:#f8ebd2; border:1px solid #e5d8bc; border-radius:6px; padding:17px; position:relative; margin:-5px 7px 0 45px; transform:rotate(-3deg); box-shadow:0 6px 13px #344c3310; }
.summary-slip .tiny { font-size:8px; letter-spacing:1px; }
.summary-slip strong { display:block; font:19px Georgia,serif; margin:9px 0 7px; }
.summary-slip>span:last-child { font-size:10px; }
.written-card .capability-visual { background:#ede7df; padding:27px 25px 0; }
.writing-window { display:grid; grid-template-columns:105px 1fr; background:#fff; border:1px solid #d0d7c6; border-radius:9px 9px 0 0; overflow:hidden; height:278px; }
.writing-folders { background:#f0f3e9; padding:25px 12px; font-size:10px; }
.writing-folders .tiny { font-size:8px; letter-spacing:.5px; }
.writing-folders p { display:flex; align-items:center; gap:8px; margin:19px 0; }
.writing-page { padding:0 20px; }
.mock-toolbar { padding:12px 0; border-bottom:1px solid #e5e8e0; color:#6a7862; font-size:12px; margin-bottom:14px; }
.writing-page .tiny { font-size:8px; }
.writing-page h4 { font:23px/1.2 Georgia,serif; margin:12px 0 10px; }
.writing-page p { font-size:10px; color:#5d715c; }
.writing-line { height:5px; background:#e6e9df; border-radius:3px; margin:10px 0; width:90%; }
.writing-line.short { width:65%; }
.mock-check { font-size:10px; margin:12px 0; }
.mobile-card .capability-visual { background:#e5eadc; }
.mobile-visual { display:flex; align-items:flex-start; justify-content:center; gap:18px; padding-top:22px; }
.pocket-phone { position:relative; flex:0 1 175px; height:285px; border:5px solid #65765b; border-radius:24px; padding:31px 12px 12px; background:#fffdf8; box-shadow:0 12px 22px #52674915; transform:rotate(-5deg); }
.pocket-phone.second { transform:rotate(6deg); margin-top:23px; background:#f9f8f0; }
.phone-speaker { position:absolute; top:10px; width:39px; height:5px; border-radius:10px; background:#65765b; left:calc(50% - 20px); }
.pocket-heading { font:15px Georgia,serif; margin-bottom:17px; }
.pocket-heading span { float:right; }
.pocket-note { border-radius:6px; background:#e8eddc; padding:12px 9px; margin:10px 0; }
.pocket-note strong { font-size:11px; display:inline-block; margin-left:6px; }
.pocket-note small { display:block; font-size:8px; margin-top:7px; }
.pocket-phone .tiny { font-size:7px; letter-spacing:.7px; }
.pocket-phone p { font-size:11px; margin-top:16px; }
.phone-platform { display:block; font-size:9px; color:#526548; margin-top:18px; }
.device-bridge { position:absolute; bottom:15px; left:50%; transform:translateX(-50%); width:max-content; max-width:90%; background:#fffdf8; border:1px solid #cbd8bf; border-radius:20px; padding:11px 19px; font-size:12px; box-shadow:0 4px 15px #203b2710; }
.connect-card .capability-visual { background:#e9e6ee; padding:27px 34px; }
.ai-clients { display:flex; gap:10px; margin-bottom:17px; }
.ai-clients span { background:#faf8fc; border:1px solid #d9d3e0; border-radius:20px; font-size:11px; padding:7px 12px; }
.context-chat { background:#fffdfb; border-radius:10px; padding:17px; border:1px solid #d7d2de; }
.context-chat p { font-size:12px; margin-bottom:12px; }
.context-question { background:#eeeaf4; border-radius:8px; padding:10px; }
.context-answer { padding:0 4px; color:#526548; }
.context-chat .source-tags { margin:0; }
.context-chat .source-tags span { font-size:9px; }
.mcp-connection { font-size:10px; margin:13px 0 0; display:flex; align-items:center; gap:8px; }
.all-context { border-top:1px solid var(--line); }
textarea:focus-visible { outline:3px solid #428068; outline-offset:5px; }
@media(max-width:1050px) {
  .availability { grid-template-columns:repeat(2,1fr); gap:20px; }
  .availability div:nth-child(3) { border-left:0; }
  .capability-visual { padding:22px; }
  .attendee { font-size:22px; }
  .attendee small { font-size:9px; }
  .capability-copy { padding:25px; }
  .extension-scene { padding:18px; gap:8px; }
  .extension-popup { padding:13px; }
  .writing-window { grid-template-columns:85px 1fr; }
  .writing-folders { padding-inline:8px; }
  .writing-page { padding-inline:14px; }
  .writing-page h4 { font-size:20px; }
  .connect-card .capability-visual { padding-inline:23px; }
}
@media(max-width:760px) {
  .hero h1 { font-size:clamp(36px,7.5vw,54px); letter-spacing:-1.7px; }
  .hero .intro { font-size:16px; }
  .availability { gap:18px 10px; padding-block:20px; margin-top:27px; }
  .availability div { padding:0 5px; }
  .availability span { font-size:10px; margin-bottom:5px; }
  .availability strong { font-size:11px; }
  .capability-grid { grid-template-columns:1fr; gap:22px; margin-top:30px; }
  .capability-visual { height:280px; }
  .capability-copy { padding:25px; }
  .capability-copy h3 { font-size:30px; }
  .capability-copy p { font-size:14px; }
  .capability-copy .tiny { font-size:9px; }
  .meeting-grid { gap:6px; }
  .attendee { height:120px; }
  .inperson-card .capability-visual { padding:25px 20px; }
  .summary-slip { margin-left:20px; }
  .audio-card { padding:16px; }
  .audio-time span:last-child { font-size:8px; }
  .written-card .capability-visual { padding-inline:16px; }
  .connect-card .capability-visual { padding:25px 20px; }
  .pocket-phone { flex-basis:155px; }
  .mobile-visual { gap:10px; }
}
@media(max-width:370px) {
  .capability-visual { padding-inline:16px; }
  .capability-copy { padding:23px; }
  .capability-copy h3 { font-size:27px; }
  .extension-scene { padding:15px 12px; }
  .transcript-preview { font-size:10px; }
  .extension-popup { padding:12px 9px; }
  .extension-popup strong { font-size:11px; }
  .capture-source { font-size:8px; }
  .visual-top { font-size:10px; }
  .mini-result { font-size:10px; }
  .audio-time span:last-child { max-width:95px; }
  .summary-slip strong { font-size:17px; }
  .writing-page h4 { font-size:19px; }
  .pocket-phone { padding-inline:8px; }
}