@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{.g-process .pr-step{position:relative;padding-bottom:30px}.g-process .pr-step:last-child{padding-bottom:0}.g-process .pr-step:before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:var(--color-border-subtle)}.g-process .pr-step:last-child:before{display:none}.g-process .pr-index{position:relative;z-index:1;flex:none;width:44px;height:44px;border-radius:50%;background:var(--grad-purple);color:var(--color-brand-content);font-size:var(--type-caption);font-weight:800}.g-process .pr-step-body{min-width:0;padding-top:7px}.g-process .pr-step-body h4{font-size:var(--type-subheading);font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--color-fg);margin-bottom:6px}.g-process .pr-step-body p{font-size:var(--type-body-sm);color:var(--color-fg-soft);line-height:1.55}.g-process .pr-results{margin-top:12px;list-style:none;padding:0}.g-process .pr-results li{font-size:var(--type-body-sm);font-weight:700;color:var(--color-fg);line-height:1.4}.g-process .pr-check{flex:none;width:20px;height:20px;border-radius:50%;background:var(--color-cta);margin-top:1px}.g-process .pr-check svg{width:11px;height:11px}.g-process .pr-bar{display:none}@media (min-width: 1024px){.g-process.pr-grid .pr-step{position:relative;overflow:hidden;padding:24px 26px 26px;border-radius:var(--corner-lg);border:1px solid color-mix(in oklab,var(--raw-white) 9%,transparent);background:linear-gradient(180deg,var(--raw-ink-soft) 0%,var(--raw-ink) 100%);box-shadow:0 10px 24px color-mix(in oklab,var(--raw-ink) 30%,transparent)}.g-process.pr-grid .pr-step:last-child{padding-bottom:26px}.g-process.pr-grid .pr-step:before{display:none}.g-process.pr-grid .pr-step:after{content:attr(data-num);position:absolute;top:-8px;right:14px;font-size:88px;font-weight:800;line-height:1;letter-spacing:-4px;color:color-mix(in oklab,var(--raw-lime) 12%,transparent);pointer-events:none}.g-process.pr-grid .pr-bar{display:block;flex:none;width:44px;height:4px;border-radius:var(--corner-pill);background:var(--color-cta)}.g-process.pr-grid .pr-step-body{display:flex;flex-direction:column;gap:12px;width:100%;padding-top:0;position:relative}.g-process.pr-grid .pr-step-body h4{font-size:var(--type-subheading);line-height:1.26;color:var(--color-brand-content);margin-bottom:0}.g-process.pr-grid .pr-step-body p{font-size:var(--type-body-sm);color:var(--lavender-tint);opacity:var(--fade-muted)}.g-process.pr-grid .pr-results{margin-top:0}.g-process.pr-grid .pr-results li{color:var(--color-brand-content)}}}