.page.svelte-1uha8ag{background:var(--dd-ink);width:100%;height:100svh;position:relative;overflow:hidden}.scrim.svelte-1uha8ag{z-index:1;pointer-events:none;background:linear-gradient(100deg, color-mix(in srgb, var(--dd-ink) 93%, transparent) 0%, color-mix(in srgb, var(--dd-ink) 78%, transparent) 28%, color-mix(in srgb, var(--dd-ink) 34%, transparent) 52%, transparent 72%), linear-gradient(to bottom, color-mix(in srgb, var(--dd-ink) 62%, transparent) 0%, transparent 22% 80%, color-mix(in srgb, var(--dd-ink) 52%, transparent) 100%);position:absolute;inset:0}.hero.svelte-1uha8ag{z-index:2;padding:clamp(5rem, 12vh, 8rem) var(--dd-gutter);text-align:left;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(1rem,2.4vh,1.75rem);display:flex;position:absolute;inset:0}.title.svelte-1uha8ag :is(.lead:where(.svelte-1uha8ag),.soft:where(.svelte-1uha8ag),.dot:where(.svelte-1uha8ag)){transition:color .32s,font-size .32s,font-weight .32s,letter-spacing .32s,text-shadow .32s}.swap.svelte-1uha8ag{pointer-events:auto}@media (hover:hover) and (pointer:fine){.title.svelte-1uha8ag:has(.swap:where(.svelte-1uha8ag):hover) .lead:where(.svelte-1uha8ag){color:var(--dd-mist);letter-spacing:-.03em;font-size:.82em;font-weight:650}.title.svelte-1uha8ag:has(.swap:where(.svelte-1uha8ag):hover) .soft:where(.svelte-1uha8ag){color:var(--dd-cloud);letter-spacing:-.042em;font-size:1em;font-weight:800}.title.svelte-1uha8ag:has(.swap:where(.svelte-1uha8ag):hover) .dot:where(.svelte-1uha8ag){text-shadow:0 0 52px color-mix(in srgb, var(--dd-neon) 75%, transparent)}}@media (prefers-reduced-motion:reduce){.title.svelte-1uha8ag :is(.lead:where(.svelte-1uha8ag),.soft:where(.svelte-1uha8ag),.dot:where(.svelte-1uha8ag)){transition:none}}.hero-actions.svelte-1uha8ag{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:clamp(.25rem,1.2vh,.9rem);display:flex}@media (width<=640px){.hero.svelte-1uha8ag{gap:clamp(.9rem,2vh,1.4rem)}.hero-actions.svelte-1uha8ag{gap:.5rem;width:100%}.hero-actions.svelte-1uha8ag .action{flex:auto;justify-content:center}}@media (height<=520px) and (orientation:landscape){.hero.svelte-1uha8ag{gap:.6rem;padding-block:clamp(3.5rem,22vh,5rem)}}@media (width<=900px){.scrim.svelte-1uha8ag{background:linear-gradient(to bottom, color-mix(in srgb, var(--dd-ink) 74%, transparent) 0%, color-mix(in srgb, var(--dd-ink) 38%, transparent) 20%, color-mix(in srgb, var(--dd-ink) 84%, transparent) 36%, color-mix(in srgb, var(--dd-ink) 84%, transparent) 66%, color-mix(in srgb, var(--dd-ink) 44%, transparent) 100%)}}