From 1e06728992f9621d466e950b7ffee49e54ea5785 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 7 Oct 2026 03:30:04 +0000
Subject: [PATCH 1/2] Website: full-screen phone menu, sticky top bar and
 larger text

On phones every website page now shares one top bar that stays visible
while scrolling, and a full-screen menu with large links, the current
page marked, and Log in beside Start free trial. The page is locked
while the menu is open. Desktop headers are unchanged.

Copy and controls that were 8-12px now have a 12-14px floor; the small
app previews keep their scale.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01HcVKDmy3nYR8taPWrTXANu
---
 web/src/CompanyPages.tsx  | 12 +++------
 web/src/EditorialMock.tsx | 17 ++++++------
 web/src/SiteMenu.tsx      | 55 +++++++++++++++++++++++++++++++++++++++
 web/src/company-pages.css | 33 ++++++++++++-----------
 web/src/editorial.css     | 54 +++++++++++++++++++-------------------
 web/src/site-menu.css     | 27 +++++++++++++++++++
 6 files changed, 137 insertions(+), 61 deletions(-)
 create mode 100644 web/src/SiteMenu.tsx
 create mode 100644 web/src/site-menu.css

diff --git a/web/src/CompanyPages.tsx b/web/src/CompanyPages.tsx
index 65a3291f..52852247 100644
--- a/web/src/CompanyPages.tsx
+++ b/web/src/CompanyPages.tsx
@@ -1,25 +1,19 @@
 import { useState, type ReactNode } from 'react';
 import { BrandWordmark } from './BrandWordmark';
+import { SiteMenu, siteNav as nav, useSiteMenu } from './SiteMenu';
 import './editorial.css';
 import './company-pages.css';
 
 type Page = 'how' | 'life' | 'pricing' | 'journal' | 'about';
 const signup = 'https://app.ourcommune.io/signup';
-const nav = [
-  ['How it works', '/how-it-works.html'],
-  ['Life together', '/life-together.html'],
-  ['Pricing', '/pricing.html'],
-  ['Journal', '/journal.html'],
-  ['About', '/about.html'],
-] as const;
 
 function Button({ children = 'Start your free trial', href = signup, light = false }: { children?: string; href?: string; light?: boolean }) {
   return <a className={`l-button ${light ? 'l-button--white' : ''}`} href={href}>{children}</a>;
 }
 function Header({ page }: { page: Page }) {
-  const [open, setOpen] = useState(false);
+  const phoneMenu = useSiteMenu();
   const current = { how: '/how-it-works.html', life: '/life-together.html', pricing: '/pricing.html', journal: '/journal.html', about: '/about.html' }[page];
-  return <header className="p-header"><div className="l-container p-header__inner"><BrandWordmark /><nav id="company-nav" aria-label="Main navigation" className={open ? 'is-open' : ''}>{nav.map(([name, href]) => <a key={href} href={href} aria-current={href === current ? 'page' : undefined} onClick={() => setOpen(false)}>{name}</a>)}<a className="p-header__login" href="https://app.ourcommune.io/login">Log in</a><Button /></nav><button className="p-header__menu" aria-expanded={open} aria-controls="company-nav" onClick={() => setOpen(!open)}>{open ? 'Close' : 'Menu'}</button></div></header>;
+  return <><SiteMenu {...phoneMenu} current={current} /><header className="p-header"><div className="l-container p-header__inner"><BrandWordmark /><nav aria-label="Main navigation">{nav.map(([name, href]) => <a key={href} href={href} aria-current={href === current ? 'page' : undefined}>{name}</a>)}<a className="p-header__login" href="https://app.ourcommune.io/login">Log in</a><Button /></nav></div></header></>;
 }
 function Footer() {
   return <footer className="p-footer"><div className="l-container"><div className="p-footer__top"><div><BrandWordmark /><p>For people who do life together.</p></div><div><span>Explore</span>{nav.map(([name, href]) => <a key={href} href={href}>{name}</a>)}</div><div><span>Your Commune</span><a href={signup}>Start free trial</a><a href="https://app.ourcommune.io/login">Log in</a><a href="mailto:support@ourcommune.io">Contact us</a></div></div><div className="p-footer__bottom"><span>© {new Date().getFullYear()} Commune</span><div><a href="https://app.ourcommune.io/privacy">Privacy</a><a href="https://app.ourcommune.io/terms">Terms</a></div></div></div></footer>;
diff --git a/web/src/EditorialMock.tsx b/web/src/EditorialMock.tsx
index 33427520..0fcaf3b3 100644
--- a/web/src/EditorialMock.tsx
+++ b/web/src/EditorialMock.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react';
 import { BrandWordmark } from './BrandWordmark';
+import { SiteMenu, useSiteMenu } from './SiteMenu';
 
 const heroScenes = [
   { image: '/company-hero-home.jpg', label: 'Home' },
@@ -56,7 +57,7 @@ export default function EditorialMock() {
   const [step, setStep] = useState(0);
   const [completedJobs, setCompletedJobs] = useState<string[]>([]);
   const [yearly, setYearly] = useState(false);
-  const [menu, setMenu] = useState(false);
+  const phoneMenu = useSiteMenu();
   const [heroScene, setHeroScene] = useState(0);
   const [reducedMotion, setReducedMotion] = useState(() => typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches);
   useEffect(() => {
@@ -74,20 +75,20 @@ export default function EditorialMock() {
   }, [reducedMotion]);
   const current = lives[life];
   return <div className="l-site" id="top">
+    <SiteMenu {...phoneMenu} tone="photo" />
     <section className="l-hero" aria-labelledby="hero-title">
       <div className="l-hero__scenes" aria-hidden="true">{heroScenes.map((scene, i) => <img key={scene.image} className={`l-hero__image l-hero__image--${scene.label.toLowerCase()} ${heroScene === i ? 'is-active' : ''}`} src={scene.image} alt="" fetchPriority={i === 0 ? 'high' : undefined} loading={i < 2 ? 'eager' : 'lazy'} />)}</div>
       <header className="l-header l-container">
         <BrandWordmark href="#top" />
-        <nav id="main-navigation" className={menu ? 'is-open' : ''} aria-label="Main navigation">
-          <a href="/how-it-works.html" onClick={() => setMenu(false)}>How it works</a>
-          <a href="/life-together.html" onClick={() => setMenu(false)}>Life together</a>
-          <a href="/pricing.html" onClick={() => setMenu(false)}>Pricing</a>
-          <a href="/journal.html" onClick={() => setMenu(false)}>Journal</a>
-          <a href="/about.html" onClick={() => setMenu(false)}>About</a>
+        <nav aria-label="Main navigation">
+          <a href="/how-it-works.html">How it works</a>
+          <a href="/life-together.html">Life together</a>
+          <a href="/pricing.html">Pricing</a>
+          <a href="/journal.html">Journal</a>
+          <a href="/about.html">About</a>
           <a className="l-login" href="https://app.ourcommune.io/login">Log in</a>
           <LinkButton variant="white">Start free trial</LinkButton>
         </nav>
-        <button className="l-menu" aria-expanded={menu} aria-controls="main-navigation" onClick={() => setMenu(!menu)}>{menu ? 'Close' : 'Menu'}</button>
       </header>
       <div className="l-hero__body l-container">
         <h1 id="hero-title">For people who<br />do life together.</h1>
diff --git a/web/src/SiteMenu.tsx b/web/src/SiteMenu.tsx
new file mode 100644
index 00000000..30b451ff
--- /dev/null
+++ b/web/src/SiteMenu.tsx
@@ -0,0 +1,55 @@
+import { useEffect, useState } from 'react';
+import { BrandWordmark } from './BrandWordmark';
+import './site-menu.css';
+
+const signup = 'https://app.ourcommune.io/signup';
+const login = 'https://app.ourcommune.io/login';
+export const siteNav = [
+  ['How it works', '/how-it-works.html'],
+  ['Life together', '/life-together.html'],
+  ['Pricing', '/pricing.html'],
+  ['Journal', '/journal.html'],
+  ['About', '/about.html'],
+] as const;
+
+/** Phone menu state: locks page scroll while open, closes on Escape or when the window widens past phone size. */
+export function useSiteMenu() {
+  const [open, setOpen] = useState(false);
+  const [scrolled, setScrolled] = useState(false);
+  useEffect(() => {
+    const onScroll = () => setScrolled(window.scrollY > 160);
+    const onKey = (event: KeyboardEvent) => { if (event.key === 'Escape') setOpen(false); };
+    const wide = window.matchMedia('(min-width: 801px)');
+    const onWide = () => { if (wide.matches) setOpen(false); };
+    onScroll();
+    window.addEventListener('scroll', onScroll, { passive: true });
+    window.addEventListener('keydown', onKey);
+    wide.addEventListener('change', onWide);
+    return () => { window.removeEventListener('scroll', onScroll); window.removeEventListener('keydown', onKey); wide.removeEventListener('change', onWide); };
+  }, []);
+  useEffect(() => {
+    document.documentElement.classList.toggle('has-site-menu', open);
+    return () => document.documentElement.classList.remove('has-site-menu');
+  }, [open]);
+  return { open, setOpen, scrolled };
+}
+
+/** The phone top bar and full-screen menu. Desktop keeps each page's own header. */
+export function SiteMenu({ open, setOpen, scrolled, current, tone = 'light' }: { open: boolean; setOpen: (open: boolean) => void; scrolled: boolean; current?: string; tone?: 'light' | 'photo' }) {
+  const close = () => setOpen(false);
+  return <div className={`site-menu site-menu--${tone}${open ? ' is-open' : ''}${scrolled ? ' is-scrolled' : ''}`}>
+    <div className="site-menu__bar">
+      <BrandWordmark />
+      <button className="site-menu__toggle" type="button" aria-expanded={open} aria-controls="site-menu-panel" onClick={() => setOpen(!open)}>{open ? 'Close' : 'Menu'}</button>
+    </div>
+    <nav id="site-menu-panel" className="site-menu__panel" aria-label="Main navigation" hidden={!open}>
+      <div className="site-menu__links">
+        {siteNav.map(([name, href]) => <a key={href} href={href} aria-current={href === current ? 'page' : undefined} onClick={close}>{name}</a>)}
+      </div>
+      <div className="site-menu__actions">
+        <a className="l-button site-menu__login" href={login}>Log in</a>
+        <a className="l-button site-menu__trial" href={signup}>Start free trial</a>
+      </div>
+    </nav>
+  </div>;
+}
diff --git a/web/src/company-pages.css b/web/src/company-pages.css
index d430711c..a0dc8895 100644
--- a/web/src/company-pages.css
+++ b/web/src/company-pages.css
@@ -1,23 +1,22 @@
 .p-site{background:#f5f6f3;overflow:hidden}
 .p-header{background:#f9faf8;color:#14243b;position:relative;z-index:20}
 .p-header__inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}
-.p-header nav{display:flex;align-items:center;gap:24px;font-size:12px}
+.p-header nav{display:flex;align-items:center;gap:24px;font-size:14px}
 .p-header nav>a:not(.l-button){transition:opacity .2s}
 .p-header nav>a:not(.l-button):hover{opacity:.6}
 .p-header nav>a[aria-current=page]{font-weight:700}
-.p-header nav .l-button{font-size:12px;min-height:40px;padding:10px 18px}
+.p-header nav .l-button{font-size:14px;min-height:40px;padding:10px 18px}
 .p-header__login{margin-left:8px}
-.p-header__menu{display:none}
 .p-photo-hero{position:relative;min-height:clamp(560px,72vh,730px);display:flex;align-items:center;isolation:isolate;color:white;background:#14243b}
 .p-photo-hero>img{position:absolute;inset:0;z-index:-2;object-position:center 49%}
 .p-photo-hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0e1d31cf 0%,#0e1d318f 37%,#0e1d3119 78%),linear-gradient(0deg,#0e1d3140,transparent 30%)}
 .p-photo-hero__content{padding-block:85px;position:relative}
-.p-photo-hero .l-eyebrow{font-size:11px;letter-spacing:.11em;color:#e2e9e6}
+.p-photo-hero .l-eyebrow{font-size:12px;letter-spacing:.11em;color:#e2e9e6}
 .p-photo-hero h1{font-weight:400;font-size:clamp(56px,6.1vw,86px);line-height:1.02;letter-spacing:-.055em;max-width:820px}
 .p-photo-hero p{font-size:clamp(17px,1.6vw,21px);line-height:1.47;color:#f0f2ef;max-width:490px;margin-top:26px}
 .p-photo-hero__actions{display:flex;align-items:center;gap:27px;margin-top:32px}
 .p-photo-hero__actions .l-button{font-size:14px}
-.p-light-link{font-size:13px;text-decoration:underline;text-underline-offset:6px}
+.p-light-link{font-size:14px;text-decoration:underline;text-underline-offset:6px}
 .p-section{padding-block:clamp(80px,9vw,126px)}
 .p-section-head{max-width:690px;margin-bottom:48px}
 .p-section-head .l-eyebrow{color:#4c755b;font-weight:700}
@@ -37,13 +36,13 @@
 .p-example__layout>div:first-child>p+p{margin-top:13px;font-size:13px;color:#acbdc9}
 .p-example .l-button{background:white;color:#14243b;margin-top:28px}
 .p-example__card{background:white;color:#14243b;border-radius:24px;padding:32px;max-width:500px;width:100%;box-shadow:0 24px 65px #07122034}
-.p-example__label{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.08em;color:#75828a}
+.p-example__label{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.08em;color:#75828a}
 .p-example__card h3{font-size:23px;font-weight:400;margin-top:34px}
 .p-example__card>strong{display:block;font-size:53px;font-weight:400;letter-spacing:-.055em;margin-top:10px}
 .p-example__share{display:flex;justify-content:space-between;gap:12px;background:#eaf0e8;border-radius:11px;padding:14px;font-size:11px;margin:24px 0 8px}
 .p-example__share b{font-weight:600}
 .p-example__people{display:grid;grid-template-columns:1fr auto 48px;gap:10px;align-items:center;border-bottom:1px solid #e9eeeb;padding:12px 0;font-size:12px}
-.p-example__people em{font-style:normal;background:#edf2ed;border-radius:12px;text-align:center;font-size:9px;padding:5px}
+.p-example__people em{font-style:normal;background:#edf2ed;border-radius:12px;text-align:center;font-size:10px;padding:5px}
 .p-plain{background:white}
 .p-plain__layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:10vw}
 .p-plain__layout h2{max-width:520px}
@@ -61,9 +60,9 @@
 .p-footer__top>div:first-child{gap:12px}
 .p-footer__top>div:first-child p{font-size:14px;color:#c2ced7}
 .p-footer__top>div>span{font-size:12px;font-weight:700;margin-bottom:7px}
-.p-footer__top>div>a:not(.l-wordmark){font-size:13px;color:#c4ced6}
+.p-footer__top>div>a:not(.l-wordmark){font-size:14px;color:#c4ced6}
 .p-footer__top>div>a:hover{text-decoration:underline;text-underline-offset:5px}
-.p-footer__bottom{border-top:1px solid #ffffff30;display:flex;justify-content:space-between;gap:20px;padding:24px 0 31px;font-size:11px;color:#bec9d1}
+.p-footer__bottom{border-top:1px solid #ffffff30;display:flex;justify-content:space-between;gap:20px;padding:24px 0 31px;font-size:13px;color:#bec9d1}
 .p-footer__bottom>div{display:flex;gap:20px}
 .p-life-intro{background:#fff}
 .p-life-stories{display:flex;flex-direction:column;gap:19px}
@@ -83,18 +82,18 @@
 .p-pricing__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
 .p-pricing__grid article{background:#fff;border-radius:26px;padding:32px;display:flex;flex-direction:column;min-height:545px}
 .p-pricing__grid article:nth-child(3){background:#e6edeb}
-.p-plan-number{font-size:11px;color:#5b7866}
+.p-plan-number{font-size:12px;color:#5b7866}
 .p-pricing__grid h3{font-size:37px;font-weight:400;letter-spacing:-.05em;margin-top:32px}
 .p-pricing__grid article>p{font-size:14px;line-height:1.4;color:#65717a;margin-top:10px;min-height:40px}
 .p-plan-price{display:flex;align-items:baseline;gap:8px;margin-top:26px}
 .p-plan-price strong{font-size:47px;font-weight:400;letter-spacing:-.055em}
-.p-plan-price span,.p-plan-billing{font-size:11px;color:#62717d}
+.p-plan-price span,.p-plan-billing{font-size:14px;color:#62717d}
 .p-plan-billing{display:block;margin-top:3px}
-.p-pricing__grid ul{list-style:none;padding:0;margin:32px 0 30px;display:flex;flex-direction:column;gap:16px;font-size:13px;line-height:1.4}
+.p-pricing__grid ul{list-style:none;padding:0;margin:32px 0 30px;display:flex;flex-direction:column;gap:16px;font-size:14px;line-height:1.4}
 .p-pricing__grid li{display:flex;gap:11px}
 .p-pricing__grid li::before{content:'';width:6px;height:6px;background:#709077;border-radius:50%;align-self:center;flex-shrink:0}
 .p-pricing__grid .l-button{width:100%;margin-top:auto}
-.p-pricing__note{text-align:center;font-size:12px;color:#63717a;margin-top:26px}
+.p-pricing__note{text-align:center;font-size:13px;color:#63717a;margin-top:26px}
 .p-pricing-faq{background:#fff}
 .p-pricing-faq__layout{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw}
 .p-pricing-faq__layout>div:last-child{border-top:1px solid #dae3e2}
@@ -106,7 +105,7 @@
 .p-journal-hero h1{font-size:clamp(58px,7vw,96px);font-weight:400;line-height:1;letter-spacing:-.06em}
 .p-journal-hero p{font-size:21px;line-height:1.45;color:#64717d;margin-top:28px;max-width:560px}
 .p-journal-hero__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}
-.p-journal-hero__links a{background:white;border-radius:22px;padding:10px 18px;font-size:12px}
+.p-journal-hero__links a{background:white;border-radius:22px;padding:10px 18px;font-size:14px}
 .p-journal-list{background:#fff;padding:48px 0 100px}
 .p-journal-list article{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start;padding:76px 0;border-bottom:1px solid #d9e1e3;scroll-margin-top:30px}
 .p-journal-list article:last-child{border:0}
@@ -127,6 +126,6 @@
 .p-about-values article>span{font-size:12px;color:#54745d}
 .p-about-values h3{font-size:29px;font-weight:400;letter-spacing:-.04em;margin-top:46px}
 .p-about-values p{font-size:15px;line-height:1.5;color:#63717c;margin-top:15px}
-@media(max-width:1000px){.p-header nav{gap:15px;font-size:11px}.p-header nav .l-button{display:none}.p-pricing__grid article{padding:25px}.p-life-stories article>div{padding:36px}}
-@media(max-width:750px){.p-header__inner{min-height:76px}.p-header__menu{display:block;border:1px solid #bfcbd1;border-radius:24px;background:white;padding:9px 17px;font-size:12px}.p-header nav{display:none;position:absolute;top:75px;left:var(--gutter);right:var(--gutter);background:white;box-shadow:0 20px 45px #12243c20;border-radius:20px;padding:18px;flex-direction:column;align-items:stretch;gap:0;font-size:14px}.p-header nav.is-open{display:flex}.p-header nav>a:not(.l-button){padding:13px 6px}.p-header nav .l-button{display:inline-flex;margin-top:12px}.p-photo-hero{min-height:610px}.p-photo-hero>img{object-position:62% center}.p-photo-hero__shade{background:linear-gradient(0deg,#0e1d31d9 0%,#0e1d3180 53%,#0e1d3130 100%)}.p-photo-hero__content{align-self:end;padding-bottom:65px}.p-photo-hero h1{font-size:58px}.p-steps__grid{grid-template-columns:1fr}.p-steps__grid article{min-height:0}.p-steps__grid h3{margin-top:28px}.p-example__layout,.p-plain__layout,.p-pricing-faq__layout,.p-about__grid{grid-template-columns:1fr;gap:45px}.p-life-stories article{min-height:0}.p-life-stories article>img{min-height:360px}.p-pricing__grid{grid-template-columns:1fr}.p-pricing__grid article{min-height:0}.p-pricing__heading{align-items:start;flex-direction:column}.p-pricing__heading .l-billing{margin:0 0 28px}.p-pricing__grid article>p{min-height:0}.p-plan-price{margin-top:15px}.p-pricing__grid ul{margin-block:25px}.p-footer__top{grid-template-columns:1fr 1fr}.p-footer__top>div:first-child{grid-column:1/-1}.p-journal-list article{grid-template-columns:1fr;gap:32px}.p-journal-list article.is-reversed>img{order:0}.p-journal-list img{height:420px}.p-about-values__grid{grid-template-columns:1fr}}
-@media(max-width:600px){.p-photo-hero{min-height:630px}.p-photo-hero h1{font-size:49px}.p-photo-hero p{font-size:16px}.p-photo-hero__actions{gap:20px;flex-wrap:wrap}.p-photo-hero__actions .l-button{font-size:12px}.p-section{padding-block:68px}.p-section-head{margin-bottom:35px}.p-section-head h2,.p-section h2{font-size:40px}.p-section-head>p{font-size:15px}.p-life-stories article{display:flex;flex-direction:column}.p-life-stories article.is-reversed img{order:0}.p-life-stories article>img{height:300px;min-height:0}.p-life-stories article>div{padding:31px 27px 39px}.p-life-stories h3{font-size:38px}.p-life-stories p{font-size:15px}.p-journal-hero{padding:72px 0}.p-journal-hero h1{font-size:56px}.p-journal-hero p{font-size:17px}.p-journal-list{padding-top:0}.p-journal-list article{padding:55px 0}.p-journal-list img{height:300px}.p-journal-list h2{font-size:38px}.p-footer__top{gap:40px 26px;padding:60px 0}.p-footer__top>div>a:not(.l-wordmark){font-size:12px}.p-closing{padding:75px 0}.p-closing p{font-size:16px}.p-example__card{padding:24px}.p-example__card>strong{font-size:45px}.p-about__grid p{font-size:16px}}
+@media(max-width:1000px){.p-header nav{gap:15px;font-size:14px}.p-header nav .l-button{display:none}.p-pricing__grid article{padding:25px}.p-life-stories article>div{padding:36px}}
+@media(max-width:750px){.p-photo-hero{min-height:610px}.p-photo-hero>img{object-position:62% center}.p-photo-hero__shade{background:linear-gradient(0deg,#0e1d31d9 0%,#0e1d3180 53%,#0e1d3130 100%)}.p-photo-hero__content{align-self:end;padding-bottom:65px}.p-photo-hero h1{font-size:58px}.p-steps__grid{grid-template-columns:1fr}.p-steps__grid article{min-height:0}.p-steps__grid h3{margin-top:28px}.p-example__layout,.p-plain__layout,.p-pricing-faq__layout,.p-about__grid{grid-template-columns:1fr;gap:45px}.p-life-stories article{min-height:0}.p-life-stories article>img{min-height:360px}.p-pricing__grid{grid-template-columns:1fr}.p-pricing__grid article{min-height:0}.p-pricing__heading{align-items:start;flex-direction:column}.p-pricing__heading .l-billing{margin:0 0 28px}.p-pricing__grid article>p{min-height:0}.p-plan-price{margin-top:15px}.p-pricing__grid ul{margin-block:25px}.p-footer__top{grid-template-columns:1fr 1fr}.p-footer__top>div:first-child{grid-column:1/-1}.p-journal-list article{grid-template-columns:1fr;gap:32px}.p-journal-list article.is-reversed>img{order:0}.p-journal-list img{height:420px}.p-about-values__grid{grid-template-columns:1fr}}
+@media(max-width:600px){.p-photo-hero{min-height:630px}.p-photo-hero h1{font-size:49px}.p-photo-hero p{font-size:16px}.p-photo-hero__actions{gap:20px;flex-wrap:wrap}.p-photo-hero__actions .l-button{font-size:14px}.p-section{padding-block:68px}.p-section-head{margin-bottom:35px}.p-section-head h2,.p-section h2{font-size:40px}.p-section-head>p{font-size:15px}.p-life-stories article{display:flex;flex-direction:column}.p-life-stories article.is-reversed img{order:0}.p-life-stories article>img{height:300px;min-height:0}.p-life-stories article>div{padding:31px 27px 39px}.p-life-stories h3{font-size:38px}.p-life-stories p{font-size:15px}.p-journal-hero{padding:72px 0}.p-journal-hero h1{font-size:56px}.p-journal-hero p{font-size:17px}.p-journal-list{padding-top:0}.p-journal-list article{padding:55px 0}.p-journal-list img{height:300px}.p-journal-list h2{font-size:38px}.p-footer__top{gap:40px 26px;padding:60px 0}.p-footer__top>div>a:not(.l-wordmark){font-size:14px}.p-closing{padding:75px 0}.p-closing p{font-size:16px}.p-example__card{padding:24px}.p-example__card>strong{font-size:45px}.p-about__grid p{font-size:16px}}
diff --git a/web/src/editorial.css b/web/src/editorial.css
index c5ebf094..25255e3f 100644
--- a/web/src/editorial.css
+++ b/web/src/editorial.css
@@ -1,23 +1,23 @@
 @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;700&display=swap');
 :root{font-family:'DM Sans',Arial,sans-serif;color:#14243b;background:#f3f4f1;font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased}
 *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}h1,h2,h3,h4,p,figure,ul{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #83ad83;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}section[id]{scroll-margin-top:24px}::selection{background:#d2e1c5;color:#14243b}
-.l-site{--navy:#14243b;--green:#dce8d3;--muted:#627069;--paper:#f3f4f1;--gutter:clamp(24px,5vw,80px)}.l-container{width:min(100% - var(--gutter)*2,1200px);margin-inline:auto}.l-section{padding-block:88px}.l-eyebrow{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin-bottom:23px;line-height:1.5}.l-section h2,.l-moment h2{font-size:clamp(38px,4.1vw,57px);font-weight:400;letter-spacing:-2.4px;line-height:1.09}.l-section mark{background:white;color:inherit;padding:0 9px 3px;border-radius:12px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.l-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:42px}.l-section-heading>p{font-size:15px;color:#627069;line-height:1.55;padding-bottom:4px}.l-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 23px;border-radius:99px;color:white;background:var(--navy);font-size:13px;font-weight:500;line-height:1.3;white-space:nowrap;transition:background .2s,transform .2s}.l-button:hover{background:#2b425d;transform:translateY(-2px)}.l-button--white{background:white;color:var(--navy)}.l-button--white:hover{background:var(--green)}.l-text-link{font-size:13px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.l-text-link:hover{opacity:.72}.l-wordmark{font-size:30px;font-weight:600;letter-spacing:-1.8px;line-height:1}
+.l-site{--navy:#14243b;--green:#dce8d3;--muted:#627069;--paper:#f3f4f1;--gutter:clamp(24px,5vw,80px)}.l-container{width:min(100% - var(--gutter)*2,1200px);margin-inline:auto}.l-section{padding-block:88px}.l-eyebrow{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin-bottom:23px;line-height:1.5}.l-section h2,.l-moment h2{font-size:clamp(38px,4.1vw,57px);font-weight:400;letter-spacing:-2.4px;line-height:1.09}.l-section mark{background:white;color:inherit;padding:0 9px 3px;border-radius:12px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.l-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:42px}.l-section-heading>p{font-size:15px;color:#627069;line-height:1.55;padding-bottom:4px}.l-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 23px;border-radius:99px;color:white;background:var(--navy);font-size:14px;font-weight:500;line-height:1.3;white-space:nowrap;transition:background .2s,transform .2s}.l-button:hover{background:#2b425d;transform:translateY(-2px)}.l-button--white{background:white;color:var(--navy)}.l-button--white:hover{background:var(--green)}.l-text-link{font-size:14px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.l-text-link:hover{opacity:.72}.l-wordmark{font-size:30px;font-weight:600;letter-spacing:-1.8px;line-height:1}
 /* The photo is the first section, including the navigation. */
-.l-hero{position:relative;color:white;min-height:610px;height:min(78vh,700px);isolation:isolate;display:flex;flex-direction:column}.l-hero__image{position:absolute;inset:0;z-index:-2;object-position:center 48%}.l-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,30,.70),rgba(10,20,30,.10) 70%),linear-gradient(180deg,rgba(10,20,30,.28),transparent 30%,rgba(10,20,30,.17));z-index:-1}.l-header{display:flex;justify-content:space-between;align-items:center;gap:35px;height:100px;flex-shrink:0}.l-header nav{display:flex;align-items:center;gap:29px;font-size:12px}.l-header nav>a:not(.l-button):hover{opacity:.72}.l-header nav .l-button{font-size:12px;min-height:41px;padding:12px 19px}.l-login{margin-left:16px}.l-menu{display:none}.l-hero__body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:18px;padding-bottom:30px}.l-hero__body .l-eyebrow{font-size:10px;margin-bottom:22px;color:#e4e9e2}.l-hero h1{font-size:clamp(48px,5.7vw,78px);line-height:1.01;font-weight:400;letter-spacing:-3.7px;max-width:700px}.l-hero__body>p{font-size:16px;line-height:1.6;margin-top:24px;color:#edf0eb;max-width:460px}.l-hero__actions{display:flex;align-items:center;gap:27px;margin-top:29px}.l-hero__bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.02em;padding-block:19px}
+.l-hero{position:relative;color:white;min-height:610px;height:min(78vh,700px);isolation:isolate;display:flex;flex-direction:column}.l-hero__image{position:absolute;inset:0;z-index:-2;object-position:center 48%}.l-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,30,.70),rgba(10,20,30,.10) 70%),linear-gradient(180deg,rgba(10,20,30,.28),transparent 30%,rgba(10,20,30,.17));z-index:-1}.l-header{display:flex;justify-content:space-between;align-items:center;gap:35px;height:100px;flex-shrink:0}.l-header nav{display:flex;align-items:center;gap:29px;font-size:14px}.l-header nav>a:not(.l-button):hover{opacity:.72}.l-header nav .l-button{font-size:14px;min-height:41px;padding:12px 19px}.l-login{margin-left:16px}.l-hero__body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:18px;padding-bottom:30px}.l-hero__body .l-eyebrow{font-size:12px;margin-bottom:22px;color:#e4e9e2}.l-hero h1{font-size:clamp(48px,5.7vw,78px);line-height:1.01;font-weight:400;letter-spacing:-3.7px;max-width:700px}.l-hero__body>p{font-size:16px;line-height:1.6;margin-top:24px;color:#edf0eb;max-width:460px}.l-hero__actions{display:flex;align-items:center;gap:27px;margin-top:29px}.l-hero__bottom{display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:.02em;padding-block:19px}
 /* Three small, legible views of the product. */
-.l-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.l-feature{background:white;border-radius:25px;padding:27px 24px 23px;display:flex;flex-direction:column;min-width:0}.l-card-number{font-size:11px;color:#788179;margin-bottom:14px}.l-feature h3{font-weight:400;font-size:20px;letter-spacing:-.65px;line-height:1.25;min-height:51px}.l-feature>p{font-size:12px;color:#66736e;line-height:1.5;margin-top:21px}.l-feature h4{font-size:21px;font-weight:500;letter-spacing:-.7px;margin-top:4px}.l-group-preview,.l-split-preview,.l-paid-preview{border:1px solid #e9ece7;box-shadow:0 5px 15px #14243b05;border-radius:16px;margin-top:22px;overflow:hidden;background:#fff;min-height:268px;flex:1}.l-group-preview>img{height:133px;object-position:center 45%}.l-group-preview>div{padding:17px 16px 14px}.l-mini-label{font-size:9px;line-height:1.6;letter-spacing:.055em;color:#758079;font-weight:500}.l-group-preview__members{display:flex;gap:12px;align-items:center;margin:14px 0}.l-group-preview__members>span{font-size:9px;color:#738079}.l-avatars{display:flex;padding-left:0}.l-avatar{width:27px;height:27px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:10px;border-radius:50%;font-weight:500;color:#344b43}.l-avatar--0{background:#dde9d4}.l-avatar--1{background:#eaddc8}.l-avatar--2{background:#e3e5ed}.l-avatar--3{background:#f1dbcd}.l-avatars .l-avatar{margin-left:-6px;border:2px solid white}.l-avatars .l-avatar:first-child{margin-left:0}.l-mini-tags{display:flex;gap:5px}.l-mini-tags span{background:#f3f5f1;font-size:8px;color:#607164;padding:5px 7px;border-radius:4px}.l-split-preview__top{background:#f0f4eb;padding:24px 16px 18px;display:flex;flex-direction:column;gap:8px;font-size:11px}.l-split-preview__top strong{font-size:30px;font-weight:400;letter-spacing:-1.5px}.l-small-label{font-size:9px;color:#73806c}.l-member-rows{padding:7px 15px}.l-member-row{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #eff1ed;font-size:10px}.l-member-row:last-child{border-bottom:0}.l-member-row small{font-size:8px;color:#7c857e}.l-member-amount{margin-left:auto;white-space:nowrap;font-size:10px}.l-paid-preview .l-avatar{width:23px;height:23px;font-size:8px}.l-paid-preview .l-member-row{gap:6px;font-size:9px;padding:12px 0}.l-paid-preview .l-member-row small{display:none}.l-paid-preview .l-member-amount{font-size:9px}.l-status{background:#f0f1ee;color:#667063;border-radius:20px;font-size:8px;padding:5px 8px;white-space:nowrap}.l-status--paid{background:#e4eddc;color:#3e603e}.l-paid-preview__top{padding:20px 16px 9px}.l-paid-preview__top strong{display:block;font-size:25px;letter-spacing:-1px;font-weight:400;margin:8px 0}.l-paid-preview__top p{font-size:10px;color:#6d7b6d}.l-progress{background:#eef0e9;height:5px;border-radius:10px;overflow:hidden;margin-top:14px}.l-progress>span{display:block;width:50%;height:100%;background:#88a675;border-radius:inherit}.l-preview-note{text-align:right;color:#737d74;font-size:9px;margin-top:17px}
+.l-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.l-feature{background:white;border-radius:25px;padding:27px 24px 23px;display:flex;flex-direction:column;min-width:0}.l-card-number{font-size:12px;color:#788179;margin-bottom:14px}.l-feature h3{font-weight:400;font-size:20px;letter-spacing:-.65px;line-height:1.25;min-height:51px}.l-feature>p{font-size:14px;color:#66736e;line-height:1.5;margin-top:21px}.l-feature h4{font-size:21px;font-weight:500;letter-spacing:-.7px;margin-top:4px}.l-group-preview,.l-split-preview,.l-paid-preview{border:1px solid #e9ece7;box-shadow:0 5px 15px #14243b05;border-radius:16px;margin-top:22px;overflow:hidden;background:#fff;min-height:268px;flex:1}.l-group-preview>img{height:133px;object-position:center 45%}.l-group-preview>div{padding:17px 16px 14px}.l-mini-label{font-size:10px;line-height:1.6;letter-spacing:.055em;color:#758079;font-weight:500}.l-group-preview__members{display:flex;gap:12px;align-items:center;margin:14px 0}.l-group-preview__members>span{font-size:10px;color:#738079}.l-avatars{display:flex;padding-left:0}.l-avatar{width:27px;height:27px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:10px;border-radius:50%;font-weight:500;color:#344b43}.l-avatar--0{background:#dde9d4}.l-avatar--1{background:#eaddc8}.l-avatar--2{background:#e3e5ed}.l-avatar--3{background:#f1dbcd}.l-avatars .l-avatar{margin-left:-6px;border:2px solid white}.l-avatars .l-avatar:first-child{margin-left:0}.l-mini-tags{display:flex;gap:5px}.l-mini-tags span{background:#f3f5f1;font-size:10px;color:#607164;padding:5px 7px;border-radius:4px}.l-split-preview__top{background:#f0f4eb;padding:24px 16px 18px;display:flex;flex-direction:column;gap:8px;font-size:11px}.l-split-preview__top strong{font-size:30px;font-weight:400;letter-spacing:-1.5px}.l-small-label{font-size:10px;color:#73806c}.l-member-rows{padding:7px 15px}.l-member-row{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #eff1ed;font-size:10px}.l-member-row:last-child{border-bottom:0}.l-member-row small{font-size:10px;color:#7c857e}.l-member-amount{margin-left:auto;white-space:nowrap;font-size:10px}.l-paid-preview .l-avatar{width:23px;height:23px;font-size:10px}.l-paid-preview .l-member-row{gap:6px;font-size:10px;padding:12px 0}.l-paid-preview .l-member-row small{display:none}.l-paid-preview .l-member-amount{font-size:10px}.l-status{background:#f0f1ee;color:#667063;border-radius:20px;font-size:10px;padding:5px 8px;white-space:nowrap}.l-status--paid{background:#e4eddc;color:#3e603e}.l-paid-preview__top{padding:20px 16px 9px}.l-paid-preview__top strong{display:block;font-size:25px;letter-spacing:-1px;font-weight:400;margin:8px 0}.l-paid-preview__top p{font-size:10px;color:#6d7b6d}.l-progress{background:#eef0e9;height:5px;border-radius:10px;overflow:hidden;margin-top:14px}.l-progress>span{display:block;width:50%;height:100%;background:#88a675;border-radius:inherit}.l-preview-note{text-align:right;color:#737d74;font-size:13px;margin-top:17px}
 /* A hands-on explanation, contained in one real product section. */
-.l-product{background:var(--navy);color:white;padding-block:86px}.l-product__layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.l-product .l-eyebrow{color:#bbc9bd}.l-product h2 span{color:#d1e0c4}.l-product__copy>p{max-width:380px;color:#c3cbd1;font-size:14px;line-height:1.65;margin-top:23px}.l-step-list{margin-top:28px}.l-step-list button{display:flex;gap:16px;padding:19px 0;background:transparent;border:0;border-top:1px solid #ffffff29;width:100%;text-align:left;color:#b8c2cc;align-items:start}.l-step-number{border:1px solid #809384;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}.l-step-list strong{display:block;font-weight:400;font-size:17px;letter-spacing:-.3px;line-height:1.4}.l-step-list button>span:last-child>span{display:none;font-size:12px;line-height:1.6;max-width:320px;margin-top:9px;color:#c3cbd1}.l-step-list button.is-active{color:white}.l-step-list button.is-active>span:last-child>span{display:block}.l-step-list button.is-active .l-step-number{background:var(--green);color:var(--navy);border-color:var(--green)}.l-step-list button:hover strong{color:white}.l-product__visual{min-width:0;padding:20px 0 0}.l-app-window{background:#fff;color:var(--navy);border-radius:22px;overflow:hidden;box-shadow:0 22px 50px #09152235;min-height:485px;max-width:480px;margin:auto}.l-app-window__nav{display:flex;align-items:center;justify-content:space-between;padding:19px 27px;border-bottom:1px solid #eaece7}.l-app-window__nav .l-wordmark{font-size:23px}.l-app-window__nav .l-avatar{width:29px;height:29px}.l-app-window__body{padding:27px}.l-expense-heading{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:12px}.l-expense-heading h3{font-weight:400;letter-spacing:-1px;font-size:28px}.l-expense-heading .l-status{font-size:9px;padding:6px 10px}.l-expense-description{font-size:11px;color:#7a837a;margin-top:7px}.l-expense-total{display:flex;flex-direction:column;gap:9px;padding:21px 0}.l-expense-total>span{font-size:10px;color:#69766e}.l-expense-total strong{font-size:49px;font-weight:400;letter-spacing:-2px;line-height:1}.l-expense-total strong span{color:#85917f}.l-expense-details>div{border-top:1px solid #e9ece7;min-height:47px;display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:15px}.l-expense-details>div>span{color:#748075}.l-expense-details strong{font-weight:400}.l-detail-note{background:#f1f5eb;border-radius:9px;font-size:10px;color:#52664a;padding:13px;margin-top:16px;display:flex;justify-content:space-between;gap:12px}.l-expense-details .l-detail-note{border:0;min-height:0;font-size:10px}.l-preview-subhead{display:flex;justify-content:space-between;border-top:1px solid #e9ece7;padding-top:14px;font-size:10px;color:#6b796b}.l-app-window .l-member-rows{padding-inline:0}.l-app-window .l-member-row{padding-block:9px;font-size:11px}.l-app-window .l-member-amount{font-size:11px}.l-app-window .l-status{font-size:9px}.l-product__caption{color:#bcc9c0;font-size:10px;line-height:1.5;text-align:center;margin-top:22px}
+.l-product{background:var(--navy);color:white;padding-block:86px}.l-product__layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.l-product .l-eyebrow{color:#bbc9bd}.l-product h2 span{color:#d1e0c4}.l-product__copy>p{max-width:380px;color:#c3cbd1;font-size:14px;line-height:1.65;margin-top:23px}.l-step-list{margin-top:28px}.l-step-list button{display:flex;gap:16px;padding:19px 0;background:transparent;border:0;border-top:1px solid #ffffff29;width:100%;text-align:left;color:#b8c2cc;align-items:start}.l-step-number{border:1px solid #809384;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.l-step-list strong{display:block;font-weight:400;font-size:17px;letter-spacing:-.3px;line-height:1.4}.l-step-list button>span:last-child>span{display:none;font-size:12px;line-height:1.6;max-width:320px;margin-top:9px;color:#c3cbd1}.l-step-list button.is-active{color:white}.l-step-list button.is-active>span:last-child>span{display:block}.l-step-list button.is-active .l-step-number{background:var(--green);color:var(--navy);border-color:var(--green)}.l-step-list button:hover strong{color:white}.l-product__visual{min-width:0;padding:20px 0 0}.l-app-window{background:#fff;color:var(--navy);border-radius:22px;overflow:hidden;box-shadow:0 22px 50px #09152235;min-height:485px;max-width:480px;margin:auto}.l-app-window__nav{display:flex;align-items:center;justify-content:space-between;padding:19px 27px;border-bottom:1px solid #eaece7}.l-app-window__nav .l-wordmark{font-size:23px}.l-app-window__nav .l-avatar{width:29px;height:29px}.l-app-window__body{padding:27px}.l-expense-heading{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:12px}.l-expense-heading h3{font-weight:400;letter-spacing:-1px;font-size:28px}.l-expense-heading .l-status{font-size:10px;padding:6px 10px}.l-expense-description{font-size:11px;color:#7a837a;margin-top:7px}.l-expense-total{display:flex;flex-direction:column;gap:9px;padding:21px 0}.l-expense-total>span{font-size:10px;color:#69766e}.l-expense-total strong{font-size:49px;font-weight:400;letter-spacing:-2px;line-height:1}.l-expense-total strong span{color:#85917f}.l-expense-details>div{border-top:1px solid #e9ece7;min-height:47px;display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:15px}.l-expense-details>div>span{color:#748075}.l-expense-details strong{font-weight:400}.l-detail-note{background:#f1f5eb;border-radius:9px;font-size:10px;color:#52664a;padding:13px;margin-top:16px;display:flex;justify-content:space-between;gap:12px}.l-expense-details .l-detail-note{border:0;min-height:0;font-size:10px}.l-preview-subhead{display:flex;justify-content:space-between;border-top:1px solid #e9ece7;padding-top:14px;font-size:10px;color:#6b796b}.l-app-window .l-member-rows{padding-inline:0}.l-app-window .l-member-row{padding-block:9px;font-size:11px}.l-app-window .l-member-amount{font-size:11px}.l-app-window .l-status{font-size:10px}.l-product__caption{color:#bcc9c0;font-size:13px;line-height:1.5;text-align:center;margin-top:22px}
 /* People and their real shared lives. */
-.l-lives{padding-bottom:76px}.l-life-grid{display:grid;grid-template-columns:1.08fr 1.04fr 1fr;gap:17px}.l-life-photo{position:relative;min-height:405px;overflow:hidden;border-radius:26px}.l-life-photo img{position:absolute;inset:0;object-position:52% center}.l-life-photo--2 img{object-position:68% center}.l-life-photo figcaption{position:absolute;bottom:20px;left:20px;right:20px;background:white;border-radius:17px;padding:22px}.l-life-photo figcaption>span{display:block;font-size:11px;color:#6c796b;margin-bottom:9px}.l-life-photo figcaption strong{display:block;font-size:28px;font-weight:400;letter-spacing:-1.1px;line-height:1.1;max-width:240px}.l-life-story{background:white;border-radius:26px;padding:32px 29px;display:flex;align-items:start;flex-direction:column}.l-life-story h3{font-size:31px;font-weight:400;letter-spacing:-1.2px;line-height:1.12;margin-top:27px}.l-life-story>p{font-size:14px;line-height:1.55;color:#687469;margin-top:20px}.l-life-costs{display:flex;gap:7px;flex-wrap:wrap;margin-block:25px 30px}.l-life-costs>span{padding:7px 10px;background:#f4f5f1;border-radius:30px;font-size:9px;color:#64705f}.l-life-story>.l-text-link{margin-top:auto;font-size:11px}.l-life-side{display:flex;flex-direction:column;gap:16px;min-width:0}.l-life-fact{background:white;border-radius:26px;padding:27px;flex:1}.l-life-fact>strong{display:block;font-size:49px;font-weight:400;letter-spacing:-2px;line-height:.99;margin-block:20px 18px}.l-life-fact>p{font-size:13px;line-height:1.5;color:#69766c}.l-life-selector{background:#e3ebdc;border-radius:26px;padding:24px}.l-life-selector h3{font-size:14px;font-weight:400;letter-spacing:-.3px;margin-bottom:17px}.l-life-selector>div{display:flex;flex-wrap:wrap;gap:6px}.l-life-selector button{border:0;border-radius:30px;background:#f7f9f3;font-size:11px;padding:10px 12px}.l-life-selector button[aria-pressed=true]{background:var(--navy);color:white}.l-life-selector button:hover{box-shadow:0 0 0 1px #14243b40}.l-life-selector>p{font-size:10px;color:#56664f;margin-top:16px}.l-moment{position:relative;isolation:isolate;height:405px;color:white;display:flex;align-items:center}.l-moment>img{position:absolute;inset:0;z-index:-2;object-position:center 47%}.l-moment::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14243b99,transparent 82%);z-index:-1}.l-moment h2{font-size:58px;line-height:1.05}.l-moment .l-eyebrow{font-size:10px}.l-moment p{font-size:14px;margin-top:23px}
+.l-lives{padding-bottom:76px}.l-life-grid{display:grid;grid-template-columns:1.08fr 1.04fr 1fr;gap:17px}.l-life-photo{position:relative;min-height:405px;overflow:hidden;border-radius:26px}.l-life-photo img{position:absolute;inset:0;object-position:52% center}.l-life-photo--2 img{object-position:68% center}.l-life-photo figcaption{position:absolute;bottom:20px;left:20px;right:20px;background:white;border-radius:17px;padding:22px}.l-life-photo figcaption>span{display:block;font-size:12px;color:#6c796b;margin-bottom:9px}.l-life-photo figcaption strong{display:block;font-size:28px;font-weight:400;letter-spacing:-1.1px;line-height:1.1;max-width:240px}.l-life-story{background:white;border-radius:26px;padding:32px 29px;display:flex;align-items:start;flex-direction:column}.l-life-story h3{font-size:31px;font-weight:400;letter-spacing:-1.2px;line-height:1.12;margin-top:27px}.l-life-story>p{font-size:14px;line-height:1.55;color:#687469;margin-top:20px}.l-life-costs{display:flex;gap:7px;flex-wrap:wrap;margin-block:25px 30px}.l-life-costs>span{padding:7px 10px;background:#f4f5f1;border-radius:30px;font-size:10px;color:#64705f}.l-life-story>.l-text-link{margin-top:auto;font-size:14px}.l-life-side{display:flex;flex-direction:column;gap:16px;min-width:0}.l-life-fact{background:white;border-radius:26px;padding:27px;flex:1}.l-life-fact>strong{display:block;font-size:49px;font-weight:400;letter-spacing:-2px;line-height:.99;margin-block:20px 18px}.l-life-fact>p{font-size:14px;line-height:1.5;color:#69766c}.l-life-selector{background:#e3ebdc;border-radius:26px;padding:24px}.l-life-selector h3{font-size:14px;font-weight:400;letter-spacing:-.3px;margin-bottom:17px}.l-life-selector>div{display:flex;flex-wrap:wrap;gap:6px}.l-life-selector button{border:0;border-radius:30px;background:#f7f9f3;font-size:14px;padding:10px 12px}.l-life-selector button[aria-pressed=true]{background:var(--navy);color:white}.l-life-selector button:hover{box-shadow:0 0 0 1px #14243b40}.l-life-selector>p{font-size:14px;color:#56664f;margin-top:16px}.l-moment{position:relative;isolation:isolate;height:405px;color:white;display:flex;align-items:center}.l-moment>img{position:absolute;inset:0;z-index:-2;object-position:center 47%}.l-moment::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14243b99,transparent 82%);z-index:-1}.l-moment h2{font-size:58px;line-height:1.05}.l-moment .l-eyebrow{font-size:12px}.l-moment p{font-size:14px;margin-top:23px}
 /* Plans keep the photography and the actual product terms. */
-.l-pricing{padding-bottom:76px}.l-billing{display:flex;border-radius:30px;padding:5px;background:white;gap:3px;margin-bottom:3px}.l-billing button{background:transparent;border:0;border-radius:30px;font-size:12px;padding:11px 20px}.l-billing button[aria-pressed=true]{background:var(--navy);color:white}.l-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.l-plan{background:white;border-radius:27px;padding:9px;overflow:hidden}.l-plan__image{height:183px;position:relative;border-radius:20px;overflow:hidden;color:white;isolation:isolate}.l-plan__image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14243b80,transparent);z-index:-1}.l-plan__image img{position:absolute;inset:0;z-index:-2}.l-plan__image>div{padding:22px;position:relative}.l-plan__image span{font-size:13px}.l-plan__image h3{font-size:31px;letter-spacing:-.8px;font-weight:400;margin-top:12px}.l-plan__body{padding:23px 18px 20px}.l-plan__body>p{font-size:12px;color:#677365}.l-price{display:flex;align-items:baseline;gap:7px;margin-top:24px}.l-price>span{font-size:43px;font-weight:400;letter-spacing:-2px;line-height:1}.l-price>small{font-size:11px;color:#69726b}.l-billing-note{display:block;font-size:9px;color:#6d786d;margin-top:9px}.l-plan ul{padding:0;list-style:none;margin-block:25px 27px;display:flex;flex-direction:column;gap:15px;font-size:12px;line-height:1.4}.l-plan li{display:flex;gap:11px;align-items:baseline}.l-plan li:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#83a174;flex-shrink:0;align-self:center}.l-plan .l-button{width:100%;min-height:44px;font-size:12px}.l-pricing-note{text-align:center;font-size:11px;color:#667361;line-height:1.5;margin-top:25px}.l-faq{background:white;padding-block:76px 88px}.l-faq__layout{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.l-faq h2{font-size:44px;letter-spacing:-1.8px}.l-faq__list{border-top:1px solid #dee3da}.l-faq details{border-bottom:1px solid #dee3da}.l-faq summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;font-size:14px;line-height:1.4;cursor:pointer;list-style:none}.l-faq summary::-webkit-details-marker{display:none}.l-faq details p{font-size:13px;line-height:1.65;color:#667463;padding:0 32px 24px 0}.l-faq__indicator{position:relative;width:22px;height:22px;flex-shrink:0;border:1px solid #d9dfd3;border-radius:50%}.l-faq__indicator:before,.l-faq__indicator:after{content:'';position:absolute;width:8px;height:1px;background:#506246;top:10px;left:6px}.l-faq__indicator:after{transform:rotate(90deg)}details[open] .l-faq__indicator:after{display:none}
+.l-pricing{padding-bottom:76px}.l-billing{display:flex;border-radius:30px;padding:5px;background:white;gap:3px;margin-bottom:3px}.l-billing button{background:transparent;border:0;border-radius:30px;font-size:14px;padding:11px 20px}.l-billing button[aria-pressed=true]{background:var(--navy);color:white}.l-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.l-plan{background:white;border-radius:27px;padding:9px;overflow:hidden}.l-plan__image{height:183px;position:relative;border-radius:20px;overflow:hidden;color:white;isolation:isolate}.l-plan__image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14243b80,transparent);z-index:-1}.l-plan__image img{position:absolute;inset:0;z-index:-2}.l-plan__image>div{padding:22px;position:relative}.l-plan__image span{font-size:14px}.l-plan__image h3{font-size:31px;letter-spacing:-.8px;font-weight:400;margin-top:12px}.l-plan__body{padding:23px 18px 20px}.l-plan__body>p{font-size:14px;color:#677365}.l-price{display:flex;align-items:baseline;gap:7px;margin-top:24px}.l-price>span{font-size:43px;font-weight:400;letter-spacing:-2px;line-height:1}.l-price>small{font-size:13px;color:#69726b}.l-billing-note{display:block;font-size:13px;color:#6d786d;margin-top:9px}.l-plan ul{padding:0;list-style:none;margin-block:25px 27px;display:flex;flex-direction:column;gap:15px;font-size:14px;line-height:1.4}.l-plan li{display:flex;gap:11px;align-items:baseline}.l-plan li:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#83a174;flex-shrink:0;align-self:center}.l-plan .l-button{width:100%;min-height:44px;font-size:14px}.l-pricing-note{text-align:center;font-size:13px;color:#667361;line-height:1.5;margin-top:25px}.l-faq{background:white;padding-block:76px 88px}.l-faq__layout{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.l-faq h2{font-size:44px;letter-spacing:-1.8px}.l-faq__list{border-top:1px solid #dee3da}.l-faq details{border-bottom:1px solid #dee3da}.l-faq summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;font-size:14px;line-height:1.4;cursor:pointer;list-style:none}.l-faq summary::-webkit-details-marker{display:none}.l-faq details p{font-size:14px;line-height:1.65;color:#667463;padding:0 32px 24px 0}.l-faq__indicator{position:relative;width:22px;height:22px;flex-shrink:0;border:1px solid #d9dfd3;border-radius:50%}.l-faq__indicator:before,.l-faq__indicator:after{content:'';position:absolute;width:8px;height:1px;background:#506246;top:10px;left:6px}.l-faq__indicator:after{transform:rotate(90deg)}details[open] .l-faq__indicator:after{display:none}
 /* A photograph closes the page, with the footer part of the same scene. */
-.l-footer{position:relative;isolation:isolate;color:white;background:var(--navy);overflow:hidden}.l-footer__photo{position:absolute;inset:0;z-index:-2;object-position:center 52%}.l-footer:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#101e30b5,#101e30ed)}.l-footer__inner{padding-top:78px}.l-closing{text-align:center}.l-closing .l-eyebrow{font-size:10px;color:#d8e3d5}.l-closing h2{font-size:67px;letter-spacing:-3px;font-weight:400;line-height:1.03}.l-closing>p{font-size:14px;line-height:1.65;color:#e0e6e2;margin-top:23px}.l-closing .l-button{margin-top:27px}.l-footer__links{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding-block:70px 48px}.l-footer__links>div p{font-size:11px;color:#c2cec9;margin-top:15px}.l-footer nav{display:flex;flex-direction:column;gap:13px;align-items:start;font-size:12px;color:#c8d1cf}.l-footer nav h3{font-size:11px;font-weight:400;color:white;margin-bottom:5px}.l-footer nav a:hover,.l-footer__bottom a:hover{text-decoration:underline;text-underline-offset:5px}.l-footer__bottom{border-top:1px solid #ffffff33;padding-block:23px;display:flex;justify-content:space-between;font-size:10px;color:#c4cfcb;gap:20px}.l-footer__bottom>div{display:flex;gap:23px}
+.l-footer{position:relative;isolation:isolate;color:white;background:var(--navy);overflow:hidden}.l-footer__photo{position:absolute;inset:0;z-index:-2;object-position:center 52%}.l-footer:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#101e30b5,#101e30ed)}.l-footer__inner{padding-top:78px}.l-closing{text-align:center}.l-closing .l-eyebrow{font-size:12px;color:#d8e3d5}.l-closing h2{font-size:67px;letter-spacing:-3px;font-weight:400;line-height:1.03}.l-closing>p{font-size:14px;line-height:1.65;color:#e0e6e2;margin-top:23px}.l-closing .l-button{margin-top:27px}.l-footer__links{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding-block:70px 48px}.l-footer__links>div p{font-size:14px;color:#c2cec9;margin-top:15px}.l-footer nav{display:flex;flex-direction:column;gap:13px;align-items:start;font-size:14px;color:#c8d1cf}.l-footer nav h3{font-size:12px;font-weight:400;color:white;margin-bottom:5px}.l-footer nav a:hover,.l-footer__bottom a:hover{text-decoration:underline;text-underline-offset:5px}.l-footer__bottom{border-top:1px solid #ffffff33;padding-block:23px;display:flex;justify-content:space-between;font-size:13px;color:#c4cfcb;gap:20px}.l-footer__bottom>div{display:flex;gap:23px}
 @media(min-width:1500px){.l-hero{min-height:650px}.l-hero h1{font-size:79px}.l-hero__body>p{font-size:17px}.l-section{padding-block:100px}.l-feature h3{font-size:22px}}
-@media(max-width:1050px){.l-header nav{gap:20px}.l-login{margin-left:0}.l-hero{height:600px;min-height:0}.l-hero h1{font-size:65px}.l-product__layout{gap:50px}.l-feature{padding:24px 18px 21px}.l-feature h3{font-size:18px;min-height:46px}.l-member-rows{padding-inline:11px}.l-member-row{gap:6px}.l-group-preview__members{gap:7px}.l-group-preview__members>span{font-size:8px}.l-paid-preview .l-member-row{flex-wrap:nowrap}.l-paid-preview .l-member-amount{display:none}.l-paid-preview .l-status{margin-left:auto}.l-life-story{padding:26px 23px}.l-life-story h3{font-size:28px}.l-life-fact{padding:25px}.l-life-selector{padding:22px}.l-life-selector button{font-size:10px;padding:9px 10px}.l-plan__body{padding-inline:15px}.l-price>span{font-size:37px}.l-plan ul{font-size:11px}.l-faq__layout{gap:50px}.l-feature .l-group-preview__members{flex-wrap:wrap}.l-plan__image{height:170px}}
-@media(max-width:800px){.l-site{--gutter:28px}.l-header{height:84px}.l-header nav{gap:17px;font-size:11px}.l-header .l-button{display:none}.l-hero{height:580px}.l-hero h1{font-size:60px}.l-hero__body>p{font-size:14px}.l-section{padding-block:66px}.l-section h2{font-size:43px;letter-spacing:-1.8px}.l-section-heading>p{font-size:12px}.l-feature-grid{gap:10px}.l-feature{padding:21px 13px 18px;border-radius:21px}.l-feature h3{font-size:17px}.l-feature>p{font-size:10px}.l-group-preview,.l-split-preview,.l-paid-preview{margin-top:16px;min-height:260px}.l-group-preview>div{padding:14px 11px}.l-group-preview h4{font-size:19px}.l-group-preview>img{height:129px}.l-mini-tags span{font-size:7px;padding:4px}.l-split-preview__top{padding:20px 12px}.l-split-preview__top strong{font-size:26px}.l-member-row{font-size:9px}.l-member-row small{display:none}.l-member-amount{font-size:9px}.l-avatar{width:23px;height:23px;font-size:8px}.l-member-rows{padding-inline:10px}.l-paid-preview__top{padding:20px 12px 9px}.l-paid-preview__top strong{font-size:22px}.l-product__layout{gap:30px}.l-product__copy>p{font-size:13px}.l-product h2{font-size:41px}.l-app-window__body{padding:21px}.l-app-window__nav{padding:17px 21px}.l-expense-heading h3{font-size:24px}.l-app-window{min-height:470px}.l-life-grid{grid-template-columns:1fr 1fr}.l-life-side{grid-column:1/-1;flex-direction:row;gap:17px}.l-life-fact{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.l-life-fact .l-mini-label{grid-column:1/-1}.l-life-fact>strong{font-size:37px;margin:0}.l-life-fact>p{align-self:end;font-size:11px}.l-life-selector{width:42%;display:flex;flex-direction:column;justify-content:center}.l-life-photo{min-height:370px}.l-moment{height:360px}.l-moment h2{font-size:50px}.l-pricing-grid{gap:11px}.l-plan{border-radius:22px;padding:7px}.l-plan__image{height:153px;border-radius:16px}.l-plan__image>div{padding:18px}.l-plan__image h3{font-size:27px}.l-plan__body{padding:20px 12px 13px}.l-plan__body>p{font-size:10px;min-height:28px;line-height:1.4}.l-price{gap:5px}.l-price>span{font-size:30px;letter-spacing:-1.5px}.l-price>small{font-size:9px}.l-plan ul{font-size:10px;gap:14px}.l-plan li{gap:7px}.l-plan .l-button{font-size:10px;padding-inline:10px}.l-faq h2{font-size:39px}.l-faq summary{font-size:13px}.l-faq__layout{gap:35px}.l-footer__links{gap:35px}.l-closing h2{font-size:60px}}
-@media(max-width:600px){.l-site{--gutter:22px}.l-section{padding-block:54px}.l-section h2{font-size:38px;line-height:1.12;letter-spacing:-1.65px}.l-eyebrow{font-size:9px;margin-bottom:18px}.l-section-heading{display:block;margin-bottom:31px}.l-section-heading>p{margin-top:22px;font-size:13px}.l-section-heading>.l-button{margin-top:24px;min-height:42px}.l-hero{height:620px;min-height:0}.l-hero__image{object-position:64% center}.l-hero:after{background:linear-gradient(0deg,#0b1723d9,rgba(10,20,30,.18) 90%)}.l-header{height:80px;position:relative;z-index:5}.l-header .l-wordmark{font-size:29px}.l-menu{display:block;border:1px solid #ffffff80;background:#14243b25;color:white;border-radius:30px;padding:10px 16px;font-size:11px}.l-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#f7f8f4;color:var(--navy);border-radius:20px;padding:22px;box-shadow:0 15px 40px #10203230;flex-direction:column;align-items:stretch;font-size:14px;gap:0}.l-header nav.is-open{display:flex}.l-header nav>a:not(.l-button){padding:13px 3px}.l-header nav .l-button{display:inline-flex;background:var(--navy);color:white;margin-top:13px}.l-hero__body{justify-content:flex-end;padding-bottom:39px;padding-top:75px}.l-hero__body .l-eyebrow{font-size:8px;margin-bottom:16px}.l-hero h1{font-size:49px;letter-spacing:-2.6px;line-height:1.03}.l-hero__body>p{font-size:13px;line-height:1.6;margin-top:19px;max-width:320px}.l-hero__body>p br{display:none}.l-hero__actions{gap:21px;margin-top:25px}.l-hero__actions .l-button{font-size:11px;min-height:45px;padding:13px 18px}.l-hero__actions .l-text-link{font-size:10px}.l-hero__bottom{font-size:8px;padding-block:17px}.l-feature-grid{grid-template-columns:1fr;gap:16px}.l-feature{padding:25px;border-radius:25px}.l-feature h3{font-size:22px;min-height:0;letter-spacing:-.6px}.l-card-number{margin-bottom:12px}.l-group-preview,.l-split-preview,.l-paid-preview{margin-top:22px;min-height:0}.l-feature>p{font-size:12px;margin-top:19px}.l-group-preview>img{height:168px}.l-group-preview>div{padding:19px}.l-group-preview h4{font-size:23px}.l-group-preview__members{gap:12px}.l-group-preview__members>span{font-size:10px}.l-mini-tags span{font-size:9px;padding:6px 9px}.l-avatar{width:29px;height:29px;font-size:10px}.l-member-rows{padding:7px 18px}.l-member-row{font-size:11px;padding:12px 0;gap:10px}.l-member-amount{font-size:11px}.l-split-preview__top{padding:23px 19px;font-size:12px}.l-split-preview__top strong{font-size:34px}.l-small-label{font-size:10px}.l-paid-preview__top{padding:23px 19px 9px}.l-paid-preview__top strong{font-size:29px}.l-paid-preview__top p{font-size:11px}.l-paid-preview .l-member-row{font-size:11px;padding:12px 0;gap:8px}.l-paid-preview .l-member-amount{display:block;font-size:10px;margin-left:auto}.l-paid-preview .l-status{margin-left:0}.l-paid-preview .l-avatar{width:26px;height:26px;font-size:9px}.l-preview-note{text-align:left;font-size:8px;line-height:1.5}.l-product__layout{grid-template-columns:1fr;gap:29px}.l-product h2{font-size:41px}.l-product__copy>p{font-size:14px}.l-step-list{margin-top:25px}.l-step-list strong{font-size:17px}.l-step-list button>span:last-child>span{font-size:12px}.l-product__visual{padding:0}.l-app-window{min-height:469px;border-radius:19px}.l-app-window__body{padding:23px}.l-app-window__nav{padding:19px 23px}.l-expense-heading h3{font-size:27px}.l-product__caption{font-size:9px;padding-inline:10px}.l-life-grid{grid-template-columns:1fr;gap:15px}.l-life-photo{min-height:390px}.l-life-photo img{object-position:center 36%}.l-life-photo--2 img{object-position:67% center}.l-life-photo figcaption{left:20px;right:20px;bottom:20px;padding:22px}.l-life-photo figcaption strong{font-size:31px}.l-life-story{padding:29px;min-height:350px}.l-life-story h3{font-size:32px;margin-top:25px}.l-life-story>p{font-size:14px}.l-life-costs{margin-bottom:30px}.l-life-side{flex-direction:column;gap:15px}.l-life-fact{padding:28px;gap:19px;grid-template-columns:1fr 1fr}.l-life-fact>strong{font-size:43px}.l-life-fact>p{font-size:12px}.l-life-selector{width:100%;padding:27px}.l-life-selector h3{font-size:16px}.l-life-selector button{font-size:12px;padding:12px 19px}.l-life-selector>p{font-size:11px}.l-moment{height:370px;align-items:flex-end;padding-bottom:40px}.l-moment>img{object-position:60% center}.l-moment:after{background:linear-gradient(0deg,#14243bbd,transparent 90%)}.l-moment h2{font-size:43px;letter-spacing:-1.7px}.l-moment .l-eyebrow{font-size:8px;margin-bottom:17px}.l-moment p{font-size:12px;margin-top:17px}.l-billing{width:fit-content;margin-top:27px}.l-pricing-grid{grid-template-columns:1fr;gap:20px}.l-plan{padding:9px;border-radius:26px}.l-plan__image{height:193px;border-radius:20px}.l-plan__image>div{padding:23px}.l-plan__image span{font-size:14px}.l-plan__image h3{font-size:34px;margin-top:12px}.l-plan__body{padding:24px 20px 20px}.l-plan__body>p{font-size:13px;min-height:0}.l-price{margin-top:25px;gap:8px}.l-price>span{font-size:44px;letter-spacing:-2px}.l-price>small{font-size:12px}.l-billing-note{font-size:10px}.l-plan ul{font-size:12px;gap:15px;margin-block:26px}.l-plan li{gap:10px}.l-plan .l-button{font-size:12px;min-height:47px}.l-pricing-note{font-size:10px;padding-inline:10px;margin-top:24px}.l-faq__layout{grid-template-columns:1fr;gap:32px}.l-faq summary{font-size:14px;padding-block:22px}.l-faq details p{font-size:13px;padding-right:8px}.l-footer__inner{padding-top:61px}.l-closing .l-eyebrow{font-size:8px;margin-bottom:19px}.l-closing h2{font-size:55px;letter-spacing:-2.5px}.l-closing>p{font-size:12px;margin-top:21px}.l-closing>p br{display:none}.l-closing .l-button{font-size:12px;min-height:46px;margin-top:25px}.l-footer__photo{object-position:52% center}.l-footer__links{grid-template-columns:1fr 1fr;gap:32px;padding-block:55px 36px}.l-footer__links>div{grid-column:1/-1}.l-footer__links .l-wordmark{font-size:31px}.l-footer__links>div p{font-size:11px;margin-top:10px}.l-footer nav{font-size:12px;gap:13px}.l-footer nav h3{font-size:10px}.l-footer__bottom{font-size:9px;flex-wrap:wrap;gap:15px;padding-block:22px}.l-footer__bottom>div{gap:19px}}
+@media(max-width:1050px){.l-header nav{gap:20px}.l-login{margin-left:0}.l-hero{height:600px;min-height:0}.l-hero h1{font-size:65px}.l-product__layout{gap:50px}.l-feature{padding:24px 18px 21px}.l-feature h3{font-size:18px;min-height:46px}.l-member-rows{padding-inline:11px}.l-member-row{gap:6px}.l-group-preview__members{gap:7px}.l-group-preview__members>span{font-size:10px}.l-paid-preview .l-member-row{flex-wrap:nowrap}.l-paid-preview .l-member-amount{display:none}.l-paid-preview .l-status{margin-left:auto}.l-life-story{padding:26px 23px}.l-life-story h3{font-size:28px}.l-life-fact{padding:25px}.l-life-selector{padding:22px}.l-life-selector button{font-size:14px;padding:9px 10px}.l-plan__body{padding-inline:15px}.l-price>span{font-size:37px}.l-plan ul{font-size:14px}.l-faq__layout{gap:50px}.l-feature .l-group-preview__members{flex-wrap:wrap}.l-plan__image{height:170px}}
+@media(max-width:800px){.l-site{--gutter:28px}.l-header{height:84px}.l-header nav{gap:17px;font-size:14px}.l-header .l-button{display:none}.l-hero{height:580px}.l-hero h1{font-size:60px}.l-hero__body>p{font-size:14px}.l-section{padding-block:66px}.l-section h2{font-size:43px;letter-spacing:-1.8px}.l-section-heading>p{font-size:14px}.l-feature-grid{gap:10px}.l-feature{padding:21px 13px 18px;border-radius:21px}.l-feature h3{font-size:17px}.l-feature>p{font-size:14px}.l-group-preview,.l-split-preview,.l-paid-preview{margin-top:16px;min-height:260px}.l-group-preview>div{padding:14px 11px}.l-group-preview h4{font-size:19px}.l-group-preview>img{height:129px}.l-mini-tags span{font-size:10px;padding:4px}.l-split-preview__top{padding:20px 12px}.l-split-preview__top strong{font-size:26px}.l-member-row{font-size:10px}.l-member-row small{display:none}.l-member-amount{font-size:10px}.l-avatar{width:23px;height:23px;font-size:10px}.l-member-rows{padding-inline:10px}.l-paid-preview__top{padding:20px 12px 9px}.l-paid-preview__top strong{font-size:22px}.l-product__layout{gap:30px}.l-product__copy>p{font-size:14px}.l-product h2{font-size:41px}.l-app-window__body{padding:21px}.l-app-window__nav{padding:17px 21px}.l-expense-heading h3{font-size:24px}.l-app-window{min-height:470px}.l-life-grid{grid-template-columns:1fr 1fr}.l-life-side{grid-column:1/-1;flex-direction:row;gap:17px}.l-life-fact{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.l-life-fact .l-mini-label{grid-column:1/-1}.l-life-fact>strong{font-size:37px;margin:0}.l-life-fact>p{align-self:end;font-size:14px}.l-life-selector{width:42%;display:flex;flex-direction:column;justify-content:center}.l-life-photo{min-height:370px}.l-moment{height:360px}.l-moment h2{font-size:50px}.l-pricing-grid{gap:11px}.l-plan{border-radius:22px;padding:7px}.l-plan__image{height:153px;border-radius:16px}.l-plan__image>div{padding:18px}.l-plan__image h3{font-size:27px}.l-plan__body{padding:20px 12px 13px}.l-plan__body>p{font-size:14px;min-height:28px;line-height:1.4}.l-price{gap:5px}.l-price>span{font-size:30px;letter-spacing:-1.5px}.l-price>small{font-size:13px}.l-plan ul{font-size:14px;gap:14px}.l-plan li{gap:7px}.l-plan .l-button{font-size:14px;padding-inline:10px}.l-faq h2{font-size:39px}.l-faq summary{font-size:14px}.l-faq__layout{gap:35px}.l-footer__links{gap:35px}.l-closing h2{font-size:60px}}
+@media(max-width:600px){.l-site{--gutter:22px}.l-section{padding-block:54px}.l-section h2{font-size:38px;line-height:1.12;letter-spacing:-1.65px}.l-eyebrow{font-size:12px;margin-bottom:18px}.l-section-heading{display:block;margin-bottom:31px}.l-section-heading>p{margin-top:22px;font-size:14px}.l-section-heading>.l-button{margin-top:24px;min-height:42px}.l-hero{height:620px;min-height:0}.l-hero__image{object-position:64% center}.l-hero:after{background:linear-gradient(0deg,#0b1723d9,rgba(10,20,30,.18) 90%)}.l-hero__body{justify-content:flex-end;padding-bottom:39px;padding-top:75px}.l-hero__body .l-eyebrow{font-size:12px;margin-bottom:16px}.l-hero h1{font-size:49px;letter-spacing:-2.6px;line-height:1.03}.l-hero__body>p{font-size:14px;line-height:1.6;margin-top:19px;max-width:320px}.l-hero__body>p br{display:none}.l-hero__actions{gap:21px;margin-top:25px}.l-hero__actions .l-button{font-size:14px;min-height:45px;padding:13px 18px}.l-hero__actions .l-text-link{font-size:14px}.l-hero__bottom{font-size:13px;padding-block:17px}.l-feature-grid{grid-template-columns:1fr;gap:16px}.l-feature{padding:25px;border-radius:25px}.l-feature h3{font-size:22px;min-height:0;letter-spacing:-.6px}.l-card-number{margin-bottom:12px}.l-group-preview,.l-split-preview,.l-paid-preview{margin-top:22px;min-height:0}.l-feature>p{font-size:14px;margin-top:19px}.l-group-preview>img{height:168px}.l-group-preview>div{padding:19px}.l-group-preview h4{font-size:23px}.l-group-preview__members{gap:12px}.l-group-preview__members>span{font-size:10px}.l-mini-tags span{font-size:10px;padding:6px 9px}.l-avatar{width:29px;height:29px;font-size:10px}.l-member-rows{padding:7px 18px}.l-member-row{font-size:11px;padding:12px 0;gap:10px}.l-member-amount{font-size:11px}.l-split-preview__top{padding:23px 19px;font-size:12px}.l-split-preview__top strong{font-size:34px}.l-small-label{font-size:10px}.l-paid-preview__top{padding:23px 19px 9px}.l-paid-preview__top strong{font-size:29px}.l-paid-preview__top p{font-size:11px}.l-paid-preview .l-member-row{font-size:11px;padding:12px 0;gap:8px}.l-paid-preview .l-member-amount{display:block;font-size:10px;margin-left:auto}.l-paid-preview .l-status{margin-left:0}.l-paid-preview .l-avatar{width:26px;height:26px;font-size:10px}.l-preview-note{text-align:left;font-size:13px;line-height:1.5}.l-product__layout{grid-template-columns:1fr;gap:29px}.l-product h2{font-size:41px}.l-product__copy>p{font-size:14px}.l-step-list{margin-top:25px}.l-step-list strong{font-size:17px}.l-step-list button>span:last-child>span{font-size:12px}.l-product__visual{padding:0}.l-app-window{min-height:469px;border-radius:19px}.l-app-window__body{padding:23px}.l-app-window__nav{padding:19px 23px}.l-expense-heading h3{font-size:27px}.l-product__caption{font-size:13px;padding-inline:10px}.l-life-grid{grid-template-columns:1fr;gap:15px}.l-life-photo{min-height:390px}.l-life-photo img{object-position:center 36%}.l-life-photo--2 img{object-position:67% center}.l-life-photo figcaption{left:20px;right:20px;bottom:20px;padding:22px}.l-life-photo figcaption strong{font-size:31px}.l-life-story{padding:29px;min-height:350px}.l-life-story h3{font-size:32px;margin-top:25px}.l-life-story>p{font-size:14px}.l-life-costs{margin-bottom:30px}.l-life-side{flex-direction:column;gap:15px}.l-life-fact{padding:28px;gap:19px;grid-template-columns:1fr 1fr}.l-life-fact>strong{font-size:43px}.l-life-fact>p{font-size:14px}.l-life-selector{width:100%;padding:27px}.l-life-selector h3{font-size:16px}.l-life-selector button{font-size:14px;padding:12px 19px}.l-life-selector>p{font-size:14px}.l-moment{height:370px;align-items:flex-end;padding-bottom:40px}.l-moment>img{object-position:60% center}.l-moment:after{background:linear-gradient(0deg,#14243bbd,transparent 90%)}.l-moment h2{font-size:43px;letter-spacing:-1.7px}.l-moment .l-eyebrow{font-size:12px;margin-bottom:17px}.l-moment p{font-size:14px;margin-top:17px}.l-billing{width:fit-content;margin-top:27px}.l-pricing-grid{grid-template-columns:1fr;gap:20px}.l-plan{padding:9px;border-radius:26px}.l-plan__image{height:193px;border-radius:20px}.l-plan__image>div{padding:23px}.l-plan__image span{font-size:14px}.l-plan__image h3{font-size:34px;margin-top:12px}.l-plan__body{padding:24px 20px 20px}.l-plan__body>p{font-size:14px;min-height:0}.l-price{margin-top:25px;gap:8px}.l-price>span{font-size:44px;letter-spacing:-2px}.l-price>small{font-size:13px}.l-billing-note{font-size:13px}.l-plan ul{font-size:14px;gap:15px;margin-block:26px}.l-plan li{gap:10px}.l-plan .l-button{font-size:14px;min-height:47px}.l-pricing-note{font-size:13px;padding-inline:10px;margin-top:24px}.l-faq__layout{grid-template-columns:1fr;gap:32px}.l-faq summary{font-size:14px;padding-block:22px}.l-faq details p{font-size:14px;padding-right:8px}.l-footer__inner{padding-top:61px}.l-closing .l-eyebrow{font-size:12px;margin-bottom:19px}.l-closing h2{font-size:55px;letter-spacing:-2.5px}.l-closing>p{font-size:14px;margin-top:21px}.l-closing>p br{display:none}.l-closing .l-button{font-size:14px;min-height:46px;margin-top:25px}.l-footer__photo{object-position:52% center}.l-footer__links{grid-template-columns:1fr 1fr;gap:32px;padding-block:55px 36px}.l-footer__links>div{grid-column:1/-1}.l-footer__links .l-wordmark{font-size:31px}.l-footer__links>div p{font-size:14px;margin-top:10px}.l-footer nav{font-size:14px;gap:13px}.l-footer nav h3{font-size:12px}.l-footer__bottom{font-size:13px;flex-wrap:wrap;gap:15px;padding-block:22px}.l-footer__bottom>div{gap:19px}}
 @media(max-width:370px){.l-hero h1{font-size:44px}.l-hero__actions{gap:15px}.l-hero__actions .l-button{padding-inline:14px}.l-life-selector button{padding-inline:14px}.l-app-window__body{padding:19px}.l-section h2{font-size:35px}.l-price>span{font-size:40px}}
 @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.l-button{transition:none}}
 /* Keep interactions in place and preserve faces in the wide travel crop. */
@@ -37,11 +37,11 @@
 .l-journal{background:#edf2f3}
 .l-journal__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}
 .l-journal__card>img{height:auto;aspect-ratio:1.35;border-radius:23px;object-fit:cover}
-.l-journal__card>.l-eyebrow{color:#547159;margin:25px 0 12px;font-size:10px}
+.l-journal__card>.l-eyebrow{color:#547159;margin:25px 0 12px;font-size:12px}
 .l-journal__card h3{font-size:27px;font-weight:500;letter-spacing:-1px;line-height:1.13}
 .l-journal__card>p{font-size:16px;line-height:1.5;color:#65717c;margin-top:14px}
 .l-journal details{margin-top:21px}
-.l-journal summary{display:inline-block;cursor:pointer;list-style:none;font-size:13px;font-weight:500;border-bottom:1px solid #81928b;padding-bottom:5px}
+.l-journal summary{display:inline-block;cursor:pointer;list-style:none;font-size:14px;font-weight:500;border-bottom:1px solid #81928b;padding-bottom:5px}
 .l-journal summary::-webkit-details-marker{display:none}
 .l-journal__close{display:none}
 .l-journal details[open] .l-journal__read{display:none}
@@ -60,7 +60,7 @@
 .l-footer nav{font-size:14px}.l-footer nav h3{font-size:12px}
 .l-footer:after{background:linear-gradient(180deg,#101e3066,#101e30c2)}
 @media(max-width:800px){.l-journal__grid{gap:18px}.l-journal__card h3{font-size:23px}.l-journal__card>p{font-size:15px}}
-@media(max-width:600px){.l-hero{height:620px}.l-hero__body>p{font-size:15px;line-height:1.5}.l-section-heading>p,.l-product__copy>p,.l-life-story>p{font-size:16px}.l-feature>p,.l-life-fact>p,.l-faq details p{font-size:15px}.l-journal__grid{grid-template-columns:1fr;gap:39px}.l-journal__card>img{aspect-ratio:1.45}.l-journal__card h3{font-size:27px}.l-journal__card>p{font-size:16px}.l-final-cta{padding:70px 0}.l-final-cta h2{font-size:42px;letter-spacing:-1.8px}.l-final-cta p{font-size:17px}.l-final-cta .l-button{font-size:13px}.l-footer__inner{padding-top:0}.l-footer__links{padding-block:50px 40px}.l-footer nav{font-size:13px}}
+@media(max-width:600px){.l-hero{height:620px}.l-hero__body>p{font-size:15px;line-height:1.5}.l-section-heading>p,.l-product__copy>p,.l-life-story>p{font-size:16px}.l-feature>p,.l-life-fact>p,.l-faq details p{font-size:15px}.l-journal__grid{grid-template-columns:1fr;gap:39px}.l-journal__card>img{aspect-ratio:1.45}.l-journal__card h3{font-size:27px}.l-journal__card>p{font-size:16px}.l-final-cta{padding:70px 0}.l-final-cta h2{font-size:42px;letter-spacing:-1.8px}.l-final-cta p{font-size:17px}.l-final-cta .l-button{font-size:14px}.l-footer__inner{padding-top:0}.l-footer__links{padding-block:50px 40px}.l-footer nav{font-size:14px}}
 
 .l-footer__photo{object-position:center 20%}
 
@@ -82,11 +82,11 @@
 .l-moment__frame::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#14243b18 0%,transparent 35%,#14243b78 100%)}
 .l-moment__frame>img{position:absolute;inset:0;z-index:-2;object-position:center top}
 .l-moment__content{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:58px 35px 43px}
-.l-moment .l-eyebrow{font-size:11px;margin-bottom:14px;color:#fff}
+.l-moment .l-eyebrow{font-size:12px;margin-bottom:14px;color:#fff}
 .l-moment h2{font-size:clamp(40px,4.8vw,62px);line-height:1.05;letter-spacing:-2.7px}
 .l-moment p{font-size:17px;font-weight:500;line-height:1.42;margin:0;text-shadow:0 1px 8px #11203499}
 @media(max-width:800px){.l-real-life img{height:325px}.l-real-life__grid{gap:17px}.l-moment{padding:64px 0}.l-moment__frame{height:440px}.l-moment__content{padding-top:52px}}
-@media(max-width:600px){.l-real-life__grid{grid-template-columns:1fr;gap:35px}.l-real-life img{height:285px;border-radius:21px}.l-real-life figcaption{padding-top:17px}.l-real-life h3{font-size:25px}.l-real-life figcaption p{font-size:15px}.l-moment{height:auto;padding:52px 0;align-items:initial}.l-moment__frame{height:470px;border-radius:23px}.l-moment__frame>img{object-position:52% center}.l-moment__content{padding:37px 21px 31px}.l-moment .l-eyebrow{font-size:9px}.l-moment h2{font-size:39px;letter-spacing:-1.6px}.l-moment p{font-size:14px}.l-moment p br{display:none}}
+@media(max-width:600px){.l-real-life__grid{grid-template-columns:1fr;gap:35px}.l-real-life img{height:285px;border-radius:21px}.l-real-life figcaption{padding-top:17px}.l-real-life h3{font-size:25px}.l-real-life figcaption p{font-size:15px}.l-moment{height:auto;padding:52px 0;align-items:initial}.l-moment__frame{height:470px;border-radius:23px}.l-moment__frame>img{object-position:52% center}.l-moment__content{padding:37px 21px 31px}.l-moment .l-eyebrow{font-size:12px}.l-moment h2{font-size:39px;letter-spacing:-1.6px}.l-moment p{font-size:14px}.l-moment p br{display:none}}
 
 /* A photographic sequence, with controls that remain useful when motion is off. */
 .l-hero__scenes{position:absolute;inset:0;z-index:-2;overflow:hidden}
@@ -95,15 +95,15 @@
 .l-hero__image--home{object-position:center 44%}
 .l-hero__image--work{object-position:center 50%}
 .l-hero__image--trips{object-position:center 56%}
-.l-journal .l-section-heading .l-text-link{display:inline-block;margin-top:15px;font-size:13px;color:#14243b}
-.l-journal__guide{display:inline-block;margin-top:21px;font-size:13px;font-weight:500;border-bottom:1px solid #81928b;padding-bottom:5px}
+.l-journal .l-section-heading .l-text-link{display:inline-block;margin-top:15px;font-size:14px;color:#14243b}
+.l-journal__guide{display:inline-block;margin-top:21px;font-size:14px;font-weight:500;border-bottom:1px solid #81928b;padding-bottom:5px}
 @media(max-width:600px){.l-hero__image--home{object-position:58% center}.l-hero__image--work{object-position:61% center}.l-hero__image--trips{object-position:59% center}}
 @media(prefers-reduced-motion:reduce){.l-hero__image{transition:none}}
 
 /* The product walkthrough ends with a single, direct next step. */
 .l-product__action{display:flex;align-items:center;gap:18px;margin-top:31px}
-.l-product__action .l-button{font-size:12px;min-height:43px;padding:12px 20px}
-.l-product__action>span{font-size:11px;color:#c7d2d8}
+.l-product__action .l-button{font-size:14px;min-height:43px;padding:12px 20px}
+.l-product__action>span{font-size:12px;color:#c7d2d8}
 
 /* One photograph sits behind both closing sections, revealed by the navy wash. */
 .l-ending{position:relative;isolation:isolate;overflow:hidden;background:#14243b;color:#fff}
@@ -115,7 +115,7 @@
 .l-ending .l-footer::after{display:none}
 .l-ending .l-footer__inner{padding-top:0}
 .l-ending .l-footer__links{padding-top:55px}
-@media(max-width:600px){.l-product__action{align-items:flex-start;flex-direction:column;gap:11px;margin-top:25px}.l-product__action .l-button{font-size:11px}.l-ending .l-final-cta{padding-bottom:83px}.l-ending .l-final-cta p br{display:none}.l-ending .l-footer__links{padding-top:42px}.l-ending__photo{object-position:58% center}.l-ending::after{background:linear-gradient(180deg,#14243b 0%,#14243b 31%,#14243bf2 49%,#101e30a8 75%,#101e30ee 100%)}}
+@media(max-width:600px){.l-product__action{align-items:flex-start;flex-direction:column;gap:11px;margin-top:25px}.l-product__action .l-button{font-size:14px}.l-ending .l-final-cta{padding-bottom:83px}.l-ending .l-final-cta p br{display:none}.l-ending .l-footer__links{padding-top:42px}.l-ending__photo{object-position:58% center}.l-ending::after{background:linear-gradient(180deg,#14243b 0%,#14243b 31%,#14243bf2 49%,#101e30a8 75%,#101e30ee 100%)}}
 
 /* Three distinct parts of shared life, with a compact product glimpse for each. */
 .l-features{background:#f5f1ea}
@@ -128,7 +128,7 @@
 .l-hub-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0f2034c9,transparent 90%);z-index:0}
 .l-hub-cover img{object-position:center 40%}
 .l-hub-cover>div{position:absolute;bottom:17px;left:19px;z-index:1;color:white}
-.l-hub-cover span{font-size:9px;letter-spacing:.07em}
+.l-hub-cover span{font-size:10px;letter-spacing:.07em}
 .l-hub-cover h3{font-size:29px;font-weight:450;letter-spacing:-1px;margin-top:4px}
 .l-hub-members{display:flex;align-items:center;gap:12px;margin-block:18px;font-size:10px;color:#5c6d63}
 .l-hub-update{background:#edf2e8;padding:16px;border-radius:12px;margin-top:18px}
@@ -162,11 +162,11 @@
 .l-demo-essentials details>div>span{display:block;color:#65717c;font-size:10px}
 .l-demo-essentials strong{display:block;margin-top:4px;font-weight:500}
 .l-demo-essentials p{margin-top:8px}
-@media(max-width:600px){.l-hub-demo{min-height:620px}.l-hub-demo__body{padding:20px}.l-demo-tabs{padding:12px}.l-demo-tabs button{font-size:10px}.l-hub-cover{height:135px}.l-hub-members{gap:9px;font-size:9px}.l-hub-demo .l-avatar{width:27px;height:27px}.l-demo-job{gap:9px}.l-demo-job strong{font-size:11px}.l-hub-section-title>span{font-size:9px}.l-demo-title{font-size:28px}}
+@media(max-width:600px){.l-hub-demo{min-height:620px}.l-hub-demo__body{padding:20px}.l-demo-tabs{padding:12px}.l-demo-tabs button{font-size:10px}.l-hub-cover{height:135px}.l-hub-members{gap:9px;font-size:10px}.l-hub-demo .l-avatar{width:27px;height:27px}.l-demo-job{gap:9px}.l-demo-job strong{font-size:11px}.l-hub-section-title>span{font-size:10px}.l-demo-title{font-size:28px}}
 .l-avatar{object-fit:cover;aspect-ratio:1;overflow:hidden}
 .l-feature-grid--pillars .l-feature{padding:24px 20px}
 .l-feature-grid--pillars h3{font-size:21px;min-height:52px}
-.l-feature-grid--pillars .l-card-number{font-size:9px;letter-spacing:.035em}
+.l-feature-grid--pillars .l-card-number{font-size:12px;letter-spacing:.035em}
 .l-pillar-preview{background:#f7f8f5;border:1px solid #e7ebe5;border-radius:16px;padding:19px 16px;margin-top:12px;min-height:235px}
 .l-pillar-preview__heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
 .l-money-glance__total{display:flex;flex-direction:column;gap:5px;margin:13px 0}
@@ -189,7 +189,7 @@
 .l-essential-row>span{font-size:10px;color:#647168}
 .l-essential-row strong{font-weight:500}
 .l-pinned-note{display:flex;gap:8px;align-items:start;margin-top:16px;background:#e8eedf;padding:11px;border-radius:10px}
-.l-pinned-note span{font-size:9px;color:#506047}
+.l-pinned-note span{font-size:10px;color:#506047}
 .l-pinned-note p{font-size:11px;line-height:1.4;margin-top:3px}
 .l-pinned-note .l-avatar{width:24px;height:24px}
 .l-feature-grid--pillars .l-feature>p{font-size:15px;margin-top:18px}
@@ -198,8 +198,8 @@
 .l-plan-includes strong{font-size:18px;font-weight:500}
 .l-plan-includes p{font-size:15px;line-height:1.7;margin-top:8px;color:#485b50}
 .l-plan-includes>span{display:block;font-size:13px;line-height:1.6;color:#65717c;margin-top:5px}
-.l-header nav>a:not(.l-button){text-shadow:0 1px 10px #081423b3;font-size:13px}
+.l-header nav>a:not(.l-button){text-shadow:0 1px 10px #081423b3;font-size:14px}
 .l-hero::after{background:linear-gradient(90deg,rgba(10,20,30,.70),rgba(10,20,30,.10) 70%),linear-gradient(180deg,rgba(10,20,30,.52),transparent 32%,rgba(10,20,30,.17))}
 .l-ending .l-footer nav,.l-ending .l-footer__bottom,.l-ending .l-footer__links>div p{color:#eef2f5}
-.l-ending .l-footer__bottom{font-size:12px}
-@media(max-width:600px){.l-feature-grid--pillars h3{min-height:0;font-size:23px}.l-pillar-preview{min-height:0;margin-top:20px;padding:18px}.l-feature-grid--pillars .l-feature{padding:24px}.l-feature-grid--pillars .l-feature>p{font-size:15px}.l-task-row strong{font-size:12px}.l-mini-progress{margin-top:12px}.l-plan-includes{margin-top:0;padding-block:20px}.l-plan-includes p{font-size:14px}.l-header nav>a:not(.l-button){text-shadow:none}}
+.l-ending .l-footer__bottom{font-size:13px}
+@media(max-width:600px){.l-feature-grid--pillars h3{min-height:0;font-size:23px}.l-pillar-preview{min-height:0;margin-top:20px;padding:18px}.l-feature-grid--pillars .l-feature{padding:24px}.l-feature-grid--pillars .l-feature>p{font-size:15px}.l-task-row strong{font-size:12px}.l-mini-progress{margin-top:12px}.l-plan-includes{margin-top:0;padding-block:20px}.l-plan-includes p{font-size:14px}}
diff --git a/web/src/site-menu.css b/web/src/site-menu.css
new file mode 100644
index 00000000..7955a307
--- /dev/null
+++ b/web/src/site-menu.css
@@ -0,0 +1,27 @@
+/* Phone top bar and full-screen menu shared by every website page. Desktop keeps each page's own header. */
+.site-menu{display:none}
+@media(max-width:800px){
+  .l-site{--bar:68px}
+  .l-site .l-header,.l-site .p-header{display:none}
+  .site-menu{display:contents}
+  .site-menu__bar{position:sticky;top:0;z-index:40;height:var(--bar);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--gutter);background:#f9faf8;color:var(--navy);transition:background .25s,color .25s,box-shadow .25s}
+  .site-menu.is-scrolled .site-menu__bar{background:#f9faf8f2;box-shadow:0 1px 0 #14243b14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
+  /* Over a photo hero the bar starts transparent, then pins to the top once the hero has scrolled away. */
+  .site-menu--photo .site-menu__bar{position:absolute;top:0;left:0;right:0;background:transparent;color:white}
+  .site-menu--photo.is-scrolled .site-menu__bar{position:fixed;color:var(--navy);animation:site-menu-in .25s ease-out}
+  .site-menu--photo.is-open .site-menu__bar{position:fixed;background:#f9faf8;color:var(--navy);box-shadow:none;animation:none}
+  .site-menu__bar .l-wordmark{font-size:27px}
+  .site-menu__toggle{min-width:76px;min-height:42px;border-radius:99px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:14px;font-weight:500;padding:0 18px}
+  .site-menu__panel[hidden]{display:none}
+  .site-menu__panel{position:fixed;z-index:39;top:var(--bar);left:0;right:0;bottom:0;display:flex;flex-direction:column;background:#f9faf8;color:var(--navy);padding:18px var(--gutter) calc(24px + env(safe-area-inset-bottom));overflow-y:auto;animation:site-menu-fade .2s}
+  .site-menu__links a{display:block;font-size:34px;letter-spacing:-1.2px;line-height:1.1;padding:13px 0}
+  .site-menu__links a[aria-current=page]::after{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#83a174;margin-left:12px;vertical-align:middle}
+  .site-menu__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:28px}
+  .site-menu__actions .l-button{min-height:52px;font-size:15px}
+  .site-menu .site-menu__login{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1px #14243b40}
+  .site-menu .site-menu__login:hover{background:#14243b0d}
+  html.has-site-menu,html.has-site-menu body{overflow:hidden}
+}
+@keyframes site-menu-in{from{transform:translateY(-100%)}to{transform:none}}
+@keyframes site-menu-fade{from{opacity:0}to{opacity:1}}
+@media(prefers-reduced-motion:reduce){.site-menu *{animation:none!important;transition:none!important}}

From afdccb06c0e0a6b345ac50bdec67d5b8703706fd Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 9 Oct 2026 18:43:29 +0000
Subject: [PATCH 2/2] Website: drop the repeated homepage section and fix two
 run-on lines

Removes "More of the moments you share", which repeated the home and
work scenes that "Built for your kind of together" already shows, and
its styles. Renames the "Meet your shared headspace" eyebrow to "Your
shared space". Adds the missing space where a line break is hidden on
phones, so "for this.The everyday" and "for it all.Start" read
correctly.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01HcVKDmy3nYR8taPWrTXANu
---
 web/src/EditorialMock.tsx | 16 +++-------------
 web/src/editorial.css     | 13 ++-----------
 2 files changed, 5 insertions(+), 24 deletions(-)

diff --git a/web/src/EditorialMock.tsx b/web/src/EditorialMock.tsx
index 0fcaf3b3..8a207f75 100644
--- a/web/src/EditorialMock.tsx
+++ b/web/src/EditorialMock.tsx
@@ -100,7 +100,7 @@ export default function EditorialMock() {
     <main>
       <section className="l-features l-section" id="features" aria-labelledby="features-title">
         <div className="l-container">
-          <div className="l-section-heading"><div><span className="l-eyebrow">Meet your shared headspace</span><h2 id="features-title">All the shared stuff.<br />In <mark>one clear place.</mark></h2></div><p>Less working it out.<br />More getting on with living.</p></div>
+          <div className="l-section-heading"><div><span className="l-eyebrow">Your shared space</span><h2 id="features-title">All the shared stuff.<br />In <mark>one clear place.</mark></h2></div><p>Less working it out.<br />More getting on with living.</p></div>
           <div className="l-feature-grid l-feature-grid--pillars">
             <article className="l-feature"><span className="l-card-number">01 / SHARED MONEY</span><h3>Know where you stand.</h3><div className="l-pillar-preview l-money-glance"><span className="l-mini-label">MAPLE HOUSE · THIS MONTH</span><div className="l-money-glance__total"><span>Your share</span><strong>£300.00</strong></div><div className="l-money-glance__person"><Avatar index={0} /><span>Alex <small>(you)</small></span><span className="l-status l-status--paid">Paid</span></div><div className="l-mini-progress"><span>2 of 4 shares paid</span><Avatars /></div><div className="l-progress"><span /></div></div><p>Split fairly. See what’s due and what’s paid.</p></article>
             <article className="l-feature"><span className="l-card-number">02 / SHARED RESPONSIBILITY</span><h3>Everyone has their part.</h3><div className="l-pillar-preview"><div className="l-pillar-preview__heading"><span className="l-mini-label">THIS WEEK AT HOME</span><span className="l-status">3 jobs</span></div>{[{ task: 'Take the recycling out', when: 'Today', member: 1 }, { task: 'Water the plants', when: 'Tomorrow', member: 2 }, { task: 'Clean the kitchen', when: 'Friday', member: 3 }].map(job => <div className="l-task-row" key={job.task}><span className="l-task-ring" aria-hidden="true" /><div><strong>{job.task}</strong><small>{people[job.member]} · {job.when}</small></div><Avatar index={job.member} /></div>)}</div><p>Give the everyday jobs a name and a next turn.</p></article>
@@ -110,16 +110,6 @@ export default function EditorialMock() {
         </div>
       </section>
 
-      <section className="l-real-life l-section" aria-labelledby="real-life-title">
-        <div className="l-container">
-          <div className="l-section-heading"><div><span className="l-eyebrow">For the everyday and the unexpected</span><h2 id="real-life-title">More of the moments<br />you share.</h2></div><p>From the usual Tuesday dinner<br />to plans somewhere new.</p></div>
-          <div className="l-real-life__grid">
-            <figure><img src="/scene-warm-table.jpg" alt="Two friends making dinner together at home" loading="lazy" /><figcaption><h3>At the table.</h3><p>Who’s cooking, what’s needed, how you share the shop.</p></figcaption></figure>
-            <figure><img src="/work-together.png" alt="People working together around a table" loading="lazy" /><figcaption><h3>Making things happen.</h3><p>The space, the supplies and everyone doing their part.</p></figcaption></figure>
-          </div>
-        </div>
-      </section>
-
       <section className="l-product l-section" id="how-it-works" aria-labelledby="product-title">
         <div className="l-container l-product__layout">
           <div className="l-product__copy"><span className="l-eyebrow">A home for the everyday</span><h2 id="product-title">Your people.<br />Your place.<br /><span>All together.</span></h2><p>Who’s doing what, what’s changed and where to find it. The little things that help your group run smoothly.</p>
@@ -167,7 +157,7 @@ export default function EditorialMock() {
         </div>
       </div></section>
 
-      <section className="l-moment" aria-labelledby="moment-title"><div className="l-moment__frame l-container"><img src="/scene-blue-day.jpg" alt="Friends enjoying a clear day in the park with their dog" loading="lazy" /><div className="l-moment__content"><div><span className="l-eyebrow">All the ways you share a life.</span><h2 id="moment-title">The best bits are shared.</h2></div><p>When everyone knows their part, there’s more room for this.<br />The everyday. The unexpected. The time together.</p></div></div></section>
+      <section className="l-moment" aria-labelledby="moment-title"><div className="l-moment__frame l-container"><img src="/scene-blue-day.jpg" alt="Friends enjoying a clear day in the park with their dog" loading="lazy" /><div className="l-moment__content"><div><span className="l-eyebrow">All the ways you share a life.</span><h2 id="moment-title">The best bits are shared.</h2></div><p>When everyone knows their part, there’s more room for this. <br />The everyday. The unexpected. The time together.</p></div></div></section>
 
       <section className="l-pricing l-section" id="plans" aria-labelledby="plans-title"><div className="l-container">
         <div className="l-section-heading"><div><span className="l-eyebrow">A plan for your people</span><h2 id="plans-title">A little clarity.<br />For every <mark>group.</mark></h2></div><div className="l-billing" aria-label="Billing period"><button aria-pressed={!yearly} onClick={() => setYearly(false)}>Monthly</button><button aria-pressed={yearly} onClick={() => setYearly(true)}>Yearly</button></div></div>
@@ -185,7 +175,7 @@ export default function EditorialMock() {
     </main>
 
     <div className="l-ending"><img className="l-ending__photo" src="/unique-footer.jpg" alt="" loading="lazy" />
-      <section className="l-final-cta" aria-labelledby="closing-title"><div className="l-container"><span className="l-eyebrow">Less admin. More living.</span><h2 id="closing-title">Make space for the good stuff.</h2><p>The costs, the jobs, the little details. A shared place for it all.<br />Start with 7 days on Standard.</p><LinkButton variant="white">Start your 7-day free trial</LinkButton></div></section>
+      <section className="l-final-cta" aria-labelledby="closing-title"><div className="l-container"><span className="l-eyebrow">Less admin. More living.</span><h2 id="closing-title">Make space for the good stuff.</h2><p>The costs, the jobs, the little details. A shared place for it all. <br />Start with 7 days on Standard.</p><LinkButton variant="white">Start your 7-day free trial</LinkButton></div></section>
       <footer className="l-footer"><div className="l-container l-footer__inner"><div className="l-footer__links"><div><BrandWordmark /><p>For people who do life together.</p></div><nav aria-label="Explore"><h3>Explore</h3><a href="/how-it-works.html">How it works</a><a href="/life-together.html">Life together</a><a href="/pricing.html">Pricing</a><a href="/journal.html">Journal</a><a href="/about.html">About</a></nav><nav aria-label="Get in touch"><h3>Your Commune</h3><a href="https://app.ourcommune.io/login">Log in</a><a href={signup}>Get started</a><a href="mailto:support@ourcommune.io">Contact us</a></nav></div><div className="l-footer__bottom"><span>© {new Date().getFullYear()} Commune</span><div><a href="https://app.ourcommune.io/privacy">Privacy policy</a><a href="https://app.ourcommune.io/terms">Terms of service</a></div></div></div></footer>
     </div>
   </div>;
diff --git a/web/src/editorial.css b/web/src/editorial.css
index 25255e3f..6d92157d 100644
--- a/web/src/editorial.css
+++ b/web/src/editorial.css
@@ -65,15 +65,6 @@
 .l-footer__photo{object-position:center 20%}
 
 /* Everyday photographs with room to breathe between product sections. */
-.l-real-life{background:#fff}
-.l-real-life__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:start}
-.l-real-life figure{min-width:0}
-.l-real-life img{height:390px;border-radius:26px;object-fit:cover}
-.l-real-life figure:first-child img{object-position:center 46%}
-.l-real-life figure:last-child img{object-position:center 48%}
-.l-real-life figcaption{padding:22px 4px 0}
-.l-real-life h3{font-size:28px;font-weight:500;line-height:1.15;letter-spacing:-.9px}
-.l-real-life figcaption p{color:#65717c;font-size:16px;line-height:1.5;margin-top:10px}
 
 /* One Meta-inspired photographic chapter, adapted to Commune's message. */
 .l-moment{height:auto;display:block;padding:82px 0;background:#fff;color:#fff}
@@ -85,8 +76,8 @@
 .l-moment .l-eyebrow{font-size:12px;margin-bottom:14px;color:#fff}
 .l-moment h2{font-size:clamp(40px,4.8vw,62px);line-height:1.05;letter-spacing:-2.7px}
 .l-moment p{font-size:17px;font-weight:500;line-height:1.42;margin:0;text-shadow:0 1px 8px #11203499}
-@media(max-width:800px){.l-real-life img{height:325px}.l-real-life__grid{gap:17px}.l-moment{padding:64px 0}.l-moment__frame{height:440px}.l-moment__content{padding-top:52px}}
-@media(max-width:600px){.l-real-life__grid{grid-template-columns:1fr;gap:35px}.l-real-life img{height:285px;border-radius:21px}.l-real-life figcaption{padding-top:17px}.l-real-life h3{font-size:25px}.l-real-life figcaption p{font-size:15px}.l-moment{height:auto;padding:52px 0;align-items:initial}.l-moment__frame{height:470px;border-radius:23px}.l-moment__frame>img{object-position:52% center}.l-moment__content{padding:37px 21px 31px}.l-moment .l-eyebrow{font-size:12px}.l-moment h2{font-size:39px;letter-spacing:-1.6px}.l-moment p{font-size:14px}.l-moment p br{display:none}}
+@media(max-width:800px){.l-moment{padding:64px 0}.l-moment__frame{height:440px}.l-moment__content{padding-top:52px}}
+@media(max-width:600px){.l-moment{height:auto;padding:52px 0;align-items:initial}.l-moment__frame{height:470px;border-radius:23px}.l-moment__frame>img{object-position:52% center}.l-moment__content{padding:37px 21px 31px}.l-moment .l-eyebrow{font-size:12px}.l-moment h2{font-size:39px;letter-spacing:-1.6px}.l-moment p{font-size:14px}.l-moment p br{display:none}}
 
 /* A photographic sequence, with controls that remain useful when motion is off. */
 .l-hero__scenes{position:absolute;inset:0;z-index:-2;overflow:hidden}