:root{color-scheme:light;--pink:#f6a9bb;--brown:#60351d;--line:#60351d40;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--brown);background:var(--pink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline:3px solid var(--brown);outline-offset:6px}a:hover{text-decoration-thickness:2px}.skip{position:absolute;left:1rem;top:-5rem;padding:1rem;background:#fff;z-index:2}.skip:focus{top:1rem}.page{max-width:1600px;margin:auto;padding:0 clamp(1.5rem,5vw,6rem);min-height:100svh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--line)}.wordmark{font-size:2.1rem;letter-spacing:-.07em;font-weight:850;text-decoration:none}.wordmark span{font-size:.75rem;vertical-align:top;display:inline-block;margin:.4rem 0 0 .35rem;letter-spacing:0}.edition{font-size:.875rem;font-weight:500;text-align:right;line-height:1.5}.hero{flex:1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;padding:4.5rem 0 5rem}.eyebrow{font-size:.875rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin:0 0 2rem}h1{font-size:clamp(3.5rem,7.3vw,7.2rem);font-weight:800;letter-spacing:-.065em;line-height:.98;margin:0}h1 span{color:#fff;text-shadow:0 1px 0 #60351d12}.intro{font-size:clamp(1.125rem,1.6vw,1.4rem);line-height:1.55;margin:2rem 0}.intro em{font-family:Georgia,serif}.launch{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:2.1rem}.badge{text-decoration:none;display:inline-block;background:var(--brown);color:#fff;border-radius:50px;padding:.9rem 1.45rem;font-size:1rem;font-weight:600}.launch p{font-size:.9375rem;margin:0}.hero-logo{display:block;width:clamp(9rem,15vw,13rem);height:auto;border-radius:1.25rem;margin:1.75rem 0}.hero-copy h1{font-size:clamp(2.5rem,4.5vw,4.75rem);letter-spacing:-.045em;line-height:1.08;max-width:12em;text-wrap:balance}.hero-copy .intro{max-width:31rem}.app-preview{width:100%;max-width:440px;justify-self:end;aspect-ratio:1290/1390;overflow:hidden;border-radius:1.8rem;box-shadow:0 18px 50px #60351d20;background:#f0b7c8}.app-preview img{display:block;width:100%;height:auto;transform:translateY(-5.4%)}footer{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;border-top:1px solid var(--line);padding:1.5rem 0;font-size:.875rem}footer p{margin:0}footer nav{display:flex;gap:1.5rem;margin-left:auto}.independent{width:100%;font-size:.8125rem}.legal{max-width:760px;padding:5rem 0;flex:1}.legal h1{font-size:clamp(3rem,7vw,5.5rem);margin:1.5rem 0 2rem}.legal p{font-size:1.125rem;line-height:1.65}.legal .eyebrow{font-size:.875rem}.legal .back{display:inline-block;margin-top:2rem;font-size:1rem}
@media(min-width:1400px){.hero{min-height:720px}}@media(max-width:760px){header{padding:1.5rem 0}.edition{max-width:10rem;text-align:right;line-height:1.4}.hero{grid-template-columns:1fr;padding:3rem 0;gap:3rem}h1{font-size:clamp(3.1rem,12vw,5.5rem)}.app-preview{max-width:440px;justify-self:center;width:100%;margin:0 0 1rem}.hero-logo{width:10rem}.eyebrow{font-size:.75rem;line-height:1.5}.intro{margin:1.5rem 0}.launch{margin-top:1.5rem}footer{gap:1rem}footer nav{gap:1rem}.legal{padding:3rem 0}}@media(prefers-reduced-motion:no-preference){.hero{animation:arrive .65s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}

.badge:hover{text-decoration:underline}

/* Center the coming-soon page around the headline and app preview. */
.landing header{flex-direction:column;justify-content:center;gap:.75rem;text-align:center}
.landing .edition{text-align:center;max-width:none}
.landing .hero{display:flex;flex-direction:column;align-items:center;gap:3rem;min-height:0;text-align:center;padding:3.5rem 0}
.landing .hero-copy{width:100%;display:flex;flex-direction:column;align-items:center}
.landing .hero-copy h1{max-width:none;font-size:clamp(1.4rem,3.8vw,3.8rem);line-height:1.2;letter-spacing:-.035em;text-wrap:wrap}
.landing .hero-logo{margin:1.75rem auto}
.landing .feature-copy .intro{max-width:none;margin:0 0 1.25rem}
.landing .connections{max-width:42rem;margin:0 auto;font-size:clamp(1.125rem,1.6vw,1.4rem);line-height:1.55}
.landing .launch{justify-content:center}
.landing .app-preview{margin:0 auto}
.landing footer{justify-content:center;text-align:center}
.landing footer nav{margin-left:0}
@media(min-width:761px){.landing .hero-copy h1{white-space:nowrap}}
@media(max-width:760px){.landing .hero{padding:2.5rem 0;gap:2.5rem}}

.landing .feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);width:100%;max-width:76rem;margin:0 auto}
.landing .feature-copy{text-align:left;min-width:0}
.landing .feature-copy .connections{max-width:none;margin:0}
.landing .feature-copy .launch{justify-content:flex-start}
@media(max-width:760px){.landing .feature-row{grid-template-columns:1fr;max-width:440px;gap:2.5rem}.landing .feature-copy{text-align:center}.landing .feature-copy .intro,.landing .feature-copy .connections{margin-left:auto;margin-right:auto}.landing .feature-copy .launch{justify-content:center}}

@media(min-width:761px){.landing .feature-row .app-preview{margin-left:auto;margin-right:0}}
/* Legal and support pages retain the landing page's typography and palette. */
.legal{overflow-wrap:anywhere}.legal h2{font-size:1.5rem;line-height:1.3;margin:2.5rem 0 .75rem;letter-spacing:-.025em}.legal ul{padding-left:1.4rem;font-size:1.0625rem;line-height:1.7}.legal li+li{margin-top:.75rem}.legal .legal-date{font-size:.9375rem}footer nav{flex-wrap:wrap}