@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--ink:#152a2b;--paper:#f4f1e9;--lime:#d5ef75;--coral:#e9896e;--line:#152a2b2a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 77% 18%,#d5ef754d,transparent 25%),linear-gradient(135deg,#315357,#152a2b 66%);color:var(--paper);font-family:Manrope,sans-serif;min-height:100dvh}.veya-shell{min-height:100dvh;max-width:940px;margin:auto;padding:28px clamp(22px,6vw,72px) 34px;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;font:11px 'DM Mono';letter-spacing:.08em}header a{color:inherit;text-decoration:none;font-size:16px;font-weight:500}header span{opacity:.75}.presence{margin:auto 0;text-align:center}.eyebrow,.demeanor{font:10px 'DM Mono';letter-spacing:.15em;opacity:.68}.presence h1{font:500 clamp(80px,18vw,170px)/.8 'Playfair Display';letter-spacing:-.07em;margin:24px 0}.presence h1::first-letter{color:var(--lime)}.presence>p:not(.eyebrow):not(.demeanor){font-size:16px;margin:26px auto;max-width:320px;line-height:1.65}.orb{width:136px;height:136px;border:1px solid #fff6;border-radius:50%;margin:42px auto 18px;position:relative;box-shadow:0 0 0 22px #fff1,0 0 0 44px #fff1;transition:transform .35s,background .35s}.orb i{width:7px;height:7px;background:var(--lime);border-radius:50%;position:absolute;left:20%;top:0}.orb i:nth-child(2){left:auto;right:-3px;top:62%;background:var(--coral)}.orb i:nth-child(3){left:54%;top:auto;bottom:-3px}.listening .orb{transform:scale(1.08);background:#d5ef7524;animation:breathe 1.9s ease-in-out infinite}.speaking .orb{transform:scale(1.13);background:#e9896e2b;animation:breathe .75s ease-in-out infinite}@keyframes breathe{50%{box-shadow:0 0 0 33px #fff1,0 0 0 63px #fff1}}.visual{width:min(530px,100%);margin:-38px auto 30px;padding:22px;background:#f4f1e9ed;color:var(--ink);border-radius:16px;box-shadow:0 18px 55px #0003}.visual h2{font:500 26px 'Playfair Display';margin:0 0 8px}.visual p{font-size:13px;line-height:1.55;margin:0 0 16px}.visual dl{margin:0;border-top:1px solid var(--line)}.visual div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.visual dt{opacity:.65}.visual dd{margin:0;font-weight:600;text-align:right}.controls{width:min(560px,100%);margin:0 auto}.mic{width:100%;border:0;border-radius:16px;padding:18px;background:var(--lime);color:var(--ink);cursor:pointer;font:600 15px Manrope}.mic small{display:block;margin-top:5px;font:10px 'DM Mono';opacity:.65}.stop{display:block;margin:12px auto 0;background:transparent;border:0;color:var(--paper);font:11px 'DM Mono';cursor:pointer}form{display:flex;margin-top:18px;padding:5px;border:1px solid #fff4;border-radius:12px;background:#ffffff13}input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--paper);padding:10px;font:14px Manrope}input::placeholder{color:#fff9}form button{border:0;border-radius:9px;background:#fff2;color:var(--paper);padding:8px 13px;font:11px Manrope;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:550px){.veya-shell{padding:23px 20px}.presence{margin:17vh 0 auto}.presence h1{font-size:106px}.orb{margin-top:50px}.visual{margin-top:-15px}}