@layer components{.guide-page,.hv2-page,.c26-page,.w8r-page,.wcc-page{--purple-deep: #3d1aaf;--purple: #4f25c8;--purple-mid: #6b43e0;--purple-bright: #8b6fe5;--lavender: #b9a7e8;--lavender-soft: #d5c9f0;--lavender-pale: #eee8fb;--lime: #c9ff3d;--lime-deep: #a8e020;--carrot: #ff7a2f;--terracotta: #e0612f;--peach: #ffc9a3;--coral: #ff6b5e;--bg: #f2f1f6;--bg-soft: #fbfaf8;--bg-lavender: #eeeafb;--ink: #18103c;--ink-soft: #2e2553;--gray: #6b6580;--gray-soft: #9a93ad;--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);--pill: 999px;--radius-lg: 28px;--radius-md: 18px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--fs-xxs: 11px;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 30px;--fs-3xl: 40px;--fs-4xl: 56px;--fs-5xl: 64px;--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:#fff;border:1px solid var(--lavender-pale);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:22px;box-shadow:0 16px 44px #3d1aaf1a}@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:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:var(--lime);color:var(--ink);padding:5px 12px;border-radius:var(--pill);margin-bottom:12px}.g-cross-sell .of-body h3{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.15}.g-cross-sell .of-body p{font-size:15px;color:var(--gray);margin:10px 0 22px;line-height:1.55;max-width:560px}.g-cross-sell .of-body .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:#fff;border:1px solid var(--lavender-pale);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 26px #3d1aaf0d;transition:transform .15s ease,box-shadow .15s ease}.g-cross-sell .other-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #3d1aaf24}.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:18px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;color:var(--ink)}.g-cross-sell .oc-body p{font-size:14.5px;color:var(--gray);line-height:1.5;margin-bottom:18px;flex:1}.g-cross-sell .oc-link{font-weight:700;color:var(--purple);text-decoration:none;font-size:14.5px;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}}}