@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-svc-tiers .svc{background:var(--color-surface);border-radius:var(--corner-lg);padding:32px;position:relative;border:1px solid var(--color-border-subtle);box-shadow:0 10px 34px color-mix(in oklab,var(--raw-purple-deep) 6%,transparent);transition:transform .15s ease,box-shadow .15s ease}.g-svc-tiers .svc:hover{transform:translateY(-3px);box-shadow:0 18px 44px color-mix(in oklab,var(--raw-purple-deep) 13%,transparent)}.g-svc-tiers .svc.feature{background:var(--grad-purple);border:none;color:var(--color-brand-content);position:relative}.g-svc-tiers .svc.feature:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(90% 90% at 90% 0%,color-mix(in oklab,var(--raw-lime) 18%,transparent),color-mix(in oklab,var(--raw-lime) 0%,transparent) 50%);pointer-events:none}.g-svc-tiers .svc.feature h3,.g-svc-tiers .svc.feature .svc-desc{color:var(--color-brand-content);position:relative}.g-svc-tiers .svc.feature .svc-meta{color:var(--color-cta)}.g-svc-tiers .svc .ds-badge{position:absolute;top:-12px;right:24px;z-index:6;font-size:var(--type-eyebrow);font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:var(--ls-wide-60);padding:6px 14px;border-radius:var(--corner-pill);background:var(--color-cta);color:var(--color-fg);transform:rotate(-3deg);box-shadow:0 6px 16px color-mix(in oklab,var(--raw-ink) 22%,transparent)}.g-svc-tiers .svc .ds-badge.soft{background:var(--color-brand);color:var(--color-brand-content)}.g-svc-tiers .svc h3{font-size:var(--type-heading);font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight-25);line-height:var(--lh-tight);margin-bottom:12px;min-height:58px}.g-svc-tiers .svc-desc{font-size:var(--type-body-sm);color:var(--color-muted);line-height:var(--lh-relaxed);margin-bottom:16px}.g-svc-tiers .svc-list{list-style:none;margin-bottom:16px;position:relative}.g-svc-tiers .svc-list li{position:relative;padding:8px 0 8px 24px;font-size:var(--type-body-sm);color:var(--color-fg-soft);border-top:1px solid var(--color-border-subtle)}.g-svc-tiers .svc.feature .svc-list li{color:var(--lavender-tint);border-color:color-mix(in oklab,var(--raw-white) 16%,transparent)}.g-svc-tiers .svc-list li:first-child{border-top:none}.g-svc-tiers .svc-list li:before{content:"";position:absolute;left:0;top:15px;width:10px;height:2px;border-radius:var(--corner-xs);background:var(--color-cta-deep)}.g-svc-tiers .svc.feature .svc-list li:before{background:var(--color-cta)}.g-svc-tiers .svc-bonus{background:var(--color-surface-brand);border-radius:var(--corner-md);padding:12px 16px;margin-bottom:16px;font-size:var(--type-body-sm);color:var(--color-fg-soft);line-height:var(--lh-normal)}.g-svc-tiers .svc-bonus .gift{width:30px;height:30px;border-radius:var(--corner-sm);flex:none;background:var(--grad-lime);color:var(--color-fg)}.g-svc-tiers .svc-bonus .gift svg{width:17px;height:17px}.g-svc-tiers .svc-bonus b{color:var(--color-brand);font-weight:var(--fw-heavy)}.g-svc-tiers .svc.feature .svc-bonus{background:color-mix(in oklab,var(--raw-white) 12%,transparent);color:var(--lavender-tint)}.g-svc-tiers .svc.feature .svc-bonus b{color:var(--color-cta)}.g-svc-tiers .svc-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--color-border-subtle);position:relative}.g-svc-tiers .svc-oldprice{font-size:var(--type-body-sm);color:var(--color-muted-soft);text-decoration:line-through}.g-svc-tiers .svc-price{font-size:var(--type-heading);font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight-20);color:var(--color-fg)}.g-svc-tiers .svc.feature .svc-price{color:var(--color-brand-content)}.g-svc-tiers .svc.feature .svc-oldprice{color:color-mix(in oklab,var(--raw-white) 60%,transparent)}.g-svc-tiers .svc-discount{font-size:var(--type-eyebrow);font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:var(--ls-wide-30);color:var(--color-fg);background:var(--color-cta);padding:3px 9px;border-radius:var(--corner-pill)}.g-svc-tiers .svc-instalment{display:block;width:100%;margin-top:12px;padding:0;border:none;background:none;font-size:var(--type-caption);font-weight:var(--fw-bold);color:var(--color-brand);text-decoration:underline;text-decoration-color:var(--color-border-subtle);text-underline-offset:3px;text-align:left;cursor:pointer;transition:color .15s}.g-svc-tiers .svc-instalment:hover{color:var(--color-brand-deep)}.g-svc-tiers .svc.feature .svc-instalment{color:var(--lavender-tint);text-decoration-color:color-mix(in oklab,var(--raw-white) 30%,transparent)}.g-svc-tiers .svc.feature .svc-instalment:hover{color:var(--color-cta)}.g-svc-tiers .svc-note{margin-top:12px;font-size:var(--type-caption);color:var(--color-muted-soft);line-height:var(--lh-body)}.g-svc-tiers .svc.feature .svc-note{color:var(--lavender-tint)}.g-svc-tiers .svc.feature .svc-foot{border-color:color-mix(in oklab,var(--raw-white) 16%,transparent)}.g-svc-tiers .svc-meta{font-size:var(--type-eyebrow);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-wide-50);color:var(--color-muted-soft)}.g-svc-tiers .svc-link{font-weight:var(--fw-heavy);font-size:var(--type-label);color:var(--color-brand);text-decoration:none;white-space:nowrap;background:var(--color-border-subtle);padding:8px 16px;border-radius:var(--corner-pill);transition:background .15s,color .15s}.g-svc-tiers .svc-link:hover{background:var(--color-brand);color:var(--color-brand-content)}.g-svc-tiers .svc.feature .svc-link{color:var(--color-cta);background:color-mix(in oklab,var(--raw-lime) 16%,transparent)}.g-svc-tiers .svc.feature .svc-link:hover{background:var(--color-cta);color:var(--color-fg)}.g-svc-tiers .svc-strip{margin-top:24px;background:var(--grad-lavender);border-radius:var(--corner-lg);padding:24px 32px}.g-svc-tiers .svc-strip p{font-size:var(--type-body-lg);font-weight:var(--fw-bold);color:var(--color-fg);line-height:var(--lh-body)}.g-svc-tiers .svc-strip p span{color:var(--color-brand)}}@layer components{.g-svc-tiers .svc-countdown{margin-top:12px;font-size:var(--type-body-sm);color:var(--color-fg-soft)}.g-svc-tiers .svc-countdown-label{color:var(--color-muted)}.g-svc-tiers .svc-countdown-value{font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);color:var(--color-brand)}.g-svc-tiers .svc-club-note{margin-top:12px;font-size:var(--type-body-sm);font-weight:var(--fw-bold);color:var(--color-brand)}}