@layer theme, base, components, utilities;@layer components{.guide-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%);--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);--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}.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-case .cs-client{font-size:var(--type-body-lg);font-weight:var(--fw-semibold);color:var(--color-fg-soft);margin-bottom:32px}.g-case .cs-client b{color:var(--color-fg);font-weight:var(--fw-heavy)}.g-case .cs-achv{color:var(--color-brand);font-weight:var(--fw-heavy)}.g-case .cs-columns{margin-bottom:32px}.g-case .cs-col{border-radius:var(--radius-lg);padding:28px 26px;border:1px solid var(--color-border-subtle)}.g-case .cs-before{background:var(--color-surface)}.g-case .cs-after{background:var(--grad-lavender)}.g-case .cs-col h4{font-size:var(--type-eyebrow);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--fw-heavy);margin-bottom:18px;color:var(--color-muted-soft)}.g-case .cs-after h4{color:var(--color-brand)}.g-case .cs-list li{font-size:var(--type-body-sm);color:var(--color-fg-soft);line-height:1.5}.g-case .cs-mark{flex:none;width:20px;height:20px;border-radius:50%;font-weight:var(--fw-heavy);margin-top:1px}.g-case .cs-mark-minus{background:var(--color-border-subtle);color:var(--color-muted-soft);font-size:var(--type-caption)}.g-case .cs-mark-check{background:var(--color-cta)}.g-case .cs-mark-check svg{width:11px;height:11px}.g-case .cs-proof img{width:100%;max-width:420px;border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);box-shadow:0 24px 60px color-mix(in oklab,var(--raw-ink) 18%,transparent);display:block}}