@font-face{font-family:Manrope;src:url('/assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--canvas:#f6f5f1;--paper:#fff;--ink:#252820;--muted:#62665b;--olive:#506343;--olive-dark:#3c4c31;--pale:#e7ecdf;--line:#d4d7ce;--ease:cubic-bezier(.32,.72,0,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Manrope,sans-serif;font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased}
::selection{background:#cfdbc3;color:var(--ink)}
a{color:var(--olive);text-underline-offset:4px;transition:color .3s var(--ease),background .3s var(--ease),transform .3s var(--ease)}
a:hover{color:var(--olive-dark)}
a:active{transform:translateY(1px)}
:focus-visible{outline:3px solid var(--olive);outline-offset:4px;border-radius:4px}
main:focus{outline:none}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{text-wrap:balance;font-weight:600}
p,li{text-wrap:pretty}
button,input{font:inherit}
.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.skip-link{position:fixed;top:8px;left:8px;z-index:20;padding:12px 24px;background:var(--ink);color:#fff;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0);color:#fff}
.site-header{padding:24px 16px 0}
.nav-pill{display:flex;align-items:center;gap:80px;width:max-content;max-width:100%;margin-inline:auto;padding:8px 12px;background:#ffffffc9;backdrop-filter:blur(24px);border:1px solid #dfe2d7;border-radius:9999px;box-shadow:0 4px 24px #25282004,inset 0 1px 0 #fff}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-size:20px;line-height:28px;font-weight:700;padding-right:8px}
.brand img{border-radius:8px;width:32px;height:32px}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-links a{font-size:14px;line-height:20px;font-weight:600;padding:12px 16px;text-decoration:none;color:var(--muted);border-radius:9999px}
.nav-links a[aria-current],.nav-links a:hover{background:var(--pale);color:var(--olive-dark)}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:0;align-items:center;padding-block:48px 32px}
.eyebrow{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--olive);margin-bottom:24px}
.hero .eyebrow{display:flex;align-items:center;gap:8px}
.hero-rule{display:block;width:32px;height:1px;background:var(--olive)}
h1{font-size:96px;line-height:1;letter-spacing:-.065em;font-weight:500;max-width:680px}
.hero h1{background:linear-gradient(110deg,#000,#666);background-clip:text;-webkit-background-clip:text;color:transparent;padding-bottom:12px;margin-bottom:-12px}
.hero-description{max-width:400px;font-size:18px;line-height:28px;color:var(--muted);margin-top:32px;margin-bottom:32px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:56px;padding:8px 12px;background:var(--olive);color:white;border-radius:9999px;text-decoration:none;font-size:16px;line-height:24px;font-weight:600;box-shadow:0 4px 12px #50634312}
.button span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff60;border-radius:9999px;font-size:20px;line-height:28px;transition:transform .7s var(--ease)}
.button:hover{background:var(--olive-dark);color:white;transform:translateY(-2px)}
.button:active{transform:scale(.98)}
.availability{font-size:12px;line-height:16px;color:var(--muted);margin-top:16px}
.hero-facts{display:flex;flex-wrap:wrap;gap:24px;margin-top:48px;font-size:12px;line-height:16px;color:var(--muted)}
.hero-facts span{display:flex;gap:8px;align-items:center}
.hero-facts span+span::before{content:"/";color:#a1a694;font-weight:400}
.hero-visual{position:relative;min-width:0;margin:0;isolation:isolate}

.phone{position:absolute;padding:4px;background:#34372e;border:1px solid #6b6f62;border-radius:32px;overflow:hidden;box-shadow:inset 0 0 0 2px #555b4d,0 24px 48px #34422a26,0 8px 16px #34422a1a}
.phone img{width:100%;height:auto;border-radius:24px}
figcaption{font-size:12px;line-height:16px;color:var(--ink);margin-top:16px;text-align:center}
figcaption span{color:var(--muted)}
.section{padding-block:96px}
.section-heading{margin-bottom:48px}
.section-heading .eyebrow{margin-bottom:16px}
h2{font-size:60px;line-height:1;letter-spacing:-.055em;font-weight:500}
h3{font-size:24px;line-height:32px;letter-spacing:-.025em}
.steps{display:grid;grid-template-columns:1fr;gap:0;list-style:none;padding:0;margin:0}
.step-number{display:block;font-size:14px;line-height:20px;color:var(--olive);font-weight:500;padding-top:8px;grid-row:1/3}
.steps h3{margin-bottom:12px}
.steps p,.benefit-list p{color:var(--muted);line-height:28px;font-size:18px}
.example-section{margin-block:0;background:#e8ebdf;padding-block:96px}
.example-layout{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}
.example-layout h2{margin-bottom:24px}
.example-layout>div>p:not(.eyebrow){max-width:440px;font-size:18px;line-height:28px;color:var(--muted)}
.text-link{display:inline-flex;gap:16px;align-items:center;font-weight:600;min-height:44px;margin-top:24px}
.weighing-sheet{background:var(--paper);border:1px solid #cbd0bf;border-radius:8px;padding:40px;box-shadow:0 24px 48px #3d4b2f0a}
.sheet-heading{display:flex;justify-content:space-between;gap:8px;font-size:14px;line-height:20px;margin-bottom:32px;color:var(--muted)}
.sheet-heading span:last-child{color:var(--ink);font-weight:600}
.basis-switch{padding:0;margin:0 0 24px;border:0;min-width:0}
.basis-switch legend{font-size:14px;line-height:20px;margin-bottom:12px}
.basis-switch>div{display:flex;padding:4px;background:var(--canvas);border-radius:8px;gap:4px}
.basis-switch label{flex:1;position:relative;cursor:pointer}
.basis-switch input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.basis-switch label span{display:flex;min-height:44px;align-items:center;justify-content:center;padding:8px 12px;font-size:14px;line-height:20px;font-weight:600;border-radius:4px;transition:background .3s var(--ease),color .3s var(--ease)}
.basis-switch input:checked+span{background:var(--olive);color:#fff}
.basis-switch input:focus-visible+span{outline:3px solid var(--olive);outline-offset:4px}
.basis-switch input:hover:not(:checked)+span{background:var(--pale)}
.amounts>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}
.amounts>div>span{color:var(--muted);font-size:18px;line-height:28px}
.amounts strong{font-variant-numeric:tabular-nums;font-size:48px;line-height:1;font-weight:500;letter-spacing:-.06em;white-space:nowrap}
.amounts small{font-size:24px;line-height:32px;font-weight:500}
.total{display:flex;justify-content:space-between;gap:16px;padding:16px;background:var(--canvas);border-radius:8px;font-size:14px;line-height:20px;align-items:center}
.total strong{font-size:18px;line-height:28px;letter-spacing:-.02em}
.sheet-note{font-size:12px;line-height:16px;margin-top:16px;color:var(--muted)}
.benefits{display:grid;grid-template-columns:1fr 1fr;gap:96px}
.benefit-list{display:grid;gap:0}
.benefit-list article{display:flex;gap:24px;padding-block:32px;border-top:1px solid var(--line)}
.benefit-index{color:var(--olive);font-size:14px;line-height:20px;padding-top:4px}
.benefit-list h3{margin-bottom:12px}
.tagline-section{padding-block:80px 96px;text-align:center;background:#edeee7;border-radius:16px}
.tagline{font-size:60px;line-height:1;letter-spacing:-.05em;font-weight:600;max-width:680px;margin-inline:auto}
.tagline-section>p:last-child{margin-top:32px;color:var(--muted);font-size:16px;line-height:24px}
.tagline span{transition:color .8s var(--ease)}
.motion .tagline span{color:#b3b5aa}
.motion .tagline span.is-visible{color:var(--ink)}
.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:64px}
.faq-list{display:grid;gap:0}
details{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
summary{display:flex;gap:24px;align-items:center;justify-content:space-between;list-style:none;font-size:18px;line-height:28px;font-weight:500;padding:24px 0;min-height:72px;cursor:pointer;transition:color .3s var(--ease)}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';font-size:24px;line-height:32px;color:var(--olive);flex-shrink:0;font-weight:400}
details[open] summary::after{content:'−'}
summary:hover{color:var(--olive)}
details p{padding:0 32px 24px 0;color:var(--muted);font-size:16px;line-height:24px}
.closing{display:grid;grid-template-columns:1fr 2fr;align-items:start;gap:48px;padding:64px;background:#e3e8d8;border-radius:16px;margin-top:16px;margin-bottom:80px}
.closing img{width:48px;height:48px;border-radius:12px}
.closing h2{font-size:36px;line-height:40px;margin-bottom:32px}
.closing p{color:var(--muted);font-size:12px;line-height:16px}
.site-footer{display:grid;grid-template-columns:1fr auto;gap:32px;padding-block:32px 40px;border-top:1px solid var(--line)}
.footer-brand{color:var(--ink);text-decoration:none;font-size:72px;line-height:1;font-weight:500;letter-spacing:-.07em}
.brand-dot{color:var(--olive)}
.site-footer p{color:var(--muted);font-size:12px;line-height:16px;margin-top:8px}
.site-footer nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.site-footer nav a{font-size:14px;line-height:20px;min-height:44px;display:flex;align-items:center}
.copyright{grid-column:1/-1}
.document{max-width:896px;padding-top:80px;padding-bottom:80px}
.document-header{margin-bottom:48px}
.document h1{font-size:60px;line-height:1;letter-spacing:-.05em;margin-bottom:24px}
.lede{font-size:20px;line-height:28px;color:var(--muted);max-width:680px}
.updated{font-size:14px;line-height:20px;color:var(--muted);margin-top:24px}
.contact-panel{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;background:var(--pale);border-radius:16px;padding:32px;margin-bottom:64px}
.contact-panel h2{font-size:30px;line-height:36px;margin-bottom:16px}
.contact-panel p:not(.eyebrow){color:var(--muted);margin-bottom:24px}
.contact-panel .eyebrow{margin-bottom:16px}
.contact-note{align-self:end;font-size:14px;line-height:20px}
.email-link{display:block;margin-top:16px;overflow-wrap:anywhere;font-size:14px;line-height:20px}
.prose{max-width:680px;margin-inline:auto}
.prose h2{font-size:30px;line-height:36px;margin-top:48px;margin-bottom:16px;letter-spacing:-.035em}
.prose h3{font-size:20px;line-height:28px;margin-top:32px;margin-bottom:12px}
.prose p,.prose li{font-size:18px;line-height:28px;color:var(--muted)}
.prose p+p{margin-top:16px}
.prose strong{font-weight:600;color:var(--ink)}
.prose ul{padding-left:24px;margin-block:16px}
.prose li+li{margin-top:12px}
.prose a{overflow-wrap:anywhere}
.privacy-summary{padding:24px 32px;border-radius:16px;background:var(--pale);display:grid;gap:16px;color:var(--olive-dark)}
.privacy-summary strong{font-weight:600}
.document-note{max-width:680px;margin:48px auto 0;padding:24px;background:var(--pale);border-radius:8px}
.not-found{min-height:65vh;padding-block:96px}
.not-found h1{font-size:60px;line-height:1;margin-bottom:32px}
.not-found p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:28px;max-width:440px;margin-bottom:32px}
.not-found .text-link{display:flex;width:max-content}
.motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.motion .reveal.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none;filter:none}.motion .tagline span{color:var(--ink)}}
@media print{.site-header,.site-footer,.button{display:none}.wrap{width:100%;max-width:none}.document{padding:0}.motion .reveal{opacity:1;transform:none;filter:none}.motion .tagline span{color:var(--ink)}body{background:white}a{color:inherit}}

.tagline .word-1{transition-delay:100ms}.tagline .word-2{transition-delay:200ms}.tagline .word-3{transition-delay:300ms}.tagline .word-4{transition-delay:400ms}.tagline .word-5{transition-delay:500ms}

.motion .reveal:focus-within{opacity:1;transform:none;filter:none}

/* Product presentation: two real app screens, arranged like a studio still. */
.hero-copy{position:relative;z-index:2;padding-bottom:24px}
.hero .eyebrow{font-weight:500;letter-spacing:.08em}
.hero h1{position:relative;z-index:2}
.device-stage{position:relative;height:620px;width:100%}
.stage-surface{position:absolute;inset:80px 0 64px 24px;background:#e3e7d9;border:1px solid #d8deca;border-radius:24px;transform:rotate(-6deg)}
.phone-back{width:220px;left:16px;top:96px;transform:rotate(-11deg);z-index:1}
.phone-front{width:268px;right:40px;top:0;transform:rotate(7deg);z-index:2}
.stage-caption{position:absolute;right:16px;bottom:0;display:grid;gap:4px;font-size:12px;line-height:16px;text-align:right;color:var(--olive)}
.stage-caption span:last-child{color:var(--muted)}
.button:hover span{transform:rotate(45deg)}
.product-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:32px;border-block:1px solid var(--line);font-size:14px;line-height:20px;color:var(--muted)}
.product-strip p{font-size:16px;line-height:24px;color:var(--muted)}
.product-strip strong{font-weight:500;color:var(--ink)}
.product-strip>span{color:var(--olive)}
.workflow{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start}
.workflow .section-heading,.benefits .section-heading{margin:0}
.muted-heading{color:var(--olive)}
.section-intro{max-width:360px;margin-top:32px;font-size:18px;line-height:28px;color:var(--muted)}
.steps li{display:grid;grid-template-columns:32px 1fr;column-gap:24px;padding-block:32px;border-top:1px solid var(--line)}
.steps p{grid-column:2}
.workflow .steps h3,.benefit-list h3{font-weight:500}
.benefits{align-items:start}
.tagline-mark{display:block;font-size:72px;line-height:1;font-weight:500;letter-spacing:-.08em;color:var(--olive);margin-bottom:32px}
.closing-brand{display:flex;align-items:center;gap:16px;font-size:36px;line-height:40px;letter-spacing:-.05em;font-weight:500}
.closing-action{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.faq-section .section-heading{max-width:440px}

@media(max-width:1280px){
  .hero h1{font-size:72px}.hero{grid-template-columns:1.15fr 1fr}.device-stage{height:580px}.phone-front{width:244px;right:24px}.phone-back{width:204px;left:16px}.stage-caption{right:0}
  .workflow,.benefits,.example-layout{gap:64px}h2{font-size:48px}.weighing-sheet{padding:32px}
}
@media(max-width:1000px){
  .wrap{width:calc(100% - 64px)}.hero h1{font-size:60px}.hero{grid-template-columns:1.1fr 1fr;gap:16px}.hero-description{max-width:320px}.hero-facts{gap:12px}.hero-facts span+span::before{content:none}
  .device-stage{height:500px}.phone-front{width:208px;right:8px;top:16px}.phone-back{width:172px;left:0;top:80px}.stage-caption{bottom:0}.stage-surface{inset:64px 0 64px 0}
  .product-strip{flex-wrap:wrap;justify-content:start;column-gap:32px}.product-strip p{margin-right:auto}.product-strip>span{font-size:12px;line-height:16px}
  .workflow,.benefits,.example-layout{gap:40px}h2{font-size:36px;line-height:40px}.amounts strong{font-size:36px;line-height:40px}.amounts>div{display:block}.amounts>div>span{display:block;margin-bottom:8px}
  .faq-section{gap:40px;grid-template-columns:1fr 1.3fr}.closing{padding:40px;grid-template-columns:1fr 2fr;gap:32px}.closing-brand{font-size:30px;line-height:36px}.closing-brand img{width:40px;height:40px}
}
@media(max-width:800px){
  .hero{grid-template-columns:1fr;gap:32px;padding-block:48px}.hero-copy{padding-bottom:0}.hero h1{font-size:72px}.hero-description{max-width:440px;margin-block:24px}.hero-facts{margin-top:32px;gap:24px}.hero-facts span+span::before{content:'/'}
  .hero-visual{width:min(100%,520px);margin-inline:auto}.device-stage{height:580px}.phone-front{width:244px;right:48px;top:16px}.phone-back{width:204px;left:48px;top:80px}.stage-caption{right:24px;bottom:8px}
  .product-strip{gap:24px}.product-strip p{flex-basis:100%;margin:0}.product-strip p br{display:none}.product-strip p strong{margin-left:4px}.product-strip>span{flex-basis:calc(50% - 12px);font-size:14px;line-height:20px}
  .workflow,.benefits,.example-layout,.faq-section{grid-template-columns:1fr;gap:40px}.section-intro{max-width:440px;margin-top:24px}.section-heading{margin-bottom:0}.section{padding-block:64px}.example-section{padding-block:64px}
  .workflow h2 br:first-child,.benefits h2 br:first-child{display:none}.example-copy h2 br:nth-child(2){display:none}
  .weighing-sheet{max-width:560px;width:100%;margin-inline:auto}.amounts>div{display:flex}.amounts strong{font-size:48px;line-height:1}.tagline{font-size:48px}.tagline-section{padding:64px 24px}
  .closing{grid-template-columns:1fr;gap:32px}.closing h2{font-size:36px;line-height:40px}.site-footer{gap:24px}.footer-brand{font-size:60px}
}
@media(max-width:600px){
  .wrap{width:calc(100% - 40px)}.site-header{padding:16px 12px 0}.nav-pill{gap:16px;padding:8px}.brand{padding:0}.brand span{font-size:18px}.nav-links{gap:0}.nav-links a{padding:8px;font-size:12px;line-height:16px;min-height:44px;display:flex;align-items:center}
  .hero h1{font-size:48px}.hero .eyebrow{font-size:12px;line-height:16px;gap:12px}.hero-description{font-size:18px;line-height:28px}.hero-facts{gap:12px}.hero-facts span+span::before{content:none}
  .hero-visual{margin-top:16px}.device-stage{height:640px}.phone-front{width:208px;right:16px;top:128px}.phone-back{width:176px;left:16px;top:0}.stage-caption{bottom:0;right:8px}.stage-surface{inset:64px 16px}.hero-visual figcaption{font-size:12px;line-height:16px;margin-top:8px}
  .section{padding-block:48px}.section-heading .eyebrow,.example-copy .eyebrow{margin-bottom:24px}.steps li{column-gap:16px;padding-block:24px}.step-number{font-size:12px;line-height:16px}.steps h3,.benefit-list h3{font-size:24px;line-height:32px}.steps p,.benefit-list p{font-size:16px;line-height:24px}
  .example-section{padding-block:48px}.example-layout{gap:32px}.weighing-sheet{padding:24px}.amounts strong{font-size:36px;line-height:40px}.sheet-heading{margin-bottom:24px}.benefit-list article{padding-block:24px}.benefit-index{font-size:12px}
  .tagline-section{padding:48px 16px}.tagline-mark{font-size:60px;margin-bottom:24px}.tagline{font-size:36px;line-height:40px}.tagline-section>p:last-child{margin-top:24px}.faq-section{gap:24px}summary{font-size:16px;line-height:24px}
  .closing{padding:32px 24px;margin-bottom:48px}.closing h2{font-size:30px;line-height:36px}.closing-action{gap:16px}.closing-brand img{width:40px;height:40px}.site-footer{grid-template-columns:1fr;padding-block:24px 32px}.site-footer nav{gap:16px}
  .document{padding-block:48px}.document h1{font-size:48px;line-height:1;overflow-wrap:anywhere}.document-header{margin-bottom:32px}.contact-panel{grid-template-columns:1fr;gap:24px;padding:24px;margin-bottom:40px}.contact-panel p.contact-note{margin-bottom:0}.privacy-summary{padding:24px}.prose h2{font-size:24px;line-height:32px}.not-found{padding-block:64px}.not-found h1{font-size:48px}.lede{font-size:18px;line-height:28px}
}
@media(max-width:360px){
  .hero h1{font-size:36px;line-height:40px}.brand span{display:none}.hero-rule{width:16px}.hero .eyebrow{letter-spacing:.04em}.phone-front{width:180px;right:16px}.phone-back{width:148px;left:12px}.device-stage{height:580px}.hero-visual figcaption span{display:block}
  .weighing-sheet{padding:16px}.amounts strong{font-size:30px;line-height:36px}.amounts>div>span{font-size:16px}.total{padding:12px}.document h1{font-size:36px;line-height:40px}.product-strip{column-gap:16px}
}
@media(prefers-reduced-motion:reduce){.button:hover span{transform:none}}