@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-hero-portrait{position:relative;overflow:hidden}.g-hero-portrait .wrap.hero-grid{padding-top:64px;padding-bottom:64px}.g-hero-portrait .pill-tag{margin-bottom:var(--s-4)}.g-hero-portrait h1{font-size:var(--type-display);font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight-35);line-height:var(--lh-tight)}.g-hero-portrait h1 i{color:var(--color-cta)}.g-hero-portrait p.lead{font-size:var(--type-body-lg);color:var(--lavender-tint);margin:24px 0 32px;max-width:540px;line-height:var(--lh-relaxed)}.g-hero-portrait .hero-art{position:relative;aspect-ratio:1 / 1;max-width:500px;margin:0 auto;width:100%}.g-hero-portrait .art-glow{position:absolute;border-radius:50%;filter:blur(32px)}.g-hero-portrait .art-glow.g1{width:60%;height:60%;top:4%;right:2%;background:color-mix(in oklab,var(--raw-lime) 28%,transparent)}.g-hero-portrait .art-glow.g2{width:56%;height:56%;bottom:0;left:0;background:color-mix(in oklab,var(--raw-purple-bright) 55%,transparent)}.g-hero-portrait .art-photo{position:absolute;left:18%;top:7%;width:62%;height:83%;border-radius:var(--corner-lg);overflow:hidden;box-shadow:0 30px 62px color-mix(in oklab,var(--raw-ink) 50%,transparent);transform:rotate(-3deg);z-index:3;background:var(--color-border)}.g-hero-portrait .art-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:42% 10%;object-position:42% 10%;display:block}.g-hero-portrait .art-salary{position:absolute;right:-1%;top:3%;width:39%;background:var(--color-cta);border-radius:var(--corner-lg);padding:16px 16px 12px;box-shadow:0 22px 44px color-mix(in oklab,var(--raw-lime-deep) 40%,transparent);transform:rotate(7deg);z-index:4}.g-hero-portrait .as-chart{display:flex;align-items:flex-end;gap:7px;height:46px;margin-bottom:8px}.g-hero-portrait .as-chart span{flex:1;border-radius:5px 5px 0 0;background:var(--color-fg);opacity:var(--fade-strong)}.g-hero-portrait .as-up{display:flex;align-items:center;gap:6px;font-size:var(--type-caption);font-weight:var(--fw-heavy);color:var(--color-fg)}.g-hero-portrait .as-up svg{width:15px;height:15px}.g-hero-portrait .art-offer{position:absolute;left:-3%;top:13%;display:flex;align-items:center;gap:8px;background:var(--color-surface);border-radius:var(--corner-pill);padding:8px 16px 8px 8px;font-size:var(--type-caption);font-weight:var(--fw-heavy);color:var(--color-fg);box-shadow:0 16px 34px color-mix(in oklab,var(--raw-ink) 32%,transparent);transform:rotate(-8deg);z-index:5}.g-hero-portrait .art-offer .oc{width:24px;height:24px;border-radius:50%;background:var(--grad-lime);display:flex;align-items:center;justify-content:center;color:var(--color-fg);flex:none}.g-hero-portrait .art-offer .oc svg{width:13px;height:13px}.g-hero-portrait .art-coin{position:absolute;left:2%;bottom:5%;width:72px;height:72px;border-radius:50%;background:var(--grad-lime);display:flex;align-items:center;justify-content:center;font-size:var(--type-title);font-weight:var(--fw-heavy);color:var(--color-fg);box-shadow:0 20px 40px color-mix(in oklab,var(--raw-lime-deep) 45%,transparent);transform:rotate(-6deg);z-index:5}.g-hero-portrait .art-x2{position:absolute;right:1%;bottom:13%;width:64px;height:64px;border-radius:var(--corner-lg);background:var(--color-brand);display:flex;align-items:center;justify-content:center;font-size:var(--type-heading);font-weight:var(--fw-heavy);color:var(--color-brand-content);letter-spacing:var(--ls-tight-30);box-shadow:0 20px 40px color-mix(in oklab,var(--raw-purple) 50%,transparent);transform:rotate(8deg);z-index:5;border:2px solid color-mix(in oklab,var(--raw-white) 25%,transparent)}.g-hero-portrait .hero-art--chat .art-glow{filter:blur(22px)}.g-hero-portrait .hero-art--chat .art-glow.g1{width:66%;height:66%;top:0;right:0;background:color-mix(in oklab,var(--raw-purple-bright) 50%,transparent)}.g-hero-portrait .hero-art--chat .art-glow.g2{width:42%;height:42%;bottom:2%;left:0;background:color-mix(in oklab,var(--raw-lime) 20%,transparent)}.g-hero-portrait .hero-art--chat .art-photo{width:60%;height:74%;top:0;right:0;left:auto;transform:none;box-shadow:0 28px 56px color-mix(in oklab,var(--raw-ink) 50%,transparent);background:var(--color-border)}.g-hero-portrait .hero-art--chat .art-photo img{-o-object-position:center 14%;object-position:center 14%}.g-hero-portrait .art-chat{position:absolute;background:var(--color-border-subtle);border-radius:var(--corner-md);overflow:hidden;box-shadow:0 26px 48px color-mix(in oklab,var(--raw-ink) 45%,transparent);border:1px solid color-mix(in oklab,var(--raw-white) 70%,transparent)}.g-hero-portrait .art-chat.a{width:56%;top:2%;left:-4%;transform:rotate(-6deg);z-index:3}.g-hero-portrait .art-chat.b{width:60%;bottom:0;left:7%;transform:rotate(2.5deg);z-index:4}.g-hero-portrait .art-chat-head{display:flex;align-items:center;gap:8px;background:var(--color-surface);padding:8px 12px;border-bottom:1px solid var(--color-border-subtle)}.g-hero-portrait .art-chat-av{width:26px;height:26px;border-radius:50%;flex:none;background:radial-gradient(120% 120% at 30% 25%,var(--raw-purple-bright) 0%,var(--raw-purple-mid) 55%,var(--raw-purple) 100%)}.g-hero-portrait .art-chat-av.warm{background:var(--grad-sunset)}.g-hero-portrait .art-chat-meta{display:flex;flex-direction:column;line-height:var(--lh-tight);min-width:0}.g-hero-portrait .art-chat-meta b{font-size:11px;color:var(--color-fg);font-weight:var(--fw-heavy)}.g-hero-portrait .art-chat-meta span{font-size:8.5px;color:var(--color-muted-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-hero-portrait .art-chat-body{padding:8px 8px 12px;display:flex;flex-direction:column;gap:5px}.g-hero-portrait .art-chat-msg{position:relative;max-width:94%;font-size:11px;line-height:var(--lh-snug);color:var(--color-fg);padding:6px 12px 16px;align-self:flex-start;background:var(--color-surface);border-radius:var(--corner-md) var(--corner-md) var(--corner-md) var(--corner-xs);box-shadow:0 1px 2px color-mix(in oklab,var(--raw-ink) 7%,transparent)}.g-hero-portrait .art-chat-msg time{position:absolute;right:8px;bottom:4px;font-size:7.5px;color:var(--color-muted-soft);font-weight:var(--fw-semibold);font-style:normal}.g-hero-portrait .art-chat-react{align-self:flex-start;background:var(--color-surface);border-radius:var(--corner-pill);padding:2px 8px;font-size:9px;font-weight:var(--fw-bold);color:var(--danger);box-shadow:0 2px 6px color-mix(in oklab,var(--raw-ink) 12%,transparent)}.g-hero-portrait .art-dot{position:absolute;border-radius:50%;z-index:2}.g-hero-portrait .art-dot.d1{width:12px;height:12px;background:var(--color-cta);top:1%;left:24%}.g-hero-portrait .art-dot.d2{width:8px;height:8px;background:var(--color-surface);top:50%;right:3%;opacity:var(--fade-visible)}.g-hero-portrait .art-dot.d3{width:10px;height:10px;background:var(--color-border-strong);bottom:30%;left:6%}@media (max-width: 640px){.g-hero-portrait .wrap.hero-grid{padding-top:32px;padding-bottom:48px}.g-hero-portrait h1{font-size:var(--type-display)}.g-hero-portrait .hero-cta .ds-btn{flex:1 1 100%;justify-content:center}.g-hero-portrait .hero-art{max-width:340px}.g-hero-portrait .art-coin{width:60px;height:60px;font-size:var(--type-title)}.g-hero-portrait .art-x2{width:54px;height:54px;font-size:var(--type-heading);border-radius:var(--corner-md)}.g-hero-portrait .hero-art--chat{max-width:360px;aspect-ratio:auto;display:flex;flex-direction:column}.g-hero-portrait .hero-art--chat .art-photo{position:relative;width:100%;height:auto;aspect-ratio:4 / 3;top:auto;left:auto;right:auto}.g-hero-portrait .hero-art--chat .art-glow.g1{width:80%;height:40%;top:0;right:0;left:auto}.g-hero-portrait .hero-art--chat .art-glow.g2{width:60%;height:30%;bottom:0;left:0;right:auto}.g-hero-portrait .art-chat{position:relative;top:auto;bottom:auto;left:auto}.g-hero-portrait .art-chat.a{width:84%;align-self:flex-start;margin-top:-24px}.g-hero-portrait .art-chat.b{width:88%;align-self:flex-end;margin-top:-8px}.g-hero-portrait .art-chat-meta b{font-size:12px}.g-hero-portrait .art-chat-meta span{font-size:10px}.g-hero-portrait .art-chat-msg{font-size:12.5px}.g-hero-portrait .art-chat-msg time{font-size:9px}.g-hero-portrait .art-chat-react{font-size:10px}}}