/* Hallmark · macrostructure: Split Studio · genre: modern-minimal · theme: Coral · anchor hue: Kyra red · nav: N5 · footer: Ft5 · critique: P5 H5 E5 S5 R5 V4 */
@import url("/tokens.css");

@font-face { font-family: "Google Sans Flex Rounded"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/assets/fonts/GoogleSansRounded.woff2") format("woff2"); }
*,*::before,*::after{box-sizing:border-box} html,body{overflow-x:clip} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);font-weight:350;line-height:1.6;-webkit-font-smoothing:antialiased} img,svg{display:block;max-width:100%} a{color:inherit;text-decoration:none} button,input{font:inherit} button{cursor:pointer} h1,h2,h3,p,ul{margin:0} ul{padding:0;list-style:none} h1,h2,h3{min-width:0;overflow-wrap:anywhere;color:var(--color-ink-strong);font-family:var(--font-display);font-style:normal} h1{font-size:var(--text-display);font-weight:700;line-height:1;letter-spacing:-.055em} h2{font-size:var(--text-3xl);font-weight:700;line-height:1.06;letter-spacing:-.04em} h3{font-size:var(--text-2xl);font-weight:700;line-height:1.1;letter-spacing:-.035em} ::selection{background:var(--color-accent);color:var(--color-accent-ink)} :focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--rule-offset)} section[id]{scroll-margin-top:var(--space-4xl)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:var(--z-overlay);inset:var(--space-md) auto auto var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);color:var(--color-accent-ink);background:var(--color-accent);opacity:0;pointer-events:none}.skip-link:focus{opacity:1;pointer-events:auto}
.container,.container--text{width:min(100% - (var(--page-gutter) * 2),var(--content-max));margin-inline:auto}.container--text{max-width:52rem}.global-nav{position:fixed;z-index:var(--z-nav);inset:var(--space-md) var(--page-gutter) auto;min-height:var(--control-height);display:flex;align-items:center;padding:var(--space-2xs) var(--space-xs) var(--space-2xs) var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-nav);box-shadow:var(--shadow-nav);-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%)}.global-nav .container{display:flex;align-items:center;justify-content:space-between;width:100%}.back-to-studio{display:inline-flex;align-items:center;min-height:var(--control-height)}.back-to-studio img{height:var(--logo-height-header);width:auto;transform-origin:left center;transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.back-to-studio span{display:none}.nav-links{position:absolute;inset:calc(100% + var(--space-xs)) 0 auto;display:grid;gap:var(--space-2xs);padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper-2);box-shadow:var(--shadow-nav);opacity:0;pointer-events:none}.global-nav.is-open .nav-links{opacity:1;pointer-events:auto}.nav-links a{display:flex;align-items:center;min-height:var(--control-height);padding-inline:var(--space-sm);border-radius:var(--radius-pill);font-weight:700;line-height:1;white-space:nowrap}.nav-toggle{display:grid;width:var(--control-height);height:var(--control-height);place-content:center;padding:0;border:0;border-radius:var(--radius-round);background:transparent;color:var(--color-ink)}.nav-toggle svg{width:var(--space-lg);height:var(--space-lg)}
.tile{padding-block:var(--space-section)}.tile--parchment,.tile--light,.tile--dark,.tile--dark-2{color:var(--color-ink);background:transparent}.hero-app-row,.feature-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2xl);align-items:center}.hero-app-row{min-height:100svh;padding-block:var(--space-5xl) var(--space-4xl)}.hero-app-row>div:last-child{display:grid;justify-items:start;gap:var(--space-md)}.hero-app-row .lead{max-width:40rem;color:var(--color-body);font-size:var(--text-lg);line-height:1.5}.app-icon-tile{width:4.5rem;height:4.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-surface)}.eyebrow{color:var(--color-accent-light);font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.eyebrow--on-dark{color:var(--color-accent-light)}.phone-frame,.feature-media,.budget-list,.chart-mock,.bill-list{background:var(--color-paper-2);box-shadow:var(--shadow-surface)}.phone-frame{width:min(100%,18rem);margin-inline:auto;padding:var(--space-lg);border-radius:var(--radius-xl)}.phone-frame__notch{display:none}.phone-frame__screen{display:grid;gap:var(--space-sm)}.mock-balance-label,.mock-row__sub,.bill-item__due{color:var(--color-muted);font-size:var(--text-sm)}.mock-balance{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.04em}.mock-chip{display:inline-flex;width:max-content;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);color:var(--color-accent-light);background:var(--color-accent-soft);font-size:var(--text-sm);font-weight:700}.mock-row,.ledger-row{display:flex;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-input)}.mock-row__amt{font-weight:700;font-variant-numeric:tabular-nums}.btn{display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;padding-inline:var(--space-lg);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-pill);font-weight:700;line-height:1;white-space:nowrap;transition:opacity var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.btn--primary{border-color:var(--color-accent);color:var(--color-accent-ink);background:var(--color-accent)}.btn--ghost{color:var(--color-accent-light);background:var(--color-paper-soft)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.42;cursor:not-allowed}.waitlist-form{display:grid;gap:var(--space-sm);width:min(100%,34rem)}.waitlist-input{width:100%;min-height:var(--control-height);padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-pill);color:var(--color-ink);background:var(--color-input)}.waitlist-input::placeholder{color:var(--color-placeholder)}.form-status{min-height:1lh;color:var(--color-muted);font-size:var(--text-sm)}.waitlist-note{color:var(--color-muted);font-size:var(--text-sm)}
.feature-row{padding:var(--space-xl);border-radius:var(--radius-xl);background:var(--color-paper-2);box-shadow:var(--shadow-surface)}.feature-copy{display:grid;justify-items:start;gap:var(--space-md)}.feature-copy .body-copy{color:var(--color-body);font-size:var(--text-md)}.feature-media{padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:none}.budget-list,.bill-list{display:grid;gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:none}.budget-item__top,.bill-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.budget-item__name,.bill-item__name{font-weight:700}.budget-item__amt,.bill-item__amt{font-weight:700;font-variant-numeric:tabular-nums}.budget-track{height:var(--space-xs);margin-block-start:var(--space-xs);overflow:hidden;border-radius:var(--radius-pill);background:var(--color-paper-3)}.budget-fill{height:100%;border-radius:inherit;background:var(--color-accent)}.chart-mock{display:flex;align-items:end;justify-content:space-between;min-height:14rem;gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:none}.chart-mock__bar{flex:1;min-width:0;border-radius:var(--radius-lg) var(--radius-lg) var(--space-2xs) var(--space-2xs);background:var(--color-paper-3)}.chart-mock__bar.is-peak{background:var(--color-accent)}.chart-mock__labels{display:flex;justify-content:space-between;gap:var(--space-sm);margin-block-start:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm)}.bill-item__icon{display:grid;flex:none;width:var(--space-xl);aspect-ratio:1;place-items:center;border-radius:var(--radius-round);color:var(--color-accent-light);background:var(--color-accent-soft)}.tile-stack{display:grid;justify-items:center;gap:var(--space-md);text-align:center}.tile-stack .body-copy{max-width:40rem;color:var(--color-body);font-size:var(--text-md)}.tech-pill{display:inline-flex;margin:var(--space-2xs);padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-pill);color:var(--color-body);background:var(--color-paper-soft);font-size:var(--text-sm);font-weight:700}
.site-footer{width:min(100% - (var(--page-gutter) * 2),var(--content-max));display:grid;gap:var(--space-2xl);margin-inline:auto;padding-block:var(--space-4xl) var(--space-xl);border-block-start:var(--rule-hair) solid var(--color-rule)}.footer-top{display:grid;gap:var(--space-xl)}.footer-brand{display:grid;gap:var(--space-md)}.footer-brand img{height:var(--logo-height-footer);width:auto}.footer-brand p,.footer-col a,.footer-bottom{color:var(--color-muted);font-size:var(--text-sm)}.footer-col{display:grid;gap:var(--space-sm)}.footer-col h4{color:var(--color-ink);font-size:var(--text-sm);font-weight:700}.footer-col a{display:inline-flex;align-items:center;min-height:var(--control-height);white-space:nowrap}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-md);padding-block-start:var(--space-lg);border-block-start:var(--rule-hair) solid var(--color-rule)}.legal{padding:var(--space-xl);border-radius:var(--radius-xl);background:var(--color-paper-2);box-shadow:var(--shadow-surface)}.legal h2{margin-block:var(--space-2xl) var(--space-sm);font-size:var(--text-xl)}.legal p,.legal li{color:var(--color-body)}.legal ul{display:grid;gap:var(--space-sm);padding-inline-start:var(--space-lg);list-style:disc}.callout{padding:var(--space-lg);margin-block:var(--space-xl);border-radius:var(--radius-lg);background:var(--color-paper-3)}.text-link{color:var(--color-accent-light);font-weight:700}
@media (hover:hover) and (pointer:fine){.btn:hover,.nav-links a:hover,.footer-col a:hover{opacity:.72}.btn:hover{transform:translateY(-1px)}.back-to-studio:hover img{transform:scale(1.025);opacity:.86}}@media (min-width:40rem){.global-nav{inset-inline:50% auto;width:min(calc(100% - (var(--page-gutter)*2)),44rem);transform:translateX(-50%)}.waitlist-form{grid-template-columns:minmax(0,1fr) auto}.footer-top{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}}@media (min-width:60rem){.global-nav{width:max-content;max-width:44rem;gap:var(--space-lg)}.nav-toggle{display:none}.nav-links{position:static;display:flex;align-items:center;gap:var(--space-2xs);padding:0;border:0;background:transparent;box-shadow:none;opacity:1;pointer-events:auto}.nav-links a{min-height:var(--control-height-sm)}.hero-app-row,.feature-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4xl)}.hero-app-row>.phone-frame{order:2}.feature-row.is-reversed .feature-media{order:2}}@media (prefers-reduced-motion:no-preference){@keyframes logo-reveal{from{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.back-to-studio img,.footer-brand img{animation:logo-reveal var(--dur-reveal) var(--ease-out) both}.js [data-reveal]{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out)}.js [data-reveal].is-visible{opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.back-to-studio img,.footer-brand img{animation:none;transition-property:opacity;transition-duration:var(--dur-reduced)}}