.bob-pad-layout{gap:78px;max-width:1600px;margin:0 20px;display:grid}.bob-pad-layout .bob-overview-copy{grid-template-columns:1fr 1fr;align-items:start;gap:70px;display:grid}.bob-pad-layout .bob-heading{font-size:clamp(44px,5.5vw,70px)}.bob-pad-layout .bob-lede{margin-top:25px}.bob-pad{isolation:isolate;aspect-ratio:1994/789;color:#e5edea;min-width:0;box-shadow:none;background:0 0;border-radius:18px;scroll-margin-top:90px;position:relative}.bob-pad-banner{pointer-events:none;z-index:-1;background:url(/_next/static/media/chat-with-bob-bk.BjSOVdLe.png) 50%/cover no-repeat;position:absolute;inset:0}.bob-pad-screen{min-width:0;box-shadow:none;background:0 0;border-radius:0;grid-template-rows:32px minmax(0,1fr) 52px;display:grid;position:absolute;inset:35.7% 31.8% 21.3% 30.6%;overflow:hidden}.bob-pad-bezel{font:600 9px/1.5 var(--font-display);text-transform:uppercase;letter-spacing:.13em;color:#b9cdcf;background:0 0;border-bottom:1px solid #96cdd31a;justify-content:space-between;align-items:center;gap:10px;padding:0 18px;display:flex}.bob-pad-bezel>span{white-space:nowrap;align-items:center;gap:8px;display:flex}.bob-pad-bezel i{background:#9bdec4;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #74edc480}.bob-pad-divider{color:#66818a}.bob-pad-motion{color:#bbcacd;font:500 10px/1.2 var(--font-body);cursor:pointer;letter-spacing:.02em;background:0 0;border:1px solid #607d8255;border-radius:5px;min-height:28px;padding:5px 8px}.bob-pad-motion:hover{color:#fff;border-color:#dfa46a}.bob-pad-presence{isolation:isolate;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.bob-pad-code{z-index:-1;pointer-events:none;opacity:.08;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.bob-pad-code:after{content:"";background:linear-gradient(90deg,#0000,#061318bb 34% 66%,#0000);position:absolute;inset:0}.bob-pad-code-track{will-change:transform;animation:44s linear infinite bob-pad-code-loop}.bob-pad-code-cycle{white-space:pre;color:#6ba896;padding:0 20px;font:400 11px/26px ui-monospace,SFMono-Regular,Consolas,monospace}.bob-pad-code-cycle>div{height:26px}.bob-pad-code-cycle>div>span{color:#51786b;width:56px;display:inline-block}.bob-pad-code-cycle>div:nth-child(4n){color:#87baa0}@keyframes bob-pad-code-loop{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.bob-pad-paused .bob-pad-code-track{animation-play-state:paused}.bob-pad-identity{text-align:center;flex-direction:column;align-items:center;gap:5px;padding:8px 12px;display:flex}.bob-pad-identity>small{font:500 8px/1.4 var(--font-display);text-transform:uppercase;letter-spacing:.18em;color:#a7c4c6}.bob-pad-identity>strong{font:600 clamp(32px,4vw,48px)/1 var(--font-display);letter-spacing:.22em;color:#ebf6f2;text-shadow:none;padding-left:.22em}.bob-pad-wave{justify-content:center;align-items:center;gap:4px;height:12px;display:flex}.bob-pad-wave i{opacity:.8;background:#d9a16a;border-radius:2px;width:2px;height:3px}.bob-pad-wave i:nth-child(3n){height:10px}.bob-pad-wave i:nth-child(4n){height:6px}.bob-pad-state-listening .bob-pad-wave i,.bob-pad-state-retrieving .bob-pad-wave i,.bob-pad-state-responding .bob-pad-wave i{animation:1.1s ease-in-out infinite alternate bob-pad-wave}.bob-pad-wave i:nth-child(3n){animation-delay:-.4s}.bob-pad-wave i:nth-child(4n){animation-delay:-.8s}@keyframes bob-pad-wave{0%{transform:scaleY(.4)}to{transform:scaleY(1.25)}}.bob-pad-status{font:500 10px/1.4 var(--font-body);letter-spacing:.03em;color:#b0c6bf}.bob-pad-transcript{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4a6669 #09181f;background:0 0;border-top:1px solid #80b7c329;min-height:0;padding:18px 24px;overflow:auto}.bob-pad-empty{text-align:center;color:#b4c9cb;height:100%;font:400 14px/1.6 var(--font-body);place-items:center;margin:0;display:grid}.bob-pad-message{font:400 16px/1.6 var(--font-body);grid-template-columns:34px 1fr;gap:12px;margin-bottom:18px;display:grid}.bob-pad-message:last-child{margin-bottom:0}.bob-pad-message>span{font:600 10px/1.6 var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:#e6b37d;padding-top:4px}.bob-pad-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.bob-pad-message-visitor{color:#b7cbce}.bob-pad-message-visitor>span{color:#8facb3}.bob-pad-error{color:#ffc397;font:400 14px/1.5 var(--font-body)}.bob-pad-input{background:0 0;border-top:1px solid #8dced540;align-items:center;gap:8px;padding:8px 14px;display:flex}.bob-pad-input-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.bob-pad-input input{color:#f0f4f0;width:100%;min-width:0;font:400 16px/1.4 var(--font-body);outline-offset:0;background:0 0;border:1px solid #7eaaaa33;border-radius:0;outline:1px solid #7eaaaa33;flex:1;padding:12px}.bob-pad-input input::placeholder{color:#acc4cc}.bob-pad-input button{min-height:44px;box-shadow:none;color:#111c22;font:700 11px/1.4 var(--font-display);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:linear-gradient(#efb36d,#d88d3d);border:1px solid #d99a50;border-radius:6px;flex-shrink:0;align-items:center;gap:14px;padding:0 18px;display:flex}.bob-pad-input button>span{font-size:18px}.bob-pad-input button:disabled{color:#99b0b7;box-shadow:none;cursor:not-allowed;background:#21353c;border-color:#4f6c72}.bob-pad :is(input,button):focus-visible{outline-offset:2px;outline:2px solid #efb779}@media (max-width:760px){.bob-pad-layout{gap:52px}.bob-pad-layout .bob-overview-copy{grid-template-columns:1fr;gap:26px}.bob-pad{aspect-ratio:auto;background:0 0;border-radius:0}.bob-pad-banner{pointer-events:none;z-index:-1;background:url(/_next/static/media/chat-with-bob-bk.BjSOVdLe.png) 50%/cover no-repeat;position:absolute;inset:0}.bob-pad-screen{border-radius:0;grid-template-rows:32px minmax(0,1fr) 52px;height:640px;min-height:400px;max-height:calc(100svh - 180px);position:relative;inset:auto}.bob-pad-bezel{letter-spacing:.04em;gap:5px;padding:0 8px;font-size:8px}.bob-pad-bezel>span{gap:4px}.bob-pad-motion{max-width:84px;min-height:34px;padding:5px;font-size:9px}.bob-pad-identity>small{font-size:7px}.bob-pad-code-cycle{padding:0 10px;font-size:10px}.bob-pad-transcript{padding:14px 12px}.bob-pad-message{grid-template-columns:1fr;gap:2px;font-size:15px}.bob-pad-message>span{padding-top:0}.bob-pad-empty{font-size:13px}.bob-pad-input{gap:6px;padding:8px}.bob-pad-input input{padding:10px 8px;font-size:16px}.bob-pad-input button{gap:6px;padding:0 10px;font-size:16px}.bob-pad-input button>span{display:none}}@media (prefers-reduced-motion:reduce){.bob-pad-code-track,.bob-pad-wave i{animation:none!important}.bob-pad-motion{display:none}}.bob-pad-layout{width:calc(100% - 40px);max-width:1600px;margin-inline:auto}.bob-pad-layout .bob-overview-copy{width:100%;max-width:1160px;margin-inline:auto}.bob-pad-banner{border-radius:inherit;background-image:url(/chat-with-bob-bk.png);background-position:49.3%}.bob-pad-screen{grid-template-rows:44px minmax(0,1fr) 60px}.bob-pad-presence{pointer-events:none;z-index:0;position:absolute;inset:0}.bob-pad-code{z-index:0}.bob-pad-code:after,.bob-pad-identity{display:none}.bob-pad-bezel{padding:0 8px}.bob-pad-transcript{font:400 16px/1.6 var(--font-body);padding:10px 12px}.bob-pad-input{padding:4px 8px}.bob-pad-input input{min-height:44px;padding:8px}.bob-pad-input button{color:#efb779;box-shadow:none;background:0 0;border:1px solid #d99a50}.bob-pad-input button:disabled{color:#99b0b7;background:0 0;border-color:#4f6c72}.bob-pad-screen header,.bob-pad-screen .bob-pad-transcript,.bob-pad-screen .bob-pad-input{z-index:1;position:relative}@media (max-width:760px){.bob-pad{height:640px}.bob-pad-screen{height:auto;min-height:0;max-height:none;position:absolute;inset:35.7% 14px 21.3%}}.bob-pad{aspect-ratio:auto;border-radius:18px;height:640px;min-height:640px}.bob-pad-banner{background-position:49.3%}.bob-pad-screen{width:min(100% - 28px,608px);height:auto;min-height:0;max-height:none;inset:35.7% auto 21.3% 49.4%;transform:translate(-50%)}.bob-pad-motion{box-sizing:border-box;flex-shrink:0;min-width:44px;min-height:44px;padding:5px}.bob-pad-screen header{min-width:0}.bob-pad-input input{outline:1px solid #d99a50}.bob-pad-ready .bob-pad-bezel .bob-pad-status{animation:3s ease-in-out infinite pulse}.bob-pad-paused .bob-pad-bezel .bob-pad-status{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.bob-pad-ready .bob-pad-bezel .bob-pad-status{animation:none}}@keyframes pulse{0%{opacity:.72}50%{opacity:1}to{opacity:.72}}
