@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f4f3ff;background:#10101e;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#30264d88,transparent 55%);min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}header{max-width:1160px;margin:auto;padding:28px 36px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;font:800 28px Manrope,sans-serif;color:inherit;text-decoration:none}.brand span{color:#a991ff;margin-left:-9px}header button{background:#ffffff0d;border:1px solid #ffffff20;border-radius:24px;padding:12px 18px;color:inherit}main{max-width:1000px;margin:auto;padding:10px 32px 0}.welcome{text-align:center;position:relative;padding:0 0 38px}.orb{height:190px;display:grid;place-items:center}.orb img{width:210px;height:210px;animation:float 5s ease-in-out infinite}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:700;color:#b8a7ed;margin:18px 0}h1{font:600 clamp(38px,6vw,64px)/1.12 Manrope,sans-serif;letter-spacing:-.055em;margin:0}h1 em{font-style:normal;color:#bfa8ff}.lead{color:#bbb8d0;font-size:17px;line-height:1.65;max-width:450px;margin:20px auto 0}.devices{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{border-radius:28px;padding:30px;border:1px solid #ffffff13;background:linear-gradient(130deg,#252435,#1a1a28);display:flex;flex-direction:column}.phone{background:linear-gradient(135deg,#393057,#211e37);border-color:#bd98ff38}.card-label{font-size:12px;letter-spacing:.12em;color:#cbc4e3;display:flex;justify-content:space-between}.card-label span{color:#ffffff50}h2{font:600 25px/1.25 Manrope,sans-serif;letter-spacing:-.035em;margin:22px 0 10px}.card p{color:#c7c2d8;line-height:1.65;margin:0 0 24px;font-size:16px}.primary,.secondary{padding:16px 20px;border-radius:16px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:15px;text-decoration:none;border:0;margin-top:auto}.primary{background:#cfb9ff;color:#22183c}.secondary{background:#ffffff10;color:#f4efff;border:1px solid #ffffff16}.primary:hover{background:#ddcbff}.secondary:hover{background:#ffffff20}.card .note,.note{font-size:13px;color:#aaa4bf;line-height:1.6;margin:13px 0 0}.connection{margin-top:24px;padding:24px;display:flex;gap:18px;color:#bdb8ce;border:1px dashed #ffffff22;border-radius:22px}.connection-icon{font-size:26px;color:#b7a7da}.connection h2{font-size:16px;margin:0 0 8px;color:#dfd8ef;letter-spacing:0}.connection p{font-size:14px;line-height:1.65;margin:0}footer{padding:30px 0;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em;color:#89839b}footer span{letter-spacing:0}dialog{max-width:480px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;border:1px solid #ffffff24;border-radius:26px;background:#242137;color:#f7f3ff;padding:30px;box-shadow:0 24px 90px #0008}dialog::backdrop{background:#090911ba;backdrop-filter:blur(8px)}dialog h2{margin-top:12px}h3{font-size:16px;margin-top:25px}li{font-size:16px;line-height:1.7;margin-bottom:10px}ol{padding-left:22px}.close{float:right;border:0;background:#ffffff10;color:white;border-radius:50%;width:36px;height:36px;font-size:24px}:focus-visible{outline:3px solid #a1f5d8;outline-offset:4px}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-9px)}}@media(max-width:600px){header{padding:20px}.brand{font-size:25px}header button{font-size:12px;padding:10px}main{padding:0 20px}.orb{height:160px}.orb img{width:185px;height:185px}.welcome{padding-bottom:28px}.lead{font-size:16px}.devices{grid-template-columns:1fr;gap:16px}.card{padding:25px}footer{gap:18px;line-height:1.6}.connection{padding:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.mobile-chat{max-width:780px;margin:0 auto 44px}.chat-heading{display:flex;align-items:center;gap:12px;margin:5px 0 25px}.chat-heading h1{font-size:clamp(26px,4vw,38px);letter-spacing:-.04em}.chat-heading .eyebrow{margin:0 0 8px}.setup{background:linear-gradient(120deg,#35294e,#211e36);border:1px solid #bb98ff30;padding:24px;border-radius:24px}.setup h2{margin:0 0 12px;font-size:23px}.setup p{font-size:16px;line-height:1.7;color:#c6bed8}.setup button{margin-top:18px;width:100%}.engine-state{font-size:14px;color:#c4b4e9;min-height:22px}.messages{max-height:46dvh;min-height:80px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 4px 12px}.empty-chat{color:#b5aec6;font-size:16px;padding:12px 0}.bubble{max-width:93%;margin:16px 0;padding:16px 20px;border-radius:20px;background:#ffffff08}.bubble.user{margin-left:auto;background:#a080ef25}.bubble strong{font-size:13px;color:#c5b1f1}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.75;margin:8px 0 0}#chat-form{background:#232232;border:1px solid #ffffff22;border-radius:22px;overflow:hidden}textarea{font:inherit;color:inherit;background:transparent;border:0;resize:vertical;width:100%;padding:18px;min-height:82px;max-height:170px;font-size:16px}textarea::placeholder{color:#aaa3be}.composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 14px 14px}.composer-actions span{font-size:12px;color:#b9b0c9;margin-right:auto}.composer-actions button{border:0;padding:12px 16px;border-radius:12px;color:#211833;background:#cbb2ff;font-weight:700;min-height:44px}button:disabled{opacity:.5;cursor:default}.limits{margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){.chat-heading img{width:65px;height:65px}.composer-actions span{max-width:130px}.mobile-chat{margin-bottom:30px}.chat-heading{margin-bottom:18px}.setup{padding:20px}.messages{max-height:42dvh}}
.shortcut-link{display:grid;gap:10px;margin:18px 0 8px;padding:16px;border-radius:18px;background:#ffffff0a;border:1px solid #ffffff18}.shortcut-link>span{font-size:12px;color:#b8a7ed;text-transform:uppercase;letter-spacing:.1em}.shortcut-link a{color:#f2edff;overflow-wrap:anywhere}.shortcut-link .secondary{margin:2px 0 0;padding:13px 15px}.shortcut-link small{min-height:18px;color:#a1f5d8}.dialog-fallback{display:block;position:fixed;inset:5dvh auto auto 50%;transform:translateX(-50%);z-index:50}.dialog-open:before{content:"";position:fixed;inset:0;background:#090911d9;z-index:49}.dialog-open{overflow:hidden}