@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-cross-sell .other-feat{display:grid;grid-template-columns:1fr;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:22px;box-shadow:0 16px 44px color-mix(in oklab,var(--raw-purple-deep) 10%,transparent)}@media (min-width: 780px){.g-cross-sell .other-feat{grid-template-columns:minmax(280px,40%) 1fr}}.g-cross-sell .of-visual{position:relative;overflow:hidden;min-height:250px}.g-cross-sell .of-visual svg{position:absolute;inset:0;width:100%;height:100%;display:block}.g-cross-sell .of-body{padding:36px 40px;display:flex;flex-direction:column;justify-content:center}.g-cross-sell .of-badge{align-self:flex-start;display:inline-block;font-size:var(--type-eyebrow);font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:var(--color-cta);color:var(--color-fg);padding:5px 12px;border-radius:var(--pill);margin-bottom:12px}.g-cross-sell .of-body h3{font-size:var(--type-heading);font-weight:800;letter-spacing:-.02em;color:var(--color-fg);line-height:1.15}.g-cross-sell .of-body p{font-size:var(--type-body);color:var(--color-muted);margin:10px 0 22px;line-height:1.55;max-width:560px}.g-cross-sell .of-body .ds-btn{align-self:flex-start}.g-cross-sell .other-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 760px){.g-cross-sell .other-grid{grid-template-columns:repeat(3,1fr)}}.g-cross-sell .other-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 26px color-mix(in oklab,var(--raw-purple-deep) 5%,transparent);transition:transform .15s ease,box-shadow .15s ease}.g-cross-sell .other-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px color-mix(in oklab,var(--raw-purple-deep) 14%,transparent)}.g-cross-sell .oc-visual{position:relative;overflow:hidden;height:168px}.g-cross-sell .oc-visual svg{position:absolute;inset:0;width:100%;height:100%;display:block}.g-cross-sell .oc-body{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}.g-cross-sell .oc-body h3{font-size:var(--type-subheading);font-weight:800;letter-spacing:-.02em;margin-bottom:8px;color:var(--color-fg)}.g-cross-sell .oc-body p{font-size:var(--type-body-sm);color:var(--color-muted);line-height:1.5;margin-bottom:18px;flex:1}.g-cross-sell .oc-link{font-weight:700;color:var(--color-brand);text-decoration:none;font-size:var(--type-body-sm);display:inline-flex;align-items:center;gap:6px;margin-top:auto}.g-cross-sell .oc-link:after{content:"→";transition:transform .15s}.g-cross-sell .other-card:hover .oc-link:after{transform:translate(3px)}@media (max-width: 779px){.g-cross-sell .of-visual{min-height:200px}}}