@font-face{font-family:Display;src:url('/assets/display.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light dark;--ground:#f6f3f1;--tray:#fff;--well:#ece5e1;--ink:#1e1a1c;--muted:#5e5559;--line:#ddd4cf;--accent:#8c2a4a;--on-accent:#fff;--skin:#2e6a60;--skin-wash:#e3eeeb;--shadow:#3a1f2a1f}
@media(prefers-color-scheme:dark){:root{--ground:#141113;--tray:#1f1a1d;--well:#2c2529;--ink:#f4efed;--muted:#b9aeb2;--line:#3a3236;--accent:#ec9ab2;--on-accent:#141113;--skin:#86cbbd;--skin-wash:#1b2826;--shadow:#0009}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scrollbar-color:var(--accent) var(--well)}
body{margin:0;background:var(--ground);color:var(--ink);font-family:Display,system-ui,sans-serif;font-size:1.0625rem;line-height:1.6;overflow-wrap:break-word}
::selection{background:var(--accent);color:var(--on-accent)}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
a:hover{color:var(--accent)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:2px}
h1,h2,h3,p,ul,ol,figure{margin:0}
h1,h2,h3,.wordmark,.stamp,.lead,th{font-family:Display,Georgia,serif}
h1,h2{font-weight:520;letter-spacing:-.035em;line-height:1.04;text-wrap:balance}
h1{font-size:clamp(2.5rem,5.6vw,5rem)}
h2{font-size:clamp(1.8rem,3.2vw,2.8rem)}
h3{font-size:1.3rem;font-weight:560;line-height:1.25;letter-spacing:-.01em}
p,li{text-wrap:pretty}
.skip{position:fixed;top:-100px;left:16px;background:var(--tray);padding:10px 14px;z-index:10}.skip:focus{top:10px}

/* header and footer */
.header{padding:20px 6%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 32px;border-bottom:1px solid var(--line)}
.wordmark{font-size:1.9rem;font-weight:620;letter-spacing:-.045em;line-height:1;text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.wordmark:hover{color:inherit}
.dot{width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:inset 0 2px 3px #0004}
nav{display:flex;flex-wrap:wrap;gap:4px 26px}
nav a{text-decoration:none;font-size:.95rem;padding:8px 0}
nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px}
footer{padding:48px 6%;display:grid;grid-template-columns:auto 1fr auto auto;gap:24px 48px;align-items:start;font-size:.9rem;color:var(--muted);border-top:1px solid var(--line)}
footer .wordmark{font-size:1.5rem;color:var(--ink)}
footer nav{gap:2px 22px}footer nav a{font-size:.9rem;color:var(--ink)}

/* the tester tray: wells with stamped labels */
.tray{background:var(--tray);border-radius:28px;padding:clamp(18px,3vw,30px);box-shadow:0 18px 40px -18px var(--shadow),0 1px 0 var(--line)}
.wells{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,26px)}
.wells li{display:grid;justify-items:center;gap:8px;text-align:center}
.pan{width:100%;max-width:120px;aspect-ratio:1;border-radius:50%;background:var(--well);padding:9%;box-shadow:inset 0 3px 8px #0003}
.pan i{display:block;height:100%;border-radius:50%;background:var(--c);box-shadow:inset 0 -6px 12px #0002,inset 0 5px 10px #fff3}
.stamp{font-size:.82rem;line-height:1.25;letter-spacing:.01em}
.stamp b{display:block;font-weight:650;font-variant-numeric:tabular-nums}
.tray-note{font-size:.8rem;color:var(--muted);margin-top:16px;text-align:center}
.routine{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;counter-reset:step}
.wells+.routine{margin-top:18px}
.routine li{background:var(--skin-wash);color:var(--ink);border-radius:999px;padding:9px 12px;font-size:.88rem;text-align:center;counter-increment:step}
.routine li:before{content:counter(step);font-family:Display,Georgia,serif;font-weight:650;color:var(--skin);margin-right:6px}

/* home */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:6%;align-items:center;padding:clamp(48px,7vw,96px) 6%}
.hero-copy p{margin-top:24px;font-size:1.15rem;max-width:44ch}
.actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:32px}
.status{display:inline-flex;align-items:center;gap:10px;background:var(--tray);border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-size:.95rem}
.status:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--skin)}
.button{display:inline-block;background:var(--accent);color:var(--on-accent);text-decoration:none;border-radius:999px;padding:12px 22px;font-size:.95rem;font-weight:bold}
.button:hover{color:var(--on-accent);filter:brightness(1.12)}
.section{padding:clamp(56px,7vw,96px) 6%;border-top:1px solid var(--line)}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:end;margin-bottom:44px}
.intro p{max-width:50ch;color:var(--muted)}
.features{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,36px)}
.feature{background:var(--tray);border-radius:24px;padding:clamp(24px,3.4vw,40px);display:grid;gap:14px;align-content:start;box-shadow:0 1px 0 var(--line)}
.feature p{color:var(--muted)}
.feature a{font-weight:bold;justify-self:start}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:step}
.steps li{counter-increment:step;border-top:2px solid var(--ink);padding-top:16px}
.steps li:before{content:counter(step);display:block;font-family:Display,Georgia,serif;font-size:2.4rem;font-weight:560;line-height:1;margin-bottom:12px;color:var(--accent)}
.steps p{color:var(--muted);margin-top:8px;font-size:.98rem}
.privacy-band{display:grid;grid-template-columns:1fr 1.2fr;gap:6%;align-items:start}
.facts{list-style:none;padding:0;display:grid;gap:0}
.facts li{padding:16px 0;border-bottom:1px solid var(--line)}
.facts li:first-child{border-top:1px solid var(--line)}
.close{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.close p{font-family:Display,Georgia,serif;font-size:clamp(1.5rem,2.6vw,2.2rem);letter-spacing:-.02em;line-height:1.2;max-width:28ch}

/* inner pages */
.page{padding:clamp(44px,6vw,80px) 6% clamp(64px,8vw,100px)}
.page-head{display:grid;grid-template-columns:1.2fr .8fr;gap:6%;align-items:center;margin-bottom:24px}
.page-head .tray{max-width:360px;justify-self:end;width:100%}
.lead{font-size:clamp(1.2rem,1.8vw,1.45rem);line-height:1.4;margin-top:18px;max-width:40ch;color:var(--muted)}
.prose{max-width:58ch}
.prose h2{font-size:clamp(1.5rem,2.4vw,2rem);margin:56px 0 14px}
.prose h3{margin:30px 0 8px}
.prose p,.prose ul,.prose ol{margin-bottom:14px}
.prose li{margin-bottom:8px}
.limit{background:var(--tray);border-radius:20px;padding:20px 24px;margin:28px 0;box-shadow:0 1px 0 var(--line)}
.limit strong{color:var(--accent)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);max-width:none}
.split h2{margin-top:40px}

/* pricing */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,36px);margin-top:36px}
.plan{background:var(--tray);border-radius:24px;padding:clamp(22px,3vw,34px);box-shadow:0 1px 0 var(--line)}
.plan h2{display:flex;align-items:center;gap:12px;font-size:clamp(1.6rem,2.6vw,2.2rem)}
.plan h2:before{content:'';width:22px;height:22px;border-radius:50%;background:var(--accent);box-shadow:inset 0 -3px 5px #0003}
#plan-skin:before{background:var(--skin)}
.plan>p{color:var(--muted);margin-top:10px}
.table{overflow-x:auto;margin-top:18px}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:13px 10px 13px 0;border-bottom:1px solid var(--line);vertical-align:top}
tbody th{font-weight:600}
thead th{font-family:Display,system-ui,sans-serif;font-size:.85rem;font-weight:normal;color:var(--muted)}

@media(min-width:1700px){body{max-width:1700px;margin:auto}}
@media(max-width:900px){
  .hero,.intro,.privacy-band,.page-head,.split{grid-template-columns:1fr}
  .hero{gap:40px}
  .page-head .tray{justify-self:start}
  .features,.plans{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  footer{grid-template-columns:1fr 1fr}footer .wordmark{grid-column:1/-1}
}
@media(max-width:520px){
  .header{padding:16px 6%}
  nav{gap:0 20px}
  .steps{grid-template-columns:1fr}
  footer{grid-template-columns:1fr}
  .stamp{font-size:.75rem}
}
@media(prefers-reduced-motion:no-preference){.pan i{transition:transform .5s cubic-bezier(.16,1,.3,1)}.wells li:hover .pan i{transform:scale(1.06)}}
/* review fixes */
.status{background:none;border:0;padding:0;color:var(--muted)}
.feature{gap:16px}
.wells.mini{grid-template-columns:repeat(3,64px);justify-content:start;gap:14px;margin-bottom:6px}
.wells.mini .pan{max-width:64px}
.routine.mini{grid-template-columns:repeat(4,auto);justify-content:start;margin-bottom:6px}
.routine.mini li{padding:6px 12px;font-size:.82rem}
.sticky p{color:var(--muted);margin-top:14px;max-width:30ch}
@media(min-width:901px){.sticky{position:sticky;top:32px}}
@media(max-width:520px){
  .page-head .routine{grid-template-columns:1fr 1fr}
  .routine.mini{grid-template-columns:1fr 1fr}
  th,td{padding:11px 8px 11px 0;font-size:.95rem}
  td:last-child{white-space:nowrap}
}