:root{color-scheme:dark;--background:#06132a;--panel:#081a34;--panel2:#102748;--line:rgba(126,177,241,.17);--text:#f3f8ff;--muted:#a7bed8;--blue:#53b6ff;--gold:#ffd38a}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}body{position:relative;background:radial-gradient(circle at 65% -40%,#174781 0,transparent 60%),#06132a;color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}button,textarea{font:inherit}.background-glow{position:fixed;pointer-events:none;z-index:-1;filter:blur(45px);opacity:.35}.background-glow-one{width:380px;height:380px;top:10%;left:-270px;background:#0b77ff;border-radius:50%}.background-glow-two{width:450px;height:450px;bottom:-310px;right:-170px;background:#34c8e9;border-radius:50%}
.topbar{height:86px;max-width:1350px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 34px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark,.chat-avatar{width:43px;height:43px;display:grid;place-items:center;font-size:30px;color:#06203b;background:linear-gradient(140deg,#55c3ff,#bdeaff);border-radius:13px;box-shadow:0 0 35px #1c96fa44}.brand strong{display:block;font-size:18px;letter-spacing:.08em}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.06em;padding-top:2px}.navigation{display:flex;gap:25px;align-items:center;font-size:13px;color:#cad9e9}.navigation a:hover,.founder a:hover,.footer a:hover{color:var(--blue)}.online-pill{border:1px solid var(--line);background:#ffffff0c;padding:9px 13px;border-radius:99px;white-space:nowrap}.online-dot{display:inline-block;width:7px;height:7px;background:#47d9b3;border-radius:50%;box-shadow:0 0 10px #47d9b3;margin-right:7px}
.main-grid{max-width:1350px;margin:0 auto;padding:40px 34px 32px;display:grid;grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);gap:35px;align-items:center}.intro{padding:10px 5px 10px 8px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#8bd0ff;font-weight:750;font-size:11px;letter-spacing:.16em;border:1px solid #4cabe33b;border-radius:100px;padding:10px 15px;background:#2aa9ff0c}.eyebrow-dot{height:7px;width:7px;border-radius:50%;background:#71caff;box-shadow:0 0 11px #54baff}.emblem{position:relative;width:120px;height:120px;margin:26px 0 17px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#174b7e,#092649 65%,#07172d 66%);border:1px solid #64bfff99;box-shadow:0 0 20px #33a9f055,inset 0 0 25px #1382dc44}.emblem:before,.emblem:after{content:"";position:absolute;inset:-10px;border:1px dashed #5bafff8a;border-radius:50%}.emblem:after{inset:10px;border:1px solid #a6dfff55}.emblem-core{font-size:39px;font-weight:850;letter-spacing:-.08em;background:linear-gradient(130deg,#9fe7ff,#fff,#d7ac5d);-webkit-background-clip:text;background-clip:text;color:transparent}.intro h1{margin:0;font-size:clamp(36px,4.3vw,63px);line-height:1.15;letter-spacing:-.055em}.intro h1 span{display:block;background:linear-gradient(95deg,#7addff 0%,#eafcff 41%,#ffd58d 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:18px;line-height:1.65;color:#e5f3ff;margin:18px 0}.tagline strong{font-size:15px;color:#8cd2ff;font-weight:600}.intro-text{line-height:1.75;font-size:14px;color:var(--muted);max-width:530px;margin:16px 0 23px}.capability-list{display:flex;flex-wrap:wrap;gap:9px}.capability-list span{font-size:12px;border:1px solid var(--line);background:#ffffff0a;border-radius:9px;padding:9px 12px;color:#cceaff}.intro-quote{margin-top:34px;border-left:3px solid var(--gold);padding:3px 0 3px 18px;color:#e8f0fb;font-style:italic;font-size:16px;line-height:1.7;max-width:440px}.quote-mark{color:var(--gold);font-size:22px}.founder{margin-top:30px;font-size:12px;color:#92aac6}.founder strong{color:#f6d9a0}.founder a{text-decoration:underline;text-underline-offset:3px}
.chat-panel{border-radius:24px;border:1px solid #57abf64a;background:linear-gradient(135deg,#0f2a4c,#07172d 66%);box-shadow:0 20px 65px #0007,0 0 65px #398ff91c;min-height:630px;height:min(750px,calc(100dvh - 174px));display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:center;gap:12px;padding:19px 21px;border-bottom:1px solid var(--line);background:#ffffff08}.chat-avatar{width:40px;height:40px;border-radius:12px;font-size:26px}.chat-header-title{display:flex;flex-direction:column;gap:3px}.chat-header-title strong{font-size:15px;letter-spacing:.04em}.chat-header-title span{font-size:11px;color:#a9c5e3}.icon-button{margin-left:auto;background:#ffffff0a;color:#bcd9f4;border:1px solid var(--line);height:36px;width:36px;border-radius:10px;cursor:pointer}.icon-button svg{width:18px;height:18px}.icon-button:hover{background:#ffffff18}.chat-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:23px 20px;scrollbar-color:#355b81 transparent;scrollbar-width:thin}.message{display:flex;align-items:flex-start;flex-direction:column;margin-bottom:17px;gap:6px}.message-user{align-items:flex-end}.bubble{max-width:92%;border:1px solid var(--line);background:#142c4e;padding:14px 16px;border-radius:5px 15px 15px 15px;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#e6f3ff}.message-user .bubble{background:#1a4776;border-color:#3989d3a0;border-radius:15px 5px 15px 15px;color:#fff}.bubble-label{font-size:10px;color:#7199bb;letter-spacing:.09em;padding:0 5px}.welcome-title{font-size:14px;color:#dfebf9;margin:27px 0 13px;font-weight:700}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.suggestion{display:flex;justify-content:space-between;gap:8px;text-align:left;color:#c9deef;font-size:12px;padding:14px 12px;border:1px solid var(--line);background:#ffffff0a;border-radius:12px;cursor:pointer}.suggestion:hover{background:#ffffff15;border-color:#5cbaff80}.suggestion span{color:#88cafa}.composer-wrap{border-top:1px solid var(--line);padding:12px 17px 14px;background:#07172de6}.status{min-height:18px;font-size:11px;color:#a4d2ee;padding-left:6px}.composer{display:flex;align-items:flex-end;gap:11px;background:#122a49;border:1px solid #5e98d55b;border-radius:15px;padding:9px 9px 9px 14px}.composer:focus-within{border-color:#70ccff}.composer textarea{resize:none;outline:0;border:0;background:transparent;color:#fff;flex:1;min-height:30px;max-height:132px;line-height:1.5;padding:5px 0;font-size:13px}.composer textarea::placeholder{color:#829db9}.composer button{flex-shrink:0;border:0;border-radius:11px;color:#041c35;background:linear-gradient(130deg,#6acbff,#b3e7ff);width:43px;height:43px;cursor:pointer;display:grid;place-items:center}.composer button svg{width:22px;height:22px}.composer button:hover{filter:brightness(1.13)}.composer button:disabled{opacity:.45;cursor:not-allowed}.disclaimer{text-align:center;color:#7795b4;font-size:10px;line-height:1.5;margin:10px 2px 1px}.footer{max-width:1350px;text-align:center;margin:auto;padding:3px 20px 20px;color:#7696b8;font-size:11px}.footer a{color:#bad3ee}
@media(max-width:1000px){.main-grid{grid-template-columns:1fr;gap:28px;padding-top:28px}.intro{padding:6px 0}.emblem{width:95px;height:95px;margin:24px 0}.emblem-core{font-size:31px}.intro h1 span{display:inline}.intro-quote{margin-top:18px}.founder{margin-top:16px}.chat-panel{min-height:575px;height:650px}}@media(max-width:560px){.topbar{height:72px;padding:0 16px}.brand-mark{width:38px;height:38px}.brand strong{font-size:15px}.brand small{font-size:9px}.navigation{gap:10px}.navigation>a{display:none}.online-pill{font-size:11px;padding:8px}.main-grid{padding:24px 13px}.eyebrow{font-size:9px;padding:8px 11px}.intro h1{font-size:39px}.tagline{font-size:16px}.tagline strong{font-size:14px}.intro-text{font-size:13px}.capability-list span{font-size:11px;padding:8px}.intro-quote{font-size:14px}.chat-panel{border-radius:17px;min-height:575px;height:min(690px,calc(100dvh - 90px))}.chat-body{padding:16px 12px}.suggestions{grid-template-columns:1fr}.chat-header{padding:13px}.bubble{font-size:12px}.composer-wrap{padding:8px 10px 10px}.footer{font-size:10px}}
/* Mobile prioritizes the actual conversation rather than a tall marketing hero. */
@media(max-width:560px){.main-grid{padding-top:17px;gap:17px}.intro .eyebrow,.intro .emblem,.intro .intro-text,.intro .intro-quote,.intro .founder{display:none}.intro h1{font-size:30px}.intro .tagline{font-size:13px;line-height:1.6;margin:7px 0 13px}.intro .tagline strong{font-size:12px}.capability-list{gap:6px}.capability-list span{font-size:10px;padding:7px 8px}.chat-panel{min-height:530px;height:min(720px,calc(100dvh - 247px))}}

/* No-API-key model controls */
.engine-bar{padding:12px 17px 11px;border-bottom:1px solid var(--line);background:#09203bdc}
.engine-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.engine-label{font-size:10px;font-weight:750;letter-spacing:.12em;color:#92c8ed}
.engine-controls select{color:#eaf7ff;background:#132e50;border:1px solid #5295c966;border-radius:9px;padding:10px 9px;min-width:165px;flex:1;font-size:12px;max-width:300px}.engine-controls select option{background:#132e50}
.start-button{border:0;border-radius:10px;background:linear-gradient(130deg,#ffc86d,#ffe6b0);color:#172135;padding:11px 15px;font-weight:800;font-size:12px;cursor:pointer}.start-button:disabled{opacity:.65;cursor:wait}
.engine-note{color:#91adc8;font-size:11px;margin-top:9px;line-height:1.5}.model-progress{margin-top:9px;width:100%;height:8px;accent-color:#5ac4ff}.model-progress[hidden]{display:none}
@media(max-width:560px){.engine-bar{padding:10px}.engine-controls{gap:7px}.engine-controls select{flex:1;min-width:120px;max-width:none}.engine-label{display:none}.start-button{padding:10px}.engine-note{font-size:10px}.chat-panel{height:720px;min-height:640px}}
/* AI-SHAHID v2 overlay: instant knowledge first, source cards, adaptive status. */
.ready-pill{font-size:10px;white-space:nowrap;color:#8ef1c0;background:rgba(28,205,125,.10);border:1px solid rgba(50,222,155,.27);padding:7px 10px;border-radius:99px;margin-left:auto;font-weight:800;letter-spacing:.05em}.chat-header .icon-button{margin-left:0}.bubble-sources{display:grid;gap:7px;margin-top:11px;max-width:92%}.bubble-sources-label{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#9ecbe7;font-weight:750}.bubble-source{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:center;padding:10px 12px;background:rgba(65,148,214,.14);border:1px solid rgba(122,180,235,.3);border-radius:10px;color:#bde6ff;font-size:12px;line-height:1.4;text-decoration:none}.bubble-source:hover{background:rgba(70,166,230,.28)}.bubble-source em{font-style:normal;color:#8fa9c4;font-size:10px}.engine-controls select{max-width:none;min-width:210px}.engine-note{line-height:1.6}.chat-panel{min-height:620px}.navigation{gap:20px}.intro{align-self:center}.intro h1{font-size:clamp(36px,4.0vw,60px)}.intro-text{max-width:550px}.bubble{white-space:pre-wrap}.status{line-height:1.5;min-height:18px}.status.error{color:#ffb6b6}.start-button[hidden]{display:none}.status:empty{min-height:0}.message-time{font-size:10px;color:#86a9c4}.suggestion:focus-visible,.composer button:focus-visible,.engine-controls select:focus-visible,.start-button:focus-visible{outline:2px solid #a1d9ff;outline-offset:3px}
@media(max-width:600px){.ready-pill{display:none}.navigation>a:nth-child(2){display:none}.intro h1{font-size:clamp(26px,6vw,32px)}.chat-panel{height:min(760px,calc(100dvh - 180px));min-height:580px}.bubble-sources{max-width:98%}.bubble-source{font-size:11px}.intro .capability-list span:nth-child(4){display:none}.engine-controls select{min-width:150px}}