.feature-page:where(.astro-dijiejuo){--wave-base:color-mix(in srgb, var(--tone) 7%, var(--color-bg))}.hero-grid:where(.astro-dijiejuo){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4rem;display:grid}.hero-label:where(.astro-dijiejuo){margin-bottom:1.25rem}.feature-hero:where(.astro-dijiejuo) h1:where(.astro-dijiejuo){max-width:17ch;font-size:clamp(2.3rem,4.4vw,3.4rem)}.feature-hero:where(.astro-dijiejuo) .page-hero-sub:where(.astro-dijiejuo){max-width:34rem;font-size:1.125rem}.feature-hero:where(.astro-dijiejuo) .hero-ctas:where(.astro-dijiejuo){margin-top:2rem}.hero-visual:where(.astro-dijiejuo){position:relative}.hero-visual:where(.astro-dijiejuo):before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--tone) 22%, transparent), transparent);border-radius:50%;position:absolute;inset:-20% -14%}.hero-visual:where(.astro-dijiejuo) .mock:where(.astro-dijiejuo){max-width:30rem;margin-left:auto}.overview-split:where(.astro-dijiejuo){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:3.5rem;margin-bottom:3.5rem;display:grid}.overview-split:where(.astro-dijiejuo) h2:where(.astro-dijiejuo){letter-spacing:-.02em;font-size:clamp(2rem,3.6vw,2.75rem);font-weight:580;line-height:1.1;position:sticky;top:6.5rem}.overview-split:where(.astro-dijiejuo) p:where(.astro-dijiejuo){color:color-mix(in srgb, var(--color-text) 85%, var(--color-bg));margin:0;font-size:1.125rem;line-height:1.7}.cap-grid:where(.astro-dijiejuo){grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25rem;display:grid}.cap-grid:where(.astro-dijiejuo)>.card:where(.astro-dijiejuo){grid-column:span 3}.cap-grid-5:where(.astro-dijiejuo)>.card:where(.astro-dijiejuo):nth-child(-n+3){grid-column:span 2}.related:where(.astro-dijiejuo){text-align:center;padding-block:4.5rem 3.5rem}.related-head:where(.astro-dijiejuo) .pill-badge:where(.astro-dijiejuo){margin-bottom:1.5rem}.related-links:where(.astro-dijiejuo){flex-wrap:wrap;justify-content:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.related-link:where(.astro-dijiejuo){background:linear-gradient(160deg, var(--tone-soft) 0%, color-mix(in srgb, var(--tone-soft) 30%, var(--color-bg)) 85%);border:1px solid color-mix(in srgb, var(--tone) 20%, transparent);color:var(--color-text);border-radius:18px;align-items:center;gap:.85rem;padding:.65rem 1.35rem .65rem .65rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.related-link:where(.astro-dijiejuo):hover{color:var(--color-text);box-shadow:0 18px 40px -24px color-mix(in srgb, var(--tone) 60%, transparent);transform:translateY(-2px)}.related-link:where(.astro-dijiejuo) .tile-icon:where(.astro-dijiejuo){border-radius:10px;width:36px;height:36px;margin:0}.bottom-cta:where(.astro-dijiejuo){padding:.5rem 0 1.5rem}.feature-cta:where(.astro-dijiejuo){background:linear-gradient(115deg, var(--tone-soft) 0%, color-mix(in srgb, var(--tone-soft) 40%, var(--color-bg)) 100%);border-color:color-mix(in srgb, var(--tone) 20%, transparent);min-height:19rem}.mock-q:where(.astro-dijiejuo){border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;align-items:center;gap:.65rem;margin-top:.55rem;padding:.6rem .7rem;display:flex}.mock-q:where(.astro-dijiejuo).accepted{border-color:color-mix(in srgb, var(--tone) 35%, transparent);background:color-mix(in srgb, var(--tone) 4%, var(--color-bg))}.q-n:where(.astro-dijiejuo){font-family:var(--font-mono);background:var(--color-bg-wash);color:var(--color-text-muted);border-radius:6px;flex-shrink:0;padding:.1rem .4rem;font-size:.72rem}.q-text:where(.astro-dijiejuo){color:var(--color-text);flex:1;font-size:.85rem}.q-actions:where(.astro-dijiejuo){gap:.3rem;display:flex}.q-actions:where(.astro-dijiejuo) i:where(.astro-dijiejuo){border:1px solid var(--color-border);width:24px;height:24px;color:var(--color-text-muted);border-radius:50%;place-items:center;font-size:.72rem;font-style:normal;display:grid}.q-actions:where(.astro-dijiejuo) i:where(.astro-dijiejuo).on{background:var(--tone);border-color:var(--tone);color:var(--color-bg)}@media (prefers-reduced-motion:no-preference){.hero-visual:where(.astro-dijiejuo) .mock:where(.astro-dijiejuo){animation:.7s ease-out .15s both float-in}}@media (prefers-reduced-motion:reduce){.related-link:where(.astro-dijiejuo){transition:none}}@media (width<=1000px){.hero-grid:where(.astro-dijiejuo){grid-template-columns:minmax(0,1fr);gap:3rem}.hero-visual:where(.astro-dijiejuo) .mock:where(.astro-dijiejuo){margin-left:0}.overview-split:where(.astro-dijiejuo){grid-template-columns:minmax(0,1fr);gap:1.25rem}.overview-split:where(.astro-dijiejuo) h2:where(.astro-dijiejuo){position:static}.cap-grid:where(.astro-dijiejuo)>.card:where(.astro-dijiejuo),.cap-grid-5:where(.astro-dijiejuo)>.card:where(.astro-dijiejuo):nth-child(-n+3){grid-column:span 3}.cap-grid-5:where(.astro-dijiejuo)>.card:where(.astro-dijiejuo):last-child{grid-column:1/-1}}@media (width<=640px){.cap-grid:where(.astro-dijiejuo)>.card:where(.astro-dijiejuo),.cap-grid-5:where(.astro-dijiejuo)>.card:where(.astro-dijiejuo):nth-child(-n+3){grid-column:1/-1}.related-links:where(.astro-dijiejuo){flex-direction:column}.related-link:where(.astro-dijiejuo){display:flex}}
