@layer theme, base, components, utilities;@layer components{.guide-page,.hv2-page,.c26-page,.w8r-page,.wcc-page{--bg: var(--color-bg);--bg-soft: var(--color-surface);--lime: var(--color-cta);--bg-lavender: var(--color-surface-brand);--grad-purple: linear-gradient(135deg, #6b43e0 0%, #4f25c8 60%, #3d1aaf 100%);--grad-lavender: linear-gradient(135deg, #eeeafb, #e2dbf6);--grad-lime: linear-gradient(135deg, #d4ff50, #a8e020);--grad-sunset: radial-gradient(120% 120% at 30% 25%, #f2a85c 0%, #e07b2e 60%, #c25e14 100%);--lavender-tint: var(--raw-lavender-pale);--danger-deep: var(--raw-danger-deep);--danger: var(--raw-danger);--danger-light: var(--raw-danger-light);--pill: var(--corner-pill);--radius-lg: var(--corner-lg);--radius-md: var(--corner-md);--s-1: var(--space-1);--s-2: var(--space-2);--s-3: var(--space-3);--s-4: var(--space-4);--s-6: var(--space-6);--s-8: var(--space-8);--s-10: var(--space-10);--s-12: var(--space-12);--s-16: var(--space-16);--lh-tight: 1.04;--lh-snug: 1.25;--lh-normal: 1.45;--lh-relaxed: 1.55}}@layer components{.g-home-approach .hv2-app-card{background:var(--hv2-bg-soft);border-radius:var(--hv2-r-lg);padding:var(--hv2-s-6);border:1px solid var(--hv2-lavender-pale)}.g-home-approach .hv2-app-num{font-family:Onest,sans-serif;font-size:var(--type-stat);font-weight:800;color:var(--hv2-lavender);line-height:1;letter-spacing:-.05em}.g-home-approach .hv2-app-card h3{font-size:var(--type-heading);margin:var(--hv2-s-4) 0 var(--hv2-s-3);letter-spacing:-.02em}.g-home-approach .hv2-app-card p{font-size:var(--type-body);color:var(--hv2-gray);line-height:var(--hv2-lh-relaxed)}.g-home-approach .hv2-dark .hv2-app-card,.g-home-approach.hv2-dark .hv2-app-card{background:color-mix(in oklab,var(--raw-white) 6%,transparent);border-color:color-mix(in oklab,var(--raw-white) 13%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.g-home-approach .hv2-dark .hv2-app-card h3,.g-home-approach.hv2-dark .hv2-app-card h3{color:var(--color-brand-content)}.g-home-approach .hv2-dark .hv2-app-card p,.g-home-approach.hv2-dark .hv2-app-card p{color:var(--lavender-tint)}@media (min-width: 640px){.g-home-approach .hv2-app-card h3{font-size:var(--type-heading)}}}
