@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-formats .fmt{background:var(--color-surface);border-radius:var(--radius-lg);padding:36px 34px;border:1px solid var(--color-border-subtle);box-shadow:0 10px 34px color-mix(in oklab,var(--raw-purple-deep) 6%,transparent)}.g-formats .fmt.feature{background:var(--grad-purple);border:none;color:var(--color-brand-content);box-shadow:0 24px 60px color-mix(in oklab,var(--raw-purple-deep) 28%,transparent)}.g-formats .fmt-badge{align-self:flex-start;font-size:var(--type-eyebrow);font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:.08em;padding:6px 13px;border-radius:var(--pill);background:var(--color-cta);color:var(--color-fg);margin-bottom:18px}.g-formats .fmt.feature .fmt-badge{background:var(--color-cta);color:var(--color-fg)}.g-formats .fmt:not(.feature) .fmt-badge{background:var(--color-border-subtle);color:var(--color-brand)}.g-formats .fmt h3{font-size:var(--type-heading);letter-spacing:-.025em;margin-bottom:12px;line-height:1.1}.g-formats .fmt-desc{font-size:var(--type-body);color:var(--color-muted);line-height:1.55;margin-bottom:22px}.g-formats .fmt.feature .fmt-desc{color:var(--lavender-tint)}.g-formats .fmt ul{list-style:none;margin-bottom:24px}.g-formats .fmt li{position:relative;padding-left:30px;font-size:var(--type-body);color:var(--color-fg-soft);line-height:1.4}.g-formats .fmt.feature li{color:var(--color-brand-content)}.g-formats .fmt li:before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:var(--corner-sm);background-color:var(--color-border-subtle);background-repeat:no-repeat;background-position:center;background-size:12px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234F25C8' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>")}.g-formats .fmt.feature li:before{background-color:color-mix(in oklab,var(--raw-lime) 18%,transparent);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9FF3D' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>")}.g-formats .fmt-who{font-size:var(--type-body-sm);font-weight:var(--fw-semibold);color:var(--color-muted);margin-bottom:18px;padding:14px 16px;background:var(--color-bg);border-radius:var(--corner-md)}.g-formats .fmt.feature .fmt-who{color:var(--lavender-tint);background:color-mix(in oklab,var(--raw-white) 8%,transparent)}.g-formats .fmt-who b{color:var(--color-fg)}.g-formats .fmt.feature .fmt-who b{color:var(--color-cta)}.g-formats .fmt .ds-btn{margin-top:auto;width:100%}@media (max-width: 640px){.g-formats .fmt{padding:30px 26px}}}