.stage{min-height:calc(100vh - 48px);background:var(--tint);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px) minmax(0,1fr);gap:clamp(20px,3vw,48px);padding:clamp(24px,4vw,56px) clamp(16px,4vw,56px);align-items:start}.intro h1{font-size:clamp(32px,3.4vw,48px);font-weight:800;letter-spacing:-.03em}.intro>p{margin-top:16px;color:var(--slate);font-size:18px}.facts{margin:28px 0;display:grid;gap:14px}.facts div{border-top:1px solid var(--line);padding-top:12px}.facts dt{font-size:13px;font-weight:700;color:var(--slate)}.facts dd{margin:2px 0 0;font-weight:800;font-size:19px}.note{margin-top:20px;font-size:14px;color:var(--slate)}.phone{--teal: #0e4f4c;--sand: #f4efe6;height:min(720px,calc(100vh - 120px));min-height:540px;display:flex;flex-direction:column;background:var(--sand);border-radius:36px;overflow:hidden;box-shadow:0 0 0 10px var(--navy),0 40px 80px -30px #0b1b3f8c}.p-head{display:flex;align-items:center;gap:12px;padding:18px 18px 14px;background:var(--teal);color:#fff}.p-head small{display:block;font-size:12px;color:#b9d6d2}.p-av{width:40px;height:40px;border-radius:50%;background:#f2a65a;color:#12302e;display:grid;place-items:center;font-weight:800}.msgs{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:8px}.m{max-width:82%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.45;animation:in .3s var(--ease-out)}.m.bot{align-self:flex-start;background:#fff;border-bottom-left-radius:6px;color:#12302e}.m.me{align-self:flex-end;background:var(--teal);color:#fff;border-bottom-right-radius:6px}.m.sys{align-self:center;max-width:92%;padding:4px 8px;text-align:center;font-size:13px;color:#4d6360}.typing{display:inline-flex;gap:4px;padding:14px 16px}.typing i{width:7px;height:7px;border-radius:50%;background:#9db3b0;animation:dot 1s infinite ease-in-out}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes dot{50%{transform:translateY(-3px);opacity:.5}}@keyframes in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.m,.typing i{animation:none}}.quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px}.quick button{border:1.5px solid var(--teal);background:#fff;color:var(--teal);font-weight:700;font-size:13px;border-radius:999px;padding:7px 12px;cursor:pointer}.quick button:hover{background:var(--teal);color:#fff}.quick button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.composer{display:flex;gap:8px;padding:10px 12px 16px;background:#fff;border-top:1px solid #e6dfd3}.composer input{flex:1;min-height:44px;border-radius:999px;border:1.5px solid #e1d9cc;padding:0 16px;font-size:15px;background:var(--sand)}.composer input:focus{outline:none;border-color:var(--teal)}.composer button{width:44px;height:44px;border-radius:50%;border:0;background:var(--teal);color:#fff;display:grid;place-items:center;cursor:pointer}.composer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.behind h2{font-size:20px;font-weight:800}.events{list-style:none;margin:18px 0 0;padding:0 0 0 18px;position:relative;display:grid;gap:14px}.events:before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:2px;background:var(--line)}.events li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;background:var(--white);border-radius:12px;padding:12px 14px;box-shadow:0 10px 24px -18px #0b1b3f59;animation:in .35s var(--ease-out)}.events li:before{content:"";position:absolute;left:-19px;top:16px;width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px var(--tint)}.events .empty{display:block;background:none;box-shadow:none;color:var(--slate);padding:0}.events .empty:before{display:none}.t{font-size:12px;color:var(--slate);font-weight:600}.tool{justify-self:start;font-size:12px;font-weight:800;color:var(--blue);background:#e8eefe;border-radius:6px;padding:1px 8px}.txt{grid-column:1 / -1;font-weight:600;font-size:15px;line-height:1.4}@media(max-width:1100px){.stage{grid-template-columns:minmax(0,1fr) minmax(320px,400px)}.behind{grid-column:1 / -1}}@media(max-width:760px){.stage{grid-template-columns:1fr}.phone{order:-1;height:600px;border-radius:28px;box-shadow:0 0 0 6px var(--navy),0 30px 60px -30px #0b1b3f80}}
