/* Toonwise legal pages — same look as the sales page (Red Hat type, purple/pink gradient, white cards). */
:root { --ink:#1c1640; --ink2:rgba(28,22,64,.66); --line:rgba(28,22,64,.1); --pur:#6d5dfc; --bg:#f6f2ff; --grad:linear-gradient(120deg,#6d5dfc 0%,#a66bff 45%,#ff8fa3 100%); }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:500 16.5px/1.65 "Red Hat Text",system-ui,sans-serif; }
body::before { content:""; position:fixed; z-index:-1; width:620px; height:620px; border-radius:50%; filter:blur(90px); opacity:.45; background:#d8ccff; top:-220px; right:-160px; }
h1,h2,h3 { font-family:"Red Hat Display",system-ui,sans-serif; letter-spacing:-.02em; line-height:1.2; }
a { color:var(--pur); font-weight:600; }
.top { position:sticky; top:0; z-index:5; backdrop-filter:blur(14px); background:rgba(246,242,255,.8); border-bottom:1px solid var(--line); }
.top .in { width:min(900px,calc(100% - 32px)); margin:0 auto; height:66px; display:flex; align-items:center; gap:14px; }
.logo { display:flex; align-items:center; gap:10px; font:800 20px "Red Hat Display",sans-serif; color:var(--ink); text-decoration:none; }
.logo i { width:30px; height:30px; border-radius:9px; background:var(--grad); display:grid; place-items:center; }
.logo i::after { content:""; border-left:11px solid #fff; border-top:7px solid transparent; border-bottom:7px solid transparent; margin-left:3px; }
.top .sp { flex:1; }
.top nav { display:flex; gap:16px; font-size:14.5px; flex-wrap:wrap; justify-content:flex-end; }
.top nav a { color:var(--ink2); text-decoration:none; } .top nav a.on, .top nav a:hover { color:var(--pur); }
main { width:min(900px,calc(100% - 32px)); margin:36px auto 70px; }
.doc { background:#fff; border:1px solid var(--line); border-radius:26px; padding:44px 48px; box-shadow:0 30px 70px -44px rgba(28,22,64,.45); }
.eyebrow { font:800 12px "Red Hat Text"; letter-spacing:.12em; text-transform:uppercase; color:var(--pur); }
.doc h1 { font-size:clamp(30px,5vw,44px); margin:6px 0 6px; }
.upd { color:var(--ink2); font-size:14px; margin:0 0 28px; }
.doc h2 { font-size:22px; margin:34px 0 8px; }
.doc h3 { font-size:17.5px; margin:22px 0 6px; }
.doc p, .doc li { color:#2d2850; }
.doc ul { padding-left:22px; }
.box { background:#f3f0ff; border-radius:16px; padding:16px 20px; margin:14px 0; }
.box p:first-child { margin-top:0; } .box p:last-child { margin-bottom:0; }
mark { background:#fff1c7; color:#8a5a00; border-radius:5px; padding:0 4px; font-weight:700; }
.draft { background:#fff1c7; color:#6b4a00; border:1px solid #f0d27a; border-radius:14px; padding:12px 16px; font-size:14.5px; margin-bottom:22px; }
.form label { display:block; font-weight:700; font-size:14.5px; margin:14px 0 0; }
.form input, .form textarea { display:block; width:100%; margin-top:6px; padding:12px 14px; border-radius:12px; border:2px solid var(--line); background:#fbfaff; font:600 15.5px "Red Hat Text"; color:var(--ink); }
.form input:focus, .form textarea:focus { outline:none; border-color:var(--pur); background:#fff; }
.btn { display:inline-flex; margin-top:18px; border:0; cursor:pointer; font:700 16px "Red Hat Text"; padding:13px 24px; border-radius:99px; background:var(--grad); color:#fff; box-shadow:0 14px 30px -14px rgba(109,93,252,.8); }
.foot { width:min(900px,calc(100% - 32px)); margin:0 auto 40px; color:var(--ink2); font-size:14px; display:flex; gap:16px; flex-wrap:wrap; }
.foot a { color:var(--ink2); font-weight:600; }
@media (max-width:700px) { .doc { padding:28px 20px; border-radius:20px; } .top nav { display:none; } }
@media print { .top, .foot, .draft { display:none; } .doc { box-shadow:none; border:0; } body::before { display:none; } }