.intro-screen{position:relative;max-width:480px;margin:0 auto;padding:46px 0 32px;text-align:center}.intro-screen h1{font-size:clamp(32px,6vw,42px);letter-spacing:-1.5px;margin:0 0 30px}.intro-back{position:absolute;top:0;left:0;border:0;background:none;font-size:24px;cursor:pointer;width:44px;height:44px}.intro-carousel{overflow:hidden;touch-action:pan-y;border-radius:26px;outline-offset:5px;background:#f8faf9;border:1px solid #edf1ef}.intro-track{display:flex;transition:transform .45s cubic-bezier(.22,.68,0,1)}.intro-slide{flex:0 0 100%;min-width:0;padding:22px 24px 32px;box-sizing:border-box}.intro-slide h2{max-width:310px;margin:8px auto 0;font-size:26px;font-weight:650;line-height:1.25;letter-spacing:-.7px;min-height:66px}.intro-visual{height:252px;display:flex;align-items:center;justify-content:center;user-select:none;pointer-events:none}.intro-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin:16px 0 22px}.intro-dots{display:flex}.intro-dots button{border:0;background:none;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;color:#52625b}.intro-dots span{width:7px;height:7px;background:#cbd5cf;border-radius:9px;transition:width .3s,background .3s}.intro-dots [aria-current=true] span{width:25px;background:#189d64}.intro-screen>.btn{width:100%}.intro-questions{width:225px;position:relative}.intro-question{display:flex;gap:17px;align-items:center;height:61px}.intro-checkbox{height:29px;width:29px;border:2px solid #d5e0da;border-radius:8px;color:white;display:grid;place-items:center}.intro-checkbox svg{width:24px;opacity:0}.intro-answer{flex:1}.intro-answer i{display:block;width:100%;height:8px;border-radius:9px;background:#dfe6e2;margin:7px 0}.intro-answer i+ i{width:63%;height:6px;background:#e8edea}.intro-cursor{position:absolute;width:32px;height:38px;left:20px;top:20px;filter:drop-shadow(0 3px 3px #183c2318)}.is-active .intro-checkbox{animation:intro-check .25s calc(.25s + var(--i)*.5s) both}.is-active .intro-checkbox svg{animation:intro-pop .25s calc(.25s + var(--i)*.5s) both}.is-active .intro-cursor{animation:intro-click 1.6s both}.intro-earnings{width:100%;max-width:320px}.intro-amount{font-size:45px;font-weight:700;color:#199b64;filter:blur(7px);height:65px}.intro-earnings>svg{width:100%;height:160px;overflow:visible}.intro-grid{stroke:#e3eae6;stroke-width:1}.intro-graph{stroke:#20a56b;stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.is-active .intro-graph{animation:intro-line 1.4s ease-out forwards}.intro-endpoint{fill:#20a56b;opacity:0}.is-active .intro-endpoint{animation:intro-pop .3s 1.2s forwards;transform-box:fill-box;transform-origin:center}.intro-cards{position:relative;width:290px;height:200px}.intro-card-match{position:absolute;width:164px;left:calc(6px + var(--i)*57px);top:calc(24px + var(--i)*19px);transform:rotate(calc(-13deg + var(--i)*13deg))}.intro-card-match img{width:100%;height:104px;object-fit:cover;border-radius:10px;filter:blur(5px);opacity:.8;box-shadow:0 15px 25px #16352819}.intro-match{position:absolute;right:-9px;top:-12px;border:4px solid #f8faf9;background:#20a56b;color:white;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;opacity:0}.intro-match svg{width:24px}.is-active .intro-match{animation:intro-pop .4s calc(.3s + var(--i)*.45s) cubic-bezier(.2,1.6,.5,1) forwards}@keyframes intro-check{to{background:#20a56b;border-color:#20a56b}}@keyframes intro-pop{from{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}@keyframes intro-line{to{stroke-dashoffset:0}}@keyframes intro-click{0%,18%{transform:translateY(0)}25%{transform:translateY(0) scale(.8)}35%,50%{transform:translateY(61px)}56%{transform:translateY(61px) scale(.8)}68%,81%{transform:translateY(122px)}88%{transform:translateY(122px) scale(.8)}100%{transform:translateY(122px);opacity:0}}@media(max-width:380px){.intro-slide{padding-left:12px;padding-right:12px}.intro-slide h2{font-size:23px}.intro-visual{height:230px}.intro-cards{transform:scale(.9)}}@media(prefers-reduced-motion:reduce){.intro-track,.intro-dots span{transition:none}.intro-screen *{animation:none!important}.intro-checkbox{background:#20a56b;border-color:#20a56b}.intro-checkbox svg,.intro-match,.intro-endpoint{opacity:1}.intro-graph{stroke-dashoffset:0}.intro-cursor{display:none}}
body:has(.intro-screen) #orr-account-bar{display:none}@media(max-width:600px){.intro-screen{padding-top:46px}.intro-screen h1{margin-bottom:24px}.intro-visual{height:230px}.intro-slide{padding-bottom:24px}.intro-controls{margin:10px 0 16px}}