:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#132137;background:#f7f9fc;font-synthesis:none}
*{box-sizing:border-box}
body{min-height:100vh;margin:0}
a{color:inherit}
.page{min-height:100vh;display:flex;flex-direction:column;max-width:1220px;margin:auto;padding:34px 48px 26px}
.topbar{display:flex;align-items:center;gap:11px}
.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#2863e8;color:#fff;font-size:21px;font-weight:800;letter-spacing:-.08em}
.brand-name{font-weight:780;font-size:17px;letter-spacing:-.04em}
.brand-name span{font-weight:500;color:#788497;margin-left:4px}
.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 0 80px}
.bot-mark{position:relative;width:78px;height:78px;display:grid;place-items:center;border:1px solid #dce5fb;border-radius:24px;background:#eaf0ff;color:#2d66ec;box-shadow:0 14px 35px #2e64e81a;font-size:38px;font-weight:700;transform:rotate(-8deg)}
.bot-mark span{transform:rotate(8deg)}
.eyebrow{margin:30px 0 14px;color:#3965b7;font-size:11px;font-weight:750;letter-spacing:.21em}
h1{font-size:clamp(43px,6vw,77px);line-height:1.04;letter-spacing:-.07em;margin:0;font-weight:760}
h1 em{font-style:normal;color:#2863e8}
.intro{max-width:460px;margin:22px auto 0;color:#67758a;font-size:16px;line-height:1.65}
.bot-handle{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#2863e8;font-size:16px;font-weight:680;margin-top:27px}
.bot-handle:hover{text-decoration:underline}
.open-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;margin-top:29px;min-height:54px;padding:0 25px;border-radius:13px;background:#2863e8;box-shadow:0 12px 26px #2863e836;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s}
.open-button:hover{background:#1e50c3;box-shadow:0 15px 28px #2863e84a;transform:translateY(-2px)}
.open-button:focus-visible,.bot-handle:focus-visible{outline:3px solid #8eacfa;outline-offset:4px}
.helper{font-size:12px;color:#97a2b2;margin:18px 0 0}
footer{color:#98a4b5;font-size:12px}
@media(max-width:640px){.page{padding:22px 24px}.hero{padding:60px 0 70px}.intro{font-size:15px}.brand-name{font-size:16px}}