[data-surface=marketing]{--m-bg:var(--p-bg);--m-bg-deep:var(--p-bg-subtle);--m-surface:color-mix(in srgb, var(--p-surface) 82%, transparent);--m-surface-solid:var(--p-surface);--m-ink:var(--p-text);--m-ink-2:var(--p-text-muted);--m-muted:var(--p-text-muted);--m-line:var(--p-border);--m-line-strong:var(--p-border-strong);--m-accent:var(--p-accent);--m-accent-hover:var(--p-accent-hover);--m-accent-ink:var(--p-accent-fg);--m-accent-soft:var(--p-accent-soft);--m-radius-sm:var(--radius-sm);--m-radius:var(--radius-md);--m-radius-lg:var(--radius-lg);--m-radius-xl:var(--radius-xl);--m-shadow:var(--p-shadow-soft);--m-shadow-lift:var(--p-shadow-lifted);--m-ease:var(--ease-out-soft);--m-spring:var(--ease-spring);--m-dur:var(--duration-fast);--m-dur-slow:var(--duration-base);isolation:isolate;background:var(--m-bg);color:var(--m-ink);overflow:clip}[data-surface=marketing]:before{z-index:-1;background:radial-gradient(circle at 9% 3%, color-mix(in srgb, var(--m-accent) 9%, transparent), transparent 28rem), radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--m-accent) 7%, transparent), transparent 30rem);content:"";pointer-events:none;position:fixed;inset:0}.m-display{letter-spacing:-.065em;text-wrap:balance;max-inline-size:15ch;font-size:clamp(3.25rem,7.7vw,7.25rem);font-weight:650;line-height:.92}.m-title{letter-spacing:-.05em;text-wrap:balance;font-size:clamp(2.25rem,4.5vw,4.25rem);font-weight:640;line-height:1}.m-subtitle{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.25rem,2vw,1.625rem);font-weight:620;line-height:1.18}.m-eyebrow{border:1px solid color-mix(in srgb, var(--m-accent) 22%, var(--m-line));background:color-mix(in srgb, var(--m-accent-soft) 65%, transparent);color:var(--m-accent);letter-spacing:.11em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .7rem;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex}.m-eyebrow:before{block-size:.35rem;inline-size:.35rem;box-shadow:0 0 0 .25rem color-mix(in srgb, currentColor 12%, transparent);content:"";background:currentColor;border-radius:999px}.m-lede{color:var(--m-ink-2);text-wrap:pretty;font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.62}.m-muted{color:var(--m-muted)}.m-hairline{border-color:var(--m-line)}.m-card{border:1px solid var(--m-line);border-radius:var(--m-radius-lg);background:var(--m-surface);box-shadow:var(--m-shadow);-webkit-backdrop-filter:blur(22px)saturate(145%);transition:transform var(--m-dur-slow) var(--m-ease), box-shadow var(--m-dur-slow) var(--m-ease), border-color var(--m-dur) var(--m-ease), background-color var(--m-dur) var(--m-ease)}.m-card:before{border-radius:inherit;box-shadow:inset 0 1px 0 var(--p-glass-border);content:"";pointer-events:none;position:absolute;inset:0}@media (hover:hover){.m-card-lift:hover{border-color:color-mix(in srgb, var(--m-accent) 30%, var(--m-line));background:color-mix(in srgb, var(--m-surface-solid) 92%, transparent);box-shadow:var(--m-shadow-lift);transform:translateY(-4px)}}.m-glow:before{z-index:0;background:radial-gradient(ellipse 42% 56% at 50% 45%, color-mix(in srgb, var(--m-accent) 16%, transparent), transparent 72%), linear-gradient(to bottom, transparent 82%, var(--m-bg));content:"";pointer-events:none;block-size:52rem;position:absolute;inset-block-start:-18rem;inset-inline:0}.m-grid{background-image:linear-gradient(color-mix(in srgb, var(--m-line) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--m-line) 55%, transparent) 1px, transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.m-btn{white-space:nowrap;cursor:pointer;min-block-size:2.875rem;transition:transform var(--m-dur) var(--m-spring), box-shadow var(--m-dur) var(--m-ease), background-color var(--m-dur) var(--m-ease), border-color var(--m-dur) var(--m-ease), color var(--m-dur) var(--m-ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding-block:.72rem;padding-inline:1.25rem;font-size:.9rem;font-weight:650;line-height:1;display:inline-flex}.m-btn:active{transform:scale(.97)}.m-btn-primary,.m-btn-accent{border-color:color-mix(in srgb, var(--m-accent) 85%, black);background:var(--m-accent);color:var(--m-accent-ink);box-shadow:0 1px 2px color-mix(in srgb, var(--m-accent) 20%, transparent), 0 8px 20px -10px var(--m-accent)}.m-btn-primary:hover,.m-btn-accent:hover{background:var(--m-accent-hover);box-shadow:0 1px 2px color-mix(in srgb, var(--m-accent) 24%, transparent), 0 12px 26px -12px var(--m-accent)}.m-btn-ghost{border-color:var(--m-line);background:color-mix(in srgb, var(--m-surface-solid) 72%, transparent);color:var(--m-ink);box-shadow:0 1px 2px color-mix(in srgb, var(--m-ink) 4%, transparent)}.m-btn-ghost:hover{border-color:var(--m-line-strong);background:var(--m-surface-solid)}.m-btn-sm{min-block-size:2.25rem;padding-block:.48rem;padding-inline:.9rem;font-size:.8125rem}[data-surface=marketing] :is(a,button,summary,input,select,[tabindex]):focus-visible{outline:2px solid var(--p-focus-ring);outline-offset:3px}[data-surface=marketing] input[type=file]:focus-visible+label{outline:2px solid var(--p-focus-ring);outline-offset:4px}@media (max-width:639px){.m-display{font-size:clamp(3rem,15vw,4.6rem)}.m-btn:not(.m-btn-sm){inline-size:100%}}@media (prefers-reduced-motion:reduce){[data-surface=marketing] *,[data-surface=marketing] :before,[data-surface=marketing] :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
