@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,300..900;1,400..700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--leaf:#7F56D9;--leaf-hero:#7F56D9;--eerie-black:#171717;--flamingo:var(--leaf);--flamingo-hero:var(--leaf-hero);--leaf-50:#F9F5FF;--leaf-100:#F4EBFF;--leaf-200:#E9D7FE;--leaf-300:#D6BBFB;--leaf-400:#B692F6;--leaf-500:#9E77ED;--leaf-600:#7F56D9;--leaf-700:#6941C6;--leaf-800:#53389E;--leaf-900:#42307D;--leaf-950:#2C1C5F;--pink-50:var(--leaf-50);--pink-100:var(--leaf-100);--pink-200:var(--leaf-200);--pink-300:var(--leaf-300);--pink-400:var(--leaf-400);--pink-500:var(--leaf-500);--pink-600:var(--leaf-600);--pink-700:var(--leaf-700);--pink-800:var(--leaf-800);--pink-900:var(--leaf-900);--pink-950:var(--leaf-950);--ink-950:#0A0A0A;--ink-900:#171717;--ink-800:#262626;--grey-700:#404040;--grey-600:#525252;--grey-500:#737373;--grey-400:#A3A3A3;--grey-300:#D4D4D4;--grey-200:#E5E5E5;--grey-150:#EFEDF1;--grey-100:#F5F5F5;--grey-50:#FAFAFA;--white:#FFFFFF;--gradient-brand:linear-gradient(90deg,#7F56D9,#9E77ED);--gradient-brand-angled:linear-gradient(45deg,#6941C6,#7F56D9);--gradient-brand-hero:linear-gradient(45deg,#53389E,#7F56D9);--gradient-brand-deep:linear-gradient(45deg,#42307D,#7F56D9);--gradient-brand-light:linear-gradient(135deg,#F4EBFF,#E9D7FE);--blue-100:#DBEAFE;--blue-700:#1D4ED8;--green-100:#DCFCE7;--green-600:#16A34A;--green-500:#22C55E;--amber-100:#FEF9C3;--amber-700:#A16207;--red-600:#DC2626;--info-bg:#F9F5FF;--star:#171717;--bg:#FFFFFF;--bg-subtle:#F5F5F5;--bg-hero:var(--flamingo-hero);--fg:#404040;--fg-muted:#525252;--fg-subtle:#737373;--border:#E5E5E5;--border-strong:#D4D4D4;--border-primary:var(--ds-border-border-primary);--border-secondary:var(--ds-border-border-secondary);--border-brand:var(--ds-border-border-brand);--text-primary:var(--ds-text-text-primary-900);--text-secondary:var(--ds-text-text-secondary-700);--text-tertiary:var(--ds-text-text-tertiary-600);--text-placeholder:var(--ds-text-text-placeholder);--bg-brand-solid:var(--ds-background-bg-brand-solid);--bg-brand-solid-hover:var(--ds-background-bg-brand-solid_hover);--bg-primary-hover:var(--ds-background-bg-primary_hover);--focus-ring:#9E77ED;--focus-ring-error:var(--ds-component-colors-utility-red-utility-red-500);--error-100:var(--ds-component-colors-utility-red-utility-red-100);--error-600:var(--ds-component-colors-utility-red-utility-red-600);--warning-100:var(--ds-component-colors-utility-yellow-utility-yellow-100);--warning-600:var(--ds-component-colors-utility-yellow-utility-yellow-600);--success-100:var(--ds-component-colors-utility-green-utility-green-100);--success-600:var(--ds-component-colors-utility-green-utility-green-600);--primary:var(--ink-900);--primary-fg:var(--white);--accent:var(--flamingo);--accent-fg:var(--white);--on-leaf:var(--white);--on-white:var(--leaf);--on-black:var(--white);--on-white-muted:var(--grey-600);--ds-text-text-primary-900:#171717;--ds-text-text-tertiary-600:#525252;--ds-border-border-secondary:#E5E5E5;--ds-text-text-error-primary-600:#DC2626;--ds-border-border-error_subtle:#FCA5A5;--ds-background-bg-primary:#FFFFFF;--ds-background-bg-tertiary:#F5F5F5;--ds-foreground-fg-secondary-700:#404040;--ds-background-bg-brand-primary:#F9F5FF;--ds-background-bg-error-secondary:#FEE2E2;--ds-background-bg-warning-primary:#FEFCE8;--ds-background-bg-warning-secondary:#FEF9C3;--ds-background-bg-success-primary:#F0FDF4;--ds-background-bg-success-secondary:#DCFCE7;--ds-foreground-fg-warning-primary:#CA8A04;--ds-foreground-fg-success-primary:#16A34A;--ds-border-border-primary:#D4D4D4;--ds-text-text-warning-primary-600:#CA8A04;--ds-text-text-success-primary-600:#16A34A;--ds-foreground-fg-white:#FFFFFF;--ds-text-text-white:#FFFFFF;--ds-background-bg-brand-solid:#7F56D9;--ds-background-bg-secondary-solid:#525252;--ds-background-bg-error-solid:#DC2626;--ds-background-bg-warning-solid:#CA8A04;--ds-background-bg-success-solid:#16A34A;--ds-foreground-fg-success-secondary:#22C55E;--ds-text-text-secondary-700:#404040;--ds-background-bg-secondary_hover:#F5F5F5;--ds-foreground-fg-secondary_hover:#262626;--ds-background-bg-primary_hover:#FAFAFA;--ds-foreground-fg-primary-900:#171717;--ds-text-text-secondary_hover:#262626;--ds-text-text-tertiary_hover:#404040;--ds-background-bg-active:#EF4444;--ds-background-bg-brand-solid_hover:#6941C6;--ds-border-border-brand:#9E77ED;--ds-border-border-error:#EF4444;--ds-background-bg-error-primary:#FEF2F2;--ds-foreground-fg-quaternary-500:#737373;--ds-foreground-fg-brand-secondary-500:#9E77ED;--ds-background-bg-brand-secondary:#F4EBFF;--ds-foreground-fg-brand-primary-600:#7F56D9;--ds-foreground-fg-quaternary-400:#A3A3A3;--ds-foreground-fg-quaternary_hover:#737373;--ds-foreground-fg-error-primary:#DC2626;--ds-background-bg-secondary:#FAFAFA;--ds-text-text-brand-secondary-700:#6941C6;--ds-component-colors-utility-blue-utility-blue-600:#2563EB;--ds-component-colors-components-tooltips-tooltip-light-text-primary:#404040;--ds-component-colors-components-tooltips-tooltip-supporting-text:#D4D4D4;--ds-background-bg-quaternary:#E5E5E5;--ds-component-colors-components-buttons-primary-button-primary-bg:#7F56D9;--ds-component-colors-components-buttons-secondary-button-secondary-bg:#FFFFFF;--ds-component-colors-components-buttons-primary-button-primary-fg:#FFFFFF;--ds-component-colors-components-buttons-primary-button-primary-border:#FFFFFF;--ds-component-colors-components-buttons-secondary-button-secondary-fg:#404040;--ds-component-colors-components-buttons-secondary-button-secondary-border:#D4D4D4;--ds-component-colors-utility-brand-utility-brand-600:#7F56D9;--ds-component-colors-utility-neutral-utility-neutral-700:#404040;--ds-component-colors-utility-red-utility-red-600:#DC2626;--ds-component-colors-utility-yellow-utility-yellow-600:#CA8A04;--ds-component-colors-utility-green-utility-green-600:#16A34A;--ds-component-colors-utility-orange-utility-orange-600:#EA580C;--ds-component-colors-utility-indigo-utility-indigo-600:#4F46E5;--ds-component-colors-utility-fuchsia-utility-fuchsia-600:#C026D3;--ds-component-colors-utility-pink-utility-pink-600:#DB2777;--ds-component-colors-utility-purple-utility-purple-600:#9333EA;--ds-component-colors-utility-sky-utility-sky-600:#0284C7;--ds-component-colors-utility-neutral-utility-neutral-600:#525252;--ds-component-colors-utility-brand-utility-brand-700:#6941C6;--ds-component-colors-utility-red-utility-red-700:#B91C1C;--ds-component-colors-utility-yellow-utility-yellow-700:#A16207;--ds-component-colors-utility-green-utility-green-700:#15803D;--ds-component-colors-utility-indigo-utility-indigo-700:#4338CA;--ds-component-colors-utility-purple-utility-purple-700:#7E22CE;--ds-component-colors-utility-fuchsia-utility-fuchsia-700:#A21CAF;--ds-component-colors-utility-pink-utility-pink-700:#BE185D;--ds-component-colors-utility-orange-utility-orange-700:#C2410C;--ds-component-colors-utility-blue-utility-blue-700:#1D4ED8;--ds-component-colors-utility-sky-utility-sky-700:#0369A1;--ds-component-colors-utility-slate-utility-slate-600:#475569;--ds-component-colors-utility-slate-utility-slate-700:#334155;--ds-component-colors-utility-neutral-utility-neutral-500:#737373;--ds-component-colors-utility-brand-utility-brand-500:#9E77ED;--ds-component-colors-utility-red-utility-red-500:#EF4444;--ds-component-colors-utility-yellow-utility-yellow-500:#EAB308;--ds-component-colors-utility-green-utility-green-500:#22C55E;--ds-component-colors-utility-slate-utility-slate-500:#64748B;--ds-component-colors-utility-sky-utility-sky-500:#0EA5E9;--ds-component-colors-utility-blue-utility-blue-500:#3B82F6;--ds-component-colors-utility-indigo-utility-indigo-500:#6366F1;--ds-component-colors-utility-purple-utility-purple-500:#A855F7;--ds-component-colors-utility-fuchsia-utility-fuchsia-500:#D946EF;--ds-component-colors-utility-pink-utility-pink-500:#EC4899;--ds-component-colors-utility-orange-utility-orange-500:#F97316;--ds-component-colors-utility-neutral-utility-neutral-200:#E5E5E5;--ds-component-colors-utility-brand-utility-brand-200:#E9D7FE;--ds-component-colors-utility-red-utility-red-200:#FECACA;--ds-component-colors-utility-yellow-utility-yellow-200:#FEF08A;--ds-component-colors-utility-green-utility-green-200:#BBF7D0;--ds-component-colors-utility-slate-utility-slate-200:#E2E8F0;--ds-component-colors-utility-sky-utility-sky-200:#BAE6FD;--ds-component-colors-utility-blue-utility-blue-200:#BFDBFE;--ds-component-colors-utility-indigo-utility-indigo-200:#C7D2FE;--ds-component-colors-utility-purple-utility-purple-200:#E9D5FF;--ds-component-colors-utility-fuchsia-utility-fuchsia-200:#F5D0FE;--ds-component-colors-utility-pink-utility-pink-200:#FBCFE8;--ds-component-colors-utility-orange-utility-orange-200:#FED7AA;--ds-component-colors-utility-neutral-utility-neutral-50:#FAFAFA;--ds-component-colors-utility-brand-utility-brand-50:#F9F5FF;--ds-component-colors-utility-red-utility-red-50:#FEF2F2;--ds-component-colors-utility-yellow-utility-yellow-50:#FEFCE8;--ds-component-colors-utility-green-utility-green-50:#F0FDF4;--ds-component-colors-utility-slate-utility-slate-50:#F8FAFC;--ds-component-colors-utility-sky-utility-sky-50:#F0F9FF;--ds-component-colors-utility-blue-utility-blue-50:#EFF6FF;--ds-component-colors-utility-indigo-utility-indigo-50:#EEF2FF;--ds-component-colors-utility-purple-utility-purple-50:#FAF5FF;--ds-component-colors-utility-fuchsia-utility-fuchsia-50:#FDF4FF;--ds-component-colors-utility-pink-utility-pink-50:#FDF2F8;--ds-component-colors-utility-orange-utility-orange-50:#FFF7ED;--ds-component-colors-utility-neutral-utility-neutral-100:#F5F5F5;--ds-component-colors-utility-brand-utility-brand-100:#F4EBFF;--ds-component-colors-utility-red-utility-red-100:#FEE2E2;--ds-component-colors-utility-yellow-utility-yellow-100:#FEF9C3;--ds-component-colors-utility-green-utility-green-100:#DCFCE7;--ds-component-colors-utility-slate-utility-slate-100:#F1F5F9;--ds-component-colors-utility-sky-utility-sky-100:#E0F2FE;--ds-component-colors-utility-blue-utility-blue-100:#DBEAFE;--ds-component-colors-utility-indigo-utility-indigo-100:#E0E7FF;--ds-component-colors-utility-purple-utility-purple-100:#F3E8FF;--ds-component-colors-utility-fuchsia-utility-fuchsia-100:#FAE8FF;--ds-component-colors-utility-pink-utility-pink-100:#FCE7F3;--ds-component-colors-utility-orange-utility-orange-100:#FFEDD5;--ds-component-colors-utility-neutral-utility-neutral-400:#A3A3A3;--ds-component-colors-utility-brand-utility-brand-400:#B692F6;--ds-component-colors-utility-red-utility-red-400:#F87171;--ds-component-colors-utility-yellow-utility-yellow-400:#FACC15;--ds-component-colors-utility-green-utility-green-400:#4ADE80;--ds-component-colors-utility-slate-utility-slate-400:#94A3B8;--ds-component-colors-utility-sky-utility-sky-400:#38BDF8;--ds-component-colors-utility-blue-utility-blue-400:#60A5FA;--ds-component-colors-utility-indigo-utility-indigo-400:#818CF8;--ds-component-colors-utility-purple-utility-purple-400:#C084FC;--ds-component-colors-utility-fuchsia-utility-fuchsia-400:#E879F9;--ds-component-colors-utility-pink-utility-pink-400:#F472B6;--ds-component-colors-utility-orange-utility-orange-400:#FB923C;--ds-foreground-fg-warning-secondary:#EAB308;--ds-foreground-fg-error-secondary:#EF4444;--ds-text-text-placeholder:#737373;--ds-text-text-brand-tertiary-600:#7F56D9;--ds-component-colors-components-buttons-primary-error-button-primary-error-border:#DC2626;--ds-component-colors-components-buttons-primary-error-button-primary-error-border_hover:#B91C1C;--ds-component-colors-components-text-editor-text-editor-icon-fg:#A3A3A3;--ds-component-colors-components-text-editor-text-editor-icon-fg_active:#737373;--ds-component-colors-components-avatars-avatar-contrast-border:#000000;--ds-component-colors-components-avatars-avatar-bg:#F5F5F5;--ds-background-bg-primary_alt:#FFFFFF;--ds-foreground-fg-tertiary-600:#525252;--ds-foreground-fg-tertiary_hover:#404040;--ds-component-colors-components-buttons-tertiary-button-tertiary-fg:#525252;--ds-component-colors-components-buttons-tertiary-color-button-tertiary-color-fg:#6941C6;--ds-component-colors-components-buttons-tertiary-error-button-tertiary-error-fg:#B91C1C;--ds-background-bg-brand-primary_alt:#F9F5FF;--ds-foreground-fg-brand-primary_alt:#7F56D9;--ds-background-bg-secondary_alt:#FAFAFA;--ds-component-colors-alpha-alpha-white-90:#FFFFFF;--ds-component-colors-alpha-alpha-white-80:#FFFFFF;--ds-component-colors-alpha-alpha-white-70:#FFFFFF;--ds-component-colors-alpha-alpha-white-60:#FFFFFF;--ds-component-colors-alpha-alpha-white-50:#FFFFFF;--ds-component-colors-alpha-alpha-white-40:#FFFFFF;--ds-component-colors-alpha-alpha-white-30:#FFFFFF;--ds-component-colors-alpha-alpha-white-20:#FFFFFF;--ds-component-colors-alpha-alpha-white-10:#FFFFFF;--ds-component-colors-alpha-alpha-black-10:#000000;--ds-component-colors-alpha-alpha-black-20:#000000;--ds-component-colors-alpha-alpha-black-30:#000000;--ds-component-colors-alpha-alpha-black-40:#000000;--ds-component-colors-alpha-alpha-black-50:#000000;--ds-component-colors-alpha-alpha-black-60:#000000;--ds-component-colors-alpha-alpha-black-70:#000000;--ds-component-colors-alpha-alpha-black-80:#000000;--ds-component-colors-alpha-alpha-black-90:#000000;--ds-text-text-quaternary-500:#737373;--ds-component-colors-components-icons-featured-icons-featured-icon-light-fg-brand:#7F56D9;--ds-component-colors-components-icons-featured-icons-featured-icon-light-fg-gray:#737373;--ds-component-colors-components-icons-featured-icons-featured-icon-light-fg-error:#DC2626;--ds-component-colors-components-icons-featured-icons-featured-icon-light-fg-warning:#CA8A04;--ds-component-colors-components-icons-featured-icons-featured-icon-light-fg-success:#16A34A;--ds-component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-brand:#FFFFFF;--ds-background-bg-overlay:#0A0A0A;--ds-component-colors-utility-brand-utility-brand-50_alt:#F9F5FF;--ds-component-colors-utility-brand-utility-brand-100_alt:#F4EBFF;--ds-component-colors-utility-brand-utility-brand-200_alt:#E9D7FE;--ds-component-colors-utility-brand-utility-brand-400_alt:#B692F6;--ds-component-colors-utility-brand-utility-brand-500_alt:#9E77ED;--ds-component-colors-utility-brand-utility-brand-600_alt:#7F56D9;--ds-component-colors-utility-brand-utility-brand-700_alt:#6941C6;--ds-component-colors-components-sliders-slider-handle-border:#7F56D9;--ds-component-colors-components-sliders-slider-handle-bg:#FFFFFF;--ds-component-colors-utility-brand-utility-brand-300:#D6BBFB;--ds-component-colors-utility-neutral-utility-neutral-300:#D4D4D4;--ds-component-colors-alpha-alpha-black-100:#000000;--ds-component-colors-alpha-alpha-white-100:#FFFFFF;--ds-component-colors-utility-brand-utility-brand-900:#42307D;--ds-component-colors-utility-neutral-utility-neutral-900:#171717;--ds-component-colors-components-header-sections-brand-header-header-brand-text-secondary:#E9D7FE;--ds-component-colors-utility-brand-utility-brand-800:#53389E;--ds-component-colors-utility-neutral-utility-neutral-800:#262626;--ds-border-border-tertiary:#F5F5F5;--ds-component-colors-components-mockups-screen-mockup-border:#171717;--ds-text-text-brand-primary-900:#42307D;--ds-background-bg-brand-section:#53389E;--ds-text-text-primary_on-brand:#FFFFFF;--ds-text-text-secondary_on-brand:#E9D7FE;--ds-text-text-tertiary_on-brand:#E9D7FE;--ds-component-colors-components-icons-icons-icon-fg-brand:#7F56D9;--ds-component-colors-components-icons-icons-icon-fg-brand_on-brand:#E9D7FE;--ds-background-bg-brand-section_subtle:#6941C6;--ds-component-colors-components-footers-footer-button-fg:#E9D7FE;--ds-component-colors-components-footers-footer-button-fg_hover:#FFFFFF;--ds-component-colors-components-app-store-badges-app-store-badge-border:#A6A6A6;--ds-text-text-quaternary_on-brand:#D6BBFB;--ds-text-text-brand-tertiary_alt:#7F56D9;--ds-background-bg-primary-solid:#0A0A0A;--ds-component-colors-components-thumbnail-thumbnail-badge-success-fg:#15803D;--ds-component-colors-utility-brand-utility-brand-300_alt:#D6BBFB;--ds-component-colors-utility-brand-utility-brand-800_alt:#53389E;--ds-component-colors-utility-brand-utility-brand-900_alt:#42307D;--ds-component-colors-utility-red-utility-red-300:#FCA5A5;--ds-component-colors-utility-yellow-utility-yellow-300:#FDE047;--ds-component-colors-utility-green-utility-green-300:#86EFAC;--ds-component-colors-utility-slate-utility-slate-300:#CBD5E1;--ds-component-colors-utility-sky-utility-sky-300:#7DD3FC;--ds-component-colors-utility-blue-utility-blue-300:#93C5FD;--ds-component-colors-utility-indigo-utility-indigo-300:#A5B4FC;--ds-component-colors-utility-purple-utility-purple-300:#D8B4FE;--ds-component-colors-utility-fuchsia-utility-fuchsia-300:#F0ABFC;--ds-component-colors-utility-pink-utility-pink-300:#F9A8D4;--ds-component-colors-utility-orange-utility-orange-300:#FDBA74;--ds-component-colors-components-avatars-avatar-styles-bg-neutral:#E0E0E0;--ds-component-colors-components-buttons-primary-button-primary-inner-shadow:#000000;--ds-border-border-brand_alt:#7F56D9;--ds-component-colors-components-toggles-toggle-border:#D4D4D4;--ds-component-colors-components-toggles-toggle-slim-border_pressed:#7F56D9;--ds-component-colors-components-toggles-toggle-slim-border_pressed-hover:#6941C6;--ds-component-colors-utility-emerald-utility-emerald-50:#ECFDF5;--ds-component-colors-utility-emerald-utility-emerald-100:#D1FAE5;--ds-component-colors-utility-emerald-utility-emerald-200:#A7F3D0;--ds-component-colors-utility-emerald-utility-emerald-300:#6EE7B7;--ds-component-colors-utility-emerald-utility-emerald-400:#34D399;--ds-component-colors-utility-emerald-utility-emerald-500:#10B981;--ds-component-colors-utility-emerald-utility-emerald-600:#059669;--ds-component-colors-utility-emerald-utility-emerald-700:#047857;--ds-component-colors-utility-amber-utility-amber-50:#FFFBEB;--ds-component-colors-utility-amber-utility-amber-100:#FEF3C7;--ds-component-colors-utility-amber-utility-amber-200:#FDE68A;--ds-component-colors-utility-amber-utility-amber-300:#FCD34D;--ds-component-colors-utility-amber-utility-amber-400:#FBBF24;--ds-component-colors-utility-amber-utility-amber-500:#F59E0B;--ds-component-colors-utility-amber-utility-amber-600:#D97706;--ds-component-colors-utility-amber-utility-amber-700:#B45309;--ds-border-border-secondary_alt:#000000;--ds-foreground-fg-brand-secondary_alt:#9E77ED;--ds-text-text-brand-secondary_hover:#53389E;--ds-text-text-error-primary_hover:#B91C1C;--ds-foreground-fg-brand-secondary_hover:#7F56D9;--ds-background-bg-error-solid_hover:#B91C1C;--font-display:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-sans:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--text-hero:clamp(2.75rem,1.6rem + 4.6vw,4.5rem);--text-d1:clamp(2.25rem,1.4rem + 3.2vw,3.25rem);--text-h1:2.25rem;--text-h2:1.75rem;--text-h3:1.375rem;--text-h4:1.125rem;--text-lg:1.0625rem;--text-base:1rem;--text-sm:0.875rem;--text-xs:0.75rem;--w-regular:400;--w-medium:500;--w-semi:600;--w-bold:700;--w-extra:800;--w-black:900;--lh-tight:1.05;--lh-snug:1.15;--lh-heading:1.2;--lh-body:1.5;--track-tight:-0.02em;--track-snug:-0.01em;--track-wide:0.04em;--radius-none:0px;--radius-xxs:2px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-xl:12px;--radius-2xl:16px;--radius-4xl:24px;--radius-pill:999px;--radius-full:9999px;--radius-lg:10px;--radius-3xl:20px;--shadow-xs:0px 1px 2px 0px rgba(0,0,0,0.05);--shadow-sm:0px 1px 2px -1px rgba(0,0,0,0.1),0px 1px 3px 0px rgba(0,0,0,0.1);--shadow-md:0px 2px 4px -2px rgba(0,0,0,0.06),0px 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0px 2px 2px -1px rgba(0,0,0,0.04),0px 4px 6px -2px rgba(0,0,0,0.03),0px 12px 16px -4px rgba(0,0,0,0.08);--shadow-xl:0px 3px 3px -1.5px rgba(0,0,0,0.04),0px 8px 8px -4px rgba(0,0,0,0.03),0px 20px 24px -4px rgba(0,0,0,0.08);--shadow-2xl:0px 4px 4px -2px rgba(0,0,0,0.04),0px 24px 48px -12px rgba(0,0,0,0.18);--shadow-3xl:0px 5px 5px -2.5px rgba(0,0,0,0.04),0px 32px 64px -12px rgba(0,0,0,0.14);--shadow-pop:var(--shadow-xl);--shadow-focus:0 0 0 4px var(--focus-ring),0 1px 2px 0 rgba(0,0,0,0.05);--space-0:0px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-1-5:6px}.ds-body{font-family:var(--font-sans);color:var(--fg);font-size:var(--text-base);line-height:var(--lh-body);font-weight:var(--w-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ds-hero{font-size:var(--text-hero);font-weight:var(--w-black);line-height:var(--lh-tight)}.ds-d1,.ds-hero{font-family:var(--font-display);letter-spacing:var(--track-tight)}.ds-d1{font-size:var(--text-d1);font-weight:var(--w-extra);line-height:var(--lh-snug)}.ds-h1,h1{font-size:var(--text-h1);font-weight:var(--w-extra)}.ds-h1,.ds-h2,h1,h2{font-family:var(--font-display);line-height:var(--lh-heading);letter-spacing:var(--track-snug)}.ds-h2,h2{font-size:var(--text-h2);font-weight:var(--w-bold)}.ds-h3,h3{font-size:var(--text-h3)}.ds-h3,.ds-h4,h3,h4{font-family:var(--font-display);font-weight:var(--w-bold);line-height:var(--lh-heading)}.ds-h4,h4{font-size:var(--text-h4)}.ds-lead{font-size:var(--text-lg);color:var(--fg-muted)}.ds-lead,.ds-p{line-height:var(--lh-body)}.ds-p{font-size:var(--text-base)}.ds-small{font-size:var(--text-sm);line-height:1.45}.ds-xs{line-height:1.4}.ds-eyebrow,.ds-xs{font-size:var(--text-xs)}.ds-eyebrow{font-weight:var(--w-bold);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--fg-muted)}.ds-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.surface-white{background:var(--white);color:var(--on-white)}.surface-white .ds-lead,.surface-white .text-muted{color:var(--on-white-muted)}.surface-leaf{background:var(--leaf);color:var(--on-leaf)}.surface-leaf .text-muted{color:rgba(255,255,255,.85)}.surface-black{background:var(--ink-900);color:var(--on-black)}.surface-black .text-muted{color:rgba(255,255,255,.75)}.text-on-leaf{color:var(--on-leaf)}.text-on-white{color:var(--on-white)}.text-on-black{color:var(--on-black)}.bg-on-leaf{background-color:var(--on-leaf)}.bg-on-white{background-color:var(--on-white)}.bg-on-black{background-color:var(--on-black)}*{box-sizing:border-box}body,html{margin:0}body{font-family:var(--font-sans);color:var(--fg);background:var(--white);-webkit-font-smoothing:antialiased}.app-root{min-height:100vh}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.btn{font-family:var(--font-sans);font-weight:600;font-size:14px;line-height:1;border-radius:var(--radius-md);padding:10px 16px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .08s ease}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn--black{background:var(--ink-900);color:#fff}.btn--black:hover{background:var(--grey-700)}.btn--pink{background:var(--bg-brand-solid);color:var(--accent-fg)}.btn--pink:hover{background:var(--bg-brand-solid-hover);color:var(--accent-fg)}.btn--pink:active{background:var(--leaf-800);color:var(--accent-fg)}.btn--sec{background:#fff;color:var(--text-secondary);border-color:var(--border-primary)}.btn--sec:hover{background:var(--bg-primary-hover);color:var(--text-primary)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--bg-primary-hover);color:var(--text-primary)}.btn--sm{padding:8px 14px;font-size:14px;border-radius:var(--radius-md)}.btn--lg{padding:10px 18px;font-size:16px}.btn--full{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed}.chip{font-family:var(--font-sans);font-size:14px;font-weight:600;background:#fff;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:8px 14px;display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;white-space:nowrap}.chip:hover{border-color:var(--grey-400);background:var(--bg-primary-hover)}.chip.is-active{background:var(--bg-brand-solid);border-color:var(--bg-brand-solid);color:var(--accent-fg);box-shadow:none}.chip .ct{background:var(--leaf);color:var(--on-leaf);border-radius:999px;font-size:11px;padding:1px 6px;font-weight:700}.badge{font-family:var(--font-sans);font-size:12px;font-weight:600;border-radius:var(--radius-pill);padding:3px 10px;white-space:nowrap}.badge--blue{background:var(--blue-100);color:var(--blue-700)}.badge--pink{background:var(--pink-100);color:var(--leaf-700)}.badge--error{background:var(--error-100);color:var(--error-600)}.badge--warning{background:var(--warning-100);color:var(--warning-600)}.badge--grey{background:var(--grey-100);color:var(--grey-700)}.badge--green{background:var(--green-100);color:var(--green-600)}.avatar{background:linear-gradient(135deg,var(--grey-200),var(--grey-150));color:var(--grey-400);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none;font-weight:800;font-family:var(--font-display)}.avatar img{width:100%;height:100%;object-fit:cover}.online{width:11px;height:11px;border-radius:999px;background:var(--green-500);border:2px solid #fff}.i{display:inline-flex}.i svg{width:1em;height:1em;stroke-width:1.9}.field{border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:8px 14px;background:#fff;cursor:pointer}.field:focus-within{border-color:var(--focus-ring);box-shadow:var(--shadow-focus)}.field .cap{font-size:12px;color:var(--grey-500)}.field .val{font-size:15px;font-weight:600;color:var(--ink-800);justify-content:space-between;gap:6px}.field .val,.searchpill{display:flex;align-items:center}.searchpill{gap:10px;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-placeholder);font-size:14px;background:#fff}.card{background:#fff;border:1px solid var(--border-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.ribbon{background:var(--ink-900);color:#fff;font-size:13px;text-align:center;padding:8px 12px}.ribbon a{color:#fff;text-decoration:underline;font-weight:600}.nav{gap:26px;padding:14px 0}.nav,.nav .links{display:flex;align-items:center}.nav .links{gap:22px}.nav .links a{color:var(--ink-800);font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;white-space:nowrap}.nav .links a:hover{color:var(--on-white)}.nav .right{margin-left:auto;gap:16px}.logo,.nav .right{display:flex;align-items:center}.logo{gap:8px;cursor:pointer}.logo .wm{font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-.02em;color:var(--ink-900)}.iconbtn{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--ink-800);cursor:pointer;font-size:20px}.iconbtn:hover{background:var(--grey-100)}.hero{background:var(--flamingo-hero);color:var(--on-leaf)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:56px 0 64px}.hero h1{font-family:var(--font-display);font-weight:900;font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.025em;color:var(--on-leaf);margin:0 0 28px}.hero-photos{position:relative;height:340px}.hero-photos .ph{position:absolute;border-radius:var(--radius-lg);background:var(--gradient-brand-light);border:4px solid #fff;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;color:var(--leaf-400)}.stats{display:flex;gap:48px;flex-wrap:wrap;padding:26px 0}.stat .n{font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--ink-900)}.stat .l{font-size:13px;color:var(--grey-600)}.langs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:8px}.lang{display:flex;align-items:center;justify-content:space-between;padding:16px 18px}.lang .nm{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ink-800)}.lang .ct{font-size:13px;color:var(--grey-500)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step .num{width:34px;height:34px;border-radius:999px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--font-display);margin-bottom:14px}.footer,.step .num{background:var(--ink-900)}.footer{color:var(--on-black);padding:40px 0;font-size:14px}.footer .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.footer h4{color:#fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}.footer a{color:rgba(255,255,255,.75);text-decoration:none;display:block;padding:4px 0;cursor:pointer}.footer a:hover{color:var(--on-black)}.mp{background:#fff}.mp-head{font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--ink-800);margin:22px 0 18px}.filterbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding-bottom:16px}.tutor{display:flex;gap:18px;padding:20px;margin-bottom:16px}.tutor .bio{font-size:14px;color:var(--ink-800);line-height:1.5;margin:8px 0 0}.tutor .name{font-family:var(--font-display);font-weight:800;font-size:19px;color:var(--ink-800);gap:7px;white-space:nowrap}.tutor .meta,.tutor .name{display:flex;align-items:center}.tutor .meta{font-size:13.5px;color:var(--grey-600);gap:6px;margin-top:2px}.tutor .right{margin-left:auto;flex:none;width:200px;display:flex;flex-direction:column;align-items:stretch;gap:9px}.tutor .price{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--ink-800);text-align:right}.tutor .per{font-size:12px;color:var(--grey-500);text-align:right;margin-top:-2px}.ratemini{display:flex;gap:14px;font-size:13px;color:var(--grey-700);margin-top:6px}.ratemini b{color:var(--ink-800)}.heart{margin-left:auto;color:var(--grey-400);cursor:pointer;font-size:20px}.scrim{position:fixed;inset:0;background:rgba(10,10,10,.7);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.modal{background:#fff;border-radius:var(--radius-2xl,16px);box-shadow:var(--shadow-pop);width:480px;max-width:100%;max-height:90vh;overflow:auto}.modal-head{display:flex;align-items:flex-start;gap:12px;padding:24px 24px 20px;position:relative}.modal-head .modal-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:0;border-radius:8px;background:transparent;cursor:pointer;color:var(--grey-600)}.modal-head .modal-close:hover,.seg{background:var(--grey-100)}.seg{display:flex;border-radius:var(--radius-pill);padding:4px;gap:4px}.seg button{flex:1;border:0;background:transparent;border-radius:999px;padding:9px 14px;font-weight:700;font-size:14px;color:var(--grey-600);cursor:pointer}.seg button.on{background:#fff;color:var(--ink-900);box-shadow:var(--shadow-xs)}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{border:1px solid var(--grey-300);border-radius:var(--radius-md);padding:11px;text-align:center;font-weight:600;font-size:14px;cursor:pointer;background:#fff}.slot.on,.slot:hover{border-color:var(--ink-900)}.slot.on{box-shadow:inset 0 0 0 1px var(--ink-900)}.daypick{display:flex;gap:6px}.day{flex:1;text-align:center;padding:8px 0;border-radius:var(--radius-md);cursor:pointer;font-size:13px}.day .d{font-weight:800;font-family:var(--font-display)}.day.on{background:var(--pink-100);color:var(--pink-700)}.popover{position:fixed;right:24px;bottom:24px;width:360px;background:#fff;border:1px solid var(--grey-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);z-index:50;overflow:hidden}.pop-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--grey-150)}.bubble{max-width:78%;padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.4}.bubble.them{background:var(--grey-100);color:var(--ink-800);border-bottom-left-radius:5px}.bubble.me{background:var(--flamingo);color:var(--on-leaf);border-bottom-right-radius:5px;margin-left:auto}.profile-grid{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start;padding:28px 0 60px}.video{aspect-ratio:16/10;border-radius:var(--radius-lg);background:linear-gradient(135deg,#3a3540,#1d1a22);position:relative;overflow:hidden}.playbtn,.video{display:flex;align-items:center;justify-content:center}.playbtn{width:58px;height:58px;border-radius:999px;background:var(--flamingo);color:#fff;font-size:24px;box-shadow:var(--shadow-md)}.rail{position:sticky;top:18px;padding:18px}.rail-stats{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--grey-150);margin-bottom:14px}.rail-stats .n{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--ink-800)}.rail-stats .l{font-size:11px;color:var(--grey-500)}.note{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--grey-600)}.note,.sched{margin-top:14px}.sched{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.sched .hd{text-align:center;font-size:12px;color:var(--grey-500);padding-bottom:6px}.sched .tm{text-align:center;font-size:13px;color:var(--ink-800);text-decoration:underline;cursor:pointer;padding:4px 0}.divider{height:1px;background:var(--grey-150);margin:22px 0}.section-title{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--ink-800);margin:0 0 10px}.infobanner{display:flex;gap:8px;align-items:center;background:var(--info-bg);border-radius:var(--radius-md);padding:12px 14px;font-size:13.5px;color:var(--blue-700)}