/* Sign-in picker + Book a demo */

/* ---------- Sign in ---------- */
.si{padding:56px 0 100px;background:var(--mist);min-height:calc(100vh - 70px)}
.si-in{display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:start}
.si-in>*{min-width:0}
@media (max-width:1020px){.si-in{grid-template-columns:1fr;gap:40px}}
.si-main .t-lead{margin-top:14px}
.si-last{margin-top:32px}
.si-last .t-small{display:block;margin-bottom:8px}
.si-group{margin-top:36px}
.si-group h2{font-size:15px;font-weight:700;color:var(--muted);letter-spacing:0;margin-bottom:12px}
.si-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:640px){.si-grid{grid-template-columns:1fr}}
.si-tile{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-md);padding:14px 16px;text-decoration:none;transition:border-color .15s}
a.si-tile:hover,a.si-tile:focus-visible{border-color:var(--c)}
.si-t b{display:block;color:var(--ink);font-size:16.5px;line-height:1.3}
.si-t span{display:block;color:var(--muted);font-size:13.5px}
.si-go{font-weight:700;font-size:14px;color:var(--ink);border:1.5px solid var(--line);border-radius:var(--r-sm);padding:7px 12px;white-space:nowrap}
a.si-tile:hover .si-go{background:var(--ink);border-color:var(--ink);color:#fff}
.si-tile.is-soon{opacity:.6;grid-template-columns:40px 1fr}
.si-tile-big{border-color:var(--c);box-shadow:0 14px 30px -20px rgba(24,24,24,.4)}
.si-tile-big .si-go{background:var(--fox);border-color:var(--fox)}
.si-help{margin-top:36px;color:var(--body)}
.si-side{position:sticky;top:96px;display:grid;gap:12px}
@media (max-width:1020px){.si-side{position:static}}
.si-card{background:var(--ink);color:#CFCFCF;border-radius:var(--r-lg);padding:30px 28px}
.si-card h2{color:#fff;font-size:26px;margin:18px 0 10px}
.si-card p{font-size:15.5px;line-height:1.5;margin-bottom:22px}
.si-card .btn{width:100%}
.si-card ul{list-style:none;margin:22px 0 0;padding:20px 0 0;border-top:1px solid #333;display:grid;gap:10px;font-size:15px}
.si-card li{display:flex;gap:10px;align-items:center}
.si-card li svg{width:18px;height:18px;color:var(--fox)}
.si-browse{display:grid;grid-template-columns:24px 1fr;gap:14px;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-md);padding:16px 18px;text-decoration:none}
.si-browse:hover{border-color:var(--ink)}
.si-browse svg{width:22px;height:22px;color:var(--fox-deep)}
.si-browse b{display:block;color:var(--ink)}
.si-browse span span{display:block;font-size:14px;color:var(--muted)}

/* ---------- Book a demo ---------- */
.bd{padding:56px 0 110px;background:linear-gradient(90deg,#fff 0 45%,var(--mist) 45%)}
@media (max-width:1020px){.bd{background:#fff}}
.bd-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.bd-in>*{min-width:0}
@media (max-width:1020px){.bd-in{grid-template-columns:1fr;gap:40px}}
.bd-copy{position:sticky;top:110px}
@media (max-width:1020px){.bd-copy{position:static}}
.bd-copy .t-lead{margin-top:20px}
.bd-steps{list-style:none;margin:36px 0 30px;padding:0;display:grid;gap:0;position:relative}
.bd-steps::before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:var(--line)}
.bd-steps li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding-bottom:22px;position:relative}
.bd-steps .n{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 0 0 5px #fff}
.bd-steps li:first-child .n{background:var(--fox);color:var(--ink)}
.bd-steps b{color:var(--ink);font-size:17px;display:block;margin-top:8px}
.bd-steps p{font-size:15.5px;line-height:1.5;margin-top:2px}
.bd-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;box-shadow:0 30px 60px -40px rgba(24,24,24,.45)}
@media (max-width:640px){.bd-card{padding:22px 18px;border-radius:var(--r-md)}}
.bd-mods{border:0;margin:0 0 22px;padding:0}
.bd-mods legend{font-weight:700;color:var(--ink);font-size:16px;margin-bottom:12px;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line);border-radius:var(--r-pill);padding:8px 14px 8px 11px;font-weight:600;font-size:14.5px;color:var(--ink);transition:background .12s,border-color .12s}
.chip span svg{width:16px;height:16px;color:var(--c)}
.chip:hover span{border-color:#C4C8CF}
.chip input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.chip input:checked+span svg{color:#fff}
.chip input:focus-visible+span{outline:3px solid var(--fox);outline-offset:2px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:560px){.row2{grid-template-columns:1fr}}
.fld{margin-bottom:16px}
.fld label{display:block;font-weight:600;color:var(--ink);font-size:14.5px;margin-bottom:6px}
.fld .opt{font-weight:500;color:var(--muted);font-size:13px}
.fld input,.fld select,.fld textarea{width:100%;font:500 16px/1.4 var(--f);color:var(--ink);background:#fff;border:1.5px solid #D6DAE0;border-radius:var(--r-sm);padding:12px 13px;transition:border-color .12s}
.fld textarea{resize:vertical;min-height:88px}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(255,102,0,.25)}
.fld.has-err input{border-color:#B42318}
.fld .err{color:#B42318;font-size:13.5px;margin-top:5px}
.bd-err-box{background:#FDECEC;color:#8A1C12;border-radius:var(--r-sm);padding:12px 14px;margin-bottom:18px;font-size:15px}
.bd-err-box a{color:inherit;font-weight:700}
.bd-submit{width:100%;margin:6px 0 12px;font-size:17px;padding:17px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bd-done{text-align:center;padding:40px 10px}
.bd-tick{width:64px;height:64px;border-radius:50%;background:var(--fox);display:grid;place-items:center;margin:0 auto 18px;color:var(--ink)}
.bd-tick svg{width:32px;height:32px;stroke-width:3}
.bd-done h2{font-size:28px;margin-bottom:10px}
.bd-done p{font-size:17px;margin-bottom:26px}