/* Product-faithful views, within the approved landing identity. */
.leaf .demo-heading h2{margin-top:0;margin-bottom:8px}.leaf-content{padding-bottom:28px}.leaf-inner{min-width:330px}.folio{min-height:412px}.leaf-rest{bottom:34px}.leaf .leaf-foot{font-size:11px}
/* A short explanation belongs to the expanded view, ahead of its example. */
.leaf-description{max-width:46ch;margin:0 0 12px;font-size:13px;line-height:1.55;color:#334e6a}
.leaf-expenses .leaf-description{color:#dae5f2}
.leaf-projects .leaf-description{color:white}
.expense-breakdown{display:grid;grid-template-columns:148px 1fr;align-items:center;gap:26px;margin-top:28px}.expense-donut{width:148px;height:148px;position:relative}.expense-donut>svg{width:100%;height:100%}.expense-donut>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.expense-donut strong{font-size:19px;font-weight:550;letter-spacing:-.025em}.expense-donut span{font-size:10px;color:#c5d8ec;margin-top:1px}.expense-legend{margin:0;font-size:11px;display:grid;gap:16px}.expense-legend>div{display:flex;justify-content:space-between;align-items:center;gap:14px}.expense-legend dt{display:flex;align-items:center;gap:7px}.expense-legend dd{margin:0;font-variant-numeric:tabular-nums;font-size:12px}.expense-legend i{width:6px;height:6px;background:#7da8d3;border-radius:50%;flex-shrink:0}.expense-legend>div:nth-child(2) i{background:#cadced}.expense-legend>div:nth-child(3) i{background:#b4c9bc}.expense-legend>div:nth-child(4) i{background:#e5d6b4}.leaf-expenses .leaf-foot{margin-top:26px}.saving-preview{margin-top:20px}.saving-preview>strong{display:block;font-size:48px;font-weight:500;line-height:1.1;letter-spacing:-.035em}.saving-preview>strong>span{font-size:24px;margin-left:3px}.saving-preview>span{font-size:11px;display:block;margin-top:5px}.saving-preview-track{height:10px;width:100%;background:#285b90;border-radius:3px;margin-top:21px;overflow:hidden}.saving-preview-track>i{display:block;width:60%;height:100%;background:#deedfa}.saving-preview>small{display:block;font-size:10px;margin-top:10px}.subscription-table-head{display:flex;justify-content:space-between;font-size:10px;margin-block:14px 0;color:#3b5673}.subscription-total{margin-top:17px}.mini-sub{padding:11px 0;font-size:13px}.mini-sub small{font-size:10px;opacity:1;color:#3b5673}.sub-billing{margin-left:auto;text-align:right}.sub-billing strong{font-size:12px;font-weight:650}.sub-billing small{font-size:10px;margin-top:2px}.budget-periods{display:flex;gap:4px;margin-top:12px;border-bottom:1px solid #afc6dc}.budget-periods button{border:0;background:none;color:#425e79;padding:5px 10px 9px;min-height:34px;font-size:11px;border-bottom:2px solid transparent}.budget-periods button[aria-pressed=true]{color:var(--navy);border-color:var(--navy);font-weight:700}.budget-reference{display:flex;justify-content:space-between;font-size:10px;margin-top:13px}.budget-reference strong{font-weight:600}.budget-comparison{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin-top:13px}.budget-comparison caption{text-align:left;font-size:12px;font-weight:650;padding-bottom:7px}.budget-comparison caption span{font-weight:400;font-size:10px;color:#425e79}.budget-comparison th,.budget-comparison td{padding:6px 0;text-align:right;white-space:nowrap;font-size:11px;border-bottom:1px solid #bcd0e2}.budget-comparison th:first-child{text-align:left}.budget-comparison thead th{font-weight:400;color:#425e79;font-size:10px}.budget-comparison tbody th{font-weight:500}.budget-comparison tbody i{display:inline-block;vertical-align:1px;width:5px;height:5px;border-radius:50%;margin-right:6px}.env-needs{background:#7986a8}.env-wants{background:#ca755a}.env-invest{background:#af954e}.env-save{background:#4e948b}.budget-remainder{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:10px}.budget-remainder strong{font-weight:600}.provision-title{display:flex;gap:10px;align-items:center;margin-top:22px}.provision-title>.icon{width:22px;height:22px}.provision-title strong{font-size:14px;font-weight:600}.provision-title span{display:block;font-size:10px;margin-top:1px}.provision-values{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:16px}.provision-values strong{font-size:31px;letter-spacing:-.025em;font-weight:550}.provision-values small{font-size:11px;font-weight:400}.provision-values>span{font-size:11px}.provision-track{height:9px;background:#285b90;border-radius:3px;overflow:hidden;margin-top:12px}.provision-track i{display:block;width:60%;height:100%;background:#e3f1fd}.provision-meta{display:flex;justify-content:space-between;margin-top:7px;font-size:10px}.project-pace{border-top:1px solid #79a2ca;padding-top:16px;margin-top:21px}.project-pace>span{font-size:11px}.project-pace strong{font-size:17px}.breathing-statement{align-self:center}
.copy-demo{margin-top:46px;background:var(--brume);border-radius:14px;padding:44px;display:grid;grid-template-columns:1fr 1.35fr;gap:54px;align-items:start}.copy-guide{padding-block:24px}.copy-guide h3{font-size:29px;line-height:1.24;max-width:350px}.copy-steps{list-style:none;padding:0;margin:33px 0 30px;display:grid;gap:25px}.copy-steps li{position:relative;padding-left:37px;counter-increment:copy-step}.copy-steps .step-number{position:absolute;top:2px;left:0;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;border:1px solid #b1c6dc;color:#50627b;font-size:11px;font-weight:600}.copy-steps li[aria-current=step] .step-number,.copy-steps li[data-done] .step-number{background:var(--navy);border-color:var(--navy);color:white}.copy-steps strong{display:block;font-size:14px;font-weight:650;line-height:1.5}.copy-steps li>span:not(.step-number){display:block;font-size:12px;color:var(--muted);margin-top:5px;max-width:31ch;line-height:1.65}.watch-demo{gap:12px;font-size:12px;padding:14px 17px}.watch-demo .icon{width:17px;height:17px}.copy-guide-note{font-size:11px;color:var(--muted);margin-top:12px}.copy-workspace{background:white;box-shadow:0 10px 30px #14234b0c;border-radius:12px;min-height:572px;min-width:0;overflow:visible}.copy-context{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#e1ebf5;color:#415675;padding:14px 23px;border-radius:12px 12px 0 0;font-size:11px}.copy-context>span:first-child{font-weight:650}.copy-context>span:last-child{display:flex;align-items:center;gap:6px;font-size:10px}.copy-context .icon{width:14px;height:14px}.copy-form{padding:25px 26px 23px}.copy-form-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.copy-form-title h3{font-size:18px;letter-spacing:-.02em;font-weight:650}.transaction-type{font-size:10px;background:#f4e9e5;color:#93452e;padding:4px 8px;border-radius:5px}.copy-picker{position:relative;margin-top:19px}.copy-trigger{display:flex;gap:9px;align-items:center;padding:11px 12px;width:100%;min-height:44px;background:var(--brume);border:1px solid #d0deec;border-radius:7px;color:var(--navy);font-size:11px;font-weight:600;text-align:left}.copy-trigger>.icon{width:15px;height:15px}.copy-trigger .chevron{margin-left:auto;width:14px;transform:rotate(90deg)}.copy-trigger[aria-expanded=true] .chevron{transform:rotate(-90deg)}.copy-search-panel{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 6px);border-radius:9px;background:white;padding:8px;box-shadow:0 12px 35px #14234b30}.copy-searchbox{position:relative}.copy-searchbox>.icon{position:absolute;left:11px;top:12px;width:17px;height:17px;color:#526980;pointer-events:none}.copy-searchbox input{width:100%;border:1px solid #bdcfe1;border-radius:6px;background:#f8fafc;padding:11px 10px 11px 35px;font:inherit;font-size:12px;color:var(--navy);height:41px}.search-help{display:block;font-size:9px;padding:7px 8px 3px;color:var(--muted)}.copy-result{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:0;background:white;text-align:left;color:var(--navy);padding:10px 9px;border-radius:5px;min-height:50px}.copy-result:hover,.copy-result:focus-visible{background:var(--brume)}.copy-result strong{font-size:12px;font-weight:600;display:block}.copy-result small{display:block;font-size:9px;color:var(--muted);margin-top:1px}.result-amount{font-size:11px;color:#a04e36;white-space:nowrap}.copy-empty{padding:15px 9px;font-size:12px;color:var(--muted)}.copied-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;margin-top:21px}.copy-field{min-width:0}.copy-field.full{grid-column:1/-1}.copy-field>label,.field-label{display:block;font-size:10px;font-weight:550;color:#4a5e78;margin-bottom:6px}.copy-field input{width:100%;height:40px;padding:9px 11px;border:1px solid #cbd8e5;border-radius:6px;font-family:inherit;font-size:12px;color:var(--navy);background:white;min-width:0}.copy-field input::placeholder{color:#5f7187;opacity:1}.copy-field output{display:block;font-size:12px;color:#5f7187;min-height:24px;line-height:1.7}.has-copy .copy-field output{color:var(--navy)}.account-field output{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:var(--navy)}.account-field output span{font-size:9px;color:#536c85;background:var(--brume);padding:2px 6px;border-radius:4px}.copy-final-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.copy-date-row{display:flex;align-items:center;gap:5px}.copy-date-row input{font-size:11px;padding-inline:8px;min-width:0}.copy-date-row button{background:var(--brume);border:1px solid #cbd8e5;border-radius:6px;padding:8px;min-height:40px;flex-shrink:0;color:var(--navy)}.copy-date-row .icon{height:17px;width:17px}.copy-field input:focus-visible,.copy-searchbox input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.copy-field input[aria-invalid=true]{border-color:#a34332}.copy-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.copy-form-footer>span{font-size:9px;color:var(--muted)}.copy-form-footer .button{font-size:12px;min-height:39px;padding:10px 16px;gap:13px}.copy-form-footer .icon{width:14px;height:14px}.copy-error{font-size:11px;color:#a34332;line-height:1.5;margin-top:12px}.copy-success{padding:35px 26px}.copy-success-title{display:flex;align-items:center;gap:11px}.copy-success-title>.icon{color:#417c65;width:24px;height:24px}.copy-success-title h3{font-size:21px;font-weight:600}.saved-date{font-size:11px;color:var(--muted);margin-top:35px;padding-bottom:9px;border-bottom:1px solid var(--line)}.saved-transaction{display:flex;justify-content:space-between;align-items:start;gap:16px;padding-top:20px}.saved-transaction>div>strong{font-size:15px;display:block;overflow-wrap:anywhere}.saved-transaction>div>span{font-size:11px;color:var(--muted);display:block;margin-top:3px}.saved-transaction>strong{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#a04e36}.saved-labels{display:flex;gap:9px;margin-top:17px;font-size:10px}.saved-labels span{border-radius:4px;padding:4px 8px;background:var(--brume);color:#425d79}.copy-success>p{font-size:13px;color:var(--muted);margin-top:33px;max-width:42ch}.copy-success .text-link{font:inherit;font-size:12px;background:none;border:0;border-bottom:1px solid var(--ink);color:var(--ink);margin-top:25px;padding-inline:0}.copy-success .icon{width:17px;height:17px}.under-demo{max-width:none;align-items:start}.under-demo>span:last-child{max-width:48%;text-align:right}
@media(max-width:1150px){.expense-breakdown{grid-template-columns:125px 1fr;gap:18px}.expense-donut{height:125px;width:125px}.expense-donut strong{font-size:17px}.expense-legend{font-size:10px;gap:15px}.expense-legend dd{font-size:10px}.expense-legend>div{gap:8px}.copy-demo{padding:32px;gap:30px;grid-template-columns:.85fr 1.3fr}.copy-guide h3{font-size:25px}.copy-form{padding:23px 20px}.copy-form-title h3{font-size:17px}.copy-final-fields{gap:10px}.copy-form-footer{gap:9px}}
@media(min-width:621px) and (max-width:1080px){.folio{min-height:0}.leaf-inner{min-width:0;max-width:560px}.expense-breakdown{grid-template-columns:150px 1fr;gap:36px}.expense-donut{width:150px;height:150px}.expense-legend{font-size:12px}.expense-legend dd{font-size:12px}.budget-comparison th,.budget-comparison td{font-size:12px;padding-block:9px}.leaf-projects .leaf-content{padding-bottom:35px}.copy-demo{grid-template-columns:1fr;gap:30px;max-width:760px;margin-inline:auto}.copy-guide{padding:0;display:grid;grid-template-columns:1fr 1.2fr;gap:0 30px;align-items:start}.copy-guide h3{font-size:29px;grid-row:1}.copy-steps{grid-row:1/4;grid-column:2;margin:0}.watch-demo{justify-self:start;margin-top:20px}.copy-guide-note{margin-top:9px}.copy-workspace{min-height:545px}.copy-form{padding:26px 30px}.copy-context{padding-inline:30px}.copy-final-fields{gap:18px}.copy-guide .copy-steps{gap:17px}}
@media(max-width:620px){.folio{min-height:0}.leaf-inner{min-width:0}.expense-breakdown{grid-template-columns:115px 1fr;gap:19px;margin-top:25px}.expense-donut{width:115px;height:115px}.expense-donut strong{font-size:15px}.expense-donut span{font-size:9px}.expense-legend{font-size:10px;gap:15px}.expense-legend dd{font-size:10px}.expense-legend dt{gap:5px}.expense-legend i{width:5px;height:5px}.expense-legend>div{gap:5px}.leaf-expenses .leaf-foot{font-size:10px;margin-top:23px}.leaf .demo-heading h2{font-size:25px}.budget-comparison th,.budget-comparison td{font-size:10px;padding-block:8px}.budget-comparison thead th{font-size:9px}.budget-comparison th:first-child{white-space:normal}.budget-comparison tbody i{margin-right:4px}.budget-reference{margin-top:13px}.budget-periods button{min-height:40px;font-size:12px}.budget-remainder{margin-top:13px;font-size:11px}.provision-values>span{font-size:10px}.project-pace strong{font-size:17px}.subscription-total strong{font-size:26px}.subscription-total>span{font-size:10px}.subscription-table-head{font-size:9px}.mini-sub{font-size:13px;padding-block:13px}.mini-sub small{font-size:9px}.sub-billing strong{font-size:11px}.copy-demo{padding:24px 16px;display:block;margin-top:30px}.copy-guide{padding:0 8px 27px}.copy-guide h3{font-size:25px}.copy-steps{margin-block:24px;gap:20px}.copy-steps strong{font-size:14px}.copy-steps li>span:not(.step-number){font-size:12px;max-width:35ch}.watch-demo{font-size:12px;min-height:46px}.copy-workspace{min-height:578px}.copy-context{padding:14px;font-size:10px;gap:8px}.copy-context>span:last-child{font-size:9px}.copy-context .icon{display:none}.copy-form{padding:20px 15px}.copy-form-title h3{font-size:16px}.transaction-type{font-size:9px;padding:3px 6px}.copy-trigger{font-size:10px;gap:7px;padding-inline:9px;min-height:44px}.copy-trigger>.icon{width:14px;height:14px}.copy-searchbox input{font-size:13px}.copy-result{padding:11px 6px;gap:8px}.copy-result strong{font-size:11px}.copy-result small{font-size:8px}.result-amount{font-size:10px}.search-help{font-size:8px;padding-inline:6px}.copied-fields{gap:15px 12px;margin-top:20px}.copy-field>label,.field-label{font-size:10px}.copy-field input{font-size:12px;height:43px}.copy-field output{font-size:11px;min-height:23px}.account-field output span{font-size:8px}.copy-final-fields{grid-template-columns:1fr;gap:13px;margin-top:16px}.copy-date-row input{font-size:12px;flex:1}.copy-date-row button{min-height:43px;padding:10px}.copy-form-footer{margin-top:18px;padding-top:16px}.copy-form-footer .button{min-height:43px;font-size:12px}.copy-form-footer>span{font-size:9px}.copy-success{padding:26px 18px}.copy-success-title h3{font-size:19px}.saved-transaction{gap:10px}.saved-transaction>div>strong{font-size:13px}.saved-transaction>strong{font-size:11px}.saved-transaction>div>span{font-size:9px}.under-demo{display:block;line-height:1.8}.under-demo>span{display:block}.under-demo>span:last-child{max-width:none;text-align:left;margin-top:5px}.copy-search-panel{padding:7px}.copy-success>p{font-size:13px}.breathing-statement{position:static}}
@media(max-width:370px){.expense-breakdown{grid-template-columns:99px 1fr;gap:11px}.expense-donut{width:99px;height:99px}.expense-donut strong{font-size:13px}.expense-legend{font-size:9px}.expense-legend dd{font-size:9px}.expense-legend i{display:none}.copy-demo{padding-inline:12px}.copy-form-title h3{font-size:14px}.copy-trigger{font-size:9px}}

.copy-workspace{scroll-margin-top:24px}.copy-context>button{padding:2px 4px;border:0;background:transparent;color:var(--navy);font:inherit;font-size:10px;text-decoration:underline;text-underline-offset:3px}

/* The founder's context stays secondary to the quote, with room to read. */
.founder-story{font-size:13px;color:var(--muted)}
.founder-story p+p{margin-top:14px}
.faq-list summary .icon{flex-shrink:0}
@media(max-width:850px){.founder-story{grid-column:2}}
@media(max-width:620px){.founder-story{order:1}}

.hero-intro p{max-width:43ch}
.faq-demo-link{display:block;width:fit-content;margin-top:14px;color:var(--navy);text-decoration:underline;text-underline-offset:4px}
.join-layout>div>p{max-width:47ch}

/* Align the introduction with the headline, independently of CTA height. */
.hero-heading{align-items:start}
@media(min-width:851px){.hero-intro{padding-top:10px}}
.expense-legend>div:nth-child(5) i{background:#4c82ba}
.rest-sub>span{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding-inline:12px}
.rest-sub small{font-size:9px;letter-spacing:.02em;font-weight:550;color:#415675}

/* One heading, then three open columns: no decorative logo or empty side. */
.breathing-section{padding-block:72px}
.breathing-layout{display:block}
.breathing-statement h2{font-size:clamp(40px,4.1vw,56px);max-width:900px}
.principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:44px;padding-top:0}
.principles>div+div{border-top:0;padding-top:0}
.principle-icon{width:27px;height:27px;color:#3d709f;margin-bottom:20px}
.principles h3{font-size:19px;max-width:26ch}
.principles p{font-size:14px;max-width:38ch}
.trust-section{padding-block:72px;align-items:center}
.trust-copy{padding-top:0}
.founder-surface{background:var(--brume)}
.founder-section{border:0;padding-block:60px}
.founder-avatar{background:white}
.faq-section{padding-block:80px}

/* The existing waitlist, completed on this page. */
.join-action{width:100%;justify-self:stretch;min-width:0}
.waitlist-form label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}
.waitlist-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}
.waitlist-fields input{min-width:0;width:100%;min-height:54px;padding:14px 16px;border:1px solid #819bbf;border-radius:8px;background:#22355c;color:white;font-family:inherit;font-size:16px;line-height:1.5}
.waitlist-fields input::placeholder{color:#bdcfe6;opacity:1}
.waitlist-fields input:focus-visible{outline:2px solid #c5def5;outline-offset:3px}
.waitlist-fields input[aria-invalid=true]{border-color:#ffb9a9;outline-color:#ffb9a9}
.waitlist-fields .button{padding:14px 18px;gap:18px;font-size:13px;min-height:54px}
.waitlist-fields .button:disabled{opacity:.65;cursor:progress;transform:none}
.waitlist-progress{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:12px;color:#d0dcec}
.waitlist-progress button,.waitlist-success button{border:0;padding:4px 0;background:transparent;color:white;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.waitlist-error{margin-top:12px;font-size:13px;line-height:1.55;color:#ffb9a9}
.join-action>.waitlist-note{margin-top:20px;font-size:11px;line-height:1.9;color:#d0dcec}
.waitlist-note a{text-decoration:underline;text-underline-offset:3px}
.waitlist-success>.icon{color:#b4d9cc;width:28px;height:28px;margin-bottom:16px}
.waitlist-success h3{font-size:24px;line-height:1.25}
.waitlist-success p{font-size:13px;line-height:1.7;color:#d0dcec;margin-top:15px}
.waitlist-success button{margin-top:18px}
.waitlist-success:focus-visible{outline:2px solid #c5def5;outline-offset:8px}
.join-date{margin-top:18px}
@media(min-width:621px) and (max-width:900px){
  .breathing-statement h2{font-size:43px}
  .principles{grid-template-columns:1fr;gap:26px;max-width:640px;margin-top:36px}
  .principles>div{display:grid;grid-template-columns:30px 1fr;column-gap:20px}
  .principle-icon{grid-row:1/3;margin-top:2px;margin-bottom:0}
  .principles h3{max-width:none}
  .principles p{grid-column:2;max-width:56ch}
  .join-layout{grid-template-columns:1fr;gap:38px}
  .join-action{max-width:570px}
}
@media(max-width:620px){
  .breathing-section{padding-block:54px}
  .breathing-statement h2{font-size:36px}
  .principles{grid-template-columns:1fr;gap:28px;margin-top:34px}
  .principles>div{display:grid;grid-template-columns:26px 1fr;column-gap:15px}
  .principle-icon{width:24px;height:24px;grid-row:1/3;margin-top:2px;margin-bottom:0}
  .principles h3{font-size:19px;max-width:none}
  .principles p{grid-column:2;font-size:14px;max-width:none}
  .trust-section{padding-block:54px}
  .trust-copy{padding-top:22px}
  .founder-section{padding-block:40px}
  .faq-section{padding-block:56px}
  .waitlist-fields{grid-template-columns:1fr;gap:12px}
  .waitlist-fields .button{justify-content:space-between;padding-inline:18px}
  .waitlist-fields input{padding-inline:16px}
  .join-action{margin-top:30px}
}

/* Language access shares the existing header rhythm. */
.nav-actions{display:flex;align-items:center;gap:20px}.join-section{position:relative}.anchor-alias{position:absolute;top:0;left:0}
@media(max-width:850px){.nav-actions{margin-left:auto;gap:12px}.nav{gap:12px}}
@media(max-width:620px){.nav-actions{gap:8px}.nav-cta{display:none}.brand{flex-shrink:0}}

/* Keep editable demo fields from triggering iOS focus zoom. */
@media(max-width:620px){.copy-field input,.copy-date-row input,.copy-searchbox input{font-size:16px}}