:root{--bg:#070713;--panel:rgba(17,18,39,.82);--panel-2:#111329;--line:rgba(255,255,255,.09);--text:#f8f8ff;--muted:#a9aec8;--violet:#8b5cf6;--cyan:#22d3ee;--green:#34d399;--danger:#fb7185;--shadow:0 28px 80px rgba(0,0,0,.4);--app-viewport-height:100dvh}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--text);font-family:"DM Sans",sans-serif;background:radial-gradient(circle at 15% 10%,rgba(124,58,237,.13),transparent 32%),radial-gradient(circle at 90% 75%,rgba(34,211,238,.1),transparent 30%),linear-gradient(145deg,#070713 0%,#0b0c1c 55%,#080816 100%);overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.3}.ambient-one{width:260px;height:260px;background:#7c3aed;top:-120px;right:12%}.ambient-two{width:230px;height:230px;background:#0891b2;bottom:-100px;left:8%}.shell,.operator-shell{width:min(1220px,calc(100% - 40px));margin:auto;position:relative;z-index:1}.topbar,.operator-head{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand>span:last-child{display:grid;line-height:1}.brand strong{font:800 18px/1 "Manrope";letter-spacing:.18em}.brand small{font-size:8px;letter-spacing:.32em;color:var(--muted);margin-top:6px}.brand-mark{width:38px;height:38px;position:relative;display:grid;place-items:center}.brand-mark:before{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(135deg,var(--violet),var(--cyan));box-shadow:0 0 28px rgba(139,92,246,.34)}.brand-mark i{position:absolute;width:5px;height:18px;border-radius:4px;background:#fff;transform:rotate(30deg)}.brand-mark i:nth-child(1){translate:-8px 3px;height:13px}.brand-mark i:nth-child(2){translate:0 -1px}.brand-mark i:nth-child(3){translate:8px -5px;height:23px}.status-pill{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);font-size:12px;color:#dce0f4}.status-pill span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(52,211,153,.1)}.experience{min-height:calc(100vh - 112px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.82fr);gap:40px;align-items:center;padding:30px 0 56px}.intro-card{padding:28px 12px 28px 4px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#c4b5fd;text-transform:uppercase;letter-spacing:.18em;font:700 11px/1 "Manrope"}.eyebrow:before{content:"";width:25px;height:1px;background:linear-gradient(90deg,var(--violet),var(--cyan))}.intro-card h1{font:800 clamp(42px,5.1vw,70px)/1.03 "Manrope";letter-spacing:-.055em;margin:22px 0;max-width:760px;background:linear-gradient(115deg,#fff 25%,#d8dbf3 65%,#9cecff);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{font-size:18px;line-height:1.65;color:var(--muted);max-width:660px}.trust-grid{display:grid;gap:12px;margin-top:34px;max-width:650px}.trust-grid article{display:flex;gap:15px;padding:13px 16px;border:1px solid transparent;border-radius:16px;transition:.25s}.trust-grid article:hover{border-color:var(--line);background:rgba(255,255,255,.025);transform:translateX(4px)}.trust-grid article>span{color:#7dd3fc;font:700 11px "Manrope";padding-top:3px}.trust-grid div{display:grid;gap:4px}.trust-grid strong{font-size:14px}.trust-grid small{font-size:12px;color:var(--muted);line-height:1.45}.flow-line{display:flex;gap:8px;margin-top:34px}.flow-line span{height:3px;width:36px;border-radius:4px;background:rgba(255,255,255,.09)}.flow-line .active{width:72px;background:linear-gradient(90deg,var(--violet),var(--cyan));box-shadow:0 0 14px rgba(34,211,238,.3)}.chat-card{height:min(720px,calc(100vh - 125px));min-height:590px;display:grid;grid-template-rows:auto auto 1fr auto auto auto;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(155deg,rgba(23,24,51,.93),rgba(12,13,29,.96));box-shadow:var(--shadow);overflow:hidden;backdrop-filter:blur(24px)}.chat-head{height:78px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--line)}.avatar{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#6d28d9,#0891b2);font:800 12px "Manrope";box-shadow:0 10px 28px rgba(109,40,217,.3)}.chat-head>div:nth-child(2){display:grid;gap:4px}.chat-head strong{font:700 14px "Manrope"}.chat-head small{font-size:11px;color:var(--muted)}.chat-head small span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}.ghost-button{margin-left:auto;width:35px;height:35px;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.ghost-button:hover{color:#fff;border-color:rgba(255,255,255,.2)}.notice{display:flex;gap:10px;align-items:flex-start;margin:15px 18px 4px;padding:11px 13px;border-radius:13px;background:rgba(34,211,238,.055);border:1px solid rgba(34,211,238,.12);font-size:11px;line-height:1.45;color:#b6cfe1}.notice svg{width:17px;min-width:17px;fill:none;stroke:var(--cyan);stroke-width:1.8}.messages{padding:18px 19px 10px;overflow:auto;scroll-behavior:smooth}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:5px}.message{display:grid;margin:0 0 15px;animation:arrive .28s ease both}.message.assistant{justify-items:start;padding-right:13%}.message.user{justify-items:end;padding-left:13%}.message-label{font:600 9px "Manrope";letter-spacing:.1em;text-transform:uppercase;color:#777e9d;margin:0 8px 5px}.bubble{padding:12px 14px;border-radius:17px;font-size:13px;line-height:1.55;white-space:pre-wrap;max-width:100%}.assistant .bubble{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.07);border-bottom-left-radius:5px}.user .bubble{background:linear-gradient(135deg,#7352db,#385dbb);border-bottom-right-radius:5px;box-shadow:0 9px 24px rgba(77,65,190,.2)}.message time{font-size:9px;color:#5f6682;margin:4px 8px}.typing{display:flex;align-items:center;gap:4px;padding:0 22px 8px;color:#777e9d;font-size:10px}.typing i{width:5px;height:5px;border-radius:50%;background:#9b8cf8;animation:pulse 1s infinite}.typing i:nth-child(2){animation-delay:.14s}.typing i:nth-child(3){animation-delay:.28s}.typing span{margin-left:5px}.composer{display:grid;grid-template-columns:1fr 44px;gap:10px;align-items:end;margin:0 18px 10px;padding:9px 9px 9px 14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(4,5,16,.5);transition:.2s}.composer:focus-within{border-color:rgba(139,92,246,.56);box-shadow:0 0 0 3px rgba(139,92,246,.08)}textarea{width:100%;max-height:110px;resize:none;border:0;outline:0;background:transparent;color:#fff;font:13px/1.45 "DM Sans";padding:7px 0}textarea::placeholder{color:#5e6480}.composer button{width:42px;height:42px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--violet),#2563eb);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(86,64,224,.3);transition:.2s}.composer button:hover{transform:translateY(-2px)}.composer button:disabled{opacity:.5;cursor:wait;transform:none}.composer svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8}.microcopy{font-size:9px;line-height:1.45;color:#626984;text-align:center;padding:0 24px 13px;margin:0}.operator-shell{padding-bottom:40px}.operator-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.operator-panel{border:1px solid var(--line);border-radius:22px;background:var(--panel);min-height:250px;overflow:hidden}.timeline-panel{grid-row:span 2;min-height:700px}.panel-title{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.panel-title span{font:700 14px "Manrope"}.panel-title small{color:var(--muted)}.operator-transcript{padding:20px;display:grid;gap:12px}.operator-transcript .log{border-left:2px solid #4338ca;padding:7px 11px;font-size:12px;line-height:1.5}.operator-transcript .log.user{border-color:#06b6d4}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:0}.facts div{background:#111225;padding:16px}.facts dt{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#777e9d}.facts dd{margin:6px 0 0;font-size:12px;line-height:1.45}.call-state{padding:24px}.call-badge{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(251,113,133,.1);color:#fda4af;font-size:11px}.call-badge.ready{background:rgba(52,211,153,.1);color:#6ee7b7}.call-state p{font-size:13px;color:var(--muted);line-height:1.55}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pulse{0%,60%,100%{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.briefing-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(3,4,14,.8);backdrop-filter:blur(18px);animation:briefing-in .3s ease both}.briefing-backdrop[hidden]{display:none}.briefing-card{width:min(680px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:38px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(34,211,238,.11),transparent 32%),linear-gradient(145deg,rgba(24,25,53,.98),rgba(10,11,27,.99));box-shadow:0 36px 120px rgba(0,0,0,.62)}.briefing-kicker{display:flex;align-items:center;gap:10px;color:#c4b5fd;text-transform:uppercase;letter-spacing:.16em;font:700 10px "Manrope"}.briefing-kicker span{width:28px;height:1px;background:linear-gradient(90deg,var(--violet),var(--cyan))}.briefing-card h2{margin:18px 0 14px;font:800 clamp(28px,4.5vw,44px)/1.08 "Manrope";letter-spacing:-.04em}.briefing-card>p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}.briefing-examples{margin:24px 0;padding:19px 21px;border:1px solid rgba(139,92,246,.2);border-radius:18px;background:rgba(139,92,246,.055)}.briefing-examples p{margin:0 0 11px;color:#ddd9fe;font-weight:700;font-size:13px}.briefing-examples ul{display:grid;gap:9px;margin:0;padding-left:19px;color:#b9bfd8;font-size:13px;line-height:1.45}.briefing-examples li::marker{color:#67e8f9}.briefing-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:15px;background:rgba(34,211,238,.055);color:#aac7da;font-size:12px;line-height:1.55}.briefing-note svg{width:19px;min-width:19px;fill:none;stroke:var(--cyan);stroke-width:1.7}.briefing-start{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px;padding:15px 20px;border:0;border-radius:16px;background:linear-gradient(115deg,#7c3aed,#2563eb 60%,#0891b2);color:#fff;font:700 14px "Manrope";cursor:pointer;box-shadow:0 16px 36px rgba(74,61,210,.28);transition:.2s}.briefing-start:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(74,61,210,.38)}.briefing-start span{font-size:20px}.briefing-time{text-align:center!important;margin-top:11px!important;font-size:10px!important;color:#686f8d!important}@keyframes briefing-in{from{opacity:0}to{opacity:1}}
.composer{grid-template-columns:minmax(0,1fr) 44px}
textarea{min-width:0}
@media(max-width:900px){.experience{grid-template-columns:1fr;gap:20px}.intro-card{text-align:center;padding-top:15px}.intro-card h1{font-size:clamp(38px,9vw,58px);margin-inline:auto}.lede,.trust-grid{margin-inline:auto}.trust-grid{text-align:left}.flow-line{justify-content:center}.chat-card{height:690px;max-width:560px;width:100%;margin:auto}.operator-grid{grid-template-columns:1fr}.timeline-panel{grid-row:auto}}
@media(max-width:560px){html,body{width:100%;max-width:100%;overflow-x:hidden}body{min-height:var(--app-viewport-height,100dvh)}.shell,.operator-shell{width:100%;max-width:100%;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.topbar{height:64px;padding-top:env(safe-area-inset-top)}.status-pill{font-size:10px}.experience{display:block;height:calc(var(--app-viewport-height,100dvh) - 64px);min-height:0;padding:6px 0 max(8px,env(safe-area-inset-bottom))}.intro-card h1{font-size:37px}.lede{font-size:15px}.trust-grid article:nth-child(2),.trust-grid article:nth-child(3),.flow-line{display:none}.chat-card{width:100%;max-width:none;height:100%;max-height:none;min-height:0;border-radius:20px;grid-template-rows:auto auto minmax(0,1fr) auto auto auto}.chat-head{height:64px;padding:0 14px}.notice{margin:10px 10px 3px;padding:9px 10px}.messages{min-height:0;padding:12px 11px 8px}.message.assistant{padding-right:6%}.message.user{padding-left:6%}.typing{padding:0 13px 6px}.composer{width:auto;max-width:100%;grid-template-columns:minmax(0,1fr) 44px;gap:8px;margin:0 10px 7px;padding:7px 7px 7px 12px}textarea{min-width:0;font-size:16px;line-height:1.35}.microcopy{padding:0 12px max(8px,env(safe-area-inset-bottom));font-size:9px}.intro-card{display:none}.bubble{font-size:13px}.operator-grid{display:block}.operator-panel{margin-bottom:14px}.facts{grid-template-columns:1fr}.briefing-backdrop{padding:10px}.briefing-card{max-height:calc(var(--app-viewport-height,100dvh) - 20px);padding:25px 20px;border-radius:22px}.briefing-card h2{font-size:29px}.briefing-examples{padding:15px 17px}.briefing-examples li{font-size:12px}.briefing-note{font-size:11px}body.keyboard-open .topbar{display:none}body.keyboard-open .experience{height:var(--app-viewport-height,100dvh);padding-top:max(5px,env(safe-area-inset-top))}body.keyboard-open .chat-card{border-radius:16px}body.keyboard-open .notice{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.typing[hidden]{display:none}