.lou-fd-page{display:block}.lou-fd-hero{background:var(--gradient-hero);padding:var(--space-16) var(--space-4) var(--space-12);position:relative;overflow:hidden}.lou-fd-hero:before{content:"";position:absolute;top:-120px;right:-120px;width:360px;height:360px;background:radial-gradient(circle,var(--color-primary-glow),transparent 70%);pointer-events:none}.lou-fd-hero-inner{max-width:760px;margin:0 auto;position:relative}.lou-fd-back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--space-4);transition:color var(--dur-fast) var(--ease-out)}.lou-fd-back:hover{color:var(--color-primary)}.lou-fd-back:hover svg{transform:translate(-2px)}.lou-fd-back svg{transition:transform var(--dur-fast) var(--ease-out)}.lou-fd-title{font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);letter-spacing:-.03em;line-height:var(--lh-tight);color:var(--color-text);margin:var(--space-2) 0 var(--space-3)}.lou-fd-tagline{font-size:var(--fs-lg);color:var(--color-primary);font-weight:var(--fw-semibold);margin-bottom:var(--space-3)}.lou-fd-hero-text{font-size:var(--fs-md);color:var(--color-text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-6)}.lou-fd-hero-cta{display:flex;gap:var(--space-3);flex-wrap:wrap}.lou-fd-section{padding:var(--space-12) var(--space-4)}.lou-fd-section-alt{background:var(--color-bg-sunken)}.lou-fd-section-inner{max-width:var(--max-w-wide);margin:0 auto}.lou-fd-section-head{text-align:center;max-width:720px;margin:0 auto var(--space-10)}.lou-fd-section-title{font-size:var(--fs-2xl);font-weight:var(--fw-extrabold);letter-spacing:-.02em;color:var(--color-text);line-height:var(--lh-tight);margin-top:var(--space-2)}.lou-fd-split{max-width:var(--max-w-wide);margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center}.lou-fd-desc{max-width:560px}.lou-fd-split-title{font-size:var(--fs-2xl);font-weight:var(--fw-extrabold);letter-spacing:-.02em;color:var(--color-text);line-height:var(--lh-tight);margin:var(--space-2) 0 var(--space-4)}.lou-fd-desc-p{font-size:var(--fs-base);color:var(--color-text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-4)}.lou-fd-mockup{display:flex;justify-content:center}.lou-fd-steps{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.lou-fd-step{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.lou-fd-step-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold);margin-bottom:var(--space-3)}.lou-fd-step-title{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--color-text);margin-bottom:var(--space-2)}.lou-fd-step-desc{font-size:var(--fs-sm);color:var(--color-text-secondary);line-height:var(--lh-relaxed)}.lou-fd-benefits{display:grid;grid-template-columns:1fr;gap:var(--space-3);max-width:760px;margin:0 auto}.lou-fd-benefit{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--color-text-secondary);line-height:var(--lh-relaxed)}.lou-fd-benefit svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.lou-fd-related{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.lou-fd-related-card{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--space-2);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.lou-fd-related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.lou-fd-related-name{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--color-text)}.lou-fd-related-desc{font-size:var(--fs-sm);color:var(--color-text-secondary);line-height:var(--lh-relaxed);flex:1}.lou-fd-related-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-primary);margin-top:var(--space-2)}.lou-fd-related-card:hover .lou-fd-related-link svg{transform:translate(2px)}.lou-fd-related-link svg{transition:transform var(--dur-fast) var(--ease-out)}.lou-fd-cta-section{padding-top:var(--space-12)}.lou-fd-cta-card{max-width:var(--max-w-wide);margin:0 auto;background:var(--gradient-dark);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-6);text-align:center}.lou-fd-cta-title{font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);color:#fff;letter-spacing:-.02em;line-height:var(--lh-tight);margin-bottom:var(--space-3)}.lou-fd-cta-sub{font-size:var(--fs-md);color:#c2cec6;line-height:var(--lh-relaxed);margin-bottom:var(--space-6)}.lou-fd-cta-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.lou-fd-cta-card .lou-btn-ghost{background:#ffffff0f;color:#fff;border-color:#ffffff2e}.lou-fd-cta-card .lou-btn-ghost:hover{background:#ffffff1f;border-color:var(--color-primary);color:var(--color-primary)}.lou-mock-data-chip{font-family:var(--font-mono);font-size:var(--fs-xs);padding:4px 8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);color:var(--color-text-secondary)}.lou-rep-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.lou-rep-progression{display:flex;flex-direction:column;gap:var(--space-2)}.lou-rep-bar{height:8px;background:var(--color-bg-sunken);border-radius:var(--radius-full);overflow:hidden}.lou-rep-fill{display:block;height:100%;background:var(--gradient-primary);border-radius:var(--radius-full)}.lou-rep-stages{display:flex;justify-content:space-between;gap:var(--space-2)}.lou-rep-stage{font-size:10px;padding:3px 8px;border-radius:var(--radius-xs);background:var(--color-bg-sunken);color:var(--color-text-tertiary);font-weight:var(--fw-semibold);text-align:center;flex:1}.lou-rep-stage.is-done{background:var(--color-primary-soft);color:var(--color-primary)}.lou-rep-stage.is-current{background:var(--color-primary);color:var(--color-text-on-primary)}.lou-rep-sources{display:flex;flex-direction:column;gap:var(--space-2)}.lou-rep-sources li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-xs);background:var(--color-bg-sunken)}.lou-rep-sources li>div{flex:1;display:flex;flex-direction:column;gap:4px}.lou-rep-source-num{font-size:var(--fs-xs);color:var(--color-primary);font-weight:var(--fw-bold)}.lou-react-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.lou-react-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-sunken);border-radius:var(--radius-xs)}.lou-react-chip{font-size:var(--fs-sm);padding:4px 10px;border-radius:var(--radius-full);font-weight:var(--fw-semibold)}.lou-react-chip-insightful{background:var(--color-primary-soft);color:var(--color-primary)}.lou-react-chip-agree{background:var(--color-info-soft);color:var(--color-info)}.lou-react-chip-disagree{background:var(--color-warning-soft);color:var(--color-warning)}.lou-react-count{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-text)}.lou-react-foot{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg-sunken);flex-wrap:wrap}.lou-saves-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.lou-saves-collections{display:flex;gap:var(--space-2);flex-wrap:wrap}.lou-saves-chip{font-size:var(--fs-xs);padding:4px 10px;background:var(--color-bg-sunken);border-radius:var(--radius-full);color:var(--color-text-tertiary);font-weight:var(--fw-semibold)}.lou-saves-chip.is-active{background:var(--color-primary-soft);color:var(--color-primary)}.lou-saves-list{display:flex;flex-direction:column;gap:var(--space-2)}.lou-saves-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-xs);background:var(--color-bg-sunken)}.lou-saves-list li>div{flex:1;display:flex;flex-direction:column;gap:4px}.lou-mock-postcard{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface)}.lou-mock-postcard .lou-mock-post{box-shadow:none}@media (min-width: 640px){.lou-fd-title{font-size:var(--fs-5xl)}.lou-fd-steps{grid-template-columns:repeat(3,1fr)}.lou-fd-benefits,.lou-fd-related{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.lou-fd-split{grid-template-columns:1fr 1fr;gap:var(--space-12)}.lou-fd-cta-card{padding:var(--space-16) var(--space-8)}}