.hero[data-v-38ee59bb]{--hero-accent:var(--color-pink);--hero-soft:#ffe6ef;background:radial-gradient(circle at 85% 20%,var(--hero-soft),transparent 28rem),var(--color-paper);position:relative;overflow:hidden}.hero[data-theme=connected][data-v-38ee59bb]{--hero-accent:var(--color-turquoise);--hero-soft:#ddf7f4}.hero[data-theme=playful][data-v-38ee59bb]{--hero-accent:var(--color-yellow);--hero-soft:#fff6c9}.hero[data-theme=deco][data-v-38ee59bb]{--hero-accent:var(--color-purple);--hero-soft:#eee2f3}.inner[data-v-38ee59bb]{align-items:center;gap:var(--space-7);min-height:clamp(34rem,76vh,48rem);padding-block:var(--space-8);grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);display:grid}.copy[data-v-38ee59bb]{z-index:2;position:relative}.eyebrow[data-v-38ee59bb]{margin-bottom:var(--space-3);color:var(--color-purple);letter-spacing:.13em;text-transform:uppercase;font-weight:850}.hero h1[data-v-38ee59bb]{max-width:13ch}.description[data-v-38ee59bb]{max-width:38rem;margin-top:var(--space-5);color:var(--color-ink-soft);font-size:var(--step-1)}.actions[data-v-38ee59bb]{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.art[data-v-38ee59bb]{perspective:70rem;min-height:26rem;position:relative}.cube[data-v-38ee59bb]{z-index:2;aspect-ratio:1;background:var(--color-ink);width:min(23rem,62vw);box-shadow:var(--shadow-large);grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.5rem;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-8deg)rotateY(-12deg)}.cube span[data-v-38ee59bb]{background:var(--hero-accent)}.cube span[data-v-38ee59bb]:nth-child(2n){background:var(--color-purple)}.cube span[data-v-38ee59bb]:nth-child(3n){background:var(--color-yellow)}.cube span[data-v-38ee59bb]:nth-child(5){background:var(--color-paper)}.orbit[data-v-38ee59bb]{border:2px solid color-mix(in srgb,var(--hero-accent) 45%,transparent);border-radius:50%;position:absolute}.one[data-v-38ee59bb]{width:32rem;height:18rem;transform:translate(-50%,-50%)rotate(25deg)}.one[data-v-38ee59bb],.two[data-v-38ee59bb]{inset:50% auto auto 50%}.two[data-v-38ee59bb]{width:18rem;height:31rem;transform:translate(-50%,-50%)rotate(-35deg)}@media (width<=48rem){.inner[data-v-38ee59bb]{grid-template-columns:1fr;min-height:auto}.art[data-v-38ee59bb]{min-height:20rem}}.content-section[data-v-c440b723]{padding-block:var(--space-9)}.tinted[data-v-c440b723]{background:var(--color-surface)}.content-section[data-theme=design][data-v-c440b723]{color:#fff;background:var(--color-purple)}.content-section[data-theme=connected][data-v-c440b723]{background:color-mix(in srgb,var(--color-turquoise) 24%,#fff)}.heading[data-v-c440b723]{gap:var(--space-4);max-width:50rem;display:grid}[data-theme=design] .eyebrow[data-v-c440b723],[data-theme=design] .lede[data-v-c440b723]{color:#ffffffbd}.feature-grid[data-v-c440b723],.steps[data-v-c440b723]{margin:var(--space-7) 0 0;gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.feature-card[data-v-c440b723],.steps li[data-v-c440b723]{min-height:15rem;padding:var(--space-5);background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-large);box-shadow:var(--shadow-small)}.feature-card[data-v-c440b723]{color:var(--color-ink);transition:transform var(--duration-base) var(--ease-out);scroll-margin-top:2rem;text-decoration:none;position:relative}@media (prefers-reduced-motion:no-preference) and (hover:hover){a.feature-card[data-v-c440b723]:hover{transform:translateY(-4px)}}.mark[data-v-c440b723],.number[data-v-c440b723]{width:2.3rem;height:2.3rem;margin-bottom:var(--space-6);color:#fff;font-family:var(--font-mono);background:var(--color-pink);border-radius:50%;place-items:center;font-size:.75rem;display:grid}.feature-card p[data-v-c440b723]:not(.eyebrow),.steps p[data-v-c440b723]{margin-top:var(--space-3);color:var(--color-ink-soft)}.steps[data-v-c440b723]{counter-reset:steps;grid-template-columns:repeat(3,1fr)}.steps li[data-v-c440b723]{min-height:auto}.number[data-v-c440b723]{background:var(--color-purple)}.action[data-v-c440b723]{margin-top:var(--space-6)}.section-cta[data-v-c440b723]{text-align:center}.section-cta .heading[data-v-c440b723]{margin-inline:auto}@media (width<=56rem){.feature-grid[data-v-c440b723]{grid-template-columns:repeat(2,1fr)}}@media (width<=40rem){.feature-grid[data-v-c440b723],.steps[data-v-c440b723]{grid-template-columns:1fr}.feature-card[data-v-c440b723]{min-height:auto}}