@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{--accent:#254f8c;--accent-text:#fff;--cream:#f8f7f3;--ink:#1c2835;--line:#d9dde3}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--cream)}button,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.skip,.sr-only{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:50;background:#fff;padding:10px}.demo-ribbon{min-height:70px;display:flex;align-items:center;gap:clamp(16px,2vw,34px);padding:10px clamp(16px,3vw,48px);background:#101b2a;color:#f6f8fa;box-shadow:0 2px 16px #0002;position:relative;z-index:4}.apex-brand{white-space:nowrap;color:#fff;text-decoration:none;font:800 1rem Manrope,sans-serif;letter-spacing:.16em}.apex-brand span{color:#edc578}.demo-ribbon p{font-size:.79rem;line-height:1.45;max-width:630px;margin:0;color:#dbe1e8}.demo-ribbon p strong{color:#fff}.demo-nav{display:flex;align-items:center;gap:8px;margin-left:auto;white-space:nowrap}.demo-nav a{border:1px solid #ffffff57;border-radius:999px;padding:8px 11px;color:#fff;text-decoration:none;font-size:.7rem;font-weight:700}.demo-nav a.active,.demo-nav a:hover{background:#fff;color:#14213b}.web-demo{height:calc(100dvh - 70px);min-height:540px;position:relative;overflow:hidden;background:var(--cream)}#official-site{border:0;width:100%;height:100%;background:#fff}.demo-note{position:absolute;left:clamp(16px,3vw,48px);bottom:22px;max-width:350px;background:#101b2af0;color:#fff;padding:13px 17px;border-radius:9px;box-shadow:0 7px 25px #0002;display:grid;gap:3px;font-size:.72rem;line-height:1.45}.demo-note strong{font-size:.8rem}.demo-note span{color:#dbe1e8}.concept{min-height:100%;background:radial-gradient(circle at 70% 22%,color-mix(in srgb,var(--accent) 21%,transparent),transparent 34%),var(--cream);position:relative}.concept-nav{padding:26px clamp(22px,6vw,90px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.75rem}.concept-nav span:first-child{font:800 1.4rem Manrope,sans-serif;letter-spacing:-.04em}.concept-hero{padding:clamp(60px,11vw,155px) clamp(22px,8vw,120px) 80px;max-width:1100px}.kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.76rem;font-weight:800}.concept h1{font:800 clamp(3rem,7vw,7.7rem)/1.04 Manrope,sans-serif;letter-spacing:-.06em;max-width:940px;margin:16px 0 28px}.concept-hero>p:not(.kicker){max-width:680px;line-height:1.7;font-size:1.2rem}.concept-hero button,.voice-actions button:first-child{background:var(--accent);color:var(--accent-text);border:0;padding:15px 22px;border-radius:5px;font-weight:800}.concept-detail{display:flex;gap:30px;flex-wrap:wrap;padding:22px clamp(22px,8vw,120px);border-top:1px solid var(--line);font-size:.68rem;font-weight:800;letter-spacing:.12em}.concept-note{font-size:.72rem;color:#626d78;padding:0 clamp(22px,8vw,120px) 70px}.chat-launcher{position:fixed;right:24px;bottom:24px;z-index:9;display:flex;align-items:center;gap:12px;background:var(--accent);color:var(--accent-text);padding:13px 18px;border:1px solid #ffffff5c;border-radius:15px;box-shadow:0 14px 35px #08172345;text-align:left;font-size:.71rem;line-height:1.35}.chat-launcher strong{display:block;font-size:.86rem}.chat-launcher-dot{width:28px;height:28px;border:2px solid currentColor;border-radius:50%;display:block;position:relative}.chat-launcher-dot:after{content:'';position:absolute;width:8px;height:8px;right:-4px;bottom:-4px;border-radius:50%;background:#70d5a5;border:2px solid var(--accent)}.chat-panel{position:fixed;z-index:10;right:24px;bottom:88px;width:min(440px,calc(100vw - 32px));height:min(680px,calc(100dvh - 114px));min-height:400px;border-radius:16px;background:#fff;box-shadow:0 20px 80px #0b172b55;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d9dde3}.chat-head{background:var(--accent);color:var(--accent-text);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-head small{font-size:.55rem;font-weight:800;letter-spacing:.13em;opacity:.83}.chat-head h2{font:700 1.2rem Manrope,sans-serif;margin:5px 0 0}.head-actions{display:flex;gap:4px}.head-actions button{color:inherit;border:1px solid #ffffff70;background:transparent;border-radius:7px;font-size:1.3rem;width:31px;height:31px;line-height:1}.chat-disclaimer{margin:0;background:#f0f1f1;padding:9px 17px;font-size:.69rem;color:#3d4752}.messages{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;min-height:120px}.message{max-width:89%;padding:11px 13px;line-height:1.5;font-size:.87rem;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px}.message.assistant{align-self:flex-start;background:#f2f3f4;border-top-left-radius:3px}.message.user{align-self:flex-end;background:var(--accent);color:var(--accent-text);border-top-right-radius:3px}.sender{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;opacity:.7;margin-bottom:5px}.compose{border-top:1px solid var(--line);padding:12px 15px;background:#fff}.examples{display:flex;gap:6px;overflow-x:auto;padding-bottom:9px}.examples button{flex:none;background:#fff;border:1px solid var(--line);border-radius:30px;padding:6px 9px;color:#445363;font-size:.68rem}.composer{border:1px solid #bcc4cb;border-radius:9px;display:flex;overflow:hidden}.composer:focus-within{outline:2px solid var(--accent)}.composer textarea{border:0;outline:0;resize:none;padding:11px;flex:1;min-width:0;font-size:.84rem}.composer button{border:0;background:var(--accent);color:var(--accent-text);font-size:1.4rem;width:46px}.composer button:disabled{opacity:.5}.consent,.voice-consent{display:flex;align-items:flex-start;gap:7px;font-size:.7rem;line-height:1.35;margin-top:9px;color:#3c4856}.consent input,.voice-consent input{margin:2px 0 0;accent-color:var(--accent)}.footnote{font-size:.62rem;line-height:1.35;color:#6e7781;margin:8px 0 0}.error{color:#a3212d;font-size:.72rem}.voice-demo{min-height:calc(100dvh - 70px);padding:clamp(28px,6vw,80px) 18px;background:radial-gradient(circle at 82% 24%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 35%),#f7f8fa}.voice-shell{max-width:760px;margin:auto;background:#fff;padding:clamp(24px,5vw,60px);box-shadow:0 24px 80px #0b172b15;border:1px solid var(--line);border-radius:18px}.voice-shell h1{font:800 clamp(2.2rem,4vw,4rem)/1.05 Manrope,sans-serif;letter-spacing:-.05em;margin:10px 0 18px}.voice-shell>p{line-height:1.7}.voice-disclaimer{background:#f4f5f6;padding:15px;border-left:3px solid var(--accent);font-size:.87rem}.voice-consent{margin:20px 0;font-size:.85rem}.voice-actions{display:flex;gap:10px;flex-wrap:wrap}.voice-actions button{padding:14px 20px}.voice-actions button:disabled{opacity:.48;cursor:not-allowed}.voice-actions button:last-child{background:#fff;border:1px solid #aeb7c1;border-radius:5px}.voice-status{font-size:.8rem;color:#586575}.voice-shell details{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.voice-shell summary{cursor:pointer;font-weight:700}.voice-transcript{min-height:80px;padding:15px 0}.voice-transcript p{line-height:1.5}.voice-transcript b{margin-right:8px}.missing{padding:10vh 8vw}.missing h1{font:800 2rem Manrope,sans-serif}
@media(max-width:900px){.demo-ribbon{flex-wrap:wrap;gap:8px;padding:10px 16px}.demo-ribbon p{order:3;width:100%;max-width:none;font-size:.7rem}.demo-nav{gap:5px}.demo-nav a{font-size:.63rem;padding:6px 8px}.web-demo{height:calc(100dvh - 100px)}.demo-note{max-width:270px;font-size:.65rem}}@media(max-width:620px){.demo-ribbon p{line-height:1.3}.demo-nav{width:100%;margin-left:0;order:2}.demo-nav a{flex:1;text-align:center}.demo-nav a:last-child{display:none}.web-demo{height:calc(100dvh - 143px)}.chat-launcher{right:12px;bottom:12px}.chat-panel{right:8px;bottom:75px;width:calc(100vw - 16px);height:min(680px,calc(100dvh - 90px))}.demo-note{display:none}.concept-nav span:last-child{font-size:.65rem}.concept-hero{padding-top:60px}.concept h1{font-size:3rem}}