*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }


    @font-face { font-family: 'Newsreader Fallback'; src: local('Georgia'); size-adjust: 100.5%; ascent-override: 73.6%; descent-override: 25.9%; line-gap-override: 0%; }
    @font-face { font-family: 'DM Sans Fallback'; src: local('Arial'), local('Helvetica'); size-adjust: 102.9%; ascent-override: 96.2%; descent-override: 30.1%; line-gap-override: 0%; }

    :root {
      color-scheme: light dark;


      --cb-bg: 246 245 242;
      --cb-surface: 255 255 255;
      --cb-border: 232 228 222;
      --cb-text: 28 26 38;
      --cb-text-inverse: 246 245 242;
      --cb-text-sec: 88 84 100;
      --cb-text-muted: 107 104 120;
      --cb-accent: 255 161 126;
      --cb-accent-2: 255 130 89;
      --cb-accent-hover: 255 130 89;
      --cb-accent-light: 255 241 233;
      --cb-accent-deep: 187 74 45;
      --cb-accent-deep-hover: 158 58 30;
      --cb-mint: 127 227 196;
      --cb-mint-light: 224 248 240;
      --cb-success: 96 184 152;
      --cb-success-light: 224 248 240;
      --cb-warning: 224 168 88;
      --cb-warning-light: 252 244 226;
      --cb-error: 224 96 112;
      --cb-error-light: 252 232 236;
      --aurora-1: 255 207 188;
      --aurora-2: 185 230 215;
      --aurora-3: 255 230 210;
      --glass-bg-strong: rgba(255, 255, 255, 0.72);
      --glass-border-top: rgba(255, 255, 255, 0.85);
      --shadow-card: 0 8px 32px rgba(60, 50, 40, 0.06);
      --shadow-card-hover: 0 12px 48px rgba(255, 161, 126, 0.16);
      --glow-iris: 0 0 24px rgba(255, 161, 126, 0.35);


      --ink: #1C1A26;
      --cream: #F6F5F2;
      --coral: #FF8A60;
      --coral-2: #FFA17E;
      --coral-hover: #FF9E7B;
      --deep: #BB4A2D;
      --deep-2: #9E3A1E;
      --mint: #7FE3C4;
      --amber: #F2C46B;
      --gutter: clamp(20px, 5vw, 72px);
      --nav-h: 72px;
      --serif: 'Newsreader', 'Newsreader Fallback', Georgia, 'Times New Roman', serif;
      --sans: 'DM Sans', 'DM Sans Fallback', system-ui, -apple-system, 'Segoe UI', sans-serif;


      --bg: #F6F5F2;
      --bg-rgb: 246 245 242;
      --surface: #FFFFFF;
      --surface-2: #FBFAF8;
      --text: #1C1A26;
      --text-2: #585464;
      --text-3: #63606F;
      --line: #E8E4DE;
      --line-2: #D9D3CB;
      --hair: rgba(28, 26, 38, 0.10);
      --fill: rgba(28, 26, 38, 0.045);
      --fill-2: rgba(28, 26, 38, 0.08);
      --accent-ink: #B4431F;
      --accent-ink-2: #9E3A1E;
      --focus: #B4431F;
      --peach: #FFF1E9;
      --peach-ink: #A8401F;
      --mint-ink: #1D6B52;
      --mint-soft: #E0F8F0;
      --mint-line: rgba(29, 107, 82, 0.22);
      --amber-ink: #8A5A12;
      --amber-soft: #FCF4E2;
      --tint-bg: #FFF8F4;
      --tint-line: #FFD9C8;
      --featured-bg: #FFF5EE;
      --featured-shadow: 0 30px 70px rgba(255, 138, 96, 0.22);
      --chip-bg: #1C1A26;
      --chip-ink: #F6F5F2;
      --nav-glass: rgba(246, 245, 242, 0.86);
      --nav-line: rgba(28, 26, 38, 0.08);
      --nav-panel: rgba(246, 245, 242, 0.98);
      --menu-shadow: 0 30px 60px rgba(60, 50, 40, 0.18);
      --dock-bg: rgba(255, 255, 255, 0.94);
      --dock-shadow: 0 18px 50px rgba(60, 50, 40, 0.22);
      --shadow-doc: 0 30px 90px rgba(60, 50, 40, 0.12), 0 2px 6px rgba(60, 50, 40, 0.04);
      --pill-bg: rgba(255, 252, 248, 0.55);
      --pill-line: rgba(255, 255, 255, 0.85);
      --pill-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset, 0 12px 32px rgba(60, 50, 40, 0.10);
      --modal-veil: rgba(28, 26, 38, 0.32);
      --modal-bg: rgba(255, 255, 255, 0.92);
      --modal-line: rgba(255, 255, 255, 0.85);
      --modal-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 24px 80px rgba(60, 50, 40, 0.18), 0 2px 8px rgba(60, 50, 40, 0.06);
      --hero-bg:
        radial-gradient(900px 720px at 73% 54%, rgba(255, 138, 96, 0.20), rgba(255, 138, 96, 0) 62%),
        radial-gradient(640px 460px at 4% 0%, rgba(127, 227, 196, 0.14), rgba(127, 227, 196, 0) 60%),
        var(--bg);
      --final-bg:
        radial-gradient(620px 460px at 50% 34%, rgba(255, 138, 96, 0.24), rgba(255, 138, 96, 0) 70%),
        var(--bg);
      --xo-bg:
        radial-gradient(900px 600px at 15% 0%, rgba(255, 138, 96, 0.13), rgba(255, 138, 96, 0) 70%),
        radial-gradient(800px 600px at 100% 100%, rgba(255, 138, 96, 0.12), rgba(255, 138, 96, 0) 70%),
        var(--bg);
      --stars-opacity: 0;
      --ring: rgba(187, 74, 45, 0.34);

      --scrim-rgb: 246 245 242;
      --scrim-k: 1.22;
      --moon-bg: radial-gradient(circle at 36% 34%, #FFFFFF, #E4DFF5 60%, #B9B0DD);
      --moon-glow: 0 0 44px 12px rgba(120, 108, 196, 0.22), 0 0 140px 50px rgba(150, 138, 220, 0.10);
      --glow-bg: radial-gradient(ellipse 58% 62% at var(--sun-x, 52%) 92%, rgba(255, 146, 96, 0.58), rgba(255, 140, 116, 0.22) 46%, rgba(255, 140, 116, 0) 72%);
      --cloud-bg: radial-gradient(closest-side, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.46) 58%, rgba(255, 255, 255, 0) 100%);
      --sun-bg: radial-gradient(circle, rgba(255, 176, 98, 1) 0 8%, rgba(255, 142, 92, 0.78) 13%, rgba(255, 124, 92, 0.30) 32%, rgba(255, 124, 92, 0) 62%);
      --sun-disc: radial-gradient(circle at 38% 34%, #FFF7DE, #FFD08A 58%, #FFA860);
      --sun-disc-glow: 0 0 60px 24px rgba(255, 160, 100, 0.5);
      --rays-bg: repeating-conic-gradient(from 0deg, rgba(255, 186, 136, 0) 0 6deg, rgba(255, 186, 136, 0.34) 6deg 8deg);
      --apx-bg: rgba(255, 255, 255, 0.76);
      --apx-line: rgba(28, 26, 38, 0.10);
      --apx-shadow: 0 30px 80px rgba(70, 56, 110, 0.18);
      --cmd-line: rgba(224, 96, 56, 0.6);
      --cmd-ring: rgba(255, 138, 96, 0.14);

      --sky-0: #E6E2F3; --sky-1: #D4CEEB; --sky-2: #BDB3E0;
      --hill-0: #BDB4E0; --hill-1: #A99FD3; --hill-2: #9388C4;

      --doc-text: #2A2735;
      --doc-old: #3A3645;
      --strike: rgba(187, 74, 45, 0.85);
      --strike-text: #9E3A1E;
      --ghost-line: rgba(28, 26, 38, 0.2);
      --typed-hl: rgba(127, 227, 196, 0.5);
      --lock-bg: rgba(28, 26, 38, 0.045);
      --lock-line: rgba(28, 26, 38, 0.22);

      --xo-stroke: rgba(28, 26, 38, 0.42);
      --xo-dot: rgba(28, 26, 38, 0.3);
      --beam: #1C1A26;
      --beam-glow: 0 0 0 1px rgba(255, 255, 255, 0.6), 0 0 26px 4px rgba(255, 138, 96, 0.4);
    }

    @media (prefers-color-scheme: dark) {
      :root {
        --cb-bg: 16 14 25;
        --cb-surface: 26 23 38;
        --cb-border: 52 47 66;
        --cb-text: 246 245 242;
        --cb-text-inverse: 28 26 38;
        --cb-text-sec: 194 191 201;
        --cb-text-muted: 160 157 170;
        --cb-accent-light: 66 38 30;
        --cb-mint-light: 26 54 48;
        --cb-success-light: 26 54 48;
        --cb-warning-light: 58 46 24;
        --cb-error-light: 62 30 36;
        --glass-bg-strong: rgba(26, 23, 38, 0.72);
        --glass-border-top: rgba(255, 255, 255, 0.12);
        --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.35);
        --shadow-card-hover: 0 12px 48px rgba(255, 138, 96, 0.14);

        --bg: #100E19;
        --bg-rgb: 16 14 25;
        --surface: #1A1726;
        --surface-2: #221E30;
        --text: #F6F5F2;
        --text-2: rgba(246, 245, 242, 0.76);
        --text-3: rgba(246, 245, 242, 0.62);
        --line: rgba(255, 255, 255, 0.10);
        --line-2: rgba(255, 255, 255, 0.20);
        --hair: rgba(255, 255, 255, 0.10);
        --fill: rgba(255, 255, 255, 0.06);
        --fill-2: rgba(255, 255, 255, 0.10);
        --accent-ink: #FFA17E;
        --accent-ink-2: #FFB89C;
        --focus: #FFA17E;
        --peach: rgba(255, 138, 96, 0.16);
        --peach-ink: #FFB79A;
        --mint-ink: #7FE3C4;
        --mint-soft: rgba(127, 227, 196, 0.12);
        --mint-line: rgba(127, 227, 196, 0.28);
        --amber-ink: #F2C46B;
        --amber-soft: rgba(242, 196, 107, 0.13);
        --tint-bg: rgba(255, 138, 96, 0.07);
        --tint-line: rgba(255, 138, 96, 0.28);
        --featured-bg: rgba(255, 138, 96, 0.10);
        --featured-shadow: 0 30px 80px rgba(255, 110, 70, 0.14);
        --chip-bg: #F6F5F2;
        --chip-ink: #1C1A26;
        --nav-glass: rgba(16, 14, 25, 0.74);
        --nav-line: rgba(255, 255, 255, 0.07);
        --nav-panel: rgba(16, 14, 25, 0.97);
        --menu-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
        --dock-bg: rgba(22, 19, 31, 0.92);
        --dock-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
        --shadow-doc: 0 30px 90px rgba(0, 0, 0, 0.42), 0 2px 6px rgba(0, 0, 0, 0.2);
        --pill-bg: rgba(34, 30, 48, 0.7);
        --pill-line: rgba(255, 255, 255, 0.12);
        --pill-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
        --modal-veil: rgba(0, 0, 0, 0.55);
        --modal-bg: rgba(26, 23, 38, 0.94);
        --modal-line: rgba(255, 255, 255, 0.12);
        --modal-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
        --hero-bg:
          radial-gradient(900px 720px at 73% 54%, rgba(255, 110, 70, 0.20), rgba(255, 110, 70, 0) 62%),
          radial-gradient(640px 460px at 4% 0%, rgba(127, 227, 196, 0.07), rgba(127, 227, 196, 0) 60%),
          linear-gradient(180deg, #16131F 0%, #120F1C 55%, var(--bg) 100%);
        --final-bg:
          radial-gradient(620px 460px at 50% 34%, rgba(255, 110, 70, 0.28), rgba(255, 110, 70, 0) 70%),
          linear-gradient(180deg, var(--bg) 0%, #1D1430 38%, var(--bg) 100%);
        --xo-bg:
          radial-gradient(900px 600px at 15% 0%, rgba(255, 110, 70, 0.08), rgba(255, 110, 70, 0) 70%),
          radial-gradient(800px 600px at 100% 100%, rgba(255, 110, 70, 0.07), rgba(255, 110, 70, 0) 70%),
          var(--bg);
        --stars-opacity: .8;
        --ring: rgba(255, 196, 160, 0.55);
        --scrim-rgb: 9 7 24;
        --scrim-k: 1;
        --moon-bg: radial-gradient(circle at 36% 34%, #FFFBF2, #F1E6D6 60%, #D9CBB8);
        --moon-glow: 0 0 44px 12px rgba(255, 240, 220, 0.16), 0 0 140px 50px rgba(200, 190, 255, 0.07);
        --glow-bg: radial-gradient(ellipse 58% 62% at var(--sun-x, 52%) 92%, rgba(255, 158, 112, 0.62), rgba(255, 120, 110, 0.22) 46%, rgba(255, 120, 110, 0) 72%);
        --cloud-bg: radial-gradient(closest-side, rgba(255, 196, 176, 0.62), rgba(255, 170, 160, 0.26) 58%, rgba(255, 170, 160, 0) 100%);
        --sun-bg: radial-gradient(circle, rgba(255, 244, 222, 1) 0 8%, rgba(255, 204, 156, 0.88) 12%, rgba(255, 150, 112, 0.38) 30%, rgba(255, 130, 100, 0) 62%);
        --sun-disc: radial-gradient(circle at 38% 34%, #FFFDF4, #FFEAC4 58%, #FFCB92);
        --sun-disc-glow: 0 0 60px 24px rgba(255, 226, 176, 0.5);
        --rays-bg: repeating-conic-gradient(from 0deg, rgba(255, 226, 190, 0) 0 6deg, rgba(255, 226, 190, 0.2) 6deg 8deg);
        --apx-bg: rgba(14, 11, 34, 0.72);
        --apx-line: rgba(255, 255, 255, 0.14);
        --apx-shadow: 0 30px 80px rgba(5, 4, 20, 0.38);
        --cmd-line: rgba(255, 161, 126, 0.55);
        --cmd-ring: rgba(255, 138, 96, 0.1);
        --sky-0: #0E0C1C; --sky-1: #141131; --sky-2: #251A42;
        --hill-0: #1C1838; --hill-1: #120F28; --hill-2: #0E0C1C;
        --doc-text: #E9E7EE;
        --doc-old: #C9C6D2;
        --strike: rgba(255, 161, 126, 0.85);
        --strike-text: rgba(255, 183, 154, 0.74);
        --ghost-line: rgba(255, 255, 255, 0.22);
        --typed-hl: rgba(127, 227, 196, 0.3);
        --lock-bg: rgba(255, 255, 255, 0.06);
        --lock-line: rgba(255, 255, 255, 0.26);
        --xo-stroke: rgba(246, 245, 242, 0.46);
        --xo-dot: rgba(246, 245, 242, 0.34);
        --beam: #FFA17E;
        --beam-glow: 0 0 0 1px rgba(255, 196, 160, 0.3), 0 0 26px 4px rgba(255, 138, 96, 0.55);
      }
    }

    html { scroll-behavior: smooth; scroll-padding-top: calc(var(--nav-h) + 12px); background: var(--bg); }
    body {
      font-family: var(--sans);
      font-size: 17px;
      line-height: 1.6;
      color: var(--text);
      background: var(--bg);
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }
    img, svg, canvas { display: block; max-width: 100%; }
    a { color: var(--accent-ink); text-underline-offset: 3px; }
    a:hover { color: var(--accent-ink-2); }
    [hidden] { display: none !important; }
    button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
    :focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; border-radius: 6px; }

    .pearl-sr-only, .sr-only {
      position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
      overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
    }
    .skip {
      position: fixed; left: 12px; top: -60px; z-index: 200;
      background: var(--chip-bg); color: var(--chip-ink); padding: 10px 16px; border-radius: 10px;
      font-weight: 700; text-decoration: none; transition: top .2s;
    }
    .skip:focus { top: 12px; color: var(--chip-ink); }

    .wrap { width: 100%; max-width: 1280px; margin-inline: auto; padding-inline: var(--gutter); }


    .kicker {
      display: inline-flex; align-items: center; gap: 10px;
      font-size: 15px; font-weight: 600; letter-spacing: 0.005em; color: var(--accent-ink);
    }
    .kicker::before {
      content: ''; width: 8px; height: 8px; border-radius: 50%;
      background: currentColor; opacity: .9; flex: none;
    }
    .pill-pro {
      display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 999px;
      background: var(--coral); color: var(--ink); font-size: 12px; font-weight: 700; letter-spacing: .02em;
    }
    .sec-title {
      font-family: var(--serif); font-weight: 400; letter-spacing: -0.022em;
      font-size: clamp(40px, 4.5vw, 66px); line-height: 1.02; text-wrap: balance;
      margin-top: 16px;
    }
    .sec-title em { font-style: italic; }
    .lede { margin-top: 20px; font-size: clamp(17px, 1.3vw, 19px); line-height: 1.62; color: var(--text-2); max-width: 36em; text-wrap: pretty; }
    .fine { font-size: 13.5px; line-height: 1.55; color: var(--text-3); }


    .btn {
      display: inline-flex; align-items: center; justify-content: center; gap: 10px;
      min-height: 56px; padding: 0 26px; border-radius: 14px;
      font: 700 17px/1 var(--sans); text-decoration: none; white-space: nowrap;
      transition: transform .18s ease, background .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .btn:hover { transform: translateY(-1px); }
    .btn svg { width: 20px; height: 20px; flex: none; }
    .btn--primary {
      background: var(--coral); color: var(--ink);
      box-shadow: 0 12px 34px rgba(255, 120, 80, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.45);
    }
    .btn--primary:hover { background: var(--coral-hover); color: var(--ink); }
    .btn--ghost { color: var(--text); border: 1.5px solid var(--line-2); background: var(--fill); }
    .btn--ghost:hover { color: var(--text); background: var(--fill-2); border-color: var(--text-3); }
    .ic { fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }

    .btn .pearl-cta-mark { width: 16px; height: 16px; margin-right: -2px; }


    .scroll-progress {
      position: fixed; top: 0; left: 0; z-index: 101; height: 2px; width: 0;
      background: linear-gradient(90deg, var(--coral-2), var(--coral));
    }


    .nav {
      position: fixed; inset: 0 0 auto 0; z-index: 100; height: var(--nav-h);
      display: flex; align-items: center; justify-content: space-between; gap: 24px;
      padding: 0 var(--gutter); color: var(--text);
      transition: background .3s ease, color .3s ease, box-shadow .3s ease;
    }
    .nav.scrolled {
      background: var(--nav-glass);
      -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%);
      box-shadow: 0 1px 0 var(--nav-line);
    }
    .nav-logo { display: flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; flex: none; }
    .nav-logo:hover { color: inherit; }
    .nav-logo-mark { width: 30px; height: 30px; color: var(--coral-2); display: inline-flex; }
    .nav-logo-mark svg { width: 100%; height: 100%; overflow: visible; }
    .nav-logo-mark .shush-s-finger { fill: rgba(255, 252, 248, 0.95); }
    .nav-logo-text { font-family: var(--serif); font-size: 23px; font-weight: 500; letter-spacing: -0.01em; }
    .nav-logo-text > span { color: var(--accent-ink); font-weight: 600; }
    .nav-links { display: flex; align-items: center; gap: clamp(14px, 1.7vw, 26px); }
    .nav-links a { color: inherit; opacity: .76; font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap; transition: opacity .15s; }
    .nav-links a:hover { opacity: 1; color: inherit; }
    .nav-right { display: flex; align-items: center; gap: 12px; flex: none; }
    .nav-cta {
      display: inline-flex; align-items: center; height: 42px; padding: 0 18px; border-radius: 11px;
      background: var(--coral); color: var(--ink); font-weight: 700; font-size: 14.5px; text-decoration: none; white-space: nowrap;
      transition: background .15s, transform .15s;
    }
    .nav-cta:hover { background: var(--coral-hover); color: var(--ink); transform: translateY(-1px); }
    .nav-cta .pearl-cta-mark { display: none; }
    .mobile-toggle { display: none; width: 44px; height: 44px; border-radius: 12px; align-items: center; justify-content: center; color: inherit; }
    .mobile-toggle svg { width: 24px; height: 24px; }
    .mobile-toggle .ic-close { display: none; }
    .mobile-toggle[aria-expanded="true"] .ic-open { display: none; }
    .mobile-toggle[aria-expanded="true"] .ic-close { display: block; }
    @media (max-width: 1140px) {
      .mobile-toggle { display: inline-flex; }
      .nav-links {
        position: fixed; top: var(--nav-h); left: 0; right: 0; z-index: 99;
        flex-direction: column; align-items: stretch; gap: 0;
        padding: 8px var(--gutter) 22px; background: var(--nav-panel); color: var(--text);
        box-shadow: var(--menu-shadow);
        transform: translateY(-8px); opacity: 0; visibility: hidden;
        transition: opacity .2s, transform .2s, visibility 0s .2s;
        max-height: calc(100vh - var(--nav-h)); overflow-y: auto;
      }
      .nav-links.open { transform: none; opacity: 1; visibility: visible; transition: opacity .2s, transform .2s; }
      .nav-links a { padding: 14px 2px; font-size: 17px; opacity: .9; border-bottom: 1px solid var(--hair); }
      .nav.menu-open { background: var(--nav-panel); }
    }
    @media (max-width: 420px) {
      .nav-logo-text { font-size: 21px; }
      .nav-cta { padding: 0 14px; }
    }


    .hv2-dock {
      position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 90; display: none;
      align-items: center; justify-content: space-between; gap: 12px; padding: 10px 10px 10px 18px; border-radius: 18px;
      background: var(--dock-bg); color: var(--text); border: 1px solid var(--line); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
      box-shadow: var(--dock-shadow); transform: translateY(140%); transition: transform .35s cubic-bezier(.2,.8,.2,1);
    }
    .hv2-dock.is-visible { transform: none; }
    .hv2-dock__col { display: flex; flex-direction: column; line-height: 1.3; }
    .hv2-dock__price { font-weight: 700; font-size: 15px; }
    .hv2-dock__sub { font-size: 12.5px; color: var(--text-3); }
    .hv2-dock__btn { display: inline-flex; align-items: center; height: 46px; padding: 0 20px; border-radius: 12px; background: var(--coral); color: var(--ink); font-weight: 700; font-size: 15.5px; text-decoration: none; }
    .hv2-dock__btn:hover { color: var(--ink); background: var(--coral-hover); }
    .hv2-dock__btn .pearl-cta-mark { display: none; }
    @media (max-width: 760px) { .hv2-dock { display: flex; } }


    .footer { background: var(--bg); color: var(--text); padding: 56px 0 44px; border-top: 1px solid var(--line); }
    .footer .pearl-footer-pill-host { display: flex; justify-content: center; margin-bottom: 28px; }
    .footer .pearl-footer-pill { background: var(--pill-bg); border-color: var(--pill-line); box-shadow: var(--pill-shadow); }
    .footer-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; flex-wrap: wrap; }
    .footer-logo { display: flex; align-items: center; gap: 10px; font-family: var(--serif); font-size: 22px; }
    .footer-logo img { width: 28px; height: 28px; }
    .footer-logo__text > span { color: var(--accent-ink); }
    .footer-links { display: grid; grid-template-columns: repeat(3, minmax(0, auto)); gap: 10px 44px; }
    .footer-links a { color: var(--text-2); text-decoration: none; font-size: 14.5px; }
    .footer-links a:hover { color: var(--text); }
    .footer-legal { margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--line); display: grid; gap: 8px; font-size: 13px; line-height: 1.6; color: var(--text-3); }
    @media (max-width: 760px) {
      .footer { padding-bottom: 104px; }
      .footer-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; width: 100%; }
    }