@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%);--lavender-tint: var(--raw-lavender-pale);--danger-deep: var(--raw-danger-deep);--danger: var(--raw-danger);--danger-light: var(--raw-danger-light);--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}}@layer components{.g-hero-portrait{position:relative;overflow:hidden}.g-hero-portrait .hero-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center;padding-top:48px;padding-bottom:64px}@media (min-width: 960px){.g-hero-portrait .hero-grid{grid-template-columns:1.02fr .98fr}}.g-hero-portrait h1{font-size:var(--type-display);font-weight:800;letter-spacing:-.035em;line-height:1.05}.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:22px 0 30px;max-width:540px;line-height:1.6}.g-hero-portrait .hero-cta{display:flex;flex-wrap:wrap;gap:12px}.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:15px 16px 13px;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:9px}.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:800;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:800;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:800;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:800;color:var(--color-brand-content);letter-spacing:-.03em;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 .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 .hero-grid{gap:30px;padding-top:34px;padding-bottom:44px}.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)}}}