@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%);--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],.hv2-page [data-surface=dark],.c26-page [data-surface=dark],.w8r-page [data-surface=dark],.wcc-page [data-surface=dark]{--action-bg: var(--color-cta);--action-fg: var(--color-fg)}.guide-page [data-surface=light],.hv2-page [data-surface=light],.c26-page [data-surface=light],.w8r-page [data-surface=light],.wcc-page [data-surface=light]{--action-bg: var(--color-brand);--action-fg: var(--color-brand-content)}}@layer components{.k-hero-pain{position:relative;padding-block:12px 44px;color:var(--color-brand-content);background:linear-gradient(to bottom,transparent 62%,var(--raw-purple-deep) 100%),radial-gradient(680px 560px at 6% 2%,color-mix(in oklab,var(--raw-purple-bright) 42%,transparent),transparent 60%),radial-gradient(560px 560px at 78% 92%,color-mix(in oklab,var(--raw-lime) 8%,transparent),transparent 55%),linear-gradient(113deg,var(--raw-purple-mid) 22%,var(--raw-purple) 55%,var(--raw-purple-deep) 78%)}.k-hero-pain .hp-grid{display:grid;gap:18px}.k-hero-pain .hp-lead{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.k-hero-pain .hp-badge{padding:8px 16px;border-radius:var(--pill);border:1.5px solid var(--color-cta);color:var(--color-cta);font-size:var(--type-eyebrow);font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.k-hero-pain .hp-title{font-size:var(--type-title);font-weight:800;line-height:1.06;letter-spacing:-.03em;color:var(--color-brand-content)}.k-hero-pain .hp-title i{font-family:Playfair Display,serif;font-style:italic;font-weight:500;color:var(--color-cta)}.k-hero-pain .hp-sub{font-size:var(--type-body);line-height:1.5;color:var(--lavender-tint);max-width:40ch}.k-hero-pain .hp-trust{padding-top:2px}.k-hero-pain .hp-avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex:none;border:1.5px solid color-mix(in oklab,var(--raw-white) 35%,transparent)}.k-hero-pain .hp-trust-name{font-size:var(--type-body-sm);font-weight:700;color:var(--color-brand-content)}.k-hero-pain .hp-trust-bio{font-size:var(--type-caption);line-height:1.4;color:var(--lavender-tint)}.k-hero-pain .hp-cta-row{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:100%}.k-hero-pain .hp-cta{display:flex;align-items:center;justify-content:center;gap:10px;padding:17px 32px;border-radius:var(--pill);background:var(--color-cta);color:var(--color-fg);font-size:var(--type-body);font-weight:700;white-space:nowrap;box-shadow:0 12px 40px 2px color-mix(in oklab,var(--raw-lime) 30%,transparent),0 6px 18px color-mix(in oklab,var(--raw-lime-deep) 45%,transparent)}.k-hero-pain .hp-note{text-align:center;font-size:var(--type-caption);font-weight:500;line-height:1.4;color:var(--lavender-tint)}.k-hero-pain .hp-pains{display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:var(--corner-lg);background:color-mix(in oklab,var(--raw-white) 9%,transparent);border:1.5px solid color-mix(in oklab,var(--raw-white) 18%,transparent);box-shadow:0 20px 44px color-mix(in oklab,var(--raw-ink) 40%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.k-hero-pain .hp-pains-eyebrow{font-size:var(--type-eyebrow);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-cta)}.k-hero-pain .hp-pains-title{font-size:var(--type-heading);font-weight:800;line-height:1.12;color:var(--color-brand-content)}.k-hero-pain .hp-pains-title i{font-family:Playfair Display,serif;font-style:italic;font-weight:500;color:var(--color-cta)}.k-hero-pain .hp-pain-list{list-style:none;padding:0;margin:0}.k-hero-pain .hp-x{width:24px;height:24px;flex:none;border-radius:50%;background:color-mix(in oklab,var(--danger) 92%,transparent);color:var(--color-brand-content);font-size:var(--type-caption);font-weight:700}.k-hero-pain .hp-pain-text{font-size:var(--type-body-sm);line-height:1.38;color:color-mix(in oklab,var(--raw-white) 92%,transparent)}.k-hero-pain .hp-pains-foot{font-size:var(--type-body-sm);font-weight:600;line-height:1.4;color:var(--lavender-tint)}.k-hero-pain .hp-clients{display:none}@media (min-width: 900px){.k-hero-pain{padding-block:28px 68px}.k-hero-pain .hp-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}.k-hero-pain .hp-title{font-size:var(--type-title);letter-spacing:-.04em}.k-hero-pain .hp-sub{font-size:var(--type-body-lg)}.k-hero-pain .hp-cta-row{flex-direction:row;align-items:center;gap:24px;width:auto}.k-hero-pain .hp-cta{padding-inline:40px}.k-hero-pain .hp-note{text-align:left;max-width:26ch}.k-hero-pain .hp-pains{padding:28px 30px}.k-hero-pain .hp-pains-title{font-size:var(--type-heading)}}@media (min-width: 1024px){.k-hero-pain .hp-clients{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 26px;margin-top:40px}.k-hero-pain .hp-clients-label{font-size:var(--type-eyebrow);font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:color-mix(in oklab,var(--lavender-tint) 60%,transparent)}.k-hero-pain .hp-clients-item{font-size:var(--type-body-lg);font-weight:800;white-space:nowrap;color:var(--lavender-tint)}.k-hero-pain .hp-clients-dot{width:4px;height:4px;flex:none;border-radius:50%;background:color-mix(in oklab,var(--lavender-tint) 45%,transparent)}}}