@layer theme, base, components, utilities;@layer components{.guide-page{--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);--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)}.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-process .pr-step{position:relative;padding-bottom:32px}.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:var(--fw-heavy)}.g-process .pr-step-body{min-width:0;padding-top:7px}.g-process .pr-step-body h4{font-size:var(--type-subheading);font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight-20);line-height:var(--lh-snug);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:var(--lh-relaxed)}.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:var(--fw-bold);color:var(--color-fg);line-height:var(--lh-body)}.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;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:24px}.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:var(--fw-heavy);line-height:var(--lh-solid);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:var(--lh-snug);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)}}.g-process .pr-tag{align-self:flex-start;display:inline-flex;width:-moz-fit-content;width:fit-content;font-size:var(--type-eyebrow);font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:var(--ls-wide-90);padding:6px 12px;border-radius:var(--corner-pill);margin-bottom:var(--s-3)}.g-process .pr-tag--brand{background:var(--color-border-subtle);color:var(--color-brand)}.g-process .pr-tag--warm{background:color-mix(in srgb,var(--color-warm) 84%,var(--color-fg));color:var(--color-brand-content)}.g-process .pr-close{margin:var(--s-6) auto 0;text-align:center;font-size:var(--type-body-lg);color:var(--color-fg-soft);line-height:var(--lh-body);max-width:720px}.g-process .pr-bento-cta{margin-top:var(--s-8)}.g-process .pr-bento-cta small{font-size:var(--type-body-sm);color:var(--color-muted)}@media (max-width: 640px){.g-process .pr-bento-cta .ds-btn{width:100%}}.g-process .pr-close b{color:var(--color-fg);font-weight:var(--fw-bold)}.g-process.pr-soft{background:var(--color-surface)}@media (min-width: 1024px){.g-process.pr-soft.pr-grid .pr-step{background:var(--color-brand-content);border:1px solid var(--color-border-subtle);box-shadow:0 10px 24px color-mix(in oklab,var(--raw-purple-deep) 7%,transparent)}.g-process.pr-soft.pr-grid .pr-step:after{color:color-mix(in oklab,var(--raw-purple) 8%,transparent)}}.g-process.pr-soft .pr-step-body h4{color:var(--color-fg)}.g-process.pr-soft .pr-step-body p{color:var(--color-muted)}.g-process.dark{background:var(--grad-purple)}@media (min-width: 1024px){.g-process.dark.pr-grid .pr-step{background:color-mix(in oklab,var(--raw-white) 4%,transparent);border:1px solid color-mix(in oklab,var(--raw-white) 13%,transparent);box-shadow:none}}.g-process.dark .pr-step-body h4{color:var(--color-brand-content)}.g-process.dark .pr-step-body p{color:var(--lavender-tint)}.g-process.dark .pr-index{background:color-mix(in oklab,var(--raw-white) 10%,transparent);color:var(--color-cta)}.g-process.dark .pr-close{color:var(--lavender-tint)}.g-process.dark .pr-close b{color:var(--color-brand-content)}.g-process.pr-bento-section .pr-bento-grid{align-items:stretch}.g-process .pr-bento-card{position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--corner-lg);border:1px solid var(--color-border-subtle);background:var(--raw-white);transition:transform .15s,box-shadow .15s}.g-process .pr-bento-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px color-mix(in oklab,var(--raw-purple-deep) 12%,transparent)}@media (min-width: 768px){.g-process .pr-bento-wide{grid-column:span 2}}.g-process .pr-bento-n{font-size:36px;font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight-50);line-height:var(--lh-solid);color:var(--color-border-subtle);margin-bottom:0;order:0}@media (min-width: 768px){.g-process .pr-bento-n{font-size:44px;margin-bottom:auto}}.g-process .pr-bento-txt h3{font-size:var(--type-subheading);font-weight:var(--fw-heavy);line-height:var(--lh-snug);margin-top:16px;color:var(--color-fg)}.g-process .pr-bento-txt h3 i{color:var(--color-brand)}.g-process .pr-bento-txt p{font-size:var(--type-body-sm);color:var(--color-muted);margin-top:8px;line-height:var(--lh-relaxed)}.g-process .pr-bento-purple{background:var(--grad-purple);color:var(--color-brand-content);border-color:transparent}.g-process .pr-bento-purple .pr-bento-n{color:color-mix(in oklab,var(--raw-white) 22%,transparent)}.g-process .pr-bento-purple .pr-bento-txt h3,.g-process .pr-bento-ink .pr-bento-txt h3{color:var(--color-brand-content)}.g-process .pr-bento-purple .pr-bento-txt h3 i,.g-process .pr-bento-ink .pr-bento-txt h3 i{color:var(--color-cta)}.g-process .pr-bento-purple .pr-bento-txt p{color:var(--lavender-tint)}.g-process .pr-bento-lavender{background:var(--grad-lavender);border-color:transparent}.g-process .pr-bento-lavender .pr-bento-n{color:var(--raw-white)}.g-process .pr-bento-ink{background:linear-gradient(160deg,var(--raw-ink-soft) 0%,var(--raw-ink) 60%,color-mix(in oklab,var(--raw-ink) 88%,black) 100%);color:var(--color-brand-content);border-color:transparent}.g-process .pr-bento-ink .pr-bento-n{color:color-mix(in oklab,var(--raw-white) 16%,transparent)}.g-process .pr-bento-ink .pr-bento-txt p{color:var(--lavender-tint)}.g-process .pr-bento-card{min-height:auto;padding:20px}.g-process .pr-bento-txt{order:2}@media (min-width: 768px){.g-process .pr-bento-card{min-height:200px;padding:22px 22px 20px}.g-process .pr-bento-txt{order:0}.g-process .pr-bento-card:has(.pr-funnel,.pr-cv-stack,.pr-plan) .pr-bento-txt{padding-right:240px}.g-process .pr-bento-card:has(.pr-invite) .pr-bento-txt{padding-left:260px}}.g-process .pr-funnel,.g-process .pr-cv-stack,.g-process .pr-plan,.g-process .pr-invite{position:relative;margin:16px 0 4px;order:1;align-items:flex-start}@media (min-width: 768px){.g-process .pr-funnel,.g-process .pr-cv-stack,.g-process .pr-plan,.g-process .pr-invite{position:absolute;top:22px;margin:0;order:0}.g-process .pr-funnel,.g-process .pr-cv-stack,.g-process .pr-plan{right:22px}.g-process .pr-invite{left:22px;top:80px}}.g-process .pr-funnel span{font-size:var(--type-caption);font-weight:var(--fw-heavy);padding:6px 11px;border-radius:var(--corner-pill);background:color-mix(in oklab,var(--raw-white) 14%,transparent);color:var(--raw-white);border:1px solid color-mix(in oklab,var(--raw-white) 18%,transparent)}.g-process .pr-funnel span:last-child{background:var(--color-cta);color:var(--color-fg);border-color:var(--color-cta)}.g-process .pr-cv-stack,.g-process .pr-plan{max-width:280px;height:auto}@media (min-width: 768px){.g-process .pr-cv-stack{width:190px;height:140px;max-width:none}}.g-process .pr-cv{background:var(--raw-white);border-radius:var(--corner-md);padding:12px;display:flex;align-items:center;gap:8px;box-shadow:0 14px 30px color-mix(in oklab,var(--raw-ink) 22%,transparent);margin-top:6px}.g-process .pr-cv:first-child{margin-top:0}@media (min-width: 768px){.g-process .pr-cv{position:absolute;left:0;right:0;margin-top:0}.g-process .pr-cv:nth-child(1){top:0;transform:rotate(-3deg) scale(.92);opacity:var(--fade-visible)}.g-process .pr-cv:nth-child(2){top:34px;transform:rotate(2deg) scale(.96);opacity:var(--fade-strong)}.g-process .pr-cv:nth-child(3){top:72px}}.g-process .pr-cv-ph{width:26px;height:26px;border-radius:50%;background:var(--raw-lavender-soft);flex:none}.g-process .pr-cv-ln{flex:1;display:block}.g-process .pr-cv-ln i{display:block;height:6px;border-radius:var(--corner-xs);background:var(--raw-lavender-pale)}.g-process .pr-cv-ln i+i{margin-top:5px;width:60%}.g-process .pr-cv em{font-style:normal;font-size:9.5px;font-weight:var(--fw-heavy);padding:4px 8px;border-radius:var(--corner-pill);background:color-mix(in oklab,var(--danger) 12%,transparent);color:var(--danger);flex:none}.g-process .pr-cv em.pr-cv-ok{background:var(--color-cta);color:var(--color-fg)}.g-process .pr-plan{background:var(--raw-white);color:var(--color-fg);border-radius:var(--corner-md);padding:12px 16px;width:200px;box-shadow:0 24px 44px color-mix(in oklab,var(--raw-ink) 24%,transparent)}.g-process .pr-plan b{display:block;font-size:var(--type-caption);font-weight:var(--fw-heavy);margin-bottom:7px;color:var(--color-fg)}.g-process .pr-plan span{display:flex;align-items:center;gap:7px;font-size:var(--type-body-sm);color:var(--color-fg-soft);padding:4px 0;font-weight:var(--fw-semibold)}.g-process .pr-plan span i{width:14px;height:14px;border-radius:var(--corner-xs);background:var(--color-cta);flex:none;display:flex;align-items:center;justify-content:center}.g-process .pr-plan span i svg{width:9px;height:9px}.g-process .pr-plan span.pr-plan-todo{color:var(--color-muted-soft)}.g-process .pr-plan span.pr-plan-todo i{background:var(--color-border-subtle)}@media (min-width: 768px){.g-process .pr-bento-card .pr-plan{width:176px;padding:12px;max-width:none}.g-process .pr-bento-card .pr-plan b{margin-bottom:3px}.g-process .pr-bento-card .pr-plan span{gap:5px;font-size:var(--type-caption);padding:1px 0}.g-process .pr-bento-card .pr-plan span i{width:11px;height:11px}.g-process .pr-bento-card .pr-plan span i svg{width:7px;height:7px}}.g-process .pr-invite{width:230px;max-width:280px;background:var(--raw-white);color:var(--color-fg);border-radius:var(--corner-lg);box-shadow:0 30px 60px color-mix(in oklab,var(--raw-shadow-purple) 35%,transparent);padding:12px 16px;display:flex;gap:12px;align-items:flex-start}.g-process .pr-invite-ic{width:34px;height:34px;border-radius:var(--corner-sm);flex:none;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-heavy);font-size:var(--type-caption);color:var(--raw-white);background:var(--danger-deep);letter-spacing:var(--ls-tight-50)}.g-process .pr-invite div b{display:block;font-size:var(--type-caption);color:var(--color-fg);line-height:var(--lh-snug)}.g-process .pr-invite div span{display:block;font-size:10.5px;color:var(--color-muted);margin-top:3px;line-height:var(--lh-snug)}.g-process .pr-invite div em{display:inline-block;font-style:normal;font-size:9.5px;font-weight:var(--fw-heavy);color:var(--color-fg);background:var(--color-cta);border-radius:var(--corner-pill);padding:3px 8px;margin-top:6px}}
