.hero-section{position:relative}.hero-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media(min-width:768px){.hero-grid{grid-template-columns:3fr 1fr;gap:3rem}}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.hero-image{display:none}@media(min-width:768px){.hero-image{display:block;width:100%;height:100%}}.hero-heading{font-variation-settings:"wght" 700;font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-h1);letter-spacing:var(--letter-spacing-h1)}.hero-description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}@media(min-width:640px){.hero-heading{font-size:var(--font-size-5xl)}.hero-description{font-size:var(--font-size-xl)}}@media(min-width:1024px){.hero-heading{font-size:var(--font-size-6xl)}}.insights-landing{padding:var(--spacing-section-md) var(--section-content-padding-x);background:var(--color-bg);position:relative}.insights-landing:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity var(--transition-normal);z-index:0}.insights-landing--mode-collect:before{background:rgb(var(--color-primary-rgb) / .03);opacity:1}.insights-landing--mode-organize:before{background:rgb(var(--color-charcoal-rgb) / .03);opacity:1}.insights-landing--mode-refine:before{background:rgb(var(--color-success-rgb) / .03);opacity:1}.insights-landing--mode-expose:before{background:rgb(var(--color-warning-rgb) / .03);opacity:1}.insights-landing__container{max-width:1280px;margin:0 auto;position:relative;z-index:1}.insights-landing__header{margin-bottom:var(--spacing-component-lg);text-align:center}.insights-landing__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-fg);margin-bottom:var(--space-4)}.insights-landing__description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-muted);max-width:65ch;margin:0 auto}.insights-landing__filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--gap-md);margin-bottom:var(--spacing-component-xl);padding:var(--space-4);background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.insights-landing__core-filters{display:flex;flex-wrap:wrap;gap:var(--gap-sm);align-items:center}.insights-landing__filter-pill--overview{margin-left:var(--space-3);position:relative}.insights-landing__filter-pill--overview:before{content:"";position:absolute;left:calc(-1 * var(--space-3));top:50%;transform:translateY(-50%);width:1px;height:60%;background:var(--color-border)}.insights-landing__filter-pill{cursor:pointer;transition:all var(--transition-normal);font-family:inherit;font-size:inherit;line-height:inherit;margin:0;appearance:none;-webkit-appearance:none}.insights-landing__filter-pill:hover{transform:translateY(-1px)}.insights-landing__filter-pill--active{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.insights-landing__depth-controls{display:flex;align-items:center;gap:var(--space-3)}.insights-landing__depth-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted)}.insights-landing__depth-label-text{font-weight:var(--font-weight-medium)}.insights-landing__depth-select{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.insights-landing__depth-select:hover{border-color:var(--color-primary)}.insights-landing__depth-select:focus{outline:none;ring:2px;ring-color:var(--color-ring);ring-offset:2px}.insights-landing__mode-label{font-size:var(--font-size-sm);color:var(--color-muted);text-align:center;margin-bottom:var(--space-4);min-height:1.5rem;transition:opacity var(--transition-normal)}.insights-landing__mode-label:empty{opacity:0;min-height:0;margin-bottom:0}.insights-landing__empty-state{font-size:var(--font-size-sm);color:var(--color-muted-foreground);text-align:center;margin-bottom:var(--space-4);padding:var(--space-4);background:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);min-height:1.5rem;transition:opacity var(--transition-normal);line-height:var(--line-height-relaxed);max-width:65ch;margin-left:auto;margin-right:auto}.insights-landing__empty-state:empty{opacity:0;min-height:0;margin-bottom:0;padding:0}.insights-landing__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:1fr;gap:var(--gap-lg)}.insights-landing__cards>a,.insights-landing__cards>div{display:flex!important;flex-direction:column;height:100%}.insights-landing__cards--filter-writing-essays [data-item-title]:not([data-item-title="Writing & Essays"]){display:none}.insights-landing__cards--filter-building-in-public [data-item-title]:not([data-item-title="Building in Public"]){display:none}.insights-landing__cards--filter-work-with-me [data-item-title]:not([data-item-title="Work with Me"]){display:none}@media(max-width:768px){.insights-landing{padding:var(--spacing-section-sm) var(--section-content-padding-x-responsive)}.insights-landing__title{font-size:var(--font-size-3xl)}.insights-landing__description{font-size:var(--font-size-base)}.insights-landing__filters{flex-direction:column;align-items:stretch}.insights-landing__core-filters{justify-content:center}.insights-landing__cards{grid-template-columns:1fr;gap:var(--gap-md)}}.insights-landing__depth-controls--reduced-motion *{transition:none}@media(prefers-reduced-motion:reduce){.insights-landing__filter-pill{transition:none}.insights-landing__filter-pill:hover{transform:none}}.cta-section{margin-top:var(--spacing-section-md)}@media(min-width:640px){.cta-section{margin-top:var(--spacing-section-lg)}}.cta-heading{font-size:var(--font-size-h1);font-weight:var(--font-weight-h2);letter-spacing:var(--letter-spacing-h1);line-height:var(--line-height-h1)}@media(min-width:640px){.cta-heading{font-size:var(--font-size-5xl)}}@media(min-width:1024px){.cta-heading{font-size:var(--font-size-6xl)}}.cta-description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}@media(min-width:640px){.cta-description{font-size:var(--font-size-xl)}}
