/* Five visible stages, contained in one stable miniature browser. */

.journey-v2{position:relative;width:100%;color:#202124}.journey-v2 [hidden]{display:none!important}.journey-toolbar{display:flex;align-items:center;gap:8px;font-size:10px;color:#59677c;margin-bottom:9px}.journey-colors{display:flex;gap:4px}.journey-colors i{width:8px;height:8px;border-radius:50%;background:#4285f4}.journey-colors i:nth-child(2){background:#ea4335}.journey-colors i:nth-child(3){background:#fbbc05}.journey-colors i:nth-child(4){background:#34a853}.journey-play,.journey-reset{border:1px solid #d6dfec;border-radius:20px;background:white;color:#31476a;font:inherit;padding:5px 9px;white-space:nowrap;cursor:pointer}.journey-play{margin-left:auto}.journey-progress{display:flex;justify-content:space-between;gap:4px;padding:0;margin:0 0 10px;list-style:none;font-size:10px;color:#68758a;counter-reset:journey}.journey-progress li{counter-increment:journey;display:flex;align-items:center;gap:4px}.journey-progress li:before{content:counter(journey);background:#edf1f8;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-size:9px}.journey-progress [aria-current]{color:#1a5fcd;font-weight:bold}.journey-progress [aria-current]:before{color:white;background:#4285f4}.journey-window{border:1px solid #dbe1ea;border-radius:15px;overflow:hidden;background:white;box-shadow:0 12px 35px #22375510}.journey-browserbar{height:32px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#f1f3f4;border-bottom:1px solid #e2e5e9;font-size:10px;color:#667284}.journey-window-dots{font-size:7px;letter-spacing:2px;color:#a8b0bc}.journey-address{flex:1;text-align:center;border-radius:5px;background:white;line-height:21px;color:#4d5666}.journey-screen{height:302px;box-sizing:border-box;padding:18px}.journey-search-word{text-align:center;font-weight:600;font-size:23px;letter-spacing:-1px;margin:0 0 12px}.journey-search-word span:nth-child(4n+1){color:#4285f4}.journey-search-word span:nth-child(4n+2){color:#ea4335}.journey-search-word span:nth-child(4n+3){color:#fbbc05}.journey-search-word span:nth-child(4n){color:#34a853}.journey-v2 .search-demo{padding:5px 7px 5px 12px;gap:8px;border:1px solid #dfe1e5;border-radius:24px;box-shadow:0 2px 5px #20212410}.journey-v2 .search-demo svg{width:16px;flex-shrink:0;color:#4285f4}.journey-v2 .search-demo input{font:inherit;font-size:12px;min-width:0;width:100%;margin:0;padding:7px 0;border:0;background:transparent;outline-offset:3px}.journey-v2 .search-demo button{border:0;border-radius:18px;background:#4285f4;color:white;font-size:11px;padding:9px 12px;cursor:pointer;flex-shrink:0}.journey-search-results{margin-top:17px;opacity:.35;transition:opacity .3s}.journey-v2[data-step="2"] .journey-search-results{opacity:1}.journey-results-caption{font-size:10px;color:#6b7280}.journey-domain{display:flex;align-items:center;gap:8px;margin:10px 0 8px;font-size:11px}.journey-domain>span:first-child{width:25px;height:25px;display:grid;place-items:center;background:#eef2f8;border-radius:50%;color:#4285f4}.journey-domain strong,.journey-domain small{display:block;font-size:10px;line-height:1.5}.journey-domain small{color:#5f6368}.journey-v2 .mini-tag{font-size:9px}.journey-result{border:0;background:none;padding:0;text-align:left;font:inherit;font-size:16px;line-height:1.4;color:#1a0dab;cursor:pointer;font-weight:600}.journey-result:hover:enabled{text-decoration:underline}.journey-result:disabled{cursor:default}.journey-search-results p{font-size:12px;line-height:1.6;color:#5f6368;margin:8px 0}.journey-ghost-line{display:block;width:85%;height:3px;margin-top:9px;background:#edf0f5;border-radius:5px}.journey-ghost-line.short{width:55%}.journey-website{background:linear-gradient(130deg,#f4f8ff,white);position:relative}.journey-site-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;margin-bottom:17px;border-bottom:1px solid #dce7f5;font-size:13px;color:#173765}.journey-site-nav strong span{color:#4285f4}.journey-site-nav>span{font-size:9px;color:#718097}.journey-site-kicker{font-size:8px;letter-spacing:1.5px;color:#4271b0;font-weight:bold}.journey-website h3{font-size:26px!important;line-height:1.15;letter-spacing:-.7px;color:#132d4c;margin:10px 0!important}.journey-website>p:not(.journey-sent){font-size:12px;line-height:1.6;max-width:310px;margin:0 0 13px}.journey-request{background:#34a853;color:white;border:0;border-radius:7px;padding:12px 16px;font:inherit;font-size:12px;font-weight:bold;cursor:pointer}.journey-site-proof{display:flex;gap:16px;margin-top:13px;font-size:9px;color:#46725c}.journey-sent{position:absolute;inset:auto 12px 12px;background:#e5f5e9;border:1px solid #b9e4c7;border-radius:7px;padding:10px;margin:0;font-size:11px;color:#176c32}.journey-inbox{padding:0;background:#f6f8fc}.journey-inbox-head{height:47px;display:flex;align-items:center;gap:8px;padding:0 13px;background:white;border-bottom:1px solid #e3e8f0;font-size:13px}.journey-envelope{font-size:25px;color:#ea4335}.journey-inbox-head>span:last-child{margin-left:auto;font-size:9px;color:#6d7688}.journey-inbox-layout{display:grid;grid-template-columns:96px 1fr;height:255px}.journey-inbox-sidebar{display:flex;flex-direction:column;gap:14px;padding:17px 9px;font-size:10px;color:#667184}.journey-inbox-sidebar strong{background:#d3e3fd;color:#18437c;margin-left:-9px;padding:8px 7px;border-radius:0 18px 18px 0;font-size:10px}.journey-inbox-sidebar b{float:right}.journey-inbox-content{min-width:0;background:white;margin:10px 10px 10px 0;border-radius:9px;overflow:hidden;box-shadow:0 3px 14px #20305408}.journey-mail-row{display:flex;gap:7px;align-items:center;padding:12px 10px;background:#e8f0fe;border-bottom:1px solid #cedcf3;font-size:10px}.journey-mail-row>div{flex:1;min-width:0}.journey-mail-row strong,.journey-mail-row span:not(.journey-unread){display:block;line-height:1.6}.journey-mail-row small{font-size:8px;color:#677488;align-self:flex-start}.journey-unread{width:6px;height:6px;border-radius:50%;background:#4285f4;flex-shrink:0}.journey-mail-body{padding:15px 13px}.journey-new-badge{background:#e6f4ea;color:#217b3b;font-weight:bold;font-size:8px;padding:4px 6px;border-radius:4px}.journey-mail-body h3{font-size:18px!important;line-height:1.25;color:#182a43;margin:12px 0 8px!important;letter-spacing:-.3px}.journey-mail-body p{font-size:11px;line-height:1.5;margin:0 0 12px}.journey-mail-body>div{display:flex;flex-direction:column;gap:4px;font-size:10px;line-height:1.5}.journey-mail-body>small{display:block;font-size:8px;color:#63816b;margin-top:12px}.journey-v2 .journey-status{height:32px;box-sizing:border-box;margin:9px 0 4px;font-size:11px;line-height:1.4;color:#415574}.journey-complete{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:27px}.journey-complete a{font-size:10px}.journey-reset{font-size:9px;padding:4px 8px}.journey-v2 .demo-footnote{margin-top:7px;font-size:8px;line-height:1.4;text-align:left}.journey-cursor{position:absolute;left:0;top:0;z-index:5;width:26px;height:34px;pointer-events:none;opacity:0;transform:translate(var(--cursor-x,0px),var(--cursor-y,0px));transition:transform .6s ease,opacity .2s;transform-origin:2px 2px;filter:drop-shadow(0 2px 2px #15254230)}.journey-cursor svg{display:block}.is-playing .journey-cursor{opacity:1}.journey-clicking .journey-cursor:after{content:'';position:absolute;left:-8px;top:-8px;width:20px;height:20px;border:2px solid #4285f4;border-radius:50%;animation:journey-click .4s ease-out}@keyframes journey-click{to{transform:scale(1.7);opacity:0}}.journey-v2 button:focus-visible,.journey-v2 a:focus-visible{outline:3px solid #4285f4;outline-offset:3px}
.hero-grid:has(.journey-v2){min-height:0;padding-block:24px;gap:45px}.hero-visual:has(.journey-v2){padding:0;max-width:490px}.hero-visual:has(.journey-v2)>.mascot{display:none}@media(min-width:701px){.hero:has(.journey-v2) h1{font-size:clamp(43px,4.3vw,64px);margin-bottom:20px}.hero:has(.journey-v2) .badge{margin-bottom:18px}.hero:has(.journey-v2) .hero-copy>p{margin-bottom:20px}.hero:has(.journey-v2) .social-proof{margin-top:22px}}@media(max-width:700px){.hero-grid:has(.journey-v2){display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-block:16px}.hero:has(.journey-v2) .hero-copy{display:contents}.hero:has(.journey-v2) .badge{display:none}.hero:has(.journey-v2) h1{order:0;font-size:clamp(26px,6.8vw,36px);line-height:1.1;margin:0}.hero-visual:has(.journey-v2){order:1;max-width:100%;margin:0}.hero:has(.journey-v2) .hero-copy>p{order:2;margin:8px 0 0}.hero:has(.journey-v2) .hero-copy>.actions{order:3}.hero:has(.journey-v2) .social-proof{order:4;margin-top:10px}.journey-progress{font-size:8px}.journey-progress li{gap:3px}.journey-progress li:before{width:15px;height:15px;font-size:8px}.journey-screen{height:294px;padding:14px}.journey-website h3{font-size:25px!important}.journey-inbox{padding:0}.journey-inbox-layout{height:247px;grid-template-columns:75px 1fr}.journey-inbox-sidebar{font-size:9px;padding-inline:6px}.journey-inbox-sidebar strong{margin-left:-6px;font-size:8px;padding:8px 5px}.journey-inbox-head>span:last-child{font-size:8px}.journey-mail-body{padding:13px 10px}.journey-mail-body h3{font-size:16px!important}.journey-mail-row{padding:10px 7px;font-size:9px}.journey-v2 .journey-complete a{font-size:9px}.journey-toolbar{font-size:9px}.journey-v2 .search-demo input{font-size:11px}.journey-site-proof{gap:10px}}
@media(prefers-reduced-motion:reduce){.journey-v2 *{animation:none!important;transition:none!important}.journey-cursor{display:none!important}}

/* Compact illustrative AI overview above the first organic result. */
.journey-search-screen .journey-search-word{font-size:19px;margin-bottom:7px}
.journey-search-screen .journey-search-results{margin-top:10px}
.journey-ai{border-bottom:1px solid #e3e7ee;padding-bottom:10px;margin-bottom:9px;background:linear-gradient(120deg,#f4f7ff,white)}
.journey-ai>strong{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:#26364b}
.journey-ai>strong>span{color:#4285f4;font-size:17px}
.journey-ai small{margin-left:auto;font-size:8px;color:#65748b}
.journey-search-results .journey-ai p{font-size:11px;line-height:1.5;margin:5px 0}
.journey-ai-source{border:0;background:transparent;padding:0;color:#1a0dab;text-decoration:underline;font:inherit;font-size:10px;text-align:left;opacity:1;-webkit-text-fill-color:#1a0dab}
.journey-search-screen .journey-domain{margin:5px 0 4px}
.journey-search-screen .journey-result{font-size:14px}
.journey-search-screen .journey-search-results>p{font-size:10px;margin:4px 0;line-height:1.4}
.journey-search-screen .journey-ghost-line{display:none}
@media(max-width:700px){.journey-search-screen{padding:12px}.journey-search-screen .journey-search-word{font-size:17px;margin-bottom:5px}.journey-ai{padding-bottom:7px;margin-bottom:6px}.journey-search-results .journey-ai p{font-size:10px}.journey-search-screen .journey-result{font-size:13px}}

.journey-v2 .journey-search-screen{padding:12px}
.journey-v2[data-step="2"] .journey-search-word{display:none}
.journey-v2 .search-demo input{height:26px;box-sizing:border-box;padding:3px 0;line-height:20px}
.journey-v2 .search-demo button{padding:7px 10px;line-height:16px}
.journey-search-screen .journey-results-caption{display:none}
.journey-search-screen .journey-ai{margin-bottom:7px;padding-bottom:7px}


/* Follow the shared action-button theme after demo-specific rules. */
.journey-request{background:var(--action-green);color:#fff;border-radius:4px;box-shadow:none}
.journey-request:hover{background:var(--action-green-hover);box-shadow:none;transform:none}
