*,*:before,*:after{-webkit-tap-highlight-color:transparent;box-sizing:border-box;outline-color:transparent;margin:0;padding:0}:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul[role=list],ol[role=list]{list-style:none}html{scroll-padding-block-start:5rem}html,html:focus-within{scroll-behavior:smooth}body{min-block-size:100vh;inline-size:100%;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}a:focus,a:visited,a:active{outline-color:transparent}img,picture{max-inline-size:100%;block-size:auto;display:block}input,button,textarea,select,a{-webkit-tap-highlight-color:transparent;font:inherit;outline:transparent}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-white: hsla(0, 0%, 100%);--color-off-white: hsla(300, 5%, 96%, 1);--color-black: hsla(0, 0%, 7%);--color-gray: hsla(0, 0%, 62%);--color-yellow-100: hsla(31, 56%, 93%);--color-yellow-200: hsla(36, 88%, 90%, 1);--color-yellow-300: hsla(35, 100%, 82%, 1);--color-yellow-500: hsla(39, 100%, 71%);--color-purple-100: hsla(241, 88%, 92%);--color-purple-500: hsla(256, 67%, 59%);--color-green-100: hsl(144, 100%, 93%);--color-green-500: hsl(144, 80%, 28%);--color-red-100: hsla(0, 100%, 96%, 1);--shadow-lg: -.6113rem .7336rem 1.5284rem 0 hsla(285, 65%, 29%, .05);--font-size-xs: .5rem;--font-size-sm: .75rem;--font-size-md: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.625rem;--font-size-4xl: 1.75rem;--font-size-5xl: 2rem;--font-size-6xl: 2.125rem;--font-size-7xl: 2.25rem;--font-size-8xl: 2.375rem;--font-size-9xl: 2.5rem;--font-size-10xl: 2.875rem;--font-size-11xl: 3rem;--font-size-12xl: 3.375rem;--font-size-13xl: 3.5rem;--font-size-14xl: 3.875rem;--leading-tight: .9;--leading-snug: 1.1;--leading-normal: 1.5;--tracking-none: 0px;--tracking-tighter: -.0975rem;--tracking-tightest: -.125rem;--tracking-crunched: -.1875rem;--spacing-25: .125rem;--spacing-50: .25rem;--spacing-100: .5rem;--spacing-150: .75rem;--spacing-200: 1rem;--spacing-300: 1.5rem;--spacing-400: 2rem;--spacing-500: 2.5rem;--spacing-550: 3rem;--spacing-600: 4rem;--spacing-700: 5rem;--spacing-800: 6rem;--spacing-900: 8rem;--spacing-1000: 10rem;--size-1: .25rem;--size-2: .5rem;--size-3: .75rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-7: 2rem;--size-8: 2.5rem;--size-9: 3rem;--size-10: 4rem;--size-11: 5rem;--size-12: 6rem;--size-13: 8rem;--size-14: 10rem;--size-15: 12rem;--size-16: 14rem;--breakpoint-md: 47.9375rem;--breakpoint-lg: 79.9375rem;--size-xxs: var(--size-1);--size-xs: var(--size-3);--size-sm: var(--size-4);--size-md: var(--size-6);--size-lg: var(--size-8);--size-xl: var(--size-10);--size-2xl: var(--size-11);--size-3xl: var(--size-12);--size-4xl: var(--size-14);--size-5xl: var(--size-16);--radius-sm: 8px;--radius-md: calc(var(--radius-sm) * 1.25);--radius-full: 6.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-sans: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--surface-primary: var(--color-off-white);--surface-white: var(--color-white);--surface-brand-primary: var(--color-purple-500);--surface-brand-secondary: var(--color-purple-100);--surface-accent: var(--color-yellow-500);--surface-accent-soft: var(--color-yellow-100);--surface-accent-slight: var(--color-yellow-300);--surface-accent-user: var(--color-red-100);--surface-accent-ai: var(--color-yellow-200);--text-primary: var(--color-black);--text-inverse: var(--color-white);--text-brand: var(--color-purple-500);--text-accent: var(--color-yellow-500);--text-muted: var(--color-gray);--text-heading-xxl: var(--font-size-10xl);--text-heading-xl: var(--font-size-5xl);--text-heading-lg: var(--font-size-3xl);--text-heading-md: var(--font-size-base);--text-heading-sm: var(--font-size-lg);--text-heading-xs: var(--font-size-md);--text-heading-xxs: var(--font-size-sm);--text-body-10xl: var(--font-size-10xl);--text-body-9xl: var(--font-size-9xl);--text-body-8xl: var(--font-size-8xl);--text-body-7xl: var(--font-size-7xl);--text-body-6xl: var(--font-size-6xl);--text-body-5xl: var(--font-size-5xl);--text-body-4xl: var(--font-size-4xl);--text-body-3xl: var(--font-size-3xl);--text-body-2xl: var(--font-size-2xl);--text-body-xl: var(--font-size-xl);--text-body-lg: var(--font-size-lg);--text-body-base: var(--font-size-base);--text-body-sm: var(--font-size-sm);--text-body-xs: var(--font-size-xs);--text-width-md: 6ch;--text-width-lg: 9ch;--text-width-xl: 28ch;--interactive-primary: var(--color-purple-500);--interactive-secondary: var(--color-yellow-500);--status-positive: var(--color-green-500);--status-positive-secondary: var(--color-green-100);--status-info: var(--color-purple-500);--status-warning: var(--color-yellow-500);--display-flex: flex;--flex-direction-column: column;--flex-direction-row: row;--display-grid: grid}[data-theme=bubblegum]{--surface-primary: #fff8e7;--surface-white: var(--color-white);--surface-brand-primary: #ff6ec7;--surface-brand-secondary: #ffd93d;--surface-accent: #7cf5ff;--surface-accent-soft: #ffd9e7;--surface-accent-slight: #ffefd5;--text-primary: #3a3a3a;--text-inverse: var(--color-white);--text-brand: #ff6ec7;--text-accent: #ffd93d;--text-muted: #6e6e6e;--interactive-primary: #ff6ec7;--interactive-secondary: #ffd93d}[data-theme=cyberpunk]{--surface-primary: #252a34;--surface-white: #2c2f3a;--surface-brand-primary: #ff2e63;--surface-brand-secondary: #08d9d6;--surface-accent: #ffb400;--surface-accent-soft: #393e46;--surface-accent-slight: #3a3f4b;--text-primary: #eaeaea;--text-inverse: #0f0f0f;--text-brand: #ff2e63;--text-accent: #08d9d6;--text-muted: #a0a0a0;--interactive-primary: #ff2e63;--interactive-secondary: #08d9d6}[data-theme=cafe]{--surface-primary: #faf3e0;--surface-white: #ffffff;--surface-brand-primary: #c97b63;--surface-brand-secondary: #ffd8a9;--surface-accent: #a1c181;--surface-accent-soft: #ffeedb;--surface-accent-slight: #fff8f1;--text-primary: #4b3832;--text-inverse: #ffffff;--text-brand: #c97b63;--text-accent: #ffd8a9;--text-muted: #7d6e68;--interactive-primary: #c97b63;--interactive-secondary: #ffd8a9}[data-theme=ocean]{--surface-primary: #e0f7fa;--surface-white: #ffffff;--surface-brand-primary: #0077b6;--surface-brand-secondary: #00b4d8;--surface-accent: #90e0ef;--surface-accent-soft: #caf0f8;--surface-accent-slight: #e3fdfd;--text-primary: #023047;--text-inverse: #ffffff;--text-brand: #0077b6;--text-accent: #00b4d8;--text-muted: #406882;--interactive-primary: #0077b6;--interactive-secondary: #00b4d8}[data-theme=midnight]{--surface-primary: #0f0e17;--surface-white: #1a1925;--surface-brand-primary: #6c63ff;--surface-brand-secondary: #ff6584;--surface-accent: #ffd700;--surface-accent-soft: #2d2b3f;--surface-accent-slight: #1f1d2c;--text-primary: #f7f7f7;--text-inverse: #0f0e17;--text-brand: #6c63ff;--text-accent: #ff6584;--text-muted: #b0afc5;--interactive-primary: #6c63ff;--interactive-secondary: #ff6584}.heading--2{font-size:var(--text-heading-xl);line-height:var(--leading-tight);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tighter)}.heading--3{font-size:var(--text-heading-lg);line-height:var(--leading-tight);font-weight:var(--font-weight-medium);letter-spacing:-.12rem}.section{opacity:0;visibility:hidden;scale:0}.avatar--sm{inline-size:calc(var(--size-7) - .125rem);block-size:calc(var(--size-7) - .125rem)}.truncate--multi{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}#calendar-date--ticked{visibility:hidden}.body{background-color:var(--surface-primary);color:var(--text-primary);padding:var(--spacing-400) var(--spacing-200);font-family:var(--font-sans);display:flex;justify-content:center;align-items:center}.showcase{display:var(--display-flex);gap:var(--spacing-400);flex-direction:var(--flex-direction-column)}.header{background-color:var(--surface-brand-primary);color:var(--text-inverse);padding:var(--spacing-500) var(--spacing-400);display:var(--display-flex);flex-direction:var(--flex-direction-column);gap:var(--spacing-300);text-align:center;border-radius:var(--radius-md)}.header .header__heading{font-weight:var( --font-weight-medium );letter-spacing:calc(var(--tracking-tightest) + .01rem);line-height:var( --leading-tight );font-size:var(--text-heading-xxl)}.header .header__heading span{color:var(--text-accent)}.header .header__body{display:var(--display-flex);flex-direction:var(--flex-direction-column);gap:var(--spacing-100)}.header .header__stars{display:var(--display-flex);gap:var(--spacing-100);justify-content:center}.header .header__reviews{font-size:var(--text-body-lg);line-height:var(--leading-snug)}.account{background-color:var(--surface-white);border-radius:var(--radius-md);padding:var(--spacing-200);display:var(--display-flex);gap:var(--spacing-200);flex-direction:var(--flex-direction-column);overflow:hidden}.account .account__wrapper{display:var(--display-flex);gap:calc(var(--spacing-150) - 2px)}.icon{block-size:calc(var(--size-lg) + .1588rem);inline-size:calc(var(--size-lg) + .1588rem);display:var(--display-flex);justify-content:center;align-items:center;background-color:var(--surface-accent);border-radius:var(--radius-full)}.account__item{padding:var(--spacing-150) calc(var(--spacing-150) * 2) var(--spacing-150) var(--spacing-150);border-radius:var( --radius-full );box-shadow:var(--shadow-lg);display:var(--display-flex);gap:var(--spacing-100);align-items:center}.account__item .account__details{display:var(--display-flex);flex-direction:var(--flex-direction-column);gap:var(--spacing-50)}.account__item .account__details .account__username{font-size:var(--text-heading-md);font-weight:var(--font-weight-medium);line-height:var(--leading-tight);letter-spacing:-.96px}.account__item .account__details .account__followers{color:var(--text-muted);font-size:var(--text-body-sm);line-height:normal;letter-spacing:-.36px;white-space:nowrap}.schedule{background-color:var(--surface-accent);overflow:hidden;border-radius:var(--radius-md);padding:var(--spacing-200) var(--spacing-200) 0;display:var(--display-flex);gap:var(--spacing-200);flex-direction:var(--flex-direction-column);block-size:fit-content}.schedule .calendar__wrapper{display:var(--display-flex);block-size:8.5625rem;overflow:hidden}.insights{background-color:var(--surface-brand-secondary);border-radius:var(--radius-md);padding:var(--spacing-400) var(--spacing-200);display:var(--display-flex);flex-direction:var(--flex-direction-column);gap:var(--spacing-300);justify-content:center;align-items:center}.insights .insights__heading,.insights .insights__caption{text-align:center}.insights .insights__caption{font-size:var(--text-body-lg);line-height:var(--leading-snug);max-inline-size:var(--text-width-xl)}.chart-illustration{inline-size:min(22.3125rem,100%);block-size:fit-content}.growth{background-color:var(--surface-brand-primary);display:var(--display-flex);justify-content:center;align-items:center;border-radius:var(--radius-md);padding:var(--spacing-300)}.growth__heading{color:var(--text-inverse);text-align:center;letter-spacing:var(--tracking-tightest)}.growth-illustration{inline-size:min(14.25rem,100%);block-size:fit-content}.growth--wrapper{display:var(--display-flex);flex-direction:var(--flex-direction-column);gap:calc(var(--spacing-550) + .21rem);inline-size:min(32.57rem,100%);align-items:center}.icon img{inline-size:fit-content}.icon--md{inline-size:calc(var(--size-xl) - .5rem);block-size:calc(var(--size-xl) - .5rem)}.icon__wrapper{border-radius:var(--radius-full);inline-size:calc(var(--size-2xl) + .5rem);block-size:calc(var(--size-2xl) + .5rem);display:var(--display-flex);justify-content:center;align-items:center;background-color:var(--surface-white);position:absolute;right:-8%;top:20%}.account__item--generic{position:absolute;bottom:-.7rem;right:-17.5%;border-radius:calc((var(--radius-sm) * 4) + .14rem);padding:calc(var(--spacing-150) + .04rem);display:var(--display-flex);gap:var(--spacing-100);align-items:center;background-color:var(--surface-white)}.account__item--generic .account__details .account__username{color:var(--text-muted);font-size:var(--text-heading-xs);line-height:var(--font-weight-normal);letter-spacing:-.0225rem;font-weight:var(--font-weight-normal)}.account__item--generic .account__details .account__followers-growth{display:flex;gap:calc(var(--spacing-150) + .04rem)}.account__item--generic .account__details .account__followers{color:var(--text-primary);font-size:var(--text-body-lg);font-weight:var(--font-weight-medium);line-height:var(--leading-snug);letter-spacing:-.075rem}.chart{border-radius:var(--radius-md);background-color:var(--surface-white);padding:calc(var(--spacing-300) + var(--spacing-50) + .6px);position:relative;display:flex;flex-direction:column}.chart__heading{color:var(--text-muted);font-weight:var(--font-weight-normal);font-size:var(--text-heading-xs)}.chart__details{display:flex;justify-content:space-between;align-items:center}.chart__followers{font-weight:var(--font-weight-medium);font-size:calc(var(--spacing-300) + var(--spacing-50) + 1.7px)}.chart__bars{inline-size:150px}.badge{inline-size:39px;block-size:17px;border-radius:calc(var(--radius-md) - 3px);display:flex;justify-content:center;align-items:center;font-size:var(--text-body-xs);color:var(--status-positive);background-color:var(--status-positive-secondary)}.audience{display:var(--display-flex);flex-direction:var(--flex-direction-column);gap:var(--spacing-300);padding:var(--spacing-300);border-radius:var(--radius-md);background-color:var(--surface-white)}.audience__header{display:var(--display-flex);gap:1rem;flex-direction:var(--flex-direction-column)}.audience__heading{font-size:var(--text-heading-xxl);font-weight:var(--font-weight-medium);line-height:var(--leading-tight);display:flex;align-items:center}.audience__caption{line-height:var(--leading-snug);font-size:var(--text-body-lg)}.audience__avatars{overflow:hidden;position:relative;inline-size:min(11.125rem,100%)}.audience__avatars>div{inline-size:100%}.audience__avatars>div:not(:first-child){inset-block-start:0;position:absolute}.avatar__wrapper{display:var(--display-flex)}.avatar{border-radius:var(--radius-full);display:var(--display-flex);justify-content:center;align-items:center;overflow:hidden;flex-shrink:0}.avatar--annie{background-color:var(--surface-brand-secondary)}.avatar--michael{background-color:var(--surface-accent-slight)}.avatar--todd,.avatar--ai{background-color:var(--surface-brand-secondary)}.avatar__wrapper:has(.avatar--michael){justify-content:center}.avatar__wrapper:has(.avatar--todd){justify-content:end}.cta{display:var(--display-flex);gap:var(--spacing-300);flex-direction:var(--flex-direction-column);padding:var(--spacing-400);background:var(--surface-accent-soft);border-radius:var(--radius-md);overflow:hidden}.cta__heading--em{display:inline-flex;color:var(--text-brand)}.cta-btn-illustration{inline-size:min(11.9rem,100%)}.cta__button{display:var(--display-flex);gap:var(--spacing-150);inline-size:fit-content;padding:1.0737rem 1.6106rem;border-radius:var(--radius-full);border:0;color:var(--text-brand);background-color:var(--surface-accent);font-weight:var(--font-weight-semibold);font-size:calc(var(--text-body-lg) + 1.329px);align-items:center}.cta__button-container{position:relative;inline-size:fit-content;display:flex;justify-content:center}.cta__cursor{position:absolute;bottom:-35%}.composition{display:var(--display-flex);gap:var(--spacing-300);flex-direction:var(--flex-direction-column);padding:var(--spacing-300);background:var(--surface-accent);border-radius:var(--radius-md);overflow:hidden}.composition__heading,.composition__heading *{will-change:transform}.composition__chat{border-radius:calc(var(--radius-sm) * 2);background-color:var(--surface-white);padding:var(--spacing-200);display:var(--display-flex);gap:var(--spacing-300);flex-direction:var(--flex-direction-column);position:relative;inline-size:min(204px,100%)}.composition__message{display:flex;gap:var(--spacing-100);inline-size:100%;justify-content:space-between}.composition__bubble{border-radius:calc(var(--radius-md) * 2);padding:var(--spacing-100) var(--spacing-200);font-size:var(--text-body-sm);line-height:normal}.composition__bubble--user{background-color:var(--surface-accent-user);block-size:3.915rem}.composition__bubble--user>p{inline-size:calc(var(--text-width-lg) + 4ch)}.composition__bubble--ai{background-color:var(--surface-accent-ai);inline-size:100%;block-size:4.8869rem}.composition__bubble--ai>p{inline-size:calc(var(--text-width-lg) + 2ch)}.chat-illustration{inline-size:min(13.75rem,100%)}@media (min-width: 47.9375rem){:root{--text-heading-xxl: var(--font-size-12xl);--text-heading-xl: var(--font-size-7xl);--text-heading-lg: var(--font-size-4xl)}.heading--2{letter-spacing:-.135rem}.heading--3{letter-spacing:-.105rem}.body{padding:var(--spacing-900) var(--spacing-500)}.showcase{display:var(--display-grid);gap:var(--spacing-400);grid-template-columns:1fr 1fr;inline-size:min(70rem,100%);margin:0 auto;grid-template-areas:"header header" "account schedule" "insights insights" "growth growth" "audience audience" "cta composition"}.header{padding:var(--spacing-400);grid-area:header}.account{padding:var(--spacing-300);grid-area:account;inline-size:100%}.schedule{padding:var(--spacing-300) var(--spacing-300) 0;grid-area:schedule}.schedule .calendar__wrapper{block-size:initial}.insights{grid-area:insights}.growth{grid-area:growth}.growth--wrapper{flex-direction:var(--flex-direction-row);justify-content:center;align-items:center}.growth__heading{line-height:var(--leading-tight);letter-spacing:-.12rem;inline-size:min(32.79rem,100%)}.growth-illustration{inline-size:100%}.audience{grid-area:audience;flex-direction:var(--flex-direction-row);justify-content:space-between;align-items:center}.cta{grid-area:cta;justify-content:center}.composition{grid-area:composition}}@media (min-width: 79.9375rem){:root{--text-heading-xxl: var(--font-size-14xl);--text-heading-xl: var(--font-size-9xl);--text-heading-lg: var(--font-size-5xl)}.body{background-color:var(--surface-white);padding:var(--spacing-500)}.heading--2,.heading--3{letter-spacing:var(--tracking-tightest)}.showcase{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:repeat(4,1fr);max-block-size:54rem;grid-template-areas:initial}.cta__heading{inline-size:calc(var(--text-width-md) + 1ch)}.header{grid-area:1 / 2 / 3 / 4}.insights{grid-area:1 / 4 / 5 / 5;overflow:hidden}.account{grid-area:3 / 2 / 5 / 3}.schedule{grid-area:3 / 3 / 5 / 4}.audience{grid-area:5 / 2 / 6 / 3}.growth{grid-area:5 / 3 / 6 / 5}.cta{grid-area:1 / 1 / 4 / 2}.composition{grid-area:4 / 1 / 6 / 2}.header{padding:var(--spacing-400);justify-content:center}.account{padding:var(--spacing-300)}.account__heading,.schedule__heading{max-inline-size:var(--text-width-lg)}.chart-illustration{align-self:self-start;inline-size:initial}.schedule{padding:var(--spacing-300) var(--spacing-300) 0}.schedule .calendar__wrapper{block-size:6.125rem}.growth--wrapper{gap:calc(var(--spacing-500) + 1.9rem)}.chart{block-size:13.1694rem}.growth__heading{text-align:left;line-height:var(--leading-tight);letter-spacing:-.135rem}.audience{flex-direction:var(--flex-direction-column);align-items:start}.composition__heading{inline-size:calc(var(--text-width-md))}}