@import url('/fonts/fonts.css');
:root{color-scheme:dark;--bg:#0b100e;--ink:#eef3e9;--muted:#89978a;--lime:#c7fb91;--line:rgba(202,226,196,.13);font-family:Manrope,'Segoe UI',sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:wait;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{transition:background .2s,color .2s,transform .2s}button:hover{color:var(--lime)}button:active{transform:translateY(1px)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app{height:100svh;min-height:700px;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column}.ambient{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 58% 38%,#20342670 0,transparent 48%),radial-gradient(ellipse at 95% 100%,#1b281d50,transparent 48%),linear-gradient(120deg,#0c120f,#0b100e 65%)}.ambient:after{content:'';position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.header{height:106px;padding:0 4.3%;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:25px;font-weight:650;letter-spacing:-1.3px}.brand svg{width:34px;height:32px;stroke:var(--lime);stroke-width:3;stroke-linecap:round;fill:none}.brand-dot{font-size:9px;vertical-align:top;display:inline-block;margin-left:4px;margin-top:5px;letter-spacing:0;color:#aebba9}.header-caption{font-size:9px;letter-spacing:2.1px;color:#9ba995;display:flex;align-items:center;gap:11px;margin-right:30px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #bdf48b44;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:23px}.sound-button{font-size:12px;display:flex;align-items:center;gap:9px;padding:8px 0;color:#b8c1b4}.sound-button[aria-pressed=true]{color:var(--lime)}#sound-icon{font-size:22px;line-height:1}.icon-button{width:28px;height:28px;border:1px solid #6a7b6355;border-radius:50%;font-family:Georgia,serif;font-size:15px;color:#b8c1b4}.stage{position:relative;flex:1;min-height:0;z-index:1}.stage-grid{position:absolute;inset:0 4.3%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background-image:linear-gradient(to right,transparent calc(50% - .5px),#b9d4b30b 50%,transparent calc(50% + .5px));pointer-events:none}.scene-label{position:absolute;font-size:8px;letter-spacing:1.6px;color:#64755f;display:flex;align-items:center;gap:15px;z-index:0}.label-left{left:4.3%;top:24px}.label-line{width:45px;height:1px;background:#5f75524d}.label-right{right:4.3%;top:23px}.crosshair{font-size:17px;font-weight:200;color:#a1b294}.greeting{position:absolute;left:12.3%;top:28%;z-index:2;transition:opacity .35s,transform .5s;max-width:420px}.eyebrow{font-size:9px;letter-spacing:2px;color:#a2b293;display:flex;align-items:center;gap:8px}.tiny-line{height:1px;width:20px;background:var(--lime)}h1{font-weight:450;font-size:clamp(48px,4.4vw,76px);line-height:1.15;letter-spacing:-3.5px;margin:23px 0 24px}h1 span{color:var(--lime)}.greeting p{font-size:14px;line-height:1.8;color:#a8b4a2;margin:0}.intro-link{font-size:11px;padding:0 0 8px;margin-top:31px;border-bottom:1px solid #82957766;color:#ced9c5;display:flex;align-items:center;gap:25px}.intro-link span{font-size:19px;font-weight:300}.orbit{position:absolute;border:1px solid #b6d0aa09;border-radius:50%;pointer-events:none;left:65%;top:45%;transform:translate(-50%,-50%)}.orbit-one{width:600px;height:600px}.orbit-two{width:780px;height:780px;border-style:dashed;opacity:.5}.robot-zone{position:absolute;left:62%;top:45%;width:480px;height:560px;transform:translate(-50%,-50%);transition:left .7s,transform .5s;pointer-events:none}.robot-aura{position:absolute;inset:12% 10% 18%;background:radial-gradient(ellipse,#b8f38b0c,transparent 70%);filter:blur(10px)}.robot-wrap{position:absolute;inset:0;transform:rotate(var(--tilt,0deg));transition:transform .8s}.robot{width:100%;height:100%;overflow:visible}.robot-float{animation:float 6s ease-in-out infinite;transform-origin:50% 50%}.robot-head{transform-origin:50% 43%;animation:head-idle 12s ease-in-out infinite}.robot-eyes{transform-origin:50% 33%;animation:blink 6.3s infinite}.robot-mouth{transition:opacity .2s}.voice-bars{display:none}.robot-arm{transform-origin:50% 52%;transition:transform .8s}.robot-note{position:absolute;right:10px;top:50%;display:flex;flex-direction:column;gap:7px;opacity:.45}.robot-note span:first-child{font-size:10px;letter-spacing:2px}.robot-note span:last-child{font-size:6px;letter-spacing:1px}.robot-tag{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;border:1px solid #a7c09922;background:#0b150e70;padding:9px 14px;border-radius:30px;font-size:9px;color:#adc19f;white-space:nowrap;backdrop-filter:blur(5px)}.floor-ring{position:absolute;bottom:52px;left:50%;border:1px solid #c3ed961c;border-radius:50%;transform:translateX(-50%);width:260px;height:59px}.ring-inner{width:200px;height:40px;bottom:61px;border-color:#c3ed9630}.floor-shadow{position:absolute;bottom:68px;left:50%;transform:translateX(-50%);width:166px;height:17px;border-radius:50%;background:#0009;filter:blur(10px);animation:shadow 6s ease-in-out infinite}.app[data-state=thinking] .antenna{animation:pulse .8s infinite}.app[data-state=speaking] .voice-bars{display:block}.app[data-state=speaking] .robot-mouth{opacity:0}.app[data-state=speaking] .voice-bars path{animation:talk .4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.voice-bars path:nth-child(2){animation-delay:.14s!important}.voice-bars path:nth-child(3){animation-delay:.25s!important}.app[data-state=listening] .robot-tag{border-color:#c7fb9177}.app[data-state=listening] .robot-head{transform:rotate(-5deg);animation:none}.app[data-state=presenting] .arm-right{transform:rotate(-24deg)}
.interaction-area{position:relative;z-index:4;width:min(720px,calc(100% - 44px));align-self:center;margin-top:-22px;padding-top:0;flex-shrink:0}.suggestions{display:flex;justify-content:center;gap:10px;margin-bottom:18px}.suggestions button{font-size:11px;border:1px solid #b4c8a929;border-radius:24px;padding:11px 17px;background:#111b14bb;color:#c8d4bf;display:flex;gap:10px;align-items:center;backdrop-filter:blur(10px);white-space:nowrap}.suggestions button:hover{background:#c7fb9112;border-color:#c7fb9166;color:var(--lime)}.suggestions button span{color:var(--lime);font-size:15px}.composer{padding:8px;background:linear-gradient(110deg,#253326dd,#17241bdd);border:1px solid #b3cc9d3d;border-radius:19px;display:flex;gap:10px;align-items:center;box-shadow:0 10px 70px #0004,0 1px 0 #e5f6cc0d inset;backdrop-filter:blur(24px)}.composer:focus-within{border-color:#c7fb9180}.composer input{width:100%;min-width:0;background:none;border:0;outline:none;color:#e5efdc;font-size:12px;letter-spacing:.05px;padding:12px 0}.composer input::placeholder{color:#a3b297}.mic-button{width:42px;height:42px;flex-shrink:0;border-right:1px solid #adca9226;padding:9px 14px 9px 6px;color:#acbd9e}.mic-button svg{width:21px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5}.mic-button[aria-pressed=true]{color:var(--lime);animation:pulse 1s infinite}.send-button{border-radius:12px;width:43px;height:43px;flex-shrink:0;background:var(--lime);color:#23331a;font-size:25px;line-height:1}.send-button:hover{background:#d5ffad;color:#0b1607}.input-caption{padding:12px 4px 0;display:flex;justify-content:space-between;font-size:9px;color:#74826d;gap:12px}.input-caption button{font-size:9px;color:#9dab92;padding:0}.input-caption button span{margin-left:5px}.footer{height:73px;display:flex;align-items:center;justify-content:space-between;padding:6px 4.3% 0;font-size:7px;letter-spacing:1.5px;color:#697a61;flex-shrink:0;gap:20px}.footer button{font-size:10px;letter-spacing:0;color:#adbea0;padding:8px 0}.footer button span{margin-left:12px}.footer-center{display:flex;gap:8px;align-items:center;margin-right:25px}.footer-center .status-dot{width:3px;height:3px;background:#748d61}
.conversation,.demo-panel{position:absolute;border:1px solid #c9e5b626;background:linear-gradient(130deg,#1a291de8,#101a13e8);border-radius:22px;backdrop-filter:blur(26px);box-shadow:0 16px 80px #0002;z-index:3;animation:panel-in .4s ease-out}.conversation{left:8%;top:14%;width:380px;height:calc(85% - 30px);max-height:430px;display:flex;flex-direction:column;padding:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;color:#a3b897;font-size:8px;letter-spacing:1.4px;padding-bottom:15px;border-bottom:1px solid var(--line);gap:10px}.panel-heading>span{display:flex;gap:8px;align-items:center}.small-button{font-size:23px;font-weight:300;line-height:1;width:25px;height:25px;padding:0;letter-spacing:0}.messages{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#57734644 transparent;padding:6px 4px 15px 0;overscroll-behavior:contain}.message{padding-top:18px;animation:panel-in .3s ease}.message-label{font-size:7px;color:#8fa47f;letter-spacing:1.5px;margin-bottom:7px;display:flex;align-items:center;gap:7px}.message.user .message-label{color:#6f8167}.message p{font-size:12px;line-height:1.8;margin:0;color:#e1ebd9;white-space:pre-wrap;overflow-wrap:anywhere}.message.user p{color:#a3b599;font-size:11px}.message .message-source{font-size:9px;color:#9bbd7b;display:inline-block;margin-top:7px;text-underline-offset:3px}.message-mode{margin-top:8px;font-size:8px;letter-spacing:0;color:#839b75}.message-action{margin-top:10px;padding:8px 11px;border:1px solid #c7fb9135;border-radius:8px;color:var(--lime);font-size:10px}.small-link{font-size:9px;text-align:left;color:var(--lime);padding:8px 0 0}.small-link span{font-size:7px;margin-left:6px}.app.chat-open .greeting,.app.demo-open .greeting{opacity:0;pointer-events:none;transform:translateX(-20px)}.app.chat-open .robot-zone{left:68%;transform:translate(-50%,-50%) scale(.9)}.demo-panel{right:8%;top:16%;width:350px;padding:22px}.app.demo-open .robot-zone{left:40%;transform:translate(-50%,-50%) scale(.88)}.app.demo-open.chat-open .conversation{left:4.5%;width:320px;max-height:380px;top:14%}.app.demo-open.chat-open .robot-zone{left:49%;transform:translate(-50%,-50%) scale(.68)}.app.demo-open.chat-open .demo-panel{right:4.5%;width:310px}.demo-title{font-size:22px;line-height:1.4;font-weight:450;letter-spacing:-.5px;margin:20px 0 7px}.demo-copy{font-size:11px;color:#a2b398;line-height:1.8;margin:0 0 19px}.demo-document{border:1px solid #b3c39b24;border-radius:12px;background:#e6efd907;padding:15px}.doc-label{font-size:7px;letter-spacing:1.5px;color:#829873;margin-bottom:15px;display:flex;gap:8px;align-items:center}.doc-label span{color:var(--lime)}.doc-line{height:3px;background:#7e94644d;border-radius:4px;margin-bottom:9px;width:90%}.doc-line:nth-child(3){width:70%}.doc-line:nth-child(4){width:85%}.doc-highlight{padding:10px;border-radius:6px;background:#c7fb9114;border-left:2px solid var(--lime);font-size:10px;line-height:1.8;color:#c8deba;margin:15px 0}.demo-question{font-size:10px;margin:15px 0 10px;color:#dbe9ce}.demo-result{font-size:10px;line-height:1.8;color:#d5eac3;padding-top:13px;border-top:1px solid var(--line)}.demo-result strong{color:var(--lime);font-weight:500}.demo-footer{margin-top:22px;padding-top:15px;border-top:1px solid var(--line);font-size:6px;color:#7d926d;letter-spacing:1.2px;display:flex;justify-content:space-between;align-items:center}.demo-dots{display:flex;gap:5px}.demo-dots i{width:4px;height:4px;border-radius:50%;background:#47553e}.demo-dots i.active{background:var(--lime)}.meeting-line{padding:10px 0;border-bottom:1px solid #b4c59b16;font-size:10px;color:#a4b897;line-height:1.6}.meeting-line b{color:#d8e6ce;font-weight:500}.task-row{display:flex;gap:10px;font-size:10px;align-items:center;padding:12px 0;border-bottom:1px solid #b4c59b16}.task-check{border:1px solid #b4db88;border-radius:4px;width:14px;height:14px;color:var(--lime);font-size:10px;text-align:center;line-height:12px}.task-row span:last-child{display:flex;flex-direction:column;gap:3px}.task-row small{font-size:8px;color:#8ba077}.quiz-options{display:flex;flex-direction:column;gap:8px;margin:16px 0}.quiz-option{border:1px solid #b4d19533;padding:11px;border-radius:8px;text-align:left;font-size:10px;display:flex;gap:9px}.quiz-option span{color:#9ab780}.quiz-option.correct{background:#c7fb9114;border-color:var(--lime)}.quiz-option.incorrect{background:#f4b78b0c;border-color:#bc9067}.quiz-feedback{font-size:10px;color:#c7fb91;line-height:1.7;min-height:18px}.presentation-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin-bottom:16px;font-size:10px;color:#a1b88e}.presentation-controls #presentation-next{background:#c7fb9112;border:1px solid #c7fb9140;padding:10px 17px;border-radius:20px;color:var(--lime);font-size:11px}.presentation-controls #presentation-stop{font-size:23px}.presentation-controls #presentation-next span{margin-left:12px}
.details-dialog{max-width:520px;width:calc(100% - 36px);max-height:80svh;color:var(--ink);border:1px solid #91b77755;border-radius:23px;background:#142019;padding:30px;box-shadow:0 35px 150px #000a}.details-dialog::backdrop{background:#040a07b0;backdrop-filter:blur(10px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.details-dialog h2{font-size:25px;font-weight:450;letter-spacing:-.7px;margin:0 0 18px}.details-dialog p{font-size:12px;line-height:1.9;color:#b3c2a8}.details-dialog a{color:var(--lime);text-underline-offset:4px}.source-list{display:flex;flex-direction:column;gap:0;margin-top:15px}.source-list a{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;text-decoration:none;display:flex;justify-content:space-between;gap:16px}.source-date{font-size:9px!important;color:#809773!important;margin-top:20px}.dialog-action{display:inline-block;padding:13px 19px;background:var(--lime);border-radius:10px;color:#183012!important;text-decoration:none;font-size:12px;margin-top:10px}.toast{position:fixed;left:50%;bottom:175px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#263924f5;border:1px solid #aad28655;color:#e2efd7;font-size:11px;line-height:1.7;border-radius:12px;padding:13px 18px;z-index:10;max-width:calc(100% - 40px);transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes shadow{0%,100%{opacity:.8;transform:translateX(-50%) scale(1)}50%{opacity:.5;transform:translateX(-50%) scale(.86)}}@keyframes head-idle{0%,25%,60%,100%{transform:rotate(0)}30%,45%{transform:rotate(-3deg)}75%,90%{transform:rotate(2deg)}}@keyframes blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.08)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}@keyframes talk{from{transform:scaleY(.4)}to{transform:scaleY(1.2)}}@keyframes panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.robot-zone{width:550px;height:630px;left:60%;top:45%}.greeting{left:17%;top:29%}.conversation{left:13%;width:430px;max-height:500px}.demo-panel{right:12%;width:390px}.header{height:120px}.footer{height:90px}.interaction-area{width:780px;margin-top:-35px}.composer{padding:10px}.composer input{font-size:14px}.suggestions button{font-size:12px;padding:12px 20px}.input-caption,.input-caption button{font-size:10px}.robot-tag{bottom:35px}.floor-ring{bottom:69px}.ring-inner{bottom:78px}.floor-shadow{bottom:85px}}
@media(max-width:1100px){.greeting{left:8%;max-width:340px;top:27%}h1{font-size:55px}.robot-zone{left:65%;width:440px;height:510px}.robot-note{display:none}.header-caption{font-size:7px;letter-spacing:1.4px;margin-right:0}.conversation{left:5%;width:330px;padding:18px}.demo-panel{right:5%;width:310px;padding:18px}.app.demo-open.chat-open .conversation{width:290px}.app.demo-open.chat-open .robot-zone{left:43%;opacity:.35;transform:translate(-50%,-50%) scale(.7)}.app.demo-open.chat-open .demo-panel{width:300px}.footer-center{display:none}.robot-tag{bottom:21px}.floor-ring{bottom:43px}.ring-inner{bottom:52px}.floor-shadow{bottom:59px}}
@media(max-width:760px){.app{min-height:710px}.header{height:79px;padding:0 24px;gap:12px}.brand{font-size:23px;gap:7px}.brand svg{width:30px}.header-caption{display:none}.header-actions{gap:16px}.sound-button{font-size:10px}.stage-grid{inset:0 24px}.scene-label{font-size:6px;letter-spacing:1.1px}.label-left{left:24px;top:15px}.label-right{right:24px;top:13px}.label-line{width:22px}.label-right span:last-child{display:none}.greeting{left:0;right:0;top:22px;text-align:center;max-width:none;pointer-events:none}.greeting .eyebrow{display:none}h1{font-size:32px;line-height:1.2;letter-spacing:-1.2px;margin:21px 0 9px}h1 br{display:none}.greeting p{font-size:11px;line-height:1.8}.desktop-break{display:none}.intro-link{display:none}.robot-zone{left:50%;top:58%;width:345px;height:395px}.robot-tag{font-size:8px;padding:8px 12px;bottom:1px}.floor-ring{bottom:20px;width:210px;height:43px}.ring-inner{bottom:27px;width:160px;height:30px}.floor-shadow{bottom:35px;width:130px;height:13px}.orbit{left:50%;top:55%}.orbit-one{width:370px;height:370px}.orbit-two{width:510px;height:510px}.interaction-area{width:calc(100% - 36px);margin-top:0}.suggestions{gap:6px;margin-bottom:14px}.suggestions button{font-size:9px;padding:9px 11px;gap:6px}.suggestions button span{font-size:12px}.composer{padding:6px;gap:7px;border-radius:16px}.composer input{font-size:11px;padding:12px 0}.composer input::placeholder{font-size:10px}.mic-button{width:35px;padding:7px 10px 7px 4px}.send-button{width:39px;height:39px;border-radius:10px}.input-caption{font-size:7px;gap:8px;padding-top:10px}.input-caption button{font-size:8px}.footer{height:60px;padding:4px 24px 0;font-size:5.5px;letter-spacing:.9px;gap:8px}.footer button{font-size:9px;white-space:nowrap}.footer button span{margin-left:5px}.conversation{left:18px;top:22px;width:calc(100% - 36px);height:calc(100% - 35px);max-height:none;background:#142018ed}.app.chat-open .robot-zone{left:50%;transform:translate(-50%,-50%) scale(.7);opacity:.12}.app.demo-open .robot-zone{left:50%;opacity:.13;transform:translate(-50%,-50%) scale(.85)}.demo-panel{right:18px;left:18px;top:20px;width:auto;max-height:calc(100% - 30px);overflow:auto;padding:18px 22px;background:#142018f5}.app.demo-open.chat-open .conversation{display:none}.app.demo-open.chat-open .demo-panel{right:18px;left:18px;top:20px;width:auto}.demo-title{font-size:21px;margin-top:15px}.demo-copy{margin-bottom:13px}.demo-footer{margin-top:15px}.demo-document{padding:12px}.doc-label{margin-bottom:10px}.doc-highlight{margin:10px 0}.presentation-controls{margin-bottom:12px}.toast{bottom:165px;width:max-content}.message p{font-size:12px}.details-dialog{padding:25px}.details-dialog h2{font-size:23px}.robot-note{display:none}}
@media(max-height:790px) and (min-width:761px){.app{min-height:640px}.header{height:78px}.robot-zone{width:390px;height:455px;top:45%}.greeting{top:23%}h1{font-size:54px;margin:18px 0}.greeting p{font-size:12px}.intro-link{margin-top:22px}.interaction-area{margin-top:-15px}.footer{height:60px}.conversation{top:12%;height:calc(88% - 30px)}.demo-panel{top:9%}.demo-title{font-size:20px;margin-top:13px}.demo-copy{font-size:10px;margin-bottom:11px}.demo-footer{margin-top:13px}.demo-document{padding:12px}.doc-highlight{margin:9px 0}.robot-tag{bottom:6px}.floor-ring{bottom:28px}.ring-inner{bottom:36px}.floor-shadow{bottom:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.robot-wrap{transform:none!important}}
.demo-panel{max-height:calc(84% - 20px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#58774555 transparent}
@media(max-width:760px){.demo-panel,.app.demo-open.chat-open .demo-panel{max-height:calc(100% - 38px)}}
