/* TECNOLOGIA */
.tech{background:var(--paper)}
.zoom-wrap{position:relative;margin-top:clamp(50px,6vw,80px)}
.browser{max-width:1040px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 0 0 1px var(--line),0 60px 110px -50px rgba(28,29,28,.45);overflow:hidden;transform-origin:50% 0}
html.js .zoom .browser{transform:scale(.62) translateY(40px);opacity:.3;transition:transform 1.8s var(--ease),opacity 1s var(--out)}
html.js .zoom.in .browser{transform:none;opacity:1}
.bbar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:#EFECE4}
.bbar i{width:10px;height:10px;border-radius:50%;background:#D5CFC3}
.bbar span{margin-left:12px;flex:1;max-width:420px;margin-right:auto;background:#fff;border-radius:7px;padding:4px 10px;font-size:.78rem;color:var(--stone);text-align:center}
.bbody{padding:clamp(16px,2.4vw,28px);display:grid;gap:14px;grid-template-columns:1fr 1fr;min-height:380px;align-content:start}
.blk{border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line);padding:16px;transition:opacity .6s var(--out),transform .7s var(--out),max-height .7s var(--ease),padding .7s var(--ease),margin .7s var(--ease);overflow:hidden;max-height:300px}
.blk.gone{opacity:0;transform:scale(.94) translateY(12px);max-height:0;padding-top:0;padding-bottom:0;box-shadow:none;margin-top:-14px}
.b-hero{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center}
.himg{height:150px;border-radius:12px;background:linear-gradient(135deg,var(--sand),var(--stone));position:relative;overflow:hidden}
.himg::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(251,250,246,.5);left:14%;top:18%;animation:float 3.4s ease-in-out infinite}
@keyframes float{50%{transform:translate(80px,26px) scale(1.2)}}
.blk h6{margin:0 0 10px;font-size:.78rem;font-weight:600;color:var(--stone)}
.tbars{display:flex;align-items:flex-end;gap:6px;height:80px}
.tbars i{flex:1;background:var(--sand);border-radius:3px 3px 0 0;height:0;transition:height .9s var(--out)}
.tbars i:last-child{background:var(--sage)}
.chat{grid-column:1/-1;display:grid;gap:8px}
.cb{max-width:80%;font-size:.86rem;padding:9px 13px;border-radius:16px;line-height:1.35}
.cb.me{justify-self:end;background:var(--graphite);color:var(--ivory);border-bottom-right-radius:4px}
.cb.ai{background:#EFECE4;border-bottom-left-radius:4px;min-height:1.7em}
.replay{position:absolute;right:max(0px,calc(50% - 520px));bottom:-56px;display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:var(--stone);font-size:.88rem;font-weight:500}
.replay svg{width:13px;height:13px}
.mods{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:96px}
.mod{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:.6em 1.1em .6em .7em;background:#EAE6DD;font-weight:500;font-size:.95rem;transition:background .3s,color .3s}
.mod .tk{width:22px;height:22px;border-radius:50%;border:1.6px solid currentColor;display:grid;place-items:center;transition:background .3s}
.mod .tk svg{width:11px;height:11px;opacity:0;transition:opacity .2s}
.mod[aria-checked="true"]{background:var(--graphite);color:var(--ivory)}
.mod[aria-checked="true"] .tk svg{opacity:1}
.modnote{text-align:center;color:var(--stone);margin-top:16px;font-size:.95rem}