:root{color:#eae8e2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111511;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-offset:5px;outline:3px solid #c4d6a8}button{cursor:pointer}p,h1,h2{margin:0}a{color:inherit;text-decoration:none}::selection{color:#0d130c;background:#899d6a}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app-shell{background:radial-gradient(at 12% 45%,#222b1d66,#0000 55%);max-width:1440px;margin:auto;padding:0 5.5%}.site-header{border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:20px;height:96px;display:flex}.wordmark{letter-spacing:-1.2px;align-items:center;font-size:29px;font-weight:600;display:flex}.wordmark img{object-fit:contain;border-radius:50%;margin-right:10px}.wordmark-dot{color:#c6d4ab}.header-caption,.eyebrow{letter-spacing:2.2px;color:#b4bca9;font-size:10px;font-weight:600}.main-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:center;gap:8%;min-height:calc(100dvh - 164px);padding:62px 0 48px;display:grid}.companion{justify-self:center;width:100%;max-width:490px;position:relative}.companion-orbit{pointer-events:none;border:1px solid #b3c28e12;border-radius:48%;width:112%;height:90%;position:absolute;top:2%;left:-6%;transform:rotate(-14deg)}.video-frame{aspect-ratio:4/5;background:#1d221b;border:1px solid #c6d4ab20;border-radius:180px 180px 26px 26px;width:100%;max-height:620px;position:relative;overflow:hidden}.video-frame .companion-art{object-fit:contain;object-position:center top;width:100%;height:100%}.video-shade{background:linear-gradient(#0000,#101710e8);position:absolute;inset:35% 0 0}.companion-caption{position:absolute;bottom:34px;left:32px;right:24px}.companion-caption h2{letter-spacing:-1.3px;margin:10px 0;font-family:Georgia,serif;font-size:42px;font-weight:400}.companion-caption p{color:#c7cebf;font-size:13px;line-height:1.6}.companion-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.companion-tags span{letter-spacing:.2px;color:#bcc5b1;border:1px solid #c6d4ab24;border-radius:30px;padding:8px 12px;font-size:10px}.conversation{min-width:0;max-width:560px}.call-status{letter-spacing:.4px;color:#c4cdb7;align-items:center;gap:8px;margin-bottom:22px;font-size:11px;display:flex}.status-dot{background:#b7cd91;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #b7cd9110}.state-error .status-dot{background:#e5a69b}.state-connecting .status-dot{animation:1s ease-in-out infinite breathe}h1{letter-spacing:-1.7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,3.5vw,50px);font-weight:400;line-height:1.12}h1 span{color:#becbaa}.intro{color:#a8afa2;max-width:430px;margin:20px 0 28px;font-size:14px;line-height:1.8}.conversation-card{background:linear-gradient(135deg,#22281fc7,#191f18b3);border:1px solid #c6d4ab24;border-radius:20px;overflow:hidden;box-shadow:0 16px 60px #00000015}.card-heading{border-bottom:1px solid #c6d4ab14;justify-content:space-between;align-items:center;gap:10px;padding:20px 24px;display:flex}.card-heading h2{font-size:13px;font-weight:500}.card-heading>span{letter-spacing:1.5px;color:#aeb8a0;font-size:8px}.transcript{scrollbar-color:#637352 transparent;scrollbar-width:thin;overscroll-behavior:contain;height:185px;padding:22px 24px;overflow:auto}.empty-conversation{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:140px;display:flex}.quote-mark{color:#b6c99d70;font-family:Georgia,serif;font-size:48px;line-height:20px}.empty-conversation p{color:#d0d6c8;font-size:13px;line-height:1.5}.empty-conversation>span:last-child{color:#9ba58f;max-width:280px;font-size:11px;line-height:1.6}.message{margin-bottom:17px}.speaker{letter-spacing:1.3px;text-transform:uppercase;color:#bbcda4;margin-bottom:6px;font-size:9px;display:block}.message-user .speaker{color:#a5b3b9}.message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#dfe4d8;font-size:13px;line-height:1.7}.call-controls{text-align:center;border-top:1px solid #c6d4ab14;padding:18px 24px 20px}.call-button{color:#1b2815;background:#c5d5ab;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;padding:15px 20px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:flex}.call-button:hover{background:#d3e3b9;transform:translateY(-1px)}.call-button.is-active{color:#f2c8bc;background:#412b26;border-color:#c7866e40}.call-button.is-active:hover{background:#50342d}.stop-icon{background:currentColor;border-radius:2px;width:11px;height:11px}.mic-note{color:#a4ae98;margin-top:12px;font-size:10px;line-height:1.6}.privacy-note{color:#9ca692;max-width:460px;margin:15px 3px 0;font-size:10px;line-height:1.7}.call-error{color:#f0b5a7;background:#5f302333;padding:12px 24px;font-size:12px;line-height:1.6}.site-footer{color:#95a18a;letter-spacing:.2px;border-top:1px solid #ffffff10;flex-wrap:wrap;justify-content:space-between;gap:16px;min-height:68px;padding:20px 0;font-size:10px;display:flex}@keyframes breathe{50%{opacity:.3}}@media (width>=1600px){.main-layout{min-height:800px}}@media (width<=850px){.app-shell{padding:0 6%}.site-header{height:76px}.main-layout{gap:5%;padding:40px 0}.video-frame{aspect-ratio:3/5;border-radius:140px 140px 22px 22px}.companion-caption{bottom:24px;left:22px}.companion-caption h2{font-size:34px}.companion-caption .eyebrow{letter-spacing:1px;font-size:8px}.companion-tags span{padding:6px 8px;font-size:9px}.intro{font-size:13px}.card-heading{padding:18px}.call-controls{padding:16px 18px}.transcript{padding:20px 18px}.header-caption{letter-spacing:1.3px;font-size:8px}}@media (width<=640px){.app-shell{padding:0 22px}.site-header{height:72px}.wordmark{font-size:25px}.wordmark img{width:27px;height:27px}.header-caption{text-align:right;letter-spacing:1px;max-width:95px;font-size:8px;line-height:1.6}.main-layout{flex-direction:column;gap:30px;min-height:auto;padding:28px 0 32px;display:flex}.companion{max-width:310px}.video-frame{aspect-ratio:1.6;border-radius:100px 100px 20px 20px;max-height:none}.video-frame .companion-art{object-position:center 25%}.video-shade{background:linear-gradient(#0000,#101710e8);inset:10% 0 0}.companion-caption{bottom:17px;left:22px}.companion-caption h2{margin:7px 0;font-size:28px}.companion-caption p{font-size:11px}.companion-caption .eyebrow{font-size:7px}.companion-orbit{display:none}.companion-tags{gap:6px;margin-top:13px}.companion-tags span{font-size:9px}.conversation{width:100%;max-width:470px}.call-status{margin-bottom:16px;font-size:10px}h1{letter-spacing:-1.4px;font-size:37px}.intro{margin:16px 0 22px;font-size:13px}.transcript{height:175px}.site-footer{gap:8px;padding:18px 0;font-size:9px;line-height:1.6}.privacy-note{font-size:9px}}@media (width<=360px){.app-shell{padding:0 16px}h1{font-size:32px}.card-heading{padding:16px}.card-heading>span{font-size:7px}}.original-animation{color:#aab79d;text-align:center;margin-top:16px;font-size:10px}.original-animation summary{cursor:pointer;padding:8px}.original-animation video{border-radius:14px;width:100%;margin-top:10px;display:block}@media (width<=640px){.video-frame .companion-art{object-fit:contain;object-position:center;width:53%;margin-left:47%}.companion-caption{bottom:22px;left:18px;right:36%}.companion-caption .eyebrow{max-width:100px;line-height:1.8;display:block}.companion-caption p{max-width:140px}.video-shade{display:none}.companion-caption{right:49%}.companion-caption h2{font-size:22px}.companion-caption p{max-width:120px;font-size:10px}}