.ci-overlay{--ci-bg: #f6f5f1;--ci-ink: #151513;--ci-muted: #6c6b66;--ci-card: #ffffff;--ci-line: #e7e5de;--ci-soft: #f1efe9;--ci-accent: #5B3FE8;--ci-accent2: #C150EE;--ci-ease: cubic-bezier(.2, .8, .2, 1);position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;overflow:hidden;background:var(--ci-bg);color:var(--ci-ink);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;opacity:0;transition:opacity .45s var(--ci-ease)}.ci-overlay.in{opacity:1}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ci-overlay{--ci-bg: #0e0e10;--ci-ink: #f3f2ee;--ci-muted: #9a9993;--ci-card: #17171a;--ci-line: #2a2a2e;--ci-soft: #1f1f23;--ci-accent: #9D8BFF;--ci-accent2: #E08CFF}}:root[data-theme=dark] .ci-overlay,.ci-overlay.ci-dark{--ci-bg: #0e0e10;--ci-ink: #f3f2ee;--ci-muted: #9a9993;--ci-card: #17171a;--ci-line: #2a2a2e;--ci-soft: #1f1f23;--ci-accent: #9D8BFF;--ci-accent2: #E08CFF}.ci-overlay.ci-light{--ci-bg: #f6f5f1;--ci-ink: #151513;--ci-muted: #6c6b66;--ci-card: #ffffff;--ci-line: #e7e5de;--ci-soft: #f1efe9;--ci-accent: #5B3FE8;--ci-accent2: #C150EE}.ci-glow{position:absolute;inset:0;pointer-events:none}.ci-glow i{position:absolute;width:46vmax;height:46vmax;border-radius:50%;filter:blur(90px);opacity:.22}.ci-glow i:first-child{left:-12vmax;top:-16vmax;background:var(--ci-accent);animation:ciFloat 22s ease-in-out infinite alternate}.ci-glow i:last-child{right:-14vmax;bottom:-18vmax;background:var(--ci-accent2);animation:ciFloat 26s ease-in-out infinite alternate-reverse}@keyframes ciFloat{to{transform:translate(6vmax,4vmax) scale(1.08)}}.ci-top{position:relative;z-index:2;display:flex;align-items:center;gap:20px;padding:18px 28px}.ci-brand{display:inline-flex;align-items:center;gap:9px;font-weight:650;font-size:15px;letter-spacing:-.01em;white-space:nowrap}.ci-brand i,.ci-mark span,.ci-avatar{display:grid;place-items:center;color:#fff;font-style:normal;font-weight:800;background:linear-gradient(135deg,#8e74ff,#5b3fe8 55%,#4232c9)}.ci-brand i svg{width:19px;height:19px}.ci-mark span svg{width:72%;height:72%}.ci-avatar svg{width:19px;height:19px}.ci-brand i{width:26px;height:26px;border-radius:8px;font-size:13px}.ci-progress{flex:1;display:flex;gap:6px;max-width:520px;margin:0 auto}.ci-progress span{flex:1;height:3px;border-radius:99px;background:color-mix(in srgb,var(--ci-ink) 12%,transparent);overflow:hidden}.ci-progress i{display:block;height:100%;width:0;background:var(--ci-ink);border-radius:inherit}.ci-skip{padding:7px 14px;border-radius:99px;font:inherit;font-size:13.5px;color:var(--ci-muted);background:transparent;border:1px solid var(--ci-line);cursor:pointer;transition:color .2s,background .2s}.ci-skip:hover{color:var(--ci-ink);background:var(--ci-soft)}.ci-stage{position:relative;z-index:1;flex:1;min-height:0}.ci-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px 6vw 56px;opacity:0;transform:translateY(14px);filter:blur(6px);pointer-events:none;transition:opacity .7s var(--ci-ease),transform .7s var(--ci-ease),filter .7s var(--ci-ease)}.ci-scene.on{opacity:1;transform:none;filter:none;pointer-events:auto}.ci-hero,.ci-cta{flex-direction:column;text-align:center;gap:22px}.ci-mark span{width:64px;height:64px;border-radius:20px;font-size:30px;box-shadow:0 18px 50px color-mix(in srgb,var(--ci-accent) 35%,transparent)}.ci-mark.sm span{width:48px;height:48px;border-radius:15px;font-size:22px}.ci-hero .ci-mark{opacity:0;transform:scale(.9);transition:opacity .8s var(--ci-ease),transform .8s var(--ci-ease)}.ci-hero.on .ci-mark{opacity:1;transform:none}.ci-words{margin:0;font-size:clamp(40px,7vw,84px);line-height:1.02;letter-spacing:-.045em;font-weight:650;max-width:14ch}.ci-words span{display:inline-block;opacity:0;transform:translateY(18px);filter:blur(8px);transition:opacity .8s var(--ci-ease),transform .8s var(--ci-ease),filter .8s var(--ci-ease);transition-delay:calc(.25s + var(--i) * .12s)}.ci-hero.on .ci-words span{opacity:1;transform:none;filter:none}.ci-sub{margin:0;max-width:560px;font-size:clamp(15px,1.6vw,19px);line-height:1.55;color:var(--ci-muted);opacity:0;transition:opacity .9s var(--ci-ease) 1.2s}.ci-hero.on .ci-sub{opacity:1}.ci-split{gap:clamp(28px,5vw,80px)}.ci-copy{flex:0 1 430px;display:flex;flex-direction:column;gap:16px}.ci-eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ci-accent)}.ci-copy h2,.ci-cta h2{margin:0;font-size:clamp(32px,4.6vw,58px);line-height:1.04;letter-spacing:-.04em;font-weight:650}.ci-copy p,.ci-cta p{margin:0;font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:var(--ci-muted);max-width:46ch}.ci-demo{flex:0 1 540px;min-width:0}.ci-card{background:var(--ci-card);border:1px solid var(--ci-line);border-radius:22px;box-shadow:0 1px #00000005,0 30px 80px -30px #14142847;overflow:hidden}.ci-split .ci-copy,.ci-split .ci-demo{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ci-ease),transform .8s var(--ci-ease)}.ci-split .ci-demo{transition-delay:.15s}.ci-split.on .ci-copy,.ci-split.on .ci-demo{opacity:1;transform:none}.ci-chat{display:flex;flex-direction:column;height:400px}.ci-msgs{flex:1;overflow:hidden;padding:22px 22px 8px;display:flex;flex-direction:column;gap:14px}.ci-user{align-self:flex-end;max-width:80%;padding:10px 15px;border-radius:18px 18px 4px;background:var(--ci-soft);font-size:14.5px;line-height:1.5}.ci-ai{display:flex;gap:10px;font-size:14.5px;line-height:1.6}.ci-ai p{margin:0 0 4px}.ci-avatar{width:26px;height:26px;flex-shrink:0;border-radius:8px;font-size:12px;margin-top:2px}.ci-user,.ci-ai,.ci-gmsg{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ci-ease),transform .5s var(--ci-ease)}.ci-user.in,.ci-ai.in,.ci-gmsg.in{opacity:1;transform:none}.ci-composer{display:flex;align-items:center;gap:2px;margin:10px 16px 16px;padding:12px 12px 12px 16px;border-radius:16px;border:1px solid var(--ci-line);font-size:14.5px;min-height:48px}.ci-composer span:empty:before{content:"Nhắn tin cho Vico AI…";color:var(--ci-muted)}.ci-caret{width:1.5px;height:18px;background:var(--ci-ink);animation:ciBlink 1s steps(1) infinite}@keyframes ciBlink{50%{opacity:0}}.ci-send{margin-left:auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ci-ink);color:var(--ci-bg);font-size:15px}.ci-code{display:grid;grid-template-columns:1.15fr 1fr;height:360px}.ci-editor{background:#1b1b1f;color:#d6d6dc;display:flex;flex-direction:column;min-width:0}.ci-tabs{display:flex;gap:2px;padding:10px 12px 0}.ci-tabs span{padding:6px 12px;border-radius:8px 8px 0 0;font:12px JetBrains Mono,Consolas,monospace;color:#8c8c96}.ci-tabs .on{background:#232329;color:#fff}.ci-editor pre{flex:1;margin:0;padding:14px 16px;background:#232329;font:12.5px/1.75 JetBrains Mono,Consolas,monospace;white-space:pre;overflow:hidden}.ci-editor pre em{font-style:normal;color:#8fb4ff}.ci-editor pre u{text-decoration:none;color:#c9a7ff}.ci-editor pre s{text-decoration:none;color:#a6e3a1}.ci-preview{display:flex;flex-direction:column;background:var(--ci-soft);opacity:.25;filter:grayscale(1);transition:opacity .7s var(--ci-ease),filter .7s var(--ci-ease)}.ci-preview.in{opacity:1;filter:none}.ci-browser{display:flex;align-items:center;gap:5px;padding:10px 12px;border-bottom:1px solid var(--ci-line)}.ci-browser i{width:8px;height:8px;border-radius:50%;background:var(--ci-line)}.ci-browser span{margin-left:8px;font-size:11.5px;color:var(--ci-muted)}.ci-site{flex:1;margin:12px;padding:18px;border-radius:14px;background:linear-gradient(160deg,#e9efe4,#d9e4d1);color:#2f3b2a;display:flex;flex-direction:column;gap:6px}.ci-site b{font-size:20px;letter-spacing:-.02em}.ci-site small{font-size:12px;opacity:.8}.ci-site-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.ci-site-row span{height:54px;border-radius:10px;background:#fff9}.ci-site em{align-self:flex-start;font-style:normal;font-size:12px;font-weight:600;padding:6px 14px;border-radius:99px;background:#2f3b2a;color:#fff}.ci-research{padding:22px;display:flex;flex-direction:column;gap:14px;height:380px}.ci-rhead{display:flex;flex-direction:column;gap:3px}.ci-rhead b{font-size:16px;letter-spacing:-.01em}.ci-rhead small{font-size:13px;color:var(--ci-muted)}.ci-rbar{height:4px;border-radius:99px;background:var(--ci-soft);overflow:hidden}.ci-rbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ci-accent),var(--ci-accent2));transition:width .4s var(--ci-ease)}.ci-sources{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ci-sources li{display:flex;align-items:center;gap:10px;font-size:13.5px;opacity:0;transform:translate(-6px);transition:opacity .4s var(--ci-ease),transform .4s var(--ci-ease)}.ci-sources li.in{opacity:1;transform:none}.ci-sources li i{width:16px;height:16px;border-radius:50%;border:2px solid var(--ci-line);flex-shrink:0;transition:background .3s,border-color .3s}.ci-sources li.done i{background:var(--ci-accent);border-color:var(--ci-accent);box-shadow:inset 0 0 0 3px var(--ci-card)}.ci-sources li small{margin-left:auto;color:var(--ci-muted);font-size:12px}.ci-report{margin-top:auto;padding:14px 16px;border-radius:14px;background:var(--ci-soft);font-size:14px;line-height:1.6}.ci-report p{margin:0}.ci-report sup{color:var(--ci-accent);font-weight:600;margin-left:2px}.ci-group{padding:22px;display:flex;flex-direction:column;gap:18px;height:380px}.ci-team{display:flex;gap:34px;padding-left:14px}.ci-team span{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--c);color:#fff;font-size:15px;font-weight:700}.ci-team small{position:absolute;top:50px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px;font-weight:500;color:var(--ci-muted)}.ci-thread{margin-top:18px;display:flex;flex-direction:column;gap:12px}.ci-gmsg{display:flex;gap:10px;font-size:13.5px;line-height:1.5}.ci-gmsg>span{width:24px;height:24px;flex-shrink:0;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700;background:var(--c);text-transform:uppercase}.ci-gmsg b{font-size:12.5px}.ci-gmsg p{margin:1px 0 0}.ci-gmsg u{text-decoration:none;color:var(--ci-accent);font-weight:600}.ci-cta{gap:18px}.ci-actions{display:flex;gap:10px;margin-top:10px}.ci-btn{padding:13px 24px;border-radius:99px;font:inherit;font-size:15px;font-weight:600;color:var(--ci-ink);background:transparent;border:1px solid var(--ci-line);cursor:pointer;transition:transform .2s var(--ci-ease),background .2s}.ci-btn:hover{background:var(--ci-soft)}.ci-btn.primary{color:var(--ci-bg);background:var(--ci-ink);border-color:var(--ci-ink)}.ci-btn.primary:hover{transform:translateY(-1px);background:var(--ci-ink)}@media(max-width:860px){.ci-split{flex-direction:column;justify-content:center;text-align:left;padding:12px 16px 32px;gap:22px}.ci-copy,.ci-demo{flex:none;width:100%;max-width:540px}.ci-chat,.ci-research,.ci-group{height:300px}.ci-code{height:260px;grid-template-columns:1fr}.ci-preview{display:none}.ci-top{padding:14px 16px;gap:12px}.ci-brand{display:none}}@media(prefers-reduced-motion:reduce){.ci-overlay *,.ci-overlay{transition-duration:.01s!important;animation:none!important}}