body { margin: 0; color: var(--color-on-surface); background: var(--color-surface); font-family: var(--font-family-body); }
a { color: inherit; }
.site-header, footer { width: min(calc(100% - 2rem), var(--content-max-width)); margin: auto; display: flex; align-items: center; justify-content: space-between; }
.site-header { min-height: 5rem; border-bottom: 1px solid var(--color-border); }
.wordmark, .product-mark { font-family: var(--font-family-heading); font-weight: 700; text-decoration: none; }
.wordmark { letter-spacing: -.04em; }
.product-mark, .eyebrow, .card-kicker { color: var(--color-accent); }
.hero { width: min(calc(100% - 2rem), var(--content-max-width)); min-height: calc(100vh - 5rem); margin: auto; padding: var(--spacing-4xl) 0; display: grid; grid-template-columns: 1.05fr .95fr; gap: var(--spacing-4xl); align-items: center; }
.eyebrow, .card-kicker { margin: 0 0 var(--spacing-lg); font-size: var(--font-size-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
h1, h2, h3 { margin-top: 0; font-family: var(--font-family-heading); line-height: var(--line-height-heading); text-wrap: balance; }
h1 { max-width: 13ch; margin-bottom: var(--spacing-lg); font-size: var(--font-size-4xl); letter-spacing: -.04em; }
.lede { max-width: 42rem; margin: 0; color: var(--color-on-surface-secondary); font-size: var(--font-size-lg); }
.launch-note { display: inline-flex; gap: var(--spacing-sm); align-items: center; margin-top: var(--spacing-xl); padding: var(--spacing-sm) var(--spacing-md); border: 1px solid var(--color-border); border-radius: var(--border-radius-full); background: var(--color-surface-elevated); font-size: var(--font-size-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.launch-note span { width: .55rem; height: .55rem; border-radius: 50%; background: var(--color-accent); box-shadow: 0 0 0 .3rem color-mix(in srgb, var(--color-accent) 18%, transparent); }
.briefing-card { padding: var(--spacing-2xl); border: 1px solid var(--color-border); border-radius: var(--border-radius-xl); background: var(--color-surface-elevated); box-shadow: 0 2rem 6rem color-mix(in srgb, #000 45%, transparent); }
.card-kicker { margin-bottom: var(--spacing-xs); }
.briefing-card > h2 { margin-bottom: var(--spacing-xl); font-size: var(--font-size-2xl); }
.briefing-card article { padding: var(--spacing-lg) 0; border-top: 1px solid var(--color-border); }
.briefing-card h3 { margin: var(--spacing-sm) 0; font-size: var(--font-size-base); }
.briefing-card article p, .promise-grid p, .legal-content p { margin: 0; color: var(--color-on-surface-secondary); }
.briefing-card strong, .legal-content a { color: var(--color-accent); }
.signal { display: inline-block; padding: .28rem .55rem; border: 1px solid color-mix(in srgb, var(--color-accent) 45%, transparent); border-radius: var(--border-radius-sm); font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.signal.quiet { border-color: var(--color-secondary); }
.promise { padding: var(--spacing-4xl) max(var(--spacing-md), calc((100% - var(--content-max-width)) / 2)); background: var(--color-surface-elevated); }
.promise > h2 { max-width: 17ch; margin-bottom: var(--spacing-3xl); font-size: var(--font-size-3xl); }
.promise-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-lg); }
.promise-grid article { padding: var(--spacing-xl); border: 1px solid var(--color-border); border-radius: var(--border-radius-card); background: var(--color-surface); }
.promise-grid span { color: var(--color-accent); font-size: var(--font-size-xs); font-weight: 700; }
.promise-grid h3 { margin: var(--spacing-xl) 0 var(--spacing-sm); font-size: var(--font-size-lg); }
footer { min-height: 7rem; gap: var(--spacing-xl); color: var(--color-on-surface-secondary); font-size: var(--font-size-xs); }
footer p { margin: 0; }
.legal-page { width: min(calc(100% - 2rem), 48rem); margin: auto; padding: var(--spacing-4xl) 0; }
.legal-page h1 { max-width: 14ch; font-size: var(--font-size-4xl); }
.legal-content { margin-top: var(--spacing-3xl); }
.legal-content section { padding: var(--spacing-xl) 0; border-top: 1px solid var(--color-border); }
.legal-content h2 { margin-bottom: var(--spacing-sm); font-size: var(--font-size-xl); }
.legal-content a { font-weight: 600; }
@media (max-width: 767px) { .hero { grid-template-columns: 1fr; padding: var(--spacing-3xl) 0; } .promise { padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-3xl); } .promise-grid { grid-template-columns: 1fr; } footer { padding: var(--spacing-xl) 0; align-items: flex-start; flex-direction: column; } }