:root{color:#203a36;font-synthesis:none;background:#f6f3ec;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{flex-direction:column;max-width:1520px;min-height:100dvh;margin:auto;padding:38px 6vw 24px;display:flex}header,.brand,.actions,.buttons,footer{align-items:center;display:flex}header{justify-content:space-between}.brand{letter-spacing:.15em;gap:12px;font-size:14px;font-weight:800}.brand-icon{color:#f7f3e7;background:#274b43;place-items:center;width:48px;height:48px;font-family:Georgia,serif;font-size:28px;display:grid}.brand small{letter-spacing:.2em;margin-top:5px;font-size:9px;display:block}.demo,.eyebrow{letter-spacing:.16em;font-size:11px;font-weight:700}.demo{color:#75847c}.welcome{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding:40px 0;display:grid}.eyebrow{color:#b07d50;align-items:center;gap:10px;display:flex}.eyebrow span{background:#b07d50;width:30px;height:1px}h1{letter-spacing:-.06em;margin:28px 0;font:clamp(66px,7vw,112px)/.98 Georgia,serif}h1 em{color:#af8059;font-weight:400}.copy p{color:#65756d;max-width:530px;font-size:clamp(18px,1.5vw,22px);line-height:1.6}.chips{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.chips span{color:#516b60;border:1px solid #d5ddd4;border-radius:30px;padding:10px 16px;font-size:13px}.portrait{text-align:center}.halo{background:#e6e9da;border-radius:50%;place-items:center;width:min(31vw,400px);min-width:230px;height:min(31vw,400px);min-height:230px;margin:auto;display:grid;position:relative}.halo:before{content:"";border:1px solid #d7ddce;border-radius:50%;position:absolute;inset:-16px}.avatar{background:#dcae8c;border:12px solid #31594f;border-radius:48% 48% 44% 44%;width:66%;height:66%;position:relative;box-shadow:0 16px #b5cab9}.face{justify-content:space-around;display:flex;position:absolute;inset:35% 16% 15%}.face span{background:#284b41;border-radius:50%;width:9px;height:14px}.face i{border-bottom:3px solid #815a4a;border-radius:50%;width:26px;height:13px;position:absolute;top:40%}.speaking .avatar{animation:.7s infinite alternate talk}.listening .halo{box-shadow:0 0 0 16px #d6e2d2}.caption{margin-top:37px}.caption strong,.caption span{display:block}.caption strong{font:26px Georgia,serif}.caption span{color:#8a9991;margin-top:6px;font-size:13px}.actions{border-top:1px solid #d6ded5;justify-content:space-between;gap:20px;padding:28px 0}.status{align-items:center;gap:10px;display:flex}.dot{background:#6b9f83;border-radius:50%;width:8px;height:8px}.actions p{color:#7a8981;font-size:14px}.buttons{gap:12px}button{cursor:pointer;font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #be8959}.buttons button{border-radius:8px;min-height:58px;padding:19px 24px;font-weight:700}.buttons button span{padding-left:28px}.primary{color:#fff;background:#294e44;border:1px solid #294e44}.secondary{color:#294e44;background:0 0;border:1px solid #9db0a5}button:disabled{opacity:.5;cursor:wait}footer{color:#87958d;border-top:1px solid #d6ded5;justify-content:space-between;gap:20px;padding-top:22px;font-size:12px}footer b{color:#45685a;font-size:17px}footer button{color:#45685a;background:0 0;border:0;text-decoration:underline}@keyframes talk{to{transform:translateY(-8px)}}@media (width<=760px){.shell{padding:24px}.demo{display:none}.welcome{grid-template-columns:1fr;gap:45px;padding:40px 0}.copy h1{font-size:64px}.portrait{order:-1}.halo{width:220px;height:220px}.actions,.buttons{flex-direction:column;align-items:stretch}footer{flex-direction:column;align-items:flex-start}.caption{margin-top:25px}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}