/* Clauseway demo layer: phone menu, log in, review-a-contract panel, demo form. Nothing is sent or uploaded. */
.cw-menu{display:none;width:46px;height:46px;border-radius:50%;border:2px solid var(--ink);align-items:center;justify-content:center;font-size:22px;color:var(--ink)}
nav.cw-mnav{display:none}
@media (max-width:1100px){
  .cw-menu{display:inline-flex}
  nav.cw-mnav{position:absolute;left:0;right:0;top:var(--hh);flex-direction:column;gap:0;margin:0;padding:8px 32px 20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(17,17,17,.06)}
  header.menu-open nav.cw-mnav{display:flex}
  nav.cw-mnav a{padding:16px 0;border-bottom:1px solid var(--line);font:600 20px/1 var(--head)}
  nav.cw-mnav a:last-child{border-bottom:0}
}
@media (max-width:860px){nav.cw-mnav{padding:4px 20px 16px}.hr{gap:12px}}

/* demo form */
.form .fl{position:relative}
.cw-err{display:none;font:500 14px/1.3 var(--sans);color:var(--acc-text);padding-left:6px;font-style:normal;max-width:380px}
.form.bad .cw-err{display:block}
.form.bad input{border-color:var(--acc)}
.thanks p{font:600 20px/1.4 var(--sans);color:var(--ink)}
.thanks .cw-sub{font:400 16px/1.4 var(--sans);color:var(--muted);margin-top:6px}
.cw-again{margin-top:16px;font:600 15px/1 var(--sans);color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:3px}

/* modal */
.cw-scrim{position:fixed;inset:0;z-index:90;background:rgba(17,17,17,.4);opacity:0;pointer-events:none;transition:opacity .3s}
.cw-open .cw-scrim{opacity:1;pointer-events:auto}
.cw-modal{position:fixed;z-index:91;left:50%;top:50%;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:var(--white);border-radius:24px;box-shadow:0 30px 80px rgba(17,17,17,.25);padding:44px;transform:translate(-50%,-47%);opacity:0;visibility:hidden;transition:transform .35s,opacity .25s,visibility 0s linear .35s}
.cw-modal.narrow{width:min(480px,calc(100vw - 32px))}
.cw-open .cw-modal{transform:translate(-50%,-50%);opacity:1;visibility:visible;transition:transform .35s,opacity .25s}
.cw-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:var(--ink)}
.cw-x:hover{background:var(--paper)}
.cw-modal h2{font-size:34px;line-height:1.1;margin-bottom:10px}
.cw-modal .lede{color:var(--muted);font-size:17px}
.cw-field{display:grid;gap:8px;margin-top:22px;font:600 15px/1 var(--sans);color:var(--ink)}
.cw-field input{height:54px;border-radius:14px;border:2px solid var(--line);padding:0 18px;font:500 17px var(--sans);color:var(--ink)}
.cw-field input:focus{outline:none;border-color:var(--ink)}
.cw-field.bad input{border-color:var(--acc)}
.cw-field em{display:none;font:500 14px/1.3 var(--sans);color:var(--acc-text);font-style:normal}
.cw-field.bad em{display:block}
.cw-modal .btn{margin-top:20px}
.cw-modal .btn.full{width:100%}
.cw-small{margin-top:16px;font-size:14px;color:var(--muted)}
.cw-small a,.cw-small button{color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-size:14px}
.cw-ok{width:52px;height:52px;border-radius:50%;background:var(--tint);display:grid;place-items:center;margin-bottom:18px;color:var(--acc-text);font-size:26px}

/* review flow */
.cw-drop{margin-top:24px;border:2px dashed var(--line);border-radius:18px;padding:34px 24px;text-align:center;transition:border-color .2s,background .2s;cursor:pointer}
.cw-drop:hover,.cw-drop.over{border-color:var(--ink);background:var(--paper)}
.cw-drop b{display:block;font:600 19px/1.3 var(--head);color:var(--ink)}
.cw-drop span{display:block;margin-top:6px;font-size:15px;color:var(--muted)}
.cw-drop svg{width:34px;height:34px;margin:0 auto 12px;color:var(--ink)}
.cw-or{display:flex;align-items:center;gap:14px;margin:18px 0 0;color:var(--muted);font-size:14px}
.cw-or::before,.cw-or::after{content:"";flex:1;height:1px;background:var(--line)}
.cw-prog{margin-top:22px}
.cw-bar{height:8px;border-radius:99px;background:var(--paper);overflow:hidden}
.cw-bar i{display:block;height:100%;width:0;background:var(--acc);border-radius:99px;transition:width .3s}
.cw-steps{list-style:none;margin-top:18px;display:grid;gap:8px}
.cw-steps li{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--muted)}
.cw-steps li::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:none}
.cw-steps li.done{color:var(--ink)}
.cw-steps li.done::before{background:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 3px #fff}
.cw-steps li.flag::before{background:var(--acc);border-color:var(--acc);box-shadow:inset 0 0 0 3px #fff}
.cw-sum{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.cw-pill{font:600 13px/1 var(--sans);padding:8px 12px;border-radius:99px;background:var(--paper);color:var(--ink)}
.cw-pill.h{background:var(--acc);color:#fff}
.cw-pill.m{background:var(--tint);color:var(--acc-text)}
.cw-find{border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-top:12px}
.cw-find h4{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:19px}
.cw-find .cl{font-size:13px;color:var(--muted);margin-top:4px;font-family:var(--sans)}
.cw-find p{font-size:16px;margin-top:10px;color:var(--body)}
.cw-find .fix{margin-top:10px;padding:10px 14px;border-radius:10px;background:var(--paper);font-size:15px}
.cw-find .fix b{color:var(--ink)}
.cw-find.ok{background:#F6FAF6;border-color:#D6E8D6}
.cw-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}

@media (max-width:600px){
  .cw-modal{left:0;top:auto;bottom:0;width:100vw;max-height:92vh;border-radius:22px 22px 0 0;padding:34px 20px 28px;transform:translateY(30px)}
  .cw-modal.narrow{width:100vw}
  .cw-open .cw-modal{transform:none}
  .cw-modal h2{font-size:28px}
  .cw-acts .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.cw-modal,.cw-scrim,.cw-bar i{transition:none}}
@media (max-width:600px){
  .hbar{gap:10px}
  .logo{font-size:21px}
  .hr{gap:8px}
  .hr .btn.sm{height:42px;padding:0 15px;font-size:15px}
  .cw-menu{width:42px;height:42px}
}
nav.cw-mnav a.cw-mcta{display:none}
@media (max-width:374px){
  .hr .btn.sm{display:none}
  nav.cw-mnav a.cw-mcta{display:block}
}