#ecko-book203 { --ink:#162d4c; --leaf:#f5f6f2; --lime:#7db524; color:var(--ink); background:#e9ede9; font:15px/1.45 Arial,sans-serif; padding:20px 12px 14px; box-sizing:border-box; }
    #ecko-book203 * { box-sizing:border-box; }
    #ecko-book203 .book-stage { width:100%; max-width:850px; margin:0 auto; padding:14px 18px 24px; perspective:1800px; perspective-origin:50% 45%; touch-action:pan-y pinch-zoom; user-select:none; -webkit-user-select:none; }
    #ecko-book203 .book { position:relative; width:100%; aspect-ratio:841.89 / 595.28; transform-style:preserve-3d; transform:translateX(-25%); transition:transform 1.05s cubic-bezier(.28,.6,.24,1); }
    #ecko-book203 .sheet { position:absolute; top:0; left:50%; width:50%; height:100%; transform-origin:left center; transform-style:preserve-3d; transition:transform 1.05s cubic-bezier(.28,.6,.24,1); }
    #ecko-book203 .sheet-one { transform:translateZ(2px) rotateY(0deg); }
    #ecko-book203 .sheet-two { transform:translateZ(0px) rotateY(0deg); }
    #ecko-book203 .face { position:absolute; inset:0; background:var(--leaf); backface-visibility:hidden; -webkit-backface-visibility:hidden; box-shadow:0 7px 21px #162d4c25; }
    #ecko-book203 .face.front { transform:translateZ(.2px); }
    #ecko-book203 .face.back { transform:rotateY(180deg) translateZ(.2px); }
    #ecko-book203 .face img { display:block; width:100%; height:100%; object-fit:contain; pointer-events:none; }
    #ecko-book203 .qr-link { position:absolute; left:83.383815%; top:85.755947%; width:19.955102%; height:16.294854%; min-width:44px; min-height:44px; transform:translate(-50%,-50%); display:block; background:transparent; }
    #ecko-book203 .face[aria-hidden="true"] .qr-link { visibility:hidden; pointer-events:none; }
    #ecko-book203 .face.inside::after { content:""; position:absolute; inset:0; pointer-events:none; }
    #ecko-book203 .face.inside-left::after { background:linear-gradient(to left,#162d4c1c 0%,transparent 5%); }
    #ecko-book203 .face.inside-right::after { background:linear-gradient(to right,#00000025 0%,transparent 5%); }
    #ecko-book203[data-step="1"] .book { transform:translateX(0); }
    #ecko-book203[data-step="1"] .sheet-one { transform:translateZ(2px) rotateY(-180deg); }
    #ecko-book203[data-step="2"] .book { transform:translateX(25%); }
    #ecko-book203[data-step="2"] .sheet-one { transform:translateZ(2px) rotateY(-180deg); }
    #ecko-book203[data-step="2"] .sheet-two { transform:translateZ(4px) rotateY(-180deg); }
    #ecko-book203 .book-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; }
    #ecko-book203 button { min-height:44px; padding:10px 15px; border:1px solid #162d4c28; border-radius:5px; background:#f8faf7; color:var(--ink); font:600 13px/1.4 Arial,sans-serif; }
    #ecko-book203 button.next { background:var(--ink); border-color:var(--ink); color:#fff; min-width:164px; }
    #ecko-book203 button:disabled { opacity:.35; }
    #ecko-book203 .book-status { min-width:118px; text-align:center; margin:11px 0 0; font:12px/1.5 Arial,sans-serif; color:#46606a; }
    #ecko-book203 .downloads { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin:15px 0 0; }
    #ecko-book203 .downloads a { color:var(--ink); font-size:13px; }
    #ecko-book203 .reader { max-width:720px; margin:22px auto 0; }
    #ecko-book203 .reader[hidden] { display:none; }
    #ecko-book203 .reader-page { position:relative; margin:14px 0 0; }
    #ecko-book203 .reader-page[hidden] { display:none; }
    #ecko-book203 .reader img { width:100%; height:auto; display:block; margin:0; }
    #ecko-book203 .book-access { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
    @media (max-width:460px) {
      #ecko-book203 { padding:14px 6px 12px; }
      #ecko-book203 .book-stage { padding:12px 10px 20px; }
      #ecko-book203 button { padding:10px 12px; }
      #ecko-book203 button.next { min-width:158px; }
    }
    @media (prefers-reduced-motion:reduce) {
      #ecko-book203 .book,#ecko-book203 .sheet { transition:none; }
    }
body{margin:0;padding:clamp(14px,4vw,44px);background:#e9ede9;color:#162d4c;font-family:Arial,Helvetica,sans-serif}
main{max-width:1040px;margin:auto}
.backlink{display:inline-flex;min-height:44px;align-items:center;color:#162d4c;text-underline-offset:4px}
.brochure-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:12px 0 8px}
.brochure-heading h1{margin:0;font-size:clamp(20px,4vw,28px);letter-spacing:-.02em}
.brochure-heading p{margin:0;font-size:12px;color:#46606a}
#ecko-book203 :is(button,a):focus-visible{outline:3px solid #448bce;outline-offset:4px}
#ecko-book203 button:not(:disabled){cursor:pointer}
#ecko-book203 .book-controls button:hover:not(:disabled){box-shadow:0 0 0 3px #162d4c15,0 0 18px #365d8a35}