// ============================================
// K-Trust · 임팩트 사례 발표 섹션
// 60세 · 120억 빌딩주 ㅇㅇㅇ님 스토리
// 강의 도입부 · 자산가 어르신 집중력 흡수용
// ============================================

const CaseStudy = () => {
  const [scenario, setScenario] = React.useState('A'); // A: 방치 / B: 일반증여 / C: K-신탁

  // ─── 케이스 프로필 ─────
  const profile = {
    name: 'ㅇㅇㅇ 회장님',
    age: 60,
    location: '서울',
    building: {
      value: 120,       // 억
      monthlyRent: 3000, // 만원
      annualRent: 3.6,   // 억 (3천×12)
    },
    home: 25,           // 아파트 25억
    total: 145,         // 총 자산 (건물 120 + 아파트 25)
    family: '배우자 · 직장인 자녀1 · 대학 4학년 자녀1',
  };

  // ─── 5가지 밤잠 못 이루는 걱정 (교수님 사례에서 추출) ─────
  const worries = [
    {
      icon: '💰',
      title: '상속세 폭탄',
      desc: '건물 가치는 계속 오르는데, 그만큼 상속세도 따라 오릅니다.\n지금은 감당 가능하지만 20년 뒤엔?',
    },
    {
      icon: '🔒',
      title: '자녀 통제 상실',
      desc: '증여하고 나면 자녀가 부모 몰래 대출을 받거나\n건물을 팔아버릴까 두렵습니다.',
    },
    {
      icon: '👵',
      title: '배우자 노후',
      desc: '내가 먼저 세상을 뜨면, 자녀들이 엄마 몫을\n제대로 챙겨줄지 확신이 없습니다.',
    },
    {
      icon: '⚖️',
      title: '형제 갈등의 씨앗',
      desc: '재산 분배 과정에서 형제간 분쟁이 생기면\n가족 관계 자체가 무너집니다.',
    },
    {
      icon: '🌳',
      title: '대(代)를 잇는 부의 승계',
      desc: '한 세대 물려주는 것이 아니라,\n손자·증손자까지 이어질 부의 뿌리를 심고 싶습니다.',
    },
  ];

  // ─── 3가지 시나리오 · A/B/C 비교 ─────
  const scenarios = {
    A: {
      code: 'A',
      badge: '방치',
      shortTitle: '아무것도 하지 않는다',
      title: '아무것도 하지 않는다면',
      subtitle: '가장 흔한 선택 · 가장 큰 대가',
      color: 'crimson',
      story: [
        {
          time: '지금',
          event: '건물 120억 · 아파트 25억 · 자산 145억',
          note: '"세금은 나중에 생각하지"',
        },
        {
          time: '20년 후',
          event: '자산 전체 연 3% 상승 → 145억 × (1.03)²⁰ = 약 262억',
          note: '건물 216.7억 + 아파트 45.2억 (2026년 세법 기준)',
        },
        {
          time: '상속개시',
          event: '배우자 · 자녀 2명 · 법정 상속',
          note: '유동성 없음. 세금 재원 없음.',
        },
      ],
      outcomes: [
        { label: '예상 총 자산', value: '약 262억', unit: '', tone: 'neutral' },
        { label: '예상 상속세', value: '약 109', unit: '억', tone: 'danger' },
        { label: '납세 재원 부족', value: '건물 매각 위기', unit: '', tone: 'danger' },
        { label: '가족 갈등 리스크', value: '높음', unit: '', tone: 'danger' },
      ],
      quote: '"건물을 팔지 않으면 세금을 낼 수 없습니다.\n결국 대(代)를 이어온 자산이 하루아침에 사라집니다."',
      verdict: 'DANGER · 최악의 시나리오',
    },
    B: {
      code: 'B',
      badge: '일반 증여',
      shortTitle: '일반적인 증여',
      title: '일반적인 증여를 한다면',
      subtitle: '많이 시도하지만 · 감춰진 함정',
      color: 'amber',
      story: [
        {
          time: '지금',
          event: '건물 지분 일부(50% = 60억) 자녀에게 증여',
          note: '증여세 약 25억 (50% 최고세율 구간 · 2026년 세법)',
        },
        {
          time: '2년 후',
          event: '자녀가 지분 담보로 대출 실행',
          note: '부모 통제 완전 상실',
        },
        {
          time: '10년 후',
          event: '자녀 이혼 · 지분이 배우자에게 절반 이전',
          note: '피 한 방울 안 섞인 사람에게 재산이 넘어감',
        },
        {
          time: '상속개시',
          event: '10년 내 증여재산 상속세에 합산',
          note: '증여세 냈지만 상속세 부담 여전',
        },
      ],
      outcomes: [
        { label: '증여세 즉시 납부', value: '약 25', unit: '억', tone: 'warn' },
        { label: '통제권', value: '완전 상실', unit: '', tone: 'danger' },
        { label: '10년 내 합산', value: '상속세 가산', unit: '', tone: 'warn' },
        { label: '가족 리스크', value: '이혼·분쟁 노출', unit: '', tone: 'danger' },
      ],
      quote: '"증여는 안 하는 것보다 낫지만,\n잘못하면 재산을 남에게 넘기는 결과가 됩니다."',
      verdict: 'CAUTION · 위험한 절반의 해결',
    },
    C: {
      code: 'C',
      badge: 'K-신탁 설계',
      shortTitle: 'K-신탁 설계',
      title: 'K-신탁으로 설계한다면',
      subtitle: '통제된 부(富)의 승계 · 완성형 솔루션',
      color: 'emerald',
      story: [
        {
          time: '지금',
          event: '① 건물 원본 = 부모 소유 유지\n② 임대수익권만 15년 정기금 증여\n③ 자녀 소득으로 종신보험 활용, 상속세 재원 마련',
          note: '통제권 유지 · 절세 · 재원 확보 동시 완성',
        },
        {
          time: '5년 후',
          event: '자녀는 매월 임대수익 수령 (자기 소득)\n보험료는 자녀 소득으로 자동이체',
          note: '★ 자녀의 첫 합법 자금 출처 · 소득신고 완결',
        },
        {
          time: '15년 후',
          event: '정기금 증여기간 종료 · 사전증여 합산 대상 아님',
          note: '10년 지나 상속세 합산 제외',
        },
        {
          time: '상속개시',
          event: '건물 원본만 상속재산 · 사망보험금은 비과세',
          note: '보험금으로 상속세 완납',
        },
      ],
      outcomes: [
        { label: '통제권', value: '부모 유지', unit: '', tone: 'good' },
        { label: '증여세 절감', value: '약 25% (5.5억)', unit: '', tone: 'good' },
        { label: '사망보험금', value: '전액 비과세', unit: '', tone: 'good' },
        { label: '자금출처', value: '자녀 소득원', unit: '', tone: 'good' },
      ],
      quote: '"통제된 부(富)의 승계 —\n부모의 손에 열쇠가 남고, 자녀에게는 문(門)이 열립니다."',
      verdict: 'OPTIMAL · 완성형 설계',
    },
  };

  const cur = scenarios[scenario];

  return (
    <section className="case-section" id="case">
      <div className="container">

        {/* ══════ 오프닝 · 숨 멎게 하는 훅 ══════ */}
        <div className="case-opener reveal">
          <div className="case-eyebrow">
            <span className="dot"></span>
            IMPACT CASE · 실화 기반 설계 사례
          </div>
          <h2 className="case-hook">
            <span className="hook-line-1">이 재산, </span>
            <span className="hook-line-2">
              <em>20년 후 262억</em>이 될 겁니다.
            </span>
            <span className="hook-line-3">
              그리고 상속세는 <em className="danger">약 109억</em>입니다.
            </span>
          </h2>
          <p className="case-hook-sub">
            서울 · 60세 · 월세 3천만원 빌딩 소유자<br/>
            <strong>ㅇㅇㅇ 회장님</strong>의 실제 고민에서 출발하는 사례입니다.
          </p>
          <div className="case-fact-check">
            <span className="cfc-icon">✓</span>
            <span className="cfc-text">
              <strong>2026년 세법 기준</strong> · 상속세율 50%(30억 초과) · 배우자상속공제 30억 · 정기금평가 연 3% 할인 (시행령 §62)
            </span>
          </div>
        </div>

        {/* ══════ 주인공 프로필 카드 ══════ */}
        <div className="case-profile reveal">
          <div className="profile-header">
            <div className="profile-avatar">
              <div className="avatar-inner">
                <span className="avatar-mark">회장</span>
              </div>
            </div>
            <div className="profile-meta">
              <div className="profile-label">CASE STUDY · 자산가 프로필</div>
              <h3 className="profile-name">{profile.name} <span className="profile-age">({profile.age}세)</span></h3>
              <p className="profile-family">{profile.family} · {profile.location} 거주</p>
            </div>
          </div>

          <div className="profile-assets">
            <div className="asset-card asset-primary">
              <div className="asset-label">보유 자산 · 수익형 빌딩</div>
              <div className="asset-value">
                <strong>120</strong><span className="asset-unit">억원</span>
              </div>
              <div className="asset-detail">월 임대료 <strong>3,000만원</strong> · 연 <strong>3.6억</strong></div>
            </div>
            <div className="asset-divider">+</div>
            <div className="asset-card">
              <div className="asset-label">거주 아파트</div>
              <div className="asset-value">
                <strong>25</strong><span className="asset-unit">억원</span>
              </div>
              <div className="asset-detail">가족의 주거지</div>
            </div>
            <div className="asset-divider">=</div>
            <div className="asset-card asset-total">
              <div className="asset-label">총 자산</div>
              <div className="asset-value">
                <strong>145</strong><span className="asset-unit">억원</span>
              </div>
              <div className="asset-detail">평생 일군 가족의 뿌리</div>
            </div>
          </div>
        </div>

        {/* ══════ 5가지 밤잠 못 이루는 걱정 ══════ */}
        <div className="case-worries reveal">
          <div className="worries-head">
            <div className="worries-eyebrow">회장님을 뒤척이게 하는 것</div>
            <h3 className="worries-title">
              <span className="serif">5가지 걱정</span> · 자산가의 밤은 길다
            </h3>
          </div>
          <div className="worries-grid">
            {worries.map((w, i) => (
              <div key={i} className="worry-card">
                <div className="worry-num">{String(i + 1).padStart(2, '0')}</div>
                <div className="worry-icon" aria-hidden="true">{w.icon}</div>
                <div className="worry-body">
                  <h4 className="worry-title">{w.title}</h4>
                  <p className="worry-desc">{w.desc}</p>
                </div>
              </div>
            ))}
          </div>
        </div>

        {/* ══════ 교수님 명언 1 · 스토리텔링 전환점 ══════ */}
        <blockquote className="case-quote reveal">
          <div className="quote-mark serif">"</div>
          <p className="quote-body serif">
            상속은 <em>재산을 나눠주는 것</em>이 아닙니다.<br/>
            상속은 <em>통제된 부(富)</em>를 <em>이어가는 것</em>입니다.
          </p>
          <footer className="quote-author">
            <span className="author-line"></span>
            <span className="author-name">박기원 <em>Trust Specialist</em></span>
          </footer>
        </blockquote>

        {/* ══════ 3가지 시나리오 비교 · 스토리텔링 코어 ══════ */}
        <div className="case-scenarios reveal">
          <div className="scenarios-head">
            <div className="scenarios-eyebrow">세 갈래 길 · Three Paths</div>
            <h3 className="scenarios-title">
              같은 자산가, <em>다른 결말</em>
            </h3>
            <p className="scenarios-sub">
              동일한 145억 자산가가 어떤 선택을 하느냐에 따라<br/>
              20년 후의 결과는 <strong>완전히 달라집니다.</strong>
            </p>
          </div>

          {/* 탭 스위처 */}
          <div className="scenario-tabs">
            {Object.values(scenarios).map(s => (
              <button
                key={s.code}
                className={`scenario-tab ${scenario === s.code ? 'is-active' : ''} tone-${s.color}`}
                onClick={() => setScenario(s.code)}
                aria-pressed={scenario === s.code}
              >
                <span className="tab-code">{s.code}</span>
                <span className="tab-body">
                  <span className="tab-badge">{s.badge}</span>
                  <span className="tab-title">{s.shortTitle}</span>
                </span>
              </button>
            ))}
          </div>

          {/* 시나리오 상세 카드 */}
          <div className={`scenario-panel tone-${cur.color}`} key={cur.code}>
            <div className="panel-header">
              <div className="panel-code">
                <span className="panel-code-letter">{cur.code}</span>
                <span className="panel-code-label">SCENARIO</span>
              </div>
              <div className="panel-title-block">
                <div className="panel-badge">{cur.badge}</div>
                <h4 className="panel-title">{cur.title}</h4>
                <p className="panel-subtitle">{cur.subtitle}</p>
              </div>
              <div className="panel-verdict">{cur.verdict}</div>
            </div>

            {/* 스토리 타임라인 */}
            <div className="story-timeline">
              {cur.story.map((s, i) => (
                <div key={i} className="story-node">
                  <div className="story-time">{s.time}</div>
                  <div className="story-content">
                    <div className="story-event">
                      {s.event.split('\n').map((line, j) => (
                        <div key={j}>{line}</div>
                      ))}
                    </div>
                    <div className="story-note">{s.note}</div>
                  </div>
                </div>
              ))}
            </div>

            {/* 결과 카드 4개 */}
            <div className="outcomes-grid">
              {cur.outcomes.map((o, i) => (
                <div key={i} className={`outcome-card tone-${o.tone}`}>
                  <div className="outcome-label">{o.label}</div>
                  <div className="outcome-value">
                    {o.value}
                    {o.unit && <span className="outcome-unit">{o.unit}</span>}
                  </div>
                </div>
              ))}
            </div>

            {/* 시나리오 인용 */}
            <div className="scenario-quote">
              <div className="sq-mark serif">"</div>
              <p className="sq-body">
                {cur.quote.split('\n').map((line, i) => (
                  <React.Fragment key={i}>
                    {line}
                    {i < cur.quote.split('\n').length - 1 && <br/>}
                  </React.Fragment>
                ))}
              </p>
            </div>
          </div>
        </div>

        {/* ══════ K-신탁 설계 · 3층 구조 다이어그램 ══════ */}
        {scenario === 'C' && (
          <div className="case-structure reveal">
            <div className="structure-head">
              <div className="structure-eyebrow">HOW · K-신탁 설계 구조</div>
              <h3 className="structure-title">
                <em className="serif">3층으로 완성</em>되는 설계
              </h3>
            </div>
            <div className="structure-layers">
              <div className="layer layer-1">
                <div className="layer-num">01</div>
                <div className="layer-body">
                  <div className="layer-title">
                    <em className="layer-title-gold">K-신탁원부 설계</em>
                    <span className="layer-title-sub">(건물 원본 유지)</span>
                    <span className="layer-tag">CONTROL</span>
                  </div>
                  <p className="layer-desc">
                    소유권과 통제권은 부모님(위탁자 겸 원본수익자)에게.<br/>
                    자녀는 대출·매각·처분 불가능. 신탁계약 종료 시까지 부모 통제 아래.
                  </p>
                  <div className="layer-legal">
                    <span className="legal-tag">법적 근거</span>
                    <span className="legal-body">상증세법 제9조 · 신탁재산 원본수익권</span>
                  </div>

                  {/* ⭐ Layer 01 통합 · 자녀별 분배 계획 (번호 없이 · 교수님 지시 2026-08-21) */}
                  <div className="layer-heir-block">
                    <div className="lhb-head">
                      <em className="lhb-title-gold">신탁원부 · 자녀별 분배 계획</em>
                      <span className="lhb-title-sub">(사후 승계 명시)</span>
                      <span className="lhb-tag">HEIR MAP</span>
                    </div>
                    <p className="lhb-desc">
                      신탁계약서(원부)에 <strong>부모 사후 · 자녀별 자산 분배 비율</strong>을 사전에 명시.<br/>
                      예 · <strong>장남 40% · 차남 30% · 장녀 20% · 배우자 10%</strong> (실제 가족 상황에 맞춰 조정)<br/>
                      → <strong>가족 분쟁 사전 예방</strong> · 부모의 뜻대로 승계 완성.
                    </p>
                    <div className="layer-heir">
                      <div className="heir-item"><span className="heir-label">장남</span><span className="heir-value">40%</span></div>
                      <div className="heir-item"><span className="heir-label">차남</span><span className="heir-value">30%</span></div>
                      <div className="heir-item"><span className="heir-label">장녀</span><span className="heir-value">20%</span></div>
                      <div className="heir-item heir-item-spouse"><span className="heir-label">배우자</span><span className="heir-value">10%</span></div>
                    </div>
                    <div className="layer-legal">
                      <span className="legal-tag">법적 근거</span>
                      <span className="legal-body">신탁법 제3조·제58조 (유언대용신탁 · 수익자 지정) · 신탁원부 필수 기재사항</span>
                    </div>
                  </div>
                </div>
              </div>

              <div className="layer-connector">↓</div>

              <div className="layer layer-2">
                <div className="layer-num">02</div>
                <div className="layer-body">
                  <div className="layer-title">
                    임대수익권 <strong>15년 정기금 증여</strong>
                    <span className="layer-tag">SAVE</span>
                  </div>
                  <p className="layer-desc">
                    연 임대료 3.6억 × 15년 = 명목 <strong>54억</strong>.<br/>
                    3% 할인 현재가치로 평가하면 <strong>약 43억</strong> · <strong>약 11억 절세.</strong>
                  </p>
                  <div className="layer-legal">
                    <span className="legal-tag">법적 근거</span>
                    <span className="legal-body">상증세법 제33조·제65조 · 시행령 제62조 (연 3% 할인)</span>
                  </div>
                </div>
              </div>

        {/* ══════ ⭐ 실제 납부 세액 비교 · 4단계 논리 · Layer 02 SAVE 아래 (교수님 지시 2026-08-21) ══════ */}
        {scenario === 'C' && (
          <section className="tax-comparison">
            <div className="tcx-head">
              <div className="tcx-eyebrow">
                <span className="tcx-icon">💰</span>
                REAL TAX IMPACT · 실제 납부 세액 비교
              </div>
              <h3 className="tcx-title">
                통장의 <strong>현금 5.5억 원</strong>을 지키는 · 진짜 계산
              </h3>
              <p className="tcx-lead">
                과세표준 압축이 아닌 · <strong>실제로 통장에서 나가는 세금</strong>의 차이입니다.<br/>
                <span className="tcx-lead-sub">직계비속 증여공제 5,000만 · 세율표 (30억 초과 50%, 누진공제 4.6억) 기준</span>
              </p>
            </div>

            {/* 4단계 논리 사슬 */}
            <div className="tcx-chain">
              {/* Step 1 · 그냥 증여 (Danger) */}
              <div className="tcx-step tcx-step-danger">
                <div className="tcx-step-num">01</div>
                <div className="tcx-step-body">
                  <div className="tcx-step-label">그냥 54억 증여 시</div>
                  <div className="tcx-step-value">
                    증여세 납부 <strong>약 22.15억</strong>
                  </div>
                  <div className="tcx-step-formula">
                    (54억 − 5,000만 공제) × 50% − 4.6억 = <em>22.15억</em>
                  </div>
                </div>
              </div>

              {/* 화살표 */}
              <div className="tcx-arrow">↓</div>

              {/* Step 2 · 정기금 평가 (Success) */}
              <div className="tcx-step tcx-step-success">
                <div className="tcx-step-num">02</div>
                <div className="tcx-step-body">
                  <div className="tcx-step-label">정기금 평가로 증여 시</div>
                  <div className="tcx-step-value">
                    증여세 납부 <strong>약 16.65억</strong>
                  </div>
                  <div className="tcx-step-formula">
                    (43억 − 5,000만 공제) × 50% − 4.6억 = <em>16.65억</em>
                  </div>
                </div>
              </div>

              {/* 화살표 */}
              <div className="tcx-arrow">↓</div>

              {/* Step 3 · 과세표준 절감 (Neutral) */}
              <div className="tcx-step tcx-step-neutral">
                <div className="tcx-step-num">03</div>
                <div className="tcx-step-body">
                  <div className="tcx-step-label">과세표준 절감</div>
                  <div className="tcx-step-value">
                    <strong>약 11억</strong> 할인 효과
                  </div>
                  <div className="tcx-step-formula">
                    54억 (명목) − 43억 (정기금 현재가치) = <em>11억</em>
                  </div>
                </div>
              </div>

              {/* 화살표 */}
              <div className="tcx-arrow tcx-arrow-gold">↓</div>

              {/* Step 4 · 통장의 현금 5.5억 (Highlight - Crown) */}
              <div className="tcx-step tcx-step-crown">
                <div className="tcx-step-crown-badge">⭐ FINAL</div>
                <div className="tcx-step-num">04</div>
                <div className="tcx-step-body">
                  <div className="tcx-step-label">통장의 현금 · 약 25% 절감</div>
                  <div className="tcx-step-value">
                    <strong>약 5.5억</strong> 지킴
                  </div>
                  <div className="tcx-step-formula">
                    22.15억 (그냥 증여) − 16.65억 (정기금 평가) = <em>실제 절감 5.5억 (약 25%)</em>
                  </div>
                </div>
              </div>
            </div>

            {/* 인사이트 · 브랜드 서명 */}
            <div className="tcx-insight">
              <div className="tcx-insight-icon">💎</div>
              <div className="tcx-insight-body">
                <div className="tcx-insight-title">
                  과세표준 <strong>11억 절감</strong>은 회계의 언어입니다.
                </div>
                <div className="tcx-insight-sub">
                  자산가의 언어로는 · <em>통장에서 지켜지는 현금 5.5억 (약 25% 절감)</em>입니다.
                </div>
              </div>
            </div>

            {/* 법적 근거 */}
            <div className="tcx-legal">
              <div className="tcx-legal-label">📚 법적 근거</div>
              <div className="tcx-legal-list">
                <span className="tcx-legal-item"><strong>상증세법 §65</strong> 정기금 평가</span>
                <span className="tcx-legal-item"><strong>시행령 §62</strong> 연 3% 할인율</span>
                <span className="tcx-legal-item"><strong>상증세법 §53</strong> 직계비속 5천만 공제</span>
                <span className="tcx-legal-item"><strong>세율표</strong> 30억 초과 50% · 누진 4.6억</span>
              </div>
            </div>
          </section>
        )}



              <div className="layer-connector">↓</div>

              <div className="layer layer-3">
                <div className="layer-num">03</div>
                <div className="layer-body">
                  <div className="layer-title">
                    자녀 소득으로 <strong>종신보험 활용, 상속세 재원 마련</strong>
                    <span className="layer-tag">FUND</span>
                  </div>
                  <p className="layer-desc">
                    계약자·수익자·예금주 = 자녀 · 피보험자 = 아버지.<br/>
                    자녀의 <strong>고유 소득(임대수익)</strong>으로 보험료 납부 →
                    사망보험금 <strong>전액 비과세</strong> · 상속세 완납 재원 확보.
                  </p>
                  <div className="layer-legal">
                    <span className="legal-tag">법적 근거</span>
                    <span className="legal-body">상증세법 제34조 (보험금 증여의제 불성립)</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        )}

        {/* ══════ K-신탁의 법적 근거 · 실제 세액 비교 뒤 · 합법성 확증 (2026-08-21 순서 변경) ══════ */}
        {scenario === 'C' && (
          <section className="legal-foundation">
            <div className="lf-head">
              <div className="lf-eyebrow">
                <span className="lf-icon">⚖️</span>
                LEGAL FOUNDATION
              </div>
              <h3 className="lf-title">
                K-신탁의 <em>법적 근거</em>
              </h3>
              <p className="lf-lead">
                임의로 만든 설계가 아닌 <strong>법으로 인정된 4가지 신탁재산의 결합</strong>입니다.<br/>
                <span className="lf-lead-sub">자본시장법 제103조가 정한 7가지 신탁재산 중, K-신탁은 아래 4가지를 기본 축으로 구조화 합니다.</span>
              </p>
            </div>

            {/* 4가지 재산 · 가로 4열 매핑 카드 */}
            <div className="lf-cards">
              <div className="lf-card lf-card-01">
                <div className="lf-card-badge">01</div>
                <div className="lf-card-icon" aria-hidden>🏢</div>
                <div className="lf-card-name">부동산</div>
                <div className="lf-card-sub">건물 · 토지 원본</div>
                <div className="lf-card-law">자본시장법 §103 <strong>5호</strong></div>
              </div>

              <div className="lf-card lf-card-02">
                <div className="lf-card-badge">02</div>
                <div className="lf-card-icon" aria-hidden>🔑</div>
                <div className="lf-card-name">부동산 관련 권리</div>
                <div className="lf-card-sub">임대수익권 · 정기금</div>
                <div className="lf-card-law">자본시장법 §103 <strong>6호</strong></div>
              </div>

              <div className="lf-card lf-card-03">
                <div className="lf-card-badge">03</div>
                <div className="lf-card-icon" aria-hidden>💰</div>
                <div className="lf-card-name">금전채권</div>
                <div className="lf-card-sub">보험금청구권신탁</div>
                <div className="lf-card-law">자본시장법 §103 <strong>3호</strong></div>
              </div>

              <div className="lf-card lf-card-04">
                <div className="lf-card-badge">＋</div>
                <div className="lf-card-icon" aria-hidden>💵</div>
                <div className="lf-card-name">금전</div>
                <div className="lf-card-sub">임대 · 상속 재원</div>
                <div className="lf-card-law">자본시장법 §103 <strong>1호</strong></div>
              </div>
            </div>

            {/* 3대 법률 근거 요약 · 가로 3열 */}
            <div className="lf-foundation">
              <div className="lf-foundation-lbl">3대 법률 근거</div>
              <div className="lf-foundation-list">
                <div className="lf-fdn-item">
                  <span className="lf-fdn-code">§103</span>
                  <span className="lf-fdn-name">자본시장법</span>
                  <span className="lf-fdn-desc">신탁재산의 종류</span>
                </div>
                <div className="lf-fdn-item">
                  <span className="lf-fdn-code">§2</span>
                  <span className="lf-fdn-name">신탁법</span>
                  <span className="lf-fdn-desc">재산권의 광범위 정의</span>
                </div>
                <div className="lf-fdn-item">
                  <span className="lf-fdn-code">§108</span>
                  <span className="lf-fdn-name">보험업법</span>
                  <span className="lf-fdn-desc">보험금 신탁 특칙</span>
                </div>
              </div>
            </div>

            {/* 결론 · 브랜드 서명 */}
            <div className="lf-conclusion">
              <span className="lf-conclusion-mark">"</span>
              법정 근거로 설계된 <em>완전한 재산 관리 구조</em>
            </div>
          </section>
        )}

        {/* ══════ 교수님 명언 2 · 클로징 ══════ */}
        <blockquote className="case-quote quote-closing reveal">
          <div className="quote-mark serif">"</div>
          <p className="quote-body serif">
            신탁은 <em>잠금</em>이 아닙니다.<br/>
            신탁은 <em>문(門)</em>입니다.<br/>
            <span className="quote-emphasis">열쇠는 여전히 부모님 손에 있습니다.</span>
          </p>
          <footer className="quote-author">
            <span className="author-line"></span>
            <span className="author-name">박기원 <em>Trust Specialist</em></span>
          </footer>
        </blockquote>

        {/* ══════ 실무 관리 포인트 3가지 · 강의 임팩트 확장 ══════ */}
        {scenario === 'C' && (
          <div className="case-practice reveal">
            <div className="practice-head">
              <div className="practice-eyebrow">FIELD NOTE · 실무 방어 팁</div>
              <h3 className="practice-title">
                국세청 조사에도 <em>흔들리지 않는</em> 3가지 원칙
              </h3>
            </div>
            <div className="practice-grid">
              <div className="practice-card">
                <div className="practice-num">01</div>
                <h4 className="practice-title-sm">자금흐름 3단계 소명</h4>
                <div className="practice-flow">
                  <span className="flow-node">임차인</span>
                  <span className="flow-arrow">→</span>
                  <span className="flow-node">자녀 통장</span>
                  <span className="flow-arrow">→</span>
                  <span className="flow-node">보험료 자동이체</span>
                </div>
                <p className="practice-desc">
                  임대료 입금·소득세 신고·보험료 자동이체 흐름을
                  <strong> 3년 이상</strong> 명확히 남깁니다.
                </p>
              </div>

              <div className="practice-card">
                <div className="practice-num">02</div>
                <h4 className="practice-title-sm">종합소득세 신고 완결</h4>
                <p className="practice-desc">
                  자녀 명의 종합소득세를 <strong>매년 정확히 신고</strong>합니다.
                  이것이 자녀 고유 소득임을 증명하는 <strong>가장 강력한 증거</strong>입니다.
                </p>
                <div className="practice-tag">국세기본법 제14조 (실질과세 원칙)</div>
              </div>

              <div className="practice-card">
                <div className="practice-num">03</div>
                <h4 className="practice-title-sm">실질적 지배·처분</h4>
                <p className="practice-desc">
                  자녀가 임대수익 <strong>실제 사용·투자</strong>하는 행위를 남깁니다.
                  단순 형식이 아닌 <strong>실질적 소유·처분권 행사</strong>가 핵심입니다.
                </p>
              </div>
            </div>
          </div>
        )}

        {/* ══════ CTA · 두 갈래 액션 ══════ */}
        <div className="case-cta reveal">
          <div className="cta-title serif">
            <em>내 가족</em>의 이야기는<br/>
            어떻게 <em>완성</em>될까요?
          </div>
          <div className="cta-sub">
            145억 자산가 ㅇㅇㅇ 회장님과 <strong>비슷하다면</strong>,<br/>
            지금 우리 가족의 상황을 진단해보세요.
          </div>
          <div className="cta-actions">
            <a href="diagnose.html" className="cta-btn cta-primary">
              <span className="cta-label">
                <span className="cta-lead">STEP 01</span>
                <span className="cta-main">우리 가족 진단하기</span>
                <span className="cta-note">5분 · 무료 · 리포트 즉시 발송</span>
              </span>
              <span className="cta-arrow">→</span>
            </a>
            <a href="#consult" className="cta-btn cta-secondary">
              <span className="cta-label">
                <span className="cta-lead">STEP 02</span>
                <span className="cta-main">교수님과 직접 상담</span>
                <span className="cta-note">1:1 · 60분 · 캘린더 예약</span>
              </span>
              <span className="cta-arrow">→</span>
            </a>
          </div>
        </div>

      </div>
    </section>
  );
};