@layer theme, base, components, utilities;@layer components{.guide-page{--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%);--grad-carrot: linear-gradient(135deg, #ffa24b 0%, #f2793a 45%, #d8531f 100%);--lavender-tint: var(--raw-lavender-pale);--danger-deep: var(--raw-danger-deep);--danger: var(--raw-danger);--danger-light: var(--raw-danger-light);--action-bg: var(--color-brand);--action-fg: var(--color-brand-content);--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)}.guide-page [data-surface=dark]{--action-bg: var(--color-cta);--action-fg: var(--color-fg)}.guide-page [data-surface=light]{--action-bg: var(--color-brand);--action-fg: var(--color-brand-content)}}@layer components{.g-benefits .bf-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--corner-lg);padding:30px 28px;box-shadow:0 10px 34px color-mix(in oklab,var(--raw-purple-deep) 6%,transparent);transition:transform .15s ease,box-shadow .15s ease}.g-benefits .bf-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px color-mix(in oklab,var(--raw-purple-deep) 13%,transparent)}.g-benefits .bf-card:before{content:"";position:absolute;top:0;left:24px;width:36px;height:4px;border-radius:0 0 var(--corner-xs) var(--corner-xs);background:var(--color-cta)}.g-benefits .bf-list .bf-card{padding:24px}.g-benefits .bf-list .bf-card:before{left:20px}.g-benefits .bf-ic{width:48px;height:48px;border-radius:var(--corner-md);background:linear-gradient(135deg,var(--color-surface-brand),color-mix(in oklab,var(--color-cta) 30%,var(--color-surface-brand)));color:var(--color-brand)}.g-benefits .bf-card h4{font-size:var(--type-subheading);font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight-20);line-height:var(--lh-snug);color:var(--color-fg)}.g-benefits .bf-card>p{font-size:var(--type-body-sm);color:var(--color-fg-soft);line-height:var(--lh-relaxed)}.g-benefits .bf-bullets li{position:relative;padding-left:24px;font-size:var(--type-body-sm);color:var(--color-fg-soft);line-height:var(--lh-body)}.g-benefits .bf-bullets li:before{content:"";position:absolute;left:0;top:9px;width:10px;height:2px;border-radius:var(--corner-xs);background:var(--color-cta-deep)}.g-benefits .bf-highlight{margin-top:auto;padding-top:12px;border-top:1px solid var(--color-border-subtle);font-size:var(--type-body-sm);font-weight:var(--fw-bold);color:var(--color-brand);line-height:var(--lh-body)}.g-benefits .bf-cta{text-align:center;margin-top:40px}}