@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-gift .gift-island{--gift-terra: linear-gradient(140deg, #b56009 0%, #ab4a17 58%, #96421a 100%);--gift-cream: linear-gradient(160deg, #fbf3ec 0%, #f6e7da 100%);display:grid;grid-template-columns:1fr;border-radius:var(--corner-lg);overflow:hidden;box-shadow:0 30px 70px color-mix(in oklab,var(--raw-shadow-purple) 20%,transparent)}@media (min-width: 1024px){.g-gift .gift-island{grid-template-columns:1.08fr .92fr}}.g-gift .gift-offer{position:relative;overflow:hidden;padding:var(--s-12) var(--s-10);color:var(--color-brand-content);background:radial-gradient(120% 120% at 88% 0%,color-mix(in oklab,var(--color-cta) 16%,transparent) 0%,transparent 46%),var(--gift-terra)}.g-gift .gift-offer .eyebrow{color:var(--color-brand-content)}.g-gift .gift-offer h3{font-size:var(--type-heading);font-weight:var(--fw-heavy);line-height:var(--lh-tight);margin:12px 0 0}.g-gift .gift-offer h3 i{color:var(--color-brand-content);text-decoration:underline;text-decoration-color:var(--color-cta);text-decoration-thickness:6px;text-underline-offset:2px}.g-gift .gift-sub{font-size:var(--type-body);color:var(--color-brand-content);margin:var(--s-4) 0 var(--s-6);line-height:var(--lh-relaxed);max-width:440px}.g-gift .gift-visual{position:relative;background:var(--gift-cream);padding:var(--s-8)}.g-gift .gift-visual svg{width:100%;max-width:360px;filter:drop-shadow(0 20px 30px color-mix(in oklab,var(--raw-shadow-warm) 20%,transparent))}.g-gift .gift-image{width:100%;max-width:300px;height:auto;filter:drop-shadow(0 20px 30px color-mix(in oklab,var(--raw-shadow-warm) 20%,transparent))}@media (max-width: 640px){.g-gift .gift-image{max-width:220px}.g-gift .gift-offer{padding:var(--s-8) var(--s-6)}.g-gift .gift-visual{padding:var(--s-6)}.g-gift .gift-offer h3 i{text-decoration-thickness:4px}}.g-gift .gift-tone-carrot .gift-offer{background:radial-gradient(70% 80% at 100% 0%,color-mix(in oklab,var(--raw-white) 30%,transparent) 0%,transparent 55%),var(--grad-carrot)}.g-gift .gift-tone-carrot .gift-visual{background:var(--grad-carrot)}.g-gift .gift-tone-light .gift-offer{background:var(--raw-white);color:var(--color-fg)}.g-gift .gift-tone-light .gift-offer .eyebrow,.g-gift .gift-tone-light .gift-offer .gift-badge{color:var(--color-brand)}.g-gift .gift-tone-light .gift-offer h3{color:var(--color-fg)}.g-gift .gift-tone-light .gift-offer h3 i{color:var(--color-fg);text-decoration-color:var(--color-brand)}.g-gift .gift-tone-light .gift-sub{color:var(--color-fg-soft)}.g-gift .gift-tone-light .gift-visual{background:var(--grad-purple)}.g-gift .gift-badge{display:inline-flex;align-items:center;gap:8px;font-size:var(--type-caption);font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:var(--ls-wide-90);padding:8px 16px;border-radius:var(--corner-pill);background:var(--raw-white);color:var(--color-warm);width:-moz-fit-content;width:fit-content}.g-gift .gift-tone-light .gift-badge{background:var(--color-cta);color:var(--color-fg)}.g-gift .gift-condition{margin-top:var(--s-4);font-size:var(--type-body-sm);line-height:var(--lh-relaxed);background:var(--color-surface-brand);border-radius:var(--corner-md);padding:12px 16px;color:var(--color-fg-soft)}.g-gift .gift-condition svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--color-brand)}.g-gift .gift-cta-row small{font-size:var(--type-body-sm);font-weight:var(--fw-semibold);color:var(--color-brand-content)}.g-gift .gift-tone-light .gift-cta-row small{color:var(--color-fg-soft)}.g-gift .gift-cover-stack{position:relative;width:250px}.g-gift .gift-cover-behind{position:absolute;inset:0;background:var(--raw-white);border-radius:var(--corner-md);transform:rotate(6deg) translate(10px,8px);box-shadow:0 20px 40px color-mix(in oklab,var(--raw-shadow-purple) 22%,transparent);z-index:0}.g-gift .gift-cover{position:relative;z-index:1;width:100%;background:var(--raw-white);color:var(--color-fg);border-radius:var(--corner-md);box-shadow:0 34px 60px color-mix(in oklab,var(--raw-shadow-purple) 40%,transparent);padding:16px;display:flex;flex-direction:column;gap:8px;transform:rotate(-4deg)}.g-gift .gc-top{display:flex;align-items:center;justify-content:space-between}.g-gift .gc-logo{font-size:var(--type-caption);font-weight:var(--fw-heavy);color:var(--color-fg)}.g-gift .gc-logo i{color:var(--color-brand)}.g-gift .gc-pill{font-size:10px;font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:var(--ls-wide-90);padding:5px 9px;border-radius:var(--corner-pill);background:var(--color-cta);color:var(--color-fg)}.g-gift .gift-cover h4{font-size:var(--type-subheading);font-weight:var(--fw-heavy);line-height:var(--lh-snug);color:var(--color-fg)}.g-gift .gift-cover h4 i{color:var(--color-brand)}.g-gift .gc-p{font-size:var(--type-caption);color:var(--color-fg-soft);line-height:var(--lh-relaxed)}.g-gift .gc-p i{color:var(--color-brand)}.g-gift .gc-quote{background:var(--color-surface-brand);border-radius:var(--corner-sm);padding:12px;font-size:var(--type-caption);font-weight:var(--fw-bold);line-height:var(--lh-relaxed);color:var(--color-fg)}.g-gift .gc-quote i{color:var(--color-brand)}.g-gift .gc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.g-gift .gc-page{font-size:var(--type-caption);color:var(--color-muted)}.g-gift .gc-dots{display:flex;align-items:center;gap:5px}.g-gift .gc-dots i{width:7px;height:7px;border-radius:50%;background:var(--color-brand)}.g-gift .gc-dots i:first-child{opacity:var(--fade-muted)}.g-gift .gc-dots i:nth-child(2){opacity:var(--fade-visible)}@media (max-width: 640px){.g-gift .gift-cover-stack{width:200px}.g-gift .gift-cover{padding:16px 16px 40px}}.g-gift .gift-stamp{position:absolute;right:6px;bottom:9%;z-index:2;max-width:40%;background:var(--color-fg);color:var(--raw-white);border-radius:var(--corner-md);padding:8px 12px;font-size:var(--type-caption);font-weight:var(--fw-heavy);line-height:var(--lh-snug);box-shadow:0 14px 30px color-mix(in oklab,var(--raw-ink) 35%,transparent)}.g-gift .gift-stamp small{display:block;font-size:9.5px;font-weight:var(--fw-bold);color:var(--color-cta);text-transform:uppercase;letter-spacing:var(--ls-wide-90)}.g-gift .gift-visual-badge{position:absolute;right:9%;top:10%;z-index:2;background:var(--raw-white);border-radius:var(--corner-md);padding:8px 12px;font-size:var(--type-body-sm);font-weight:var(--fw-heavy);color:var(--danger);box-shadow:0 14px 30px color-mix(in oklab,var(--raw-ink) 35%,transparent)}}