body[data-page="landing"] {
  background: var(--paper);
  color: var(--harbor);
  padding-bottom: 0;
}

.landing-header, .landing-footer, .landing-hero, .principles, .how-section, .plans-section, .closing { max-inline-size: 72rem; margin-inline: auto; padding-inline: clamp(1.25rem, 4vw, 4rem); }
.landing-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1.25rem; border-bottom: 1px solid var(--rule); }
.landing-header nav { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; justify-content: flex-end; }
.brand { color: inherit; text-decoration: none; font-weight: 700; display: inline-flex; align-items: center; gap: .45rem; }
.brand-mark { display: grid; place-items: center; inline-size: 2rem; block-size: 2rem; border-radius: 50%; background: var(--rust); color: var(--white); font-family: Palatino, serif; font-size: 1.25rem; }
.landing-header nav a { padding: .55rem .8rem; border-radius: .35rem; color: inherit; text-decoration: none; }
.landing-header .primary, .hero-cta .primary, .closing .light-button { background: var(--rust); color: var(--white); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; font-weight: 700; text-decoration: none; padding: .65rem 1rem; border: 1px solid transparent; }
.landing-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, .9fr); gap: clamp(2rem, 7vw, 6rem); align-items: center; padding-block: clamp(4rem, 10vw, 8rem); }
.hero-copy h1 { font-size: clamp(2.8rem, 6vw, 5.8rem); line-height: .98; letter-spacing: -.04em; text-wrap: balance; }
.hero-copy h1 em { color: var(--rust); font-style: normal; }
.eyebrow { color: var(--sage); font-weight: 700; letter-spacing: .08em; }
.hero-description { max-inline-size: 34rem; font-size: 1.15rem; color: var(--muted); }
.hero-cta { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-block: 1.75rem; }
.text-link { color: inherit; text-underline-offset: .25em; }
.hero-caption, .muted, .plan-footnote { color: var(--muted); font-size: .9rem; }
.hero-art { min-block-size: 28rem; position: relative; display: grid; place-items: center; }
.orbit { position: absolute; border: 1px solid color-mix(in oklab, var(--sage), transparent 20%); border-radius: 50%; transform: rotate(-16deg); }
.orbit-one { inline-size: 90%; block-size: 47%; }
.orbit-two { inline-size: 75%; block-size: 68%; transform: rotate(54deg); }
.paper-stack { position: relative; inline-size: min(19rem, 75%); aspect-ratio: .73; transform: rotate(-5deg); }
.paper-back, .paper-front { position: absolute; inset: 0; background: var(--white); border: 1px solid var(--rule); box-shadow: 1rem 1.2rem 0 color-mix(in oklab, var(--sage), transparent 76%); }
.paper-back { transform: translate(1rem, .75rem) rotate(7deg); }
.paper-front { padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; }
.paper-top, .paper-bottom { display: flex; justify-content: space-between; font-size: .65rem; letter-spacing: .12em; }
.paper-front strong { margin-block: auto; font: 1.7rem/1.05 "Iowan Old Style", Palatino, serif; }
.paper-rule { border-top: 1px solid var(--rust); }
.paper-lines { display: grid; gap: .45rem; }.paper-lines i { display: block; border-top: 1px solid var(--rule); }
.art-label, .art-note, .art-coordinate { position: absolute; font-size: .7rem; letter-spacing: .08em; color: var(--sage); }.art-label { inset-block-start: 7%; inset-inline-start: 0; }.art-note { inset-block-end: 9%; inset-inline-end: 0; display: flex; gap: .5rem; align-items: center; letter-spacing: 0; }.art-note p { margin: .15rem 0 0; color: var(--muted); }.art-coordinate { inset-block-end: 0; inset-inline-start: 12%; }
.small-dot { display: inline-block; inline-size: .45rem; block-size: .45rem; border-radius: 50%; background: var(--rust); margin-inline-end: .3rem; }
.principles { display: flex; justify-content: space-between; gap: 1rem; border-block: 1px solid var(--rule); padding-block: 1rem; color: var(--muted); font-size: .85rem; }
.how-section, .plans-section { padding-block: clamp(4rem, 8vw, 7rem); }.how-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 4rem; }.how-section h2, .plans-section h2, .closing h2 { font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.05; }.steps { display: grid; gap: 1.5rem; }.steps article { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; border-top: 1px solid var(--rule); padding-top: 1rem; }.steps h3 { font-size: 1.2rem; }.steps p { color: var(--muted); margin: 0; }.step-number { color: var(--rust); font-weight: 700; }
.value-section { background: var(--harbor); color: var(--paper); padding-block: clamp(4rem, 8vw, 7rem); }.value-grid { max-inline-size: 72rem; margin-inline: auto; padding-inline: clamp(1.25rem, 4vw, 4rem); display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; }.value-details { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }.value-details p { color: color-mix(in oklab, var(--paper), transparent 25%); }.plans-intro { max-inline-size: 38rem; }.public-plans { margin-block: 2rem; }.plans-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 1rem; }.plan-card { background: var(--white); border: 1px solid var(--rule); padding: 1.5rem; }.plan-card h3 { font-size: 1.6rem; }.plan-limit { color: var(--sage); font-weight: 700; }.plan-capabilities { padding-inline-start: 1.2rem; color: var(--muted); }.notice { color: var(--rust); }.empty-state { padding: 1.25rem; border: 1px dashed var(--rule); color: var(--muted); }.secondary { inline-size: auto; background: transparent; color: var(--harbor); border-color: var(--harbor); }.plan-footnote { border-top: 1px solid var(--rule); padding-top: 1rem; }.closing { display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding-block: clamp(4rem, 8vw, 7rem); }.closing .light-button { background: var(--harbor); }.landing-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--rule); padding-block: 1.5rem; font-size: .85rem; }.landing-footer p { color: var(--muted); }
@media (max-width: 700px) { .landing-header, .landing-footer, .closing { align-items: flex-start; flex-direction: column; }.landing-header nav { justify-content: flex-start; }.landing-header nav a.desktop-link { display: none; }.landing-hero, .how-section, .value-grid { grid-template-columns: 1fr; gap: 2.5rem; }.hero-art { min-block-size: 22rem; }.principles { flex-direction: column; }.value-details { grid-template-columns: 1fr; gap: 1rem; }.closing .button { inline-size: 100%; } }
@media (prefers-reduced-motion: reduce) { .paper-stack { transform: none; } }