body{margin:0;background:#ffffff}
a{color:#0f7a4f}a:hover{color:#0a5c3b}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.bubble{padding:8px 11px 5px;border-radius:10px;background:#ffffff;font-size:13.5px;line-height:1.4;color:#14232f;max-width:84%;box-shadow:0 1px 0 rgba(15,37,64,.14)}
.bubble.out{align-self:flex-end;background:#d7f8c7}
.bubble .t{display:block;text-align:right;font-size:10.5px;color:#5b6b78;margin-top:2px}
.ex-card{flex:1 1 260px;min-width:0;background:#ffffff;border:1px solid #d9e3ec;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.ex-chat{background:#efe7dd;padding:18px 16px;display:flex;flex-direction:column;gap:8px;min-height:190px;box-sizing:border-box}
.tag{display:inline-flex;align-items:center;gap:6px;font:500 12px/1 "JetBrains Mono",monospace;color:#0f2540;background:#e6f0f9;border-radius:999px;padding:6px 10px}
.perm-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) minmax(0,1.3fr);gap:24px;padding:22px 28px;border-top:1px solid #e3eaf1;align-items:start}
.inbox-row{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px}
.av{width:34px;height:34px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
@media (max-width:860px){
  .perm-row{grid-template-columns:1fr;gap:6px}
  .hero-visual{flex-direction:column !important}
  .wire-h{width:2px !important;height:40px !important}
  .wrap{padding:0 16px}
}

html{scroll-behavior:smooth}
section[id]{scroll-margin-top:16px}
a:focus-visible{outline:2px solid #12b76a;outline-offset:3px;border-radius:4px}
.legal{padding-top:72px;padding-bottom:104px}
.legal article{max-width:72ch}
.legal h1{font-size:48px;letter-spacing:-.03em;line-height:1.05;font-weight:800;margin:0 0 10px;color:#ffffff}
.legal .updated{color:#8fa6bd;margin:0;font-size:15px}
.legal h2{font-size:22px;margin:44px 0 10px;letter-spacing:-.01em;color:#0f2540}
.legal h3{font-size:17px;margin:24px 0 6px;color:#0f2540}
.legal p,.legal li{color:#33485c;font-size:16.5px;line-height:1.7}
.legal ul,.legal ol{padding-left:22px}
.legal li{margin-bottom:6px}
.legal .note{background:#e8f6ee;border-radius:16px;padding:16px 20px}
.legal-hero{padding-top:40px;padding-bottom:56px;position:relative}
@media (max-width:860px){.legal h1{font-size:36px}h1{font-size:44px !important}h2{font-size:32px !important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}