.finder-heading{display:grid;grid-template-columns:minmax(0,1fr) 370px;align-items:center;gap:40px;margin-top:-25px}.finder-heading h2{font-size:clamp(46px,5.1vw,78px);max-width:950px}.finder-heading h2 br{display:none}.ooli-companion{margin:0;position:relative;text-align:center;isolation:isolate}.ooli-stage{position:relative;display:block;border:0;width:100%;height:320px;background:transparent;padding:0;cursor:pointer;isolation:isolate;transition:transform .5s;outline-offset:-16px}.ooli-stage:before{content:'';position:absolute;inset:18% 8% 3%;z-index:-1;background:radial-gradient(ellipse,#68b0ff30,transparent 65%);filter:blur(18px)}.ooli-stage video{position:absolute;inset:-10% 0 0;width:100%;height:115%;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 47%,#000b 60%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse at center,#000 47%,#000b 60%,transparent 74%);pointer-events:none}.ooli-idle{opacity:1}.ooli-gesture{opacity:0}.ooli-greeting .ooli-idle{opacity:0}.ooli-greeting .ooli-gesture{opacity:1}.ooli-stage:after{content:'';position:absolute;left:24%;right:24%;bottom:7%;height:12px;border-radius:50%;background:#81baff3a;filter:blur(11px);z-index:-1;animation:ooli-halo 5s ease-in-out infinite}.ooli-stage:hover{transform:translateY(-4px)}.ooli-caption{position:relative;margin-top:-2px}.ooli-name{font-size:12px;letter-spacing:.18em;font-weight:700}.ooli-name span{font-size:10px;font-weight:400;letter-spacing:.02em;color:#c4d2ff;margin-left:8px}.ooli-line{font-size:13px;line-height:1.5;color:#e2e9ff;max-width:320px;min-height:40px;margin:9px auto 0}.ooli-companion[data-mood=complete] .ooli-name{color:var(--accent)}.ooli-companion[data-mood=complete] .ooli-stage:after{background:#ff9f5460}.ooli-still *,.ooli-still:before,.ooli-still:after{animation-play-state:paused!important}.ooli-still .ooli-stage:after{animation:none}.ooli-nod .ooli-stage{animation:ooli-nod .7s ease-in-out}.ooli-closing{display:flex;align-items:center;gap:20px}.ooli-closing img{width:128px;height:128px;object-fit:contain;mask-image:radial-gradient(ellipse,#000 48%,transparent 74%);animation:ooli-hover 6s ease-in-out infinite}.ooli-closing .button{min-height:70px}.footer-cta>.ooli-closing{flex-shrink:0}
@keyframes ooli-halo{50%{transform:scaleX(.8);opacity:.55}}@keyframes ooli-nod{35%{transform:translateY(5px) rotate(2deg)}70%{transform:translateY(-2px) rotate(-1deg)}}@keyframes ooli-hover{50%{transform:translateY(-7px) rotate(-2deg)}}
@media(max-width:1100px){.finder-heading{grid-template-columns:minmax(0,1fr) 280px;gap:25px}.ooli-stage{height:260px}.finder-heading h2{font-size:56px}.ooli-closing{gap:8px}.ooli-closing img{width:86px;height:100px}.ooli-closing .button{min-width:230px;font-size:12px;padding:20px}.ooli-name span{display:block;margin:6px 0 0}.ooli-line{font-size:12px}}
@media(max-width:760px){.finder-heading{grid-template-columns:1fr;gap:12px;margin-top:0}.finder-heading h2{font-size:43px}.ooli-companion{width:100%;max-width:340px;margin:0 auto}.ooli-stage{height:255px;max-width:310px;margin:auto}.ooli-caption{margin-top:-6px}.ooli-name span{display:inline;margin:0 0 0 8px}.ooli-line{min-height:37px;margin-top:8px;font-size:12px}.finder-grid{margin-top:24px}.ooli-closing{width:100%;flex-direction:row-reverse;justify-content:flex-end;gap:0}.ooli-closing img{width:85px;flex-shrink:1}.ooli-closing .button{min-width:0;flex:1;padding:18px 16px;min-height:58px;font-size:12px;gap:12px}.ooli-stage:hover{transform:none}}
#finder{background:radial-gradient(ellipse at 5% 110%,#2f46d6 0%,#17265a 42%,#090e22 78%)}
.finder-form{scroll-margin-top:94px}
@media(prefers-reduced-motion:reduce){.ooli-stage:hover{transform:none}.ooli-closing img,.ooli-stage:after{animation:none}}
@media(max-width:760px){.finder-form{position:relative}.finder-form .ooli-companion{position:absolute;top:4px;right:1px;width:136px;max-width:none;margin:0}.finder-form .ooli-stage{height:143px;width:136px}.finder-form .ooli-caption{display:none}.finder-form h3{padding-right:102px;min-height:94px;font-size:21px}.finder-form .step-counter{padding-right:105px}.finder-heading{gap:0}.finder-form .ooli-stage:focus-visible{outline-offset:-20px}}

/* A local companion belongs to the hero scene, with no fixed overlay on the page. */
.ooli-hero{position:absolute;right:4%;top:2%;width:190px;z-index:5;text-align:center;isolation:isolate}
.ooli-hero-button{display:block;position:relative;border:0;background:none;width:100%;height:190px;padding:0;cursor:pointer;border-radius:50%;outline-offset:-20px}
.ooli-visual{display:block;width:100%;height:100%;transform:perspective(700px) rotateY(var(--ooli-look-x,0deg)) rotateX(var(--ooli-look-y,0deg));transition:transform .4s ease}
.ooli-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;mask-image:radial-gradient(ellipse,#000 43%,#000c 57%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,#000 43%,#000c 57%,transparent 73%)}
.ooli-hero-wave{opacity:0}.ooli-hero.is-waving .ooli-hero-idle{opacity:0}.ooli-hero.is-waving .ooli-hero-wave{opacity:1}
.ooli-float{animation:ooli-hover 6s ease-in-out infinite}
.ooli-hero:before{content:'';position:absolute;inset:20% 5% 20%;background:radial-gradient(ellipse,#648aff1c,transparent 70%);z-index:-1}
.ooli-hero-label{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:-17px;position:relative;font-size:10px;letter-spacing:.13em;color:#e8efff;pointer-events:none}
.ooli-hero-label i{height:4px;width:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #ff9f5480}
.ooli-hero-label>span{font-size:9px;color:#99abc9;letter-spacing:.01em}
.ooli-introduction{position:absolute;top:100%;right:0;width:220px;padding:20px;text-align:left;background:#0c1428f5;border:1px solid #526a935c;box-shadow:0 16px 50px #0005;border-radius:4px;color:#e8efff}
.ooli-introduction[hidden]{display:none}.ooli-introduction p{font-size:17px;margin:0 0 7px;font-weight:600}.ooli-introduction>span{display:block;font-size:12px;color:#b8c7e0}.ooli-introduction>a{display:flex;align-items:center;gap:16px;margin-top:18px;color:var(--accent);font-size:12px;min-height:28px}.ooli-introduction .icon{width:16px;height:16px}.ooli-dismiss{position:absolute;right:4px;top:4px;background:none;border:0;color:#bec9dc;font-size:20px;width:30px;height:30px;cursor:pointer}
.ooli-hero.is-still .ooli-float{animation-play-state:paused}.ooli-hero.is-still .ooli-visual{transform:none}
@media(max-width:1100px){.ooli-hero{width:140px;right:2%;top:0}.ooli-hero-button{height:140px}.ooli-hero-label{font-size:9px;margin-top:-9px}.ooli-hero-label>span{display:none}}
@media(max-width:760px){.ooli-hero{width:116px;right:3%;top:2%}.ooli-hero-button{height:116px}.ooli-hero-label{font-size:8px;margin-top:-9px}.ooli-introduction{width:200px;padding:17px;right:0}.ooli-hero-button:focus-visible{outline-offset:-10px}}
@media(prefers-reduced-motion:reduce){.ooli-float{animation:none}.ooli-visual{transition:none;transform:none}}

@media(max-width:1100px){.ooli-hero-label{display:none}}