/* Compact three-scene product story. Visual identity and animation, no process labels. */
.hero{padding-top:44px}.hero h1{font-size:clamp(48px,5.7vw,80px)}.hero .sub{margin-top:22px}.hero .trust{margin-top:15px}.hero>.start-wrap{margin:25px auto 0;max-width:580px}.hero>.start-wrap>p{color:#7c7166;font-size:11px;font-weight:400}.hero>.start-wrap .scan-form{box-shadow:0 4px 18px #33231108;border-color:#e4ddd2}.band{margin-top:28px;min-height:0;padding:30px 40px;background-position:center 62%;border-radius:20px}.band:before{background:linear-gradient(115deg,#f5efdf24,#f8f4eb38);backdrop-filter:none}.hero-flow{--motion:running;position:relative;max-width:850px;height:340px;margin:auto;background:#fffcf8ef;border:1px solid #ffffffa6;border-radius:19px;box-shadow:0 22px 55px -30px #1c332a80;overflow:hidden;text-align:left;isolation:isolate}.hero-flow:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 55%,#f3d8ba40,transparent 62%)}.flow-toolbar{position:absolute;inset:9px 11px auto 20px;display:flex;align-items:center;justify-content:space-between;z-index:9}.flow-example{font-size:8px;letter-spacing:.12em;color:#928477}.flow-pause{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#84786e}.flow-pause:hover{background:#eee6db}.flow-pause svg{grid-area:1/1;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.flow-pause .play-mark{display:none}.flow-pause[aria-pressed=true] .pause-mark{display:none}.flow-pause[aria-pressed=true] .play-mark{display:block}.flow-stage{position:absolute;inset:50px 38px 45px}.conversation-question{position:absolute;top:74px;left:50%;width:430px;max-width:90%;display:flex;align-items:flex-start;gap:11px;transform:translateX(-50%);transition:top .8s cubic-bezier(.2,.7,.2,1),transform .8s,opacity .6s;z-index:4}.conversation-question p{background:#263530;color:#fff;padding:14px 18px;border-radius:13px 13px 3px 13px;font-size:13px;line-height:1.55;box-shadow:0 5px 12px #2635300c}.person-orb{margin-top:5px;display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #ddd5c8;border-radius:50%;background:#fffaf3}.person-orb svg{width:17px;height:17px;fill:none;stroke:#988674;stroke-width:1.3}.gather-scene{position:absolute;inset:12px 0 0;opacity:0;transform:translateY(15px) scale(.94);transition:opacity .65s,transform .8s;pointer-events:none}.source-orbit{position:absolute;width:30%;height:100%;left:0;top:0;z-index:3}.source-glyph{position:absolute;display:grid;place-items:center;width:46px;height:46px;background:#fff;border:1px solid #e7dfd4;border-radius:14px;box-shadow:0 6px 18px #7150300a}.source-glyph img{object-fit:contain;width:27px;height:27px}.source-glyph svg{width:27px;height:27px;fill:none;stroke:#b26744;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.scan-glyph{left:43%;top:0}.google-glyph{left:17%;top:29%}.bing-glyph{left:32%;top:59%}.seo-glyph{left:66%;top:76%}.flow-wiring{position:absolute;width:100%;height:100%;inset:0;overflow:visible;fill:none;stroke-width:1}.wire-base{stroke:#d5c7b5;opacity:.65}.wire-live{stroke:url(#wireColor);stroke-width:2}.wire-live path{stroke-dasharray:7 290;stroke-dashoffset:300;animation:feed-wire 2.2s linear infinite;animation-delay:var(--delay);animation-play-state:var(--motion)}.pack{position:absolute;left:49%;top:47%;transform:translate(-50%,-50%);width:97px;height:110px;perspective:600px;z-index:4}.pack-halo{position:absolute;inset:-35px;border-radius:50%;background:radial-gradient(ellipse,#edaa6860,transparent 70%);animation:pack-glow 2.4s ease-in-out infinite;animation-play-state:var(--motion)}.pack-sheet{position:absolute;width:77px;height:91px;left:10px;top:8px;border:1px solid #d7b898;border-radius:9px;background:#fff9ef;box-shadow:0 10px 22px #7b462412}.pack-sheet.rear{transform:translate(-11px,-7px) rotate(-13deg);background:#ead4b8}.pack-sheet.middle{transform:translate(10px,-3px) rotate(9deg);background:#f5e3c8}.pack-sheet.front{transform:rotate(-3deg);padding:14px 10px;background:linear-gradient(145deg,#fffdf7,#fbedd8)}.pack-tab{position:absolute;width:27px;height:7px;border-radius:4px 4px 0 0;background:#cf7048;left:8px;top:-5px}.pack-sheet svg{width:48px;height:45px;fill:none}.chart-stroke{stroke:#bd643e;stroke-width:5;stroke-linecap:round}.chart-line{stroke:#d6bfa3;stroke-width:2}.pack-lines{display:flex;flex-direction:column;gap:5px;margin-top:4px}.pack-lines i{height:2px;width:42px;background:#d8c7b2}.pack-lines i:last-child{width:30px}.pack b{position:absolute;top:118px;width:180px;text-align:center;left:50%;transform:translateX(-50%);font-size:10px;font-weight:500;color:#796551}.thinking-agent{position:absolute;left:79%;top:43%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:3}.agent-halo{display:grid;place-items:center;width:62px;height:62px;border-radius:19px;background:#fff;border:1px solid #ead8c4;box-shadow:0 0 0 7px #f5ead947,0 9px 25px #9a684f12}.agent-halo img{width:34px;height:34px;object-fit:contain}.thinking-dots{display:flex;gap:4px}.thinking-dots i{height:4px;width:4px;border-radius:50%;background:#a88c75;animation:thinking 1.1s ease-in-out infinite;animation-play-state:var(--motion)}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}.conversation-answer{position:absolute;left:50%;top:98px;width:470px;max-width:95%;display:flex;gap:12px;transform:translate(-50%,18px);opacity:0;transition:opacity .7s,transform .7s;z-index:5;pointer-events:none}.answer-avatar{display:grid;place-items:center;width:29px;height:29px;flex:none;margin-top:9px;background:#fff;border-radius:9px;border:1px solid #e7ddd0}.answer-avatar img{width:19px;height:19px;object-fit:contain}.answer-bubble{background:#fff;border:1px solid #e4d8c8;border-radius:3px 13px 13px 13px;padding:14px 17px;box-shadow:0 4px 16px #7d562309}.answer-bubble p{font-size:12px;line-height:1.55;color:#65594b;margin-top:9px}.answer-bubble strong{color:#8f4b2e}.answer-evidence{display:flex;align-items:center;gap:14px;font-size:10px;color:#8b7d6d}.answer-evidence b{font-family:Newsreader,Georgia,serif;color:#9d492b;font-size:24px;font-weight:500;margin-right:4px}.evidence-file{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:8px}.evidence-file svg{width:12px;height:14px;fill:none;stroke:#ad9277;stroke-width:1.2}.flow-bottom{position:absolute;inset:auto 23px 15px;display:flex;justify-content:space-between;align-items:center}.agent-choices{display:flex;align-items:center;gap:15px}.agent-choices img{width:17px;height:17px;object-fit:contain;opacity:.75}.flow-progress{display:flex;gap:5px}.flow-progress i{width:5px;height:5px;border-radius:50%;background:#d9cfc3;transition:background .3s}.hero-flow[data-scene=ask] .flow-progress i:nth-child(1),.hero-flow[data-scene=gather] .flow-progress i:nth-child(2),.hero-flow[data-scene=answer] .flow-progress i:nth-child(3){background:#bf6845}.hero-flow[data-scene=gather] .conversation-question{top:-15px;transform:translateX(-50%) scale(.82);opacity:0}.hero-flow[data-scene=gather] .gather-scene{opacity:1;transform:translateY(0) scale(1)}.hero-flow[data-scene=answer] .conversation-question{top:-2px;transform:translateX(-50%) scale(.9)}.hero-flow[data-scene=answer] .conversation-answer{opacity:1;transform:translate(-50%,0);pointer-events:auto}.hero-flow[data-scene=answer] .gather-scene{opacity:0;transform:translateY(-15px) scale(.8)}
@keyframes feed-wire{to{stroke-dashoffset:0}}@keyframes pack-glow{50%{opacity:.5;transform:scale(.92)}}@keyframes thinking{50%{opacity:.3;transform:translateY(-3px)}}
@media(max-width:1050px){.band{padding:26px}.hero-flow{height:335px}.flow-stage{left:25px;right:25px}}
@media(max-width:760px){.hero{padding:28px 0 0}.hero h1{font-size:clamp(40px,10.5vw,57px);line-height:1.02}.hero .sub{font-size:14px;margin:18px 24px 0}.hero .trust{margin-top:14px;font-size:9px}.hero>.start-wrap{margin:22px 20px 0;max-width:none}.hero>.start-wrap .scan-form input{font-size:11px}.hero>.start-wrap .scan-form button{font-size:10px}.hero>.start-wrap>p{font-size:9px;margin:10px 12px 0}.band{padding:15px 10px;margin:22px 10px 0;border-radius:15px;background-size:cover}.hero-flow{height:350px;border-radius:14px}.flow-toolbar{inset:4px 6px auto 12px}.flow-example{font-size:7px}.flow-stage{inset:44px 12px 42px}.conversation-question{width:100%;max-width:100%;gap:7px;top:65px}.conversation-question p{font-size:11px;padding:12px;line-height:1.5}.person-orb{width:23px;height:23px}.person-orb svg{width:14px}.gather-scene{top:25px;height:205px}.source-glyph{width:35px;height:35px;border-radius:11px}.source-glyph img,.source-glyph svg{width:21px;height:21px}.scan-glyph{left:31%}.google-glyph{left:0}.bing-glyph{left:12%}.seo-glyph{left:45%}.pack{transform:translate(-50%,-50%) scale(.76);left:50%;top:46%}.pack b{font-size:11px;width:170px}.thinking-agent{left:88%;top:45%;gap:15px}.agent-halo{width:43px;height:43px;border-radius:13px}.agent-halo img{width:25px;height:25px}.conversation-answer{top:103px;width:100%;max-width:100%;gap:7px}.answer-avatar{width:23px;height:23px;margin-top:7px}.answer-avatar img{width:15px;height:15px}.answer-bubble{padding:10px 12px}.answer-bubble p{font-size:10px;line-height:1.6;margin-top:7px}.answer-evidence{gap:5px;font-size:8px}.answer-evidence b{font-size:22px}.evidence-file{font-size:7px;gap:3px}.evidence-file svg{width:10px}.flow-bottom{inset:auto 14px 13px}.agent-choices{gap:12px}.agent-choices img{width:16px;height:16px}.hero-flow[data-scene=answer] .conversation-question{top:0;transform:translateX(-50%) scale(1)}.hero-flow[data-scene=gather] .conversation-question{top:-10px}.flow-wiring{left:-4%;width:105%}}
@media(prefers-reduced-motion:reduce){.hero-flow *{animation:none!important;transition:none!important}}

/* Four beats: question, evidence, thinking, answer. Wires share the icon coordinate space. */
.flow-wiring{inset:0;left:0;width:100%;height:100%}.pack{left:64%}.gather-scene{transform:none}.hero-flow[data-scene=gather] .gather-scene{transform:none}.hero-flow[data-scene=answer] .gather-scene{transform:none}.thinking-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;transition:opacity .5s;pointer-events:none}.thinking-orb{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffef9,#f1cd9e);box-shadow:0 0 0 10px #f9ead440,0 0 40px #e29d5e60;animation:pack-glow 1.4s ease-in-out infinite}.thinking-orb img{width:32px;height:32px;object-fit:contain}.thinking-pack{font-size:10px;color:#705a40;padding:6px 10px;border:1px solid #d5bea1;border-radius:5px;background:#fffbef}.thinking-label{font-size:12px;color:#314937;background:#fffaf2d9;border-radius:7px;padding:6px 10px}.thinking-sub{font-size:9px;color:#514a3d}.hero-flow[data-scene=think] .thinking-scene{opacity:1}.hero-flow[data-scene=think] .conversation-question{opacity:0}.answer-heading{display:block;font-size:9px;color:#9b7654;margin-bottom:8px}.answer-bubble{min-height:150px}.typed-answer{min-height:37px}.hero-flow[data-typing=true] .typed-answer:last-child:after{content:'▍';color:#c8441b;animation:thinking .7s infinite}.hero-flow[data-scene=answer] .conversation-answer{top:92px}.hero-flow[data-scene=answer] .conversation-question{top:-12px}@media(max-width:760px){.pack{left:66%}.source-orbit{width:35%}.flow-wiring{left:0;width:100%}.hero-flow[data-scene=answer] .conversation-answer{top:90px}.answer-bubble{min-height:165px}.thinking-label{font-size:11px}}

.conversation-question p{position:relative;flex:1;min-height:70px;padding-right:43px}.question-send{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:23px;height:23px;background:#f5ecdb;border-radius:50%;opacity:0;transition:opacity .3s,transform .4s}.question-send svg{width:16px;height:16px;fill:none;stroke:#314c3c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hero-flow[data-scene=ask] .question-send{opacity:1}.hero-flow[data-scene=ask][data-sent=true] .question-send{transform:translateY(-7px);opacity:0}.hero-flow[data-scene=ask][data-sent=false] .conversation-question p:after{content:'▍';font-size:12px;animation:thinking .7s infinite}.hero-flow[data-scene=answer] .conversation-question p{padding-right:18px}@media(max-width:760px){.conversation-question p{min-height:75px;padding-right:37px}.question-send{right:9px;bottom:10px;width:21px;height:21px}.hero-flow[data-scene=answer] .conversation-question p{padding-right:12px}}

/* R4: the response keeps its shape while words arrive. */
.answer-bubble{flex:1;min-width:0;box-sizing:border-box;background:#fffdf9;border-color:#e1d5c3;padding:16px 18px;min-height:181px}
.answer-bubble p{font-size:13px;line-height:1.65;color:#514a40}.answer-heading{font-size:11px;color:#745b44;line-height:1.4}.answer-evidence{font-size:11px;color:#625747;flex-wrap:wrap;gap:5px 12px}.evidence-file{font-size:10px;white-space:nowrap}.typed-answer{min-height:43px}.conversation-answer{width:510px}
.thinking-scene{gap:7px}.thinking-pack{font-size:11px;background:#fffdf5;border-color:#cbb696;color:#5f503b}.thinking-system{position:relative;width:220px;height:170px;display:grid;place-items:center;isolation:isolate}.thinking-rings{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#fff7df;stroke-width:1.2;filter:drop-shadow(0 1px 1px #785d4240)}.thinking-rings ellipse:nth-child(2){stroke:#c78348;stroke-dasharray:3 8;animation:orbit-dash 7s linear infinite}.thinking-rings path{stroke:#fff8e0;stroke-dasharray:2 8;opacity:.6}.thinking-orb{position:relative;z-index:2;overflow:hidden;width:78px;height:78px;background:radial-gradient(circle at 30% 25%,#fffdf2 3%,#f9dfb5 45%,#db995d 100%);border:1px solid #fff1cf;box-shadow:inset -7px -7px 17px #c8784540,0 0 0 7px #fff4d54d,0 0 0 16px #fff8df24,0 12px 35px #78593230;animation:orb-breathe 2.4s ease-in-out infinite}.thinking-orb img{position:relative;z-index:1;width:33px;height:33px}.orb-light{position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,#fffdeb99,transparent,#fff7db00);animation:orb-turn 5s linear infinite}.evidence-fragment{position:absolute;left:50%;top:50%;margin:-21px -17px;width:34px;height:42px;border:1px solid #dec8a6;border-radius:6px;background:#fffdf2;box-shadow:0 5px 13px #705b3530;display:grid;place-items:center;animation:fragment-read 2.8s ease-in-out infinite;z-index:3}.evidence-fragment svg{width:20px;height:26px;stroke:#a16436;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.fragment-one{--x:-85px;--y:-30px;--r:-12deg;animation-delay:0s}.fragment-two{--x:79px;--y:-15px;--r:11deg;animation-delay:-.9s}.fragment-three{--x:42px;--y:58px;--r:-7deg;animation-delay:-1.8s}.thinking-label{font-size:13px;color:#293e32;background:#fffdf2;padding:8px 12px;border:1px solid #f4e7d0;box-shadow:0 4px 12px #5f543b10}.thinking-sub{font-size:11px;color:#4e4c3e;background:#fff9ebeb;padding:5px 9px;border-radius:5px}
@keyframes fragment-read{0%,100%{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:.65}50%{transform:translate(calc(var(--x)*.76),calc(var(--y)*.76)) rotate(0deg);opacity:1}}
@keyframes orb-breathe{50%{transform:scale(1.055);filter:brightness(1.04)}}@keyframes orb-turn{to{transform:rotate(360deg)}}@keyframes orbit-dash{to{stroke-dashoffset:-110}}
@media(max-width:760px){.conversation-answer{width:100%}.answer-bubble{padding:12px 13px;min-height:200px}.answer-bubble p{font-size:12px;line-height:1.6}.answer-heading{font-size:10px}.answer-evidence{font-size:10px;gap:2px 7px}.evidence-file{font-size:9px}.answer-evidence b{font-size:23px}.typed-answer{min-height:39px}.hero-flow[data-scene=answer] .conversation-answer{top:101px}.conversation-question p{font-size:12px;min-height:81px;line-height:1.55}.thinking-system{width:210px;height:160px}.thinking-label{font-size:12px}.thinking-sub{font-size:10px}}
@media(max-width:360px){.hero-flow[data-scene=answer] .conversation-answer{top:115px}.answer-bubble{min-height:231px}.evidence-file{margin-left:0}.answer-evidence{align-items:flex-start}.conversation-question p{min-height:98px}}
@media(prefers-reduced-motion:reduce){.thinking-system *{animation:none!important}.evidence-fragment{transform:translate(var(--x),var(--y)) rotate(var(--r))}}