.index-demo{max-width:720px;margin:48px auto 0;text-align:left;border:1px solid #17171715;border-radius:20px;background:#ffffffed;box-shadow:0 16px 48px -28px #17171735;overflow:hidden;position:relative}
.index-demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line)}
.google-word{font:500 21px/1.2 Arial,sans-serif;letter-spacing:-1px;white-space:nowrap}.google-word span:nth-child(1),.google-word span:nth-child(4){color:#4285f4}.google-word span:nth-child(2),.google-word span:nth-child(6){color:#ea4335}.google-word span:nth-child(3){color:#b88600}.google-word span:nth-child(5){color:#188038}
.index-demo-head small{font-size:11px;color:var(--fg3);letter-spacing:.04em;text-transform:uppercase}
.index-demo-body{padding:20px 22px}
.inspection-url{display:flex;align-items:center;gap:12px;background:#f8f9fa;border:1px solid #17171712;border-radius:10px;padding:12px 14px;font:12px/20px 'Geist Mono',monospace;color:var(--fg2)}
.inspection-url svg{width:17px;height:17px;flex:none}.inspection-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspection-url b{margin-left:auto;color:#171717;font:11px var(--font);flex:none}
.index-result{position:relative;min-height:105px;padding:22px 0 18px;display:flex;align-items:center;gap:14px;overflow:hidden}
.index-symbol{height:40px;width:40px;flex:none;display:grid;place-items:center;border:1px solid #17171718;border-radius:50%;font:20px var(--font);color:#7b7b7b;background:#fafafa;transition:background .5s,color .5s,border-color .5s}
.index-result h3{font-size:18px;letter-spacing:-.4px;margin:0 0 3px;font-weight:500}.index-result p{font-size:12px;line-height:19px;color:var(--fg2);margin:0}
.index-scan{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#4285f414,transparent);transform:translateX(-100%);pointer-events:none}
.index-demo[data-phase="checking"] .index-scan{animation:index-scan 1.7s ease-in-out infinite}
.index-demo[data-phase="indexed"] .index-symbol{color:#188038;background:#eaf5ee;border-color:#cde6d5}
.index-demo[data-phase="checking"] .index-symbol{color:#4285f4;background:#edf3ff}
.index-journey{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--fg3)}
.index-journey>span{white-space:nowrap;display:flex;align-items:center;gap:6px}.index-journey i{width:5px;height:5px;background:#c4c4c4;border-radius:50%}.index-journey em{height:1px;background:#17171718;flex:1;min-width:8px}
.index-demo[data-phase="checking"] .journey-check,.index-demo[data-phase="indexed"] .journey-check{color:#171717}.index-demo[data-phase="checking"] .journey-check i{background:#4285f4}.index-demo[data-phase="indexed"] .journey-indexed{color:#188038}.index-demo[data-phase="indexed"] .journey-indexed i{background:#188038}
.index-demo-foot{padding:12px 22px;background:#fafafa;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;justify-content:space-between}.index-demo-foot p{font-size:11px;line-height:17px;color:var(--fg3);margin:0;max-width:460px}.index-replay{font:12px var(--font);border:0;background:transparent;color:var(--ink);cursor:pointer;padding:6px 0;white-space:nowrap}.index-replay:hover{text-decoration:underline}.index-replay:focus-visible{outline:2px solid #171717;outline-offset:4px}
.hero[data-orbs-paused] .index-scan{animation-play-state:paused}
@keyframes index-scan{to{transform:translateX(100%)}}
@media(max-width:600px){.index-demo{margin-top:44px;border-radius:16px}.index-demo-head{padding:14px 16px}.index-demo-body{padding:16px}.inspection-url{gap:8px;padding:10px;font-size:10px}.inspection-url b{display:none}.index-result h3{font-size:16px}.index-journey{gap:5px;font-size:9px}.index-journey>span{gap:4px}.index-demo-foot{padding:12px 16px;align-items:flex-start}.index-demo-foot p{font-size:10px}.index-demo-head small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.index-scan{display:none}.index-symbol{transition:none}.index-replay{display:none}}