/* The live four-step purchase journey and the local interactive brand share
   one website scene. No header, content-section or mobile title overrides. */
.hero-scene.hero-discovery{height:auto;min-height:0;width:100%;max-width:640px;margin:0 auto;transform:none;padding:0;align-self:center}
.hero-discovery .scene-halo{width:100%;height:88%;left:0;top:7%;border-radius:46%;opacity:.75}
.hero-discovery .scene-label{position:relative;inset:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 8px 12px;font-size:9px;letter-spacing:1.1px}
.hero-discovery .scene-label b{font-size:10px;letter-spacing:.2px;white-space:nowrap}
.hero-discovery .search-token{position:relative;inset:auto;display:flex;gap:14px;min-height:65px;padding:12px 20px;margin:0 6px 14px;border-radius:18px;animation:none;transform:none;box-shadow:0 12px 35px #227a9b0b}
.hero-discovery .search-token>.google{width:28px;height:28px;flex:none}
.hero-discovery .search-token>.icon{width:17px;height:17px;flex:none;margin-left:auto;color:#6d95a7}
.hero-query{min-width:0;flex:1}.hero-query small{display:block;color:#668794;font-size:10px;line-height:1.4;margin-bottom:3px}
.hero-query p{position:relative;min-height:22px;margin:0;color:#254654;font-size:clamp(12px,1.1vw,16px);font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.hero-query-caret{display:inline-block;width:1px;height:1em;margin-left:3px;vertical-align:-.12em;background:var(--blue);opacity:0}
.hero-discovery[data-phase="input"] .hero-query-caret{opacity:1;animation:hero-query-blink .8s steps(2,end) infinite}
.hero-discovery .website-object{position:relative;inset:auto;transform:perspective(1500px) rotateY(-2deg) rotateX(1deg);border-radius:20px;box-shadow:0 26px 64px #215a7217,0 1px 3px #124a660d}
.hero-discovery:hover .website-object{transform:perspective(1500px) rotateY(0) rotateX(0)}
.hero-discovery .object-toolbar{height:30px;padding:0 22px}.hero-discovery .object-toolbar img{width:16px}
.hero-discovery .object-main{height:136px;padding:17px 24px;overflow:hidden}
.hero-discovery .micro{display:block;font-size:9px;line-height:1.4;letter-spacing:1px}
.hero-discovery .object-main h2{font-size:24px;line-height:1.3;margin-top:9px;letter-spacing:-.5px}
.hero-discovery .object-sculpture{width:120px;height:120px;right:20px;top:7px}
.hero-discovery .brand-launch-hint{bottom:0;right:-5px}
.hero-website-caption{display:block;margin-top:8px;font-size:10px;letter-spacing:.2px;color:#527487}
.hero-path{padding:19px 22px 17px;background:#fffffffa}
.hero-path h3{font-size:17px;line-height:1.5;letter-spacing:-.3px;margin:0 0 12px;color:#284451;font-weight:650}
.hero-path h3 em{color:var(--blue-deep);font-style:normal;white-space:nowrap}
.hero-path-steps{list-style:none;display:grid;gap:5px;margin:0;padding:0}
.hero-path-steps li{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 55px;gap:12px;align-items:center;min-height:48px;padding:6px 12px;border-radius:10px;background:#f6f9fb;transition:background .35s,box-shadow .35s}
.hero-step-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:#6c99ad;background:#fff;transition:background .3s,color .3s}
.hero-step-icon :is(.google,.icon){width:21px;height:21px}
.hero-path-steps b{display:block;color:#304f5c;font-size:13px;font-weight:650;line-height:1.5}
.hero-path-steps small{display:block;margin-top:1px;color:#617d8b;font-size:11px;line-height:1.5}
.hero-path-steps em{justify-self:end;font-size:10px;font-style:normal;line-height:1.5;color:#829aa5;white-space:nowrap}
.hero-path-steps li.is-current{background:#e5f5fd;box-shadow:inset 3px 0 0 var(--blue),0 5px 15px #009fe80c}
.hero-path-steps li.is-current .hero-step-icon{color:var(--blue-deep);background:#d5effb}
.hero-path-steps li.is-current :is(b,em),.hero-path-steps li.is-done em{color:var(--blue-deep)}
.hero-path-steps li.is-done .hero-step-icon{color:var(--blue-deep)}
.hero-path-result{display:flex;align-items:center;gap:11px;padding:10px 13px;margin-top:12px;border-radius:10px;color:#fff;background:var(--blue-deep);transition:opacity .5s,transform .5s}
.hero-path-result>.icon{flex:none;width:21px;height:21px}.hero-path-result b{display:block;font-size:12px;line-height:1.5;font-weight:600}.hero-path-result small{display:block;font-size:9px;line-height:1.5;color:#d7f2ff}.hero-path-result>span{margin-left:auto;font-size:20px}
.hero-discovery.is-enhanced:not(.is-complete) .hero-path-result{opacity:.2;transform:translateY(3px)}
.hero-discovery .scene-bottom{position:relative;inset:auto;display:flex;justify-content:space-between;gap:12px;margin:13px 8px 0;font-size:8px;letter-spacing:.3px}
@keyframes hero-query-blink{50%{opacity:0}}
@media(min-width:721px) and (max-height:820px){
 .hero-discovery .scene-label{margin-bottom:8px}
 .hero-discovery .search-token{min-height:57px;padding-block:9px;margin-bottom:10px}
 .hero-discovery .object-main{height:119px;padding-top:13px}
 .hero-discovery .object-sculpture{width:105px;height:105px;top:5px}
 .hero-discovery .object-main h2{font-size:22px;margin-top:7px}
 .hero-website-caption{margin-top:5px}
 .hero-path{padding-block:13px}
 .hero-path h3{font-size:16px;margin-bottom:9px}
 .hero-path-steps li{min-height:44px;padding-block:4px}
 .hero-path-result{padding-block:7px;margin-top:9px}
 .hero-discovery .scene-bottom{margin-top:9px}
}
@media(min-width:721px) and (max-width:1100px){
 .hero-path{padding-inline:15px}.hero-path-steps li{padding-inline:9px;gap:8px;grid-template-columns:28px minmax(0,1fr) 49px}
 .hero-step-icon{width:28px;height:28px}.hero-path h3{font-size:15px}
 .hero-discovery .object-main{padding-inline:20px}.hero-discovery .object-main h2{font-size:21px}
 .hero-discovery .object-sculpture{right:11px;width:104px;height:104px;top:13px}
 .hero-discovery .search-token{padding-inline:14px;gap:10px}
 .hero-discovery .object-main .hero-website-caption{font-size:10px}
}
@media(max-width:720px){
 .hero-scene.hero-discovery{max-width:500px;margin:35px auto 0}
 .hero-discovery .scene-label{font-size:8px;letter-spacing:.65px;margin-inline:3px}
 .hero-discovery .scene-label b{font-size:9px}
 .hero-discovery .search-token{padding:12px 15px;margin-inline:0;gap:11px;border-radius:15px}
 .hero-query p{font-size:12px;min-height:36px;line-height:1.5}
 .hero-query small{font-size:9px}
 .hero-discovery .website-object,.hero-discovery:hover .website-object{transform:none;border-radius:17px}
 .hero-discovery .object-toolbar{height:30px;padding-inline:17px}
 .hero-discovery .object-main{height:133px;padding:15px 19px}
 .hero-discovery .object-main h2{font-size:22px;line-height:1.3;margin-top:9px}
 .hero-discovery .object-sculpture{width:108px;height:108px;right:11px;top:10px}
 .hero-discovery .brand-launch-hint{bottom:-2px;right:-3px}
 .hero-website-caption{margin-top:9px;font-size:10px;letter-spacing:0}
 .hero-path{padding:17px 14px 14px}
 .hero-path h3{font-size:16px;line-height:1.5;letter-spacing:-.3px;margin-bottom:13px}
 .hero-path-steps li{grid-template-columns:29px minmax(0,1fr) 47px;gap:8px;padding:8px 9px;min-height:53px}
 .hero-step-icon{width:28px;height:28px}.hero-step-icon :is(.google,.icon){width:20px;height:20px}
 .hero-path-steps b{font-size:13px}.hero-path-steps small{font-size:11px;line-height:1.5}.hero-path-steps em{font-size:10px}
 .hero-path-result{padding:10px 11px}.hero-path-result b{font-size:11px}
 .hero-discovery .scene-bottom{font-size:7px;margin-inline:2px;gap:8px;letter-spacing:0}
}
@media(max-width:370px){
 .hero-discovery .object-main h2{font-size:19px}.hero-discovery .object-main{padding-left:16px}
 .hero-discovery .object-sculpture{width:92px;height:92px;right:7px;top:18px}
 .hero-discovery .brand-launch-hint{font-size:9px}
 .hero-path-steps li{grid-template-columns:25px minmax(0,1fr) 42px;gap:6px;padding-inline:7px}
 .hero-step-icon{width:25px;height:25px}
 .hero-discovery .scene-label{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.hero-discovery *{animation:none!important;transition:none!important}.hero-query-caret{display:none}}