@layer components{.page-landing{& .page-landing__hero-grid{display:grid;gap:var(--space-2xl);align-items:center}@media(min-width:62rem){& .page-landing__hero-grid{grid-template-columns:minmax(0,1fr)30rem}}& .page-landing__badge{align-self:flex-start;padding:var(--space-3xs)var(--space-s);border:var(--border-thin)solid var(--color-border);border-radius:var(--radius-round);background:var(--color-surface);text-transform:none;letter-spacing:.02em}& .page-landing__title{font-size:var(--size-step-4);letter-spacing:-.03em;line-height:1.02}& .page-landing__lead{color:var(--color-text-muted);font-size:var(--size-step-1);max-inline-size:36ch}& .page-landing__cta-quiet{font-weight:600;padding-inline:var(--space-xs);text-underline-offset:4px}& .page-landing__note{color:var(--color-text-muted);font-size:var(--size-step--1)}& .page-landing__badges-lead{max-inline-size:60ch;text-wrap:pretty}& .page-landing__demo{position:relative;display:flex;flex-direction:column;gap:var(--space-m);margin:0;padding:var(--space-l);border:var(--border-thin)solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-l)}& .page-landing__demo-tag{position:absolute;inset-block-start:calc(var(--space-s) * -1);inset-inline-end:var(--space-l);padding:0 var(--space-xs);border:var(--border-thin)solid var(--color-border);border-radius:var(--radius-round);background:var(--color-bg);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--size-step--2);font-weight:500}& .page-landing__demo-head{display:flex;gap:var(--space-m);align-items:flex-end;justify-content:space-between}& .page-landing__demo-name{font-size:var(--size-step-1);font-weight:600}& .page-landing__demo-total{text-align:end;& .stat__value{font-size:var(--size-step-3)}}& .page-landing__demo .month{--day-height:2.75rem;--day-inline-padding:var(--space-2xs);--day-padding:var(--space-3xs) var(--day-inline-padding);--day-font:var(--size-step--1);& .month__grid{border-spacing:var(--space-3xs)}}& .page-landing__demo-today{display:flex;gap:var(--space-xs);align-items:center;justify-content:center;min-block-size:2.75rem;padding:var(--space-xs)var(--space-m);border-radius:var(--radius-l);background:var(--color-done);color:var(--color-on-done);font-weight:600;max-inline-size:none}& .page-landing__band{padding:var(--space-2xl)var(--space-m);border-block:var(--border-thin)solid var(--color-border);background:var(--color-surface);text-align:center}& .page-landing__quote{margin:0}& .page-landing__motto{margin-inline:auto;color:var(--color-text);font-size:var(--size-step-3);max-inline-size:26ch}& .page-landing__motto-author{margin-block-start:var(--space-m);color:var(--color-text-muted);font-size:var(--size-step--1);font-weight:500}& .page-landing__steps{display:grid;gap:var(--space-l);grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));margin:0;padding:0;list-style:none}& .page-landing__step{display:flex;flex-direction:column;gap:var(--space-xs);padding-block-start:var(--space-m);border-block-start:2px solid var(--color-text);max-inline-size:none}& .page-landing__step-number{font-family:var(--font-mono);font-size:var(--size-step--1);font-weight:600}& .page-landing__step-title{font-size:var(--size-step-1)}& .page-landing__step-body{color:var(--color-text-muted)}& .page-landing__rhythms, & .page-landing__panels{display:grid;gap:var(--space-m);grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr))}& .page-landing__week{--day-height:2.75rem;--day-padding:var(--space-3xs) var(--space-2xs);--day-font:var(--size-step--1);padding:0;list-style:none}& .page-landing__rhythm-result{display:flex;gap:var(--space-2xs);align-items:center;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--size-step--1);font-variant-numeric:tabular-nums;&[data-met=true]{color:var(--color-text);font-weight:600}& svg{inline-size:1em;block-size:1em}}& .page-landing__panel{padding:var(--space-l);border:var(--border-thin)solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);& p{color:var(--color-text-muted);max-inline-size:none}&[data-tone=ink]{border-color:transparent;background:var(--color-text);color:var(--color-bg);& p{color:inherit;opacity:.85}}}& .page-landing__inset{padding:var(--space-s);border-radius:var(--radius-l);background:var(--color-bg);color:var(--color-text)}& .page-landing__disclosure{display:grid;gap:var(--space-s);grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));margin:0}& .page-landing__disclosure-item{padding:var(--space-s);border:var(--border-thin)solid var(--color-border);border-radius:var(--radius-l);& dt{display:flex;gap:var(--space-2xs);align-items:center;font-size:var(--size-step--1);font-weight:600}& dd{margin:0;margin-block-start:var(--space-3xs);color:var(--color-text-muted);font-size:var(--size-step--1)}& svg{inline-size:1em;block-size:1em}}& .page-landing__final{align-items:center;text-align:center}& .page-landing__final-heading{font-size:var(--size-step-3);max-inline-size:22ch}}}