@keyframes slide{0%{transform:translate(0)}to{transform:translate(20px)}}.content-section{margin-bottom:var(--space-2xl)}.prose{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.75;margin:var(--space-2xl) auto;max-width:65ch}.prose p{margin-bottom:var(--space-lg)}.prose strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.story-content{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-2xl);margin:0 auto;max-width:800px;overflow:hidden;padding:var(--space-2xl);position:relative}.story-content:before{color:#647eea1a;content:"❝";font-family:serif;font-size:8rem;left:20px;position:absolute;top:-20px}.story-intro{color:var(--color-text);font-size:1.5rem;font-style:italic;font-weight:var(--font-weight-medium);line-height:1.5;margin-bottom:var(--space-xl)}.feature-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:var(--space-3xl) 0}.golden-rule-callout{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid #f59e0b;border-radius:var(--radius-xl);box-shadow:0 8px 25px #f59e0b26;margin:var(--space-3xl) auto;max-width:900px;padding:var(--space-2xl);text-align:center}.golden-rule-callout h3{color:var(--color-text);font-size:1.5rem;font-weight:var(--font-weight-bold);margin:0 0 var(--space-md) 0}.golden-rule-callout p{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6;margin:0}.systems-grid{background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:var(--space-xl) 0;padding:var(--space-lg)}.systems-grid span{color:var(--color-text-secondary);font-size:.925rem;padding:var(--space-xs) 0}.phase-zero-note{background:#3b82f60d;border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);font-size:.925rem;font-style:italic;margin-top:var(--space-lg);padding:var(--space-md)}.section-note{background:linear-gradient(135deg,#22c55e0d,#10b9810d);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-lg);margin-top:var(--space-lg);padding:var(--space-lg)}.reasons-grid{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:var(--space-3xl) 0}.reason-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-xl);text-align:center;transition:all .3s ease}.reason-card:hover{border-color:var(--color-primary);box-shadow:0 12px 24px #0000001a;transform:var(--hover-lift-prominent)}.reason-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3rem;margin-bottom:var(--space-lg)}.reason-card:nth-child(2) .reason-icon{animation-delay:1s}.reason-card:nth-child(3) .reason-icon{animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.reason-card h3{color:var(--color-text);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0}.reason-card p{color:var(--color-text-secondary);font-size:.925rem;line-height:1.6;margin:0}.audience-list{margin:var(--space-3xl) auto;max-width:800px}.audience-item{align-items:flex-start;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);padding:var(--space-xl);transition:all .3s ease}.audience-item:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #00000014;transform:translate(8px)}.audience-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:2rem}.audience-item p{color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.6;margin:0}.welcome-message{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-xl);box-shadow:0 4px 12px #fbbf241a;color:var(--color-text);font-size:1.375rem;font-weight:var(--font-weight-semibold);margin-top:var(--space-3xl);padding:var(--space-xl);text-align:center}.content-section:has(.support-content){background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--color-border);border-radius:var(--radius-2xl);margin:var(--space-2xl) 0;padding:var(--space-2xl)}.support-content{margin:0 auto;max-width:900px;text-align:center}.support-content>p{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7;margin-bottom:var(--space-3xl)}.funding-options{gap:var(--space-2xl);margin:var(--space-3xl) 0}.funding-card{border:2px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-2xl);text-align:center;transition:all .3s ease}.funding-card:hover{border-color:var(--color-primary);box-shadow:0 12px 24px #0000001a;transform:var(--hover-lift-prominent)}.funding-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3rem}.funding-card h3{color:var(--color-text);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0}.funding-card p{color:var(--color-text-secondary);font-size:.925rem;margin:0 0 var(--space-xl) 0}.support-note{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:var(--radius-xl);color:var(--color-text-secondary);font-size:.925rem;line-height:1.6;margin-top:var(--space-3xl);padding:var(--space-xl)}.support-note strong{color:var(--color-text)}.dark-mode .story-content{background:linear-gradient(135deg,var(--color-bg-secondary) 0,rgba(30,41,59,.8) 100%);border:1px solid hsla(0,0%,100%,.1)}.dark-mode .story-content:before{color:#647eea33}.dark-mode .systems-grid{background:#1e293b80;border:1px solid hsla(0,0%,100%,.05)}.dark-mode .phase-zero-note{background:#3b82f61a;border-left-color:var(--color-primary)}.dark-mode .section-note{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border-color:#22c55e4d}.dark-mode .reason-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0,rgba(30,41,59,.95) 100%);border:1px solid hsla(0,0%,100%,.1)}.dark-mode .reason-card:hover{border-color:var(--color-primary);box-shadow:0 12px 24px #0000004d}.dark-mode .audience-item{background:linear-gradient(135deg,var(--color-bg-secondary) 0,rgba(30,41,59,.95) 100%);border:1px solid hsla(0,0%,100%,.1)}.dark-mode .audience-item:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #0000004d}.dark-mode .welcome-message{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:1px solid rgba(251,191,36,.3);color:var(--color-text)}.dark-mode .funding-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0,rgba(30,41,59,.95) 100%);border:2px solid hsla(0,0%,100%,.1)}.dark-mode .funding-card:hover{border-color:var(--color-primary);box-shadow:0 12px 24px #0000004d}.dark-mode .support-note{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border-color:#22c55e4d}.dark-mode .golden-rule-callout{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-color:#fbbf244d;box-shadow:0 8px 25px #0003}.dark-mode .content-section:has(.support-content){background:linear-gradient(135deg,#1e293bcc,#0f172a99);border-color:#ffffff1a}.content-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-xl);position:relative;transition:all .3s ease}.content-card:hover{box-shadow:0 8px 16px #00000014;transform:var(--hover-lift-standard)}.content-card--highlight{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;box-shadow:0 4px 12px #0ea5e91a}.content-card--dashed{border-style:dashed;border-width:2px}.content-card__icon{display:inline-block;font-size:2rem;margin-bottom:var(--space-md)}.content-card__title{color:var(--color-text);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm) 0}.content-card__subtitle{color:var(--color-text-muted);font-size:.875rem;margin:0 0 var(--space-md) 0}.content-card__content{color:var(--color-text-secondary);line-height:1.6}.content-card__content h3{color:var(--color-text);font-size:1.125rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0}.content-card__content p{margin-bottom:var(--space-md)}.content-card__content p:last-child{margin-bottom:0}.dark-mode .content-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0,rgba(30,41,59,.95) 100%);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 8px #0003}.dark-mode .content-card:hover{box-shadow:0 8px 16px #0000004d}.dark-mode .content-card--highlight{background:linear-gradient(135deg,#0ea5e91a,#06b6d40d);border-color:#0ea5e94d}.github-note{color:#fff;font-size:1.125rem;line-height:1.6;margin:0 auto var(--space-lg);max-width:600px;text-align:center}.github-note strong{color:#fff;font-weight:var(--font-weight-bold)}.github-note--secondary{color:#fff;font-size:1rem;font-style:italic;margin-bottom:0}.support-content{margin:0 auto var(--space-xl);max-width:800px}.support-content>p:first-child{color:var(--color-text-light);font-size:1.125rem;line-height:1.6;margin-bottom:var(--space-xl)}.funding-options{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--space-xl)}.funding-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;padding:var(--space-xl);transition:all var(--transition-base)}.funding-card:hover{box-shadow:0 8px 25px -5px #00000026;transform:translateY(-2px)}.funding-icon{font-size:2.5rem;margin-bottom:var(--space-lg)}.funding-card h3{color:var(--color-text-dark);font-size:1.25rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.funding-card p{color:var(--color-text-light);line-height:1.6;margin-bottom:var(--space-lg)}.support-note{color:var(--color-text-light);font-size:.875rem;line-height:1.5;margin:0 auto;max-width:600px}@media (max-width:768px){.story-intro{font-size:1.25rem}.feature-grid,.funding-options,.reasons-grid{grid-template-columns:1fr}.support-content>p:first-child,.support-note{font-size:.875rem}.audience-item{flex-direction:column;text-align:center}}.full-width-section--primary .section-header__title,.full-width-section--primary .section-header__subtitle,.full-width-section--primary .section-header__description{color:#fff!important}
