/* KK15 — public content pages (About, Team) in the same look as the home page:
   white page, ink hero on chart-paper grid, larger headings, quiet tiles. Loaded after legal.css. */
body.page-body{background:#fff}
main.legal.page{max-width:1120px;background:transparent;border:0;box-shadow:none;padding:12px clamp(16px,4vw,32px) 64px;margin:0 auto}
main.page .hero{background:
    repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.05) 47px 48px),
    repeating-linear-gradient(90deg,transparent 0 47px,rgba(255,255,255,.05) 47px 48px),#17183a;
  border-radius:22px;padding:clamp(32px,6vw,64px) clamp(22px,5vw,56px);margin:12px 0 8px}
main.page .hero h1{font-size:clamp(32px,5vw,52px);line-height:1.06;letter-spacing:-1.2px;max-width:18ch;margin:0 0 14px}
main.page .hero p{font-size:clamp(16.5px,1.6vw,18.5px);color:#c9cbe4;max-width:58ch}
main.page .hero p b{color:#fff}
main.page .hero .btn{background:#5b3df5;color:#fff;border-radius:12px;padding:13px 20px}
main.page .hero .btn:hover{background:#4429d6}
main.page .hero .btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.4);color:#fff}
main.page h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.5px;line-height:1.15;border-top:0;margin:56px 0 12px;padding-top:0}
main.page > p{max-width:70ch;font-size:16.5px}
main.page .tile,main.page .m,main.page .rules div{border:0;background:#f5f6fb;border-radius:16px}
main.page .m{background:#fff;border:1px solid #e4e6f0}
main.page .m:hover{transform:none;box-shadow:0 18px 36px -24px rgba(23,24,58,.45)}
main.page .m .ml{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:12.5px}
main.page .m .top > div{min-width:0}
main.page .plan{border-radius:18px}
main.page .plan.best{border-color:#5b3df5}
main.page .steps li::before{border-radius:50%;background:#fff;border:2px solid #5b3df5}
main.page .note{max-width:78ch;border-left-color:#f2a93b;background:#fffaf0}
main.page a.btn:focus-visible{outline:3px solid #b9abff;outline-offset:2px}