Advanced

Tutor model

i62 💰:9.4

i52 💰:7.9

🏆 i67 💰:62.5

i70 💰:125.0

i68 💰:125.0

🏆 i66 💰:75.0

i65 💰:125.0

i63 💰:62.5

i61 💰:75.0

i60 💰:9.4

i60 💰:37.5

i58 💰:62.5

i57 💰:22.5

i57 💰:37.5

i56 💰:45.0

⚡ i55 💰:11.25

i55 💰:37.5

i54 💰:62.5

i52 💰:35.0

i51 💰:37.5

i49 💰:15.0

i49 💰:62.5

i48 💰:11.3

i47 💰:7.5

i44 💰:25.0

i43 💰:37.5

i42 💰:187.5

i40 💰:5.0

i39 💰:100.0

i38 💰:37.5

i37 💰:11.0

i36 💰:187.5

i34 💰:12.5

i33 💰:37.5

i30 💰:1.0

i29 💰:1.5

i28 💰:150.0

i23 💰:20.0

i20 💰:4.0

i18 💰:1.0

i16 💰:25.0

i13 💰:1.5

Keep session private

What would you like to learn?

Override for the tutor's lesson content generation calls. Auto uses the system default (Claude Sonnet 5 for lesson text, Opus 5 for diagrams).

Lesson generation model

System default

i58 💰:18.8

i31 💰:11.0

i25 💰:31.3

Tutoring abilities

If a sole trader's bakery goes bankrupt owing $200,000, creditors can legally seize their personal home and car to settle the debt.

A **limited company**, however, acts as an artificial legal person distinct from its owners, completely shielding personal assets from company losses.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="1:1">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      -webkit-tap-highlight-color: transparent;
    }

    body {
      width: 100%;
      background: transparent;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 12px;
      gap: 12px;
      user-select: none;
    }

    /* Tabs */
    .toggle-bar {
      display: flex;
      gap: 8px;
      background: #eef2f6;
      padding: 4px;
      border-radius: 24px;
      width: 100%;
      max-width: 380px;
    }

    .tab-btn {
      flex: 1;
      padding: 8px 12px;
      border: none;
      background: transparent;
      border-radius: 20px;
      font-size: 14px;
      font-weight: 600;
      color: #64748b;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      transition: all 0.25s ease;
    }

    .tab-btn.active {
      background: #ffffff;
      color: #1e2945;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    }

    /* Stage */
    .stage {
      width: 100%;
      max-width: 380px;
      min-height: 320px;
      background: #ffffff;
      border-radius: 16px;
      border: 1px solid #e2e8f0;
      padding: 16px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      position: relative;
      overflow: hidden;
    }

    /* Debt block (Top) */
    .entity-block {
      width: 100%;
      padding: 12px;
      border-radius: 12px;
      text-align: center;
      font-weight: 700;
      font-size: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      z-index: 2;
    }

    .debt-box {
      background: #fef2f2;
      border: 1.5px dashed #ef4444;
      color: #b91c1c;
    }

    /* Trajectory arrow/zone */
    .flow-zone {
      flex: 1;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative;
      min-height: 100px;
    }

    .flow-line {
      position: absolute;
      width: 3px;
      height: 100%;
      background: #e2e8f0;
      z-index: 1;
    }

    .debt-pulse {
      position: absolute;
      width: 24px;
      height: 24px;
      background: #ef4444;
      color: #ffffff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: bold;
      z-index: 3;
      box-shadow: 0 0 10px rgba(239, 68, 68, 0.4);
      transition: top 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s ease;
    }

    /* Corporate Veil Wall */
    .veil-barrier {
      width: 100%;
      padding: 10px 14px;
      background: #eff6ff;
      border: 2px solid #22b7ff;
      border-radius: 10px;
      color: #0369a1;
      font-size: 13px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      z-index: 2;
      box-shadow: 0 4px 12px rgba(34, 183, 255, 0.15);
      transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .veil-barrier.hidden {
      opacity: 0;
      pointer-events: none;
      transform: scale(0.9);
    }

    /* Personal assets (Bottom) */
    .assets-box {
      background: #f8fafc;
      border: 1.5px solid #cbd5e1;
      color: #334155;
      transition: all 0.3s ease;
    }

    .assets-box.breached {
      background: #fef2f2;
      border-color: #ef4444;
      color: #991b1b;
      box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
    }

    .assets-box.shielded {
      background: #f0fdf4;
      border-color: #22c55e;
      color: #166534;
      box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
    }

    /* Status indicator */
    .status-tag {
      font-size: 13px;
      font-weight: 700;
      padding: 6px 14px;
      border-radius: 20px;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: all 0.3s ease;
    }

    .status-tag.danger {
      background: #fee2e2;
      color: #b91c1c;
    }

    .status-tag.success {
      background: #dcfce7;
      color: #15803d;
    }
  </style>
</head>
<body>

  
  <div class="toggle-bar">
    <button class="tab-btn active" id="btnSole" onclick="setMode('sole')">
      👤 Sole Trader
    </button>
    <button class="tab-btn" id="btnLtd" onclick="setMode('ltd')">
      🏢 Limited Company
    </button>
  </div>

  
  <div class="stage">
    
    <div class="entity-block debt-box">
      <span>⚡</span>
      <span>Company Debts</span>
    </div>

    
    <div class="flow-zone">
      <div class="flow-line"></div>
      
      
      <div class="veil-barrier" id="veilWall">
        <span>🛡️</span>
        <span>Corporate Veil</span>
      </div>

      
      <div class="debt-pulse" id="debtPulse">£</div>
    </div>

    
    <div class="entity-block assets-box" id="assetsBox">
      <span>🏠 🚗 💰</span>
      <span>Personal Assets</span>
    </div>

    
    <div class="status-tag danger" id="statusTag">
      <span>⚠️</span>
      <span id="statusText">Liabilities Reach Owner</span>
    </div>
  </div>

  <script>
    let currentMode = 'sole';

    function setMode(mode) {
      currentMode = mode;
      
      const btnSole = document.getElementById('btnSole');
      const btnLtd = document.getElementById('btnLtd');
      const veilWall = document.getElementById('veilWall');
      const assetsBox = document.getElementById('assetsBox');
      const debtPulse = document.getElementById('debtPulse');
      const statusTag = document.getElementById('statusTag');
      const statusText = document.getElementById('statusText');

      if (mode === 'sole') {
        btnSole.classList.add('active');
        btnLtd.classList.remove('active');
        
        veilWall.classList.add('hidden');
        debtPulse.style.top = '78%';
        
        assetsBox.className = 'entity-block assets-box breached';
        statusTag.className = 'status-tag danger';
        statusTag.querySelector('span:first-child').textContent = '⚠️';
        statusText.textContent = 'Personal Assets at Risk';
      } else {
        btnLtd.classList.add('active');
        btnSole.classList.remove('active');
        
        veilWall.classList.remove('hidden');
        debtPulse.style.top = '22%';
        
        assetsBox.className = 'entity-block assets-box shielded';
        statusTag.className = 'status-tag success';
        statusTag.querySelector('span:first-child').textContent = '✓';
        statusText.textContent = 'Personal Assets Shielded';
      }
    }

    // Initialize
    setMode('sole');
  </script>
</body>
</html>

How did the law create an invisible wall between an investor's personal wealth and their business liabilities?

## Separate Legal Personality and Limited Liability

In 1897, the landmark UK case *Salomon v Salomon & Co.* formally established that an incorporated company is an entirely separate legal person from its shareholders.

Because of **separate legal personality**, the company enters into contracts, owns property, sues, and gets sued in its own name.

**Limited liability** means a shareholder's financial loss is strictly capped at the nominal value of their unpaid shares or initial equity investment.

If you buy 1,000 fully paid shares for $1,000 and the company goes under with millions in unpaid debt, you lose only your $1,000 investment and owe nothing more.

If thousands of people own fractional parts of a company, who actually sits in the office and makes the day-to-day decisions?

In sole proprietorships, the owner is usually the manager, but large companies feature a complete **separation of ownership and control**.

The **shareholders** own the equity of the business, while the **board of directors** is elected to run daily operations and formulate business strategy.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      width: 100%;
      min-height: 100%;
      background: #f8f9fa;
      font-family: system-ui, -apple-system, sans-serif;
      color: #1e2945;
      padding: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }

    .main-stage {
      width: 100%;
      max-width: 580px;
      position: relative;
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 16px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    }

    .parties-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }

    .party-card {
      background: #f8fafc;
      border: 2px solid #e2e8f0;
      border-radius: 10px;
      padding: 12px 8px;
      text-align: center;
      transition: all 0.3s ease;
    }
    .party-card.active {
      border-color: #22b7ff;
      background: #f0f9ff;
      box-shadow: 0 0 0 3px rgba(34, 183, 255, 0.15);
    }

    .party-icon {
      font-size: 26px;
      line-height: 1;
      margin-bottom: 4px;
    }

    .party-title {
      font-size: 15px;
      font-weight: 700;
      color: #0f172a;
    }

    .party-tag {
      display: inline-block;
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      padding: 2px 8px;
      border-radius: 999px;
      margin-top: 4px;
      background: #e2e8f0;
      color: #475569;
    }
    .party-card.active .party-tag {
      background: #22b7ff;
      color: #ffffff;
    }

    .flow-container {
      display: flex;
      flex-direction: column;
      gap: 8px;
      padding: 4px 0;
    }

    .flow-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 8px;
      padding: 8px 12px;
      font-size: 13px;
      font-weight: 600;
      color: #64748b;
      transition: all 0.3s ease;
    }
    .flow-row.active {
      background: #ffffff;
      border-color: #22b7ff;
      color: #0369a1;
      box-shadow: 0 2px 6px rgba(34, 183, 255, 0.15);
    }

    .flow-arrow {
      font-size: 16px;
      font-weight: bold;
      color: #cbd5e1;
      transition: color 0.3s ease;
    }
    .flow-row.active .flow-arrow {
      color: #22b7ff;
    }

    .flow-badge {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .controls {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      flex-wrap: wrap;
    }

    .btn-step {
      background: #ffffff;
      border: 1px solid #cbd5e1;
      border-radius: 6px;
      padding: 6px 12px;
      font-size: 12px;
      font-weight: 600;
      color: #475569;
      cursor: pointer;
      transition: all 0.2s ease;
    }
    .btn-step:hover {
      background: #f1f5f9;
    }
    .btn-step.active {
      background: #22b7ff;
      border-color: #22b7ff;
      color: #ffffff;
    }

    .btn-play {
      background: #0f172a;
      border: none;
      border-radius: 6px;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      font-size: 12px;
      cursor: pointer;
    }
  </style>
</head>
<body>

  <div class="main-stage">
    <div class="parties-grid">
      <div id="cardShareholders" class="party-card active">
        <div class="party-icon">👥</div>
        <div class="party-title">Shareholders</div>
        <span class="party-tag">Ownership</span>
      </div>
      <div id="cardDirectors" class="party-card">
        <div class="party-icon">👔</div>
        <div class="party-title">Directors</div>
        <span class="party-tag">Control</span>
      </div>
    </div>

    <div class="flow-container">
      <div id="flow1" class="flow-row active">
        <span class="flow-badge">💰 Capital</span>
        <span class="flow-arrow">→</span>
        <span>Investment</span>
      </div>
      <div id="flow2" class="flow-row">
        <span class="flow-badge">🗳️ Elect</span>
        <span class="flow-arrow">→</span>
        <span>Delegation</span>
      </div>
      <div id="flow3" class="flow-row">
        <span>Strategy</span>
        <span class="flow-arrow">⚙️</span>
        <span class="flow-badge">Operations</span>
      </div>
      <div id="flow4" class="flow-row">
        <span>Stewardship</span>
        <span class="flow-arrow">←</span>
        <span class="flow-badge">📊 Reports & Dividends</span>
      </div>
    </div>
  </div>

  <div class="controls">
    <button id="playBtn" class="btn-play" aria-label="Toggle Auto-play">⏸</button>
    <button class="btn-step active" data-step="0">1. Capital</button>
    <button class="btn-step" data-step="1">2. Elect</button>
    <button class="btn-step" data-step="2">3. Control</button>
    <button class="btn-step" data-step="3">4. Stewardship</button>
  </div>

  <script src="{{VENDOR_CDN}}/classace-diagram.js"></script>
  <script>
    const flows = [$('#flow1'), $('#flow2'), $('#flow3'), $('#flow4')];
    const cardS = $('#cardShareholders');
    const cardD = $('#cardDirectors');
    const stepBtns = $$('.btn-step');
    const playBtn = $('#playBtn');

    let currentStep = 0;
    let timer = null;
    let isPlaying = true;

    function applyStep(idx) {
      currentStep = idx;

      flows.forEach((f, i) => f.classList.toggle('active', i === idx));
      stepBtns.forEach((b, i) => b.classList.toggle('active', i === idx));

      if (idx === 0) {
        cardS.classList.add('active');
        cardD.classList.remove('active');
      } else if (idx === 1) {
        cardS.classList.add('active');
        cardD.classList.add('active');
      } else if (idx === 2) {
        cardS.classList.remove('active');
        cardD.classList.add('active');
      } else if (idx === 3) {
        cardS.classList.add('active');
        cardD.classList.add('active');
      }
    }

    function nextStep() {
      applyStep((currentStep + 1) % 4);
    }

    function startAuto() {
      if (!timer) {
        timer = setInterval(nextStep, 3000);
      }
      isPlaying = true;
      playBtn.textContent = '⏸';
    }

    function stopAuto() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
      isPlaying = false;
      playBtn.textContent = '▶';
    }

    stepBtns.forEach((btn, idx) => {
      onTap(btn, () => {
        applyStep(idx);
        stopAuto();
      });
    });

    onTap(playBtn, () => {
      if (isPlaying) {
        stopAuto();
      } else {
        startAuto();
      }
    });

    startAuto();
  </script>
</body>
</html>

This structure creates **stewardship accounting**, where directors must act as faithful stewards of the capital entrusted to them by passive investors.

It can also lead to the **agency problem**, where directors might prioritize personal bonuses or prestige over shareholder wealth maximization.

Why do some company names end with 'Ltd' while others end with 'PLC'?

## Private (Ltd) vs. Public (PLC) Limited Companies

A **private limited company** (Ltd) sells shares privately, often to founders, family members, or private venture capitalists, and cannot advertise shares to the general public.

A **public limited company** (PLC) can offer its shares to the public and may list them on a recognized stock exchange to raise massive capital.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      background: #f8f9fa;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
      padding: 16px;
      user-select: none;
    }

    .controls {
      display: flex;
      gap: 8px;
      margin-bottom: 20px;
      background: #e9ecef;
      padding: 4px;
      border-radius: 24px;
    }

    .tab-btn {
      border: none;
      background: transparent;
      padding: 8px 18px;
      border-radius: 20px;
      font-size: 14px;
      font-weight: 700;
      color: #6c757d;
      cursor: pointer;
      transition: all 0.25s ease;
    }

    .tab-btn.active {
      background: #ffffff;
      color: #1e2945;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    .stage {
      position: relative;
      width: 100%;
      max-width: 520px;
      height: 240px;
      background: #ffffff;
      border-radius: 16px;
      border: 1px solid #e2e8f0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 24px 32px;
      overflow: hidden;
    }

    .node {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      z-index: 2;
      width: 90px;
      text-align: center;
    }

    .icon-box {
      width: 58px;
      height: 58px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      background: #f1f5f9;
      border: 2px solid #e2e8f0;
      transition: all 0.3s ease;
    }

    .node-label {
      font-size: 12px;
      font-weight: 700;
      color: #475569;
      line-height: 1.2;
    }

    .center-node .icon-box {
      width: 72px;
      height: 72px;
      font-size: 30px;
    }

    /* Gate / Exchange Styling */
    .ltd-mode .center-node .icon-box {
      background: #fef2f2;
      border-color: #fca5a5;
      color: #dc2626;
    }

    .plc-mode .center-node .icon-box {
      background: #eff6ff;
      border-color: #93c5fd;
      color: #2563eb;
    }

    .track {
      position: absolute;
      top: 50%;
      left: 70px;
      right: 70px;
      height: 4px;
      background: #e2e8f0;
      transform: translateY(-16px);
      z-index: 1;
    }

    .token {
      position: absolute;
      top: 50%;
      left: 70px;
      width: 24px;
      height: 24px;
      background: #22b7ff;
      border-radius: 50%;
      transform: translate(-50%, calc(-50% - 16px));
      z-index: 3;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      font-weight: 900;
      color: #fff;
      box-shadow: 0 0 10px rgba(34, 183, 255, 0.6);
      transition: left 1.2s cubic-bezier(0.45, 0, 0.55, 1);
    }

    .badge-bar {
      margin-top: 16px;
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 13px;
      font-weight: 700;
      padding: 6px 14px;
      border-radius: 20px;
      transition: all 0.3s ease;
    }

    .ltd-badge {
      background: #fee2e2;
      color: #991b1b;
    }

    .plc-badge {
      background: #dbeafe;
      color: #1e40af;
    }

    .action-btn {
      margin-top: 14px;
      background: #1e2945;
      color: #ffffff;
      border: none;
      padding: 8px 18px;
      border-radius: 10px;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: opacity 0.2s;
    }

    .action-btn:hover {
      opacity: 0.9;
    }
  </style>
</head>
<body>

  <div class="controls">
    <button id="btnLtd" class="tab-btn active" onclick="setMode('ltd')">Ltd (Private)</button>
    <button id="btnPlc" class="tab-btn" onclick="setMode('plc')">PLC (Public)</button>
  </div>

  <div id="stage" class="stage ltd-mode">
    <div class="track"></div>
    <div id="token" class="token">📜</div>

    
    <div class="node">
      <div class="icon-box">👤</div>
      <div class="node-label">Current<br>Owner</div>
    </div>

    
    <div class="node center-node">
      <div id="centerIcon" class="icon-box">🔒</div>
      <div id="centerLabel" class="node-label">Board<br>Approval</div>
    </div>

    
    <div class="node">
      <div id="destIcon" class="icon-box">👥</div>
      <div id="destLabel" class="node-label">Private<br>Buyer</div>
    </div>
  </div>

  <div id="statusBadge" class="badge-bar ltd-badge">
    <span id="badgeIcon">🔒</span>
    <span id="badgeText">Restricted Transfer</span>
  </div>

  <button class="action-btn" onclick="transferShare()">
    <span>▶</span> Transfer Share
  </button>

  <script>
    let currentMode = 'ltd';
    let isTransferring = false;

    function setMode(mode) {
      currentMode = mode;
      document.getElementById('btnLtd').classList.toggle('active', mode === 'ltd');
      document.getElementById('btnPlc').classList.toggle('active', mode === 'plc');
      
      const stage = document.getElementById('stage');
      const centerIcon = document.getElementById('centerIcon');
      const centerLabel = document.getElementById('centerLabel');
      const destIcon = document.getElementById('destIcon');
      const destLabel = document.getElementById('destLabel');
      const statusBadge = document.getElementById('statusBadge');
      const badgeIcon = document.getElementById('badgeIcon');
      const badgeText = document.getElementById('badgeText');

      resetToken();

      if (mode === 'ltd') {
        stage.className = 'stage ltd-mode';
        centerIcon.textContent = '🔒';
        centerLabel.innerHTML = 'Board<br>Approval';
        destIcon.textContent = '👥';
        destLabel.innerHTML = 'Private<br>Buyer';
        statusBadge.className = 'badge-bar ltd-badge';
        badgeIcon.textContent = '🔒';
        badgeText.textContent = 'Restricted Transfer';
      } else {
        stage.className = 'stage plc-mode';
        centerIcon.textContent = '📈';
        centerLabel.innerHTML = 'Stock<br>Exchange';
        destIcon.textContent = '🌍';
        destLabel.innerHTML = 'Public<br>Market';
        statusBadge.className = 'badge-bar plc-badge';
        badgeIcon.textContent = '⚡';
        badgeText.textContent = 'Freely Transferable';
      }
    }

    function resetToken() {
      const token = document.getElementById('token');
      token.style.transition = 'none';
      token.style.left = '70px';
      token.offsetHeight; // Force reflow
      token.style.transition = 'left 1.2s cubic-bezier(0.45, 0, 0.55, 1)';
      isTransferring = false;
    }

    function transferShare() {
      if (isTransferring) return;
      isTransferring = true;
      const token = document.getElementById('token');

      if (currentMode === 'ltd') {
        // Move to board approval, pause, then finish
        token.style.transition = 'left 0.6s ease-out';
        token.style.left = '50%';
        setTimeout(() => {
          token.style.transition = 'left 0.6s ease-in';
          token.style.left = 'calc(100% - 70px)';
          setTimeout(() => {
            setTimeout(resetToken, 1000);
          }, 600);
        }, 800);
      } else {
        // Direct rapid transfer across exchange
        token.style.transition = 'left 0.8s cubic-bezier(0.25, 1, 0.5, 1)';
        token.style.left = 'calc(100% - 70px)';
        setTimeout(() => {
          setTimeout(resetToken, 1000);
        }, 800);
      }
    }

    // Auto-cycle demo
    setInterval(() => {
      if (!isTransferring) {
        transferShare();
      }
    }, 3800);
  </script>
</body>
</html>

Because PLC shares are **freely transferable**, an investor can sell their shares on an exchange in seconds without asking the other owners for permission.

What price do companies pay in return for the legal shield of limited liability?

## Statutory Reporting and Public Accountability

In exchange for limited liability, company law demands transparency to protect suppliers, lenders, and outside investors.

Every limited company has a **statutory reporting obligation** to prepare annual financial statements following established accounting standards like IFRS or national GAAP.

These annual reports must be filed with the government registrar (such as Companies House in the UK) where anyone in the public can inspect them.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: system-ui, -apple-system, sans-serif;
      background: #f8f9fa;
      color: #1e2945;
      padding: 16px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
      user-select: none;
    }

    .nav {
      display: flex;
      gap: 8px;
      margin-bottom: 20px;
      background: #e2e8f0;
      padding: 4px;
      border-radius: 24px;
    }

    .tab-btn {
      border: none;
      background: transparent;
      padding: 8px 16px;
      font-size: 14px;
      font-weight: 600;
      color: #64748b;
      border-radius: 20px;
      cursor: pointer;
      transition: all 0.25s ease;
    }

    .tab-btn.active {
      background: #ffffff;
      color: #0284c7;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    }

    .pipeline {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      max-width: 600px;
    }

    .node {
      flex: 1;
      background: #ffffff;
      border: 1.5px solid #e2e8f0;
      border-radius: 12px;
      padding: 16px 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 8px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
      min-height: 130px;
      justify-content: center;
      transition: border-color 0.3s ease, background-color 0.3s ease;
    }

    .node-icon {
      font-size: 28px;
      line-height: 1;
    }

    .node-title {
      font-size: 13px;
      font-weight: 700;
      color: #1e2945;
      line-height: 1.2;
    }

    .node-badge {
      font-size: 11px;
      font-weight: 600;
      padding: 3px 8px;
      border-radius: 12px;
      background: #f1f5f9;
      color: #64748b;
    }

    .connector {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      color: #94a3b8;
      font-weight: bold;
      font-size: 18px;
      transition: color 0.3s ease;
    }

    .connector-label {
      font-size: 10px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #64748b;
    }

    /* Ltd state */
    .theme-ltd .node-target {
      border-color: #38bdf8;
      background: #f0f9ff;
    }
    .theme-ltd .node-target .node-badge {
      background: #0284c7;
      color: #ffffff;
    }
    .theme-ltd .connector {
      color: #0284c7;
    }

    /* Sole trader state */
    .theme-sole .node-target {
      border-color: #cbd5e1;
      background: #f8fafc;
      opacity: 0.7;
    }
    .theme-sole .node-target .node-badge {
      background: #64748b;
      color: #ffffff;
    }
    .theme-sole .connector-second {
      color: #cbd5e1;
    }

    @media (max-width: 480px) {
      .pipeline {
        flex-direction: column;
        gap: 8px;
      }
      .node {
        width: 100%;
        min-height: auto;
        padding: 12px;
        flex-direction: row;
        justify-content: space-between;
      }
      .connector {
        transform: rotate(90deg);
        margin: 2px 0;
      }
      .connector-label {
        display: none;
      }
    }
  </style>
</head>
<body class="theme-ltd">

  <div class="nav">
    <button class="tab-btn active" id="btnLtd" onclick="setMode('ltd')">Limited Company</button>
    <button class="tab-btn" id="btnSole" onclick="setMode('sole')">Sole Trader</button>
  </div>

  <div class="pipeline" id="pipeline">
    <div class="node">
      <div class="node-icon" id="srcIcon">🏢</div>
      <div class="node-title" id="srcTitle">Company</div>
      <div class="node-badge" id="srcBadge">Accounts</div>
    </div>

    <div class="connector connector-first">
      <span>→</span>
      <span class="connector-label">Files</span>
    </div>

    <div class="node">
      <div class="node-icon" id="regIcon">🏛️</div>
      <div class="node-title" id="regTitle">Companies House</div>
      <div class="node-badge" id="regBadge">Public Registry</div>
    </div>

    <div class="connector connector-second">
      <span>→</span>
      <span class="connector-label" id="flowLabel">Inspect</span>
    </div>

    <div class="node node-target">
      <div class="node-icon" id="destIcon">👥</div>
      <div class="node-title" id="destTitle">General Public</div>
      <div class="node-badge" id="destBadge">Open Access 🔓</div>
    </div>
  </div>

  <script>
    function setMode(mode) {
      const isLtd = mode === 'ltd';
      document.body.className = isLtd ? 'theme-ltd' : 'theme-sole';

      document.getElementById('btnLtd').classList.toggle('active', isLtd);
      document.getElementById('btnSole').classList.toggle('active', !isLtd);

      if (isLtd) {
        document.getElementById('srcIcon').textContent = '🏢';
        document.getElementById('srcTitle').textContent = 'Company';
        document.getElementById('srcBadge').textContent = 'Annual Report';

        document.getElementById('regIcon').textContent = '🏛️';
        document.getElementById('regTitle').textContent = 'Companies House';
        document.getElementById('regBadge').textContent = 'Public Registry';

        document.getElementById('flowLabel').textContent = 'Inspect';

        document.getElementById('destIcon').textContent = '👥';
        document.getElementById('destTitle').textContent = 'General Public';
        document.getElementById('destBadge').textContent = 'Open Access 🔓';
      } else {
        document.getElementById('srcIcon').textContent = '👤';
        document.getElementById('srcTitle').textContent = 'Sole Trader';
        document.getElementById('srcBadge').textContent = 'Tax Records';

        document.getElementById('regIcon').textContent = '🔒';
        document.getElementById('regTitle').textContent = 'HMRC (Tax)';
        document.getElementById('regBadge').textContent = 'Private File';

        document.getElementById('flowLabel').textContent = 'Blocked';

        document.getElementById('destIcon').textContent = '🚫';
        document.getElementById('destTitle').textContent = 'General Public';
        document.getElementById('destBadge').textContent = 'No Access 🔒';
      }
    }
  </script>
</body>
</html>

Most medium and large companies must also undergo an **independent external audit**, where registered auditors verify that the figures give a true and fair view.

A common misconception is that limited liability protects directors from all personal legal consequences.

If a director trades while knowing the company is insolvent or commits intentional fraud, courts can 'lift the corporate veil' and hold that director personally liable for the debts.

Consider a tech startup: founders might start as an **Ltd** to protect personal savings, then convert to a **PLC** once they need millions in public capital to expand globally.

accounting

Features of Limited Companies and Legal Structures. Identify the key characteristics of private and public limited companies, including limited liability, separation of ownership and control, and statutory reporting obligations.

Public Limited Companies (PLC) & Private Limited Companies Study Notes

A-Level Business & Accounting: Limited Companies and Corporate Structures

Statutory Accounts and Reporting Requirements for UK Limited Companies

Teaching this topic effectively to Year 13 (A2 Level) students requires bridging legal concepts with precise accounting mechanics. Begin with case-based legal anchoring (the doctrine of separate corporate personality) before examining financial statements. Use comparative drills contrasting the Income Statement of sole traders (drawings, single-level profit) with limited companies (operating profit, finance costs, taxation, and non-expense treatment of dividends in the Statement of Changes in Equity). Ensure students practice differentiating book equity reserves from market valuation metrics.

Features of Limited Companies and Legal Structures

Separate Legal Personality and Limited Liability

Separation of Ownership and Control