.ai-tablet{position:absolute;z-index:3;width:370px;height:455px;left:2px;top:64px;padding:13px;border-radius:32px;background:linear-gradient(135deg,#647185,#1e293b 25%,#0d1525 70%,#3a485e);border:1px solid #b8c9e1;box-shadow:0 40px 70px #0b173037,inset 0 0 0 2px #ffffff15;transform:perspective(1000px) rotateY(-9deg) rotateZ(-5deg);animation:tablet-float 9s ease-in-out infinite}.tablet-screen{position:relative;height:100%;border-radius:21px;overflow:hidden;background:#fff}.tablet-camera{position:absolute;left:50%;top:5px;width:5px;height:5px;border-radius:50%;background:#0a1020;z-index:5;box-shadow:inset 0 0 0 1px #788eaa70}.tablet-home{position:absolute;bottom:5px;left:40%;right:40%;height:3px;background:#a5b2c577;border-radius:4px}.tablet-intro{position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0,#5bc4e0a6,transparent 62%),linear-gradient(140deg,#5a6a9d,#183969 70%,#1a294b);color:white;padding:27px;display:flex;flex-direction:column;transition:opacity .7s ease,transform 1s ease}.intro-meta,.intro-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#dbedff}.intro-meta>span:last-child{font-size:20px;color:#a5f4ff}.intro-type{font-size:65px;line-height:1;letter-spacing:-4px;margin:auto 0}.intro-type strong{color:#9ee7ff;font-weight:750}.intro-bottom{font-size:10px;letter-spacing:0;text-transform:none}.intro-bottom>span:last-child{font-size:20px}.tablet-chat{position:absolute;inset:0;padding:18px 16px 12px;color:#192026;background:#fff;opacity:0;transform:translateY(24px);transition:opacity .7s,transform .8s}.chat-top{display:flex;align-items:center;justify-content:space-between;font-size:14px}.chat-top strong{font-weight:600}.chat-top strong span{color:#a1a6ae;font-size:12px}.chat-menu{font-size:13px}.chat-profile{display:grid;place-items:center;width:22px;height:22px;background:#edf1eb;border-radius:50%;font-size:10px}.chat-thread{padding:20px 0 0}.chat-demo-label{color:#989fa9;font-size:8px;font-weight:700;letter-spacing:1.2px;margin-bottom:16px}.chat-user{margin-left:34px;background:#f0f1f3;border-radius:15px 15px 3px 15px;padding:12px 14px;font-size:12px;line-height:1.55;min-height:62px;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .4s}.chat-answer{margin-top:16px;display:grid;grid-template-columns:22px 1fr;gap:9px;font-size:12px;line-height:1.75}.ai-mark{font-size:20px;color:#142e28}.chat-result{margin:0;white-space:pre-line;min-height:0}.chat-answer-tools{color:#737d84;font-size:12px;margin-top:7px;opacity:0}.chat-thinking{display:none;gap:4px;padding:9px 0}.chat-thinking i{display:block;width:5px;height:5px;background:#81908d;border-radius:50%;animation:thinking 1s infinite}.chat-thinking i:nth-child(2){animation-delay:.15s}.chat-thinking i:nth-child(3){animation-delay:.3s}.chat-done{display:inline-flex;align-items:center;gap:6px;position:absolute;left:47px;bottom:112px;margin:0;padding:7px 9px;border-radius:20px;background:#ecf7e4;color:#46722b;font-size:9px;font-weight:650;opacity:0;transform:translateY(5px);transition:.4s}.chat-done span{background:#a8e36d;border-radius:50%;padding:0 3px}.chat-compose{position:absolute;bottom:27px;left:16px;right:16px;border:1px solid #e5e7eb;box-shadow:0 3px 12px #0b173008;border-radius:17px;padding:11px;font-size:10px}.chat-input{color:#9299a1}.chat-send{float:right;background:#1b242a;color:white;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-top:-3px;font-size:15px}.chat-compose>div{margin-top:15px;display:flex;gap:9px;font-size:9px;color:#78818a;align-items:center}.chat-compose>div>span:first-child{font-size:16px}.chat-mic{margin-left:auto}.chat-disclaimer{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:7px;color:#a5abb1}.ai-tablet:not([data-phase=welcome]) .tablet-intro{opacity:0;transform:scale(.96)}.ai-tablet:not([data-phase=welcome]) .tablet-chat{opacity:1;transform:none}.ai-tablet[data-phase=prompt] .chat-user,.ai-tablet[data-phase=thinking] .chat-user,.ai-tablet[data-phase=answer] .chat-user,.ai-tablet[data-phase=done] .chat-user{opacity:1;transform:none}.ai-tablet[data-phase=thinking] .chat-thinking{display:flex}.ai-tablet[data-phase=thinking] .chat-result{display:none}.ai-tablet[data-phase=done] .chat-done,.ai-tablet[data-phase=done] .chat-answer-tools{opacity:1;transform:none}.hero-visual .orb-core{animation:orb-drift 12s ease-in-out infinite}.hero-visual .orb-ring-one{animation:ring-drift-one 16s ease-in-out infinite}.hero-visual .orb-ring-two{animation:ring-drift-two 19s ease-in-out infinite}.hero-visual .floating-chip{z-index:4;animation:chip-drift 7s ease-in-out infinite}.hero-visual .chip-one{right:-5px;top:110px}.hero-visual .chip-two{right:-5px;bottom:68px;animation-delay:-3s}.hero-visual .chip-three{left:150px;bottom:8px;animation-delay:-5s}@keyframes tablet-float{0%,100%{transform:perspective(1000px) rotateY(-9deg) rotateZ(-5deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-5deg) rotateZ(-3deg) translateY(-9px)}}@keyframes orb-drift{0%,100%{transform:translate(65px,-35px) rotate(-14deg) scale(1)}50%{transform:translate(90px,-65px) rotate(8deg) scale(1.05)}}@keyframes ring-drift-one{0%,100%{transform:translate(25px,-30px) rotate(-28deg)}50%{transform:translate(46px,-45px) rotate(-12deg)}}@keyframes ring-drift-two{0%,100%{transform:translate(55px,-2px) rotate(50deg)}50%{transform:translate(70px,-20px) rotate(67deg)}}@keyframes chip-drift{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes thinking{0%,80%,100%{opacity:.35;translate:0 0}40%{opacity:1;translate:0 -3px}}.hero-visual.animation-paused *{animation-play-state:paused!important}@media(max-width:640px){.hero-visual .orb-scene{transform:scale(.73);transform-origin:center top;left:50%;width:440px;margin-left:-220px;height:530px;top:8px}.hero-visual{min-height:400px!important}.ai-tablet{left:15px;top:42px;width:350px;height:455px}.hero-visual .chip-one{right:-8px;top:105px}.hero-visual .chip-two{right:-5px;bottom:55px}.hero-visual .chip-three{bottom:4px}}@media(prefers-reduced-motion:reduce){.hero-visual *{animation:none!important;transition:none!important}.ai-tablet{transform:rotate(-3deg)}.tablet-intro{display:none}.tablet-chat{opacity:1;transform:none}.chat-user,.chat-done,.chat-answer-tools{opacity:1;transform:none}}