.hero-art{height:366px;overflow:hidden;background:#eaf1e1;border:1px solid #e1e8d6}.travel-scene{width:100%;height:100%;position:relative;isolation:isolate}.scene-dots{position:absolute;inset:0;background-image:radial-gradient(#9bb68a 1px,transparent 1px);background-size:22px 22px;opacity:.22}.scene-heading{position:absolute;left:22px;top:21px;color:#6a8260;letter-spacing:2px;font-size:11px}.globe-friend{width:226px;height:226px;position:absolute;left:50%;top:76px;transform:translateX(-50%);z-index:3}.globe-friend svg{width:100%;overflow:visible}.globe-body{animation:friend-bob 3.8s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.friend-shadow{animation:shadow-breathe 3.8s ease-in-out infinite;transform-origin:center}.wave-hand{animation:wave-hello 3.2s ease-in-out infinite;transform-origin:193px 136px}.friend-eyes{animation:friend-blink 5.4s infinite;transform-box:fill-box;transform-origin:center}.sun-friend{width:74px;position:absolute;right:19px;top:38px;animation:sun-bob 5s ease-in-out infinite}.sun-rays{transform-origin:50px 50px;animation:sun-turn 35s linear infinite}.cloud{position:absolute;width:88px;height:26px;border-radius:30px;background:#fffdf3;opacity:.87;animation:cloud-drift 7s ease-in-out infinite}.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:inherit;width:37px;height:37px;top:-19px;left:14px}.cloud:after{width:27px;height:27px;top:-12px;left:45px}.cloud-one{left:25px;top:118px}.cloud-two{right:31px;bottom:71px;transform:scale(.7);animation-delay:-3s}.paper-plane{position:absolute;width:68px;height:48px;left:36px;top:50px;z-index:4;animation:plane-float 6s ease-in-out infinite}.flight-trail{position:absolute;left:34px;top:89px;width:83px;height:54px;border-left:2px dashed #adbf9e;border-bottom:2px dashed #adbf9e;border-radius:0 0 0 60px;opacity:.6}.mini-postcard{position:absolute;background:#fffefa;padding:9px 11px 7px;border-radius:8px;border:1px solid #e3e7d7;box-shadow:0 7px 16px #425b3410;z-index:4;text-align:center}.mini-postcard img{height:35px;width:54px;display:block;object-fit:contain}.mini-postcard span{font-size:7px;letter-spacing:1px;color:#849079;display:block;margin-top:6px}.postcard-fr{left:25px;bottom:54px;animation:postcard-sway 5s ease-in-out infinite;--tilt:-12deg}.postcard-ca{right:23px;top:132px;animation:postcard-sway 5s ease-in-out infinite;animation-delay:-2s;--tilt:12deg}.scene-spark{position:absolute;color:#b29b51;animation:spark-twinkle 3.6s ease-in-out infinite}.spark-a{left:125px;top:53px;font-size:23px}.spark-b{right:96px;bottom:59px;font-size:27px;animation-delay:-1.7s}.friend-bubble{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;background:#fffef6;padding:10px 14px;border:1px solid #dbe3cd;border-radius:11px;box-shadow:0 3px 8px #34442b08;z-index:4;color:#54714a}.friend-bubble:before{content:'';position:absolute;width:10px;height:10px;left:45%;top:-6px;background:#fffef6;border-top:1px solid #dbe3cd;border-left:1px solid #dbe3cd;transform:rotate(45deg)}.friend-bubble span{color:#c8a64c;margin-left:7px}.travel-stamp{position:absolute;bottom:10px;left:18px;color:#92a080;font-size:8px;letter-spacing:1.5px}.motion-toggle{font-size:11px;color:#718469;white-space:nowrap}.quiz-card{overflow:hidden}.quiz-card:after{content:'✧';position:absolute;right:18px;top:63px;font-size:40px;color:#d9e4cd;opacity:0;transform:rotate(-20deg) scale(.6);transition:transform .3s,opacity .3s;pointer-events:none}.quiz-card:hover:after{opacity:.65;transform:rotate(8deg) scale(1)}.quiz-card:hover .icon{animation:icon-wiggle .65s ease-in-out}.primary{transition:transform .2s,background .2s,box-shadow .2s}.primary:hover{box-shadow:0 5px 14px #24694e20}.primary span{transition:transform .2s}.primary:hover span{transform:translate(3px,-3px)}.question-panel{position:relative;overflow:hidden}.answer-reaction{font-size:11px;line-height:1.7;display:flex;gap:7px;justify-content:center;align-items:center;animation:reaction-appear .35s ease-out;margin:8px 0 -3px;color:#779269}.answer-reaction span{font-size:19px;color:#b8a246}.answer-reaction.thinking{color:#8c896e}.star-burst{position:absolute;pointer-events:none;left:50%;top:40%;z-index:8}.star-burst i{position:absolute;color:#bea751;font-style:normal;font-size:20px;opacity:0;animation:star-pop 1s ease-out both;animation-delay:calc(var(--i)*.025s)}.result-friend{position:relative;width:100px;height:100px;margin:-13px auto 7px}.result-friend svg{height:100%;width:100%;overflow:visible}.result-friend:before,.result-friend:after{content:'✦';position:absolute;color:#c5ac51;font-size:24px;top:23px;left:-21px;animation:spark-twinkle 3s infinite}.result-friend:after{left:auto;right:-21px;top:50px;animation-delay:-1.4s}.result .result-score{line-height:1.2}.study>span{animation:spark-twinkle 4s ease-in-out infinite}.brandmark{transition:transform .25s}.brand:hover .brandmark{transform:rotate(-8deg)}
@keyframes friend-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes friend-blink{0%,40%,44%,100%{transform:scaleY(1)}42%{transform:scaleY(.1)}}@keyframes shadow-breathe{0%,100%{opacity:.12;transform:scaleX(1)}50%{opacity:.08;transform:scaleX(.85)}}@keyframes wave-hello{0%,20%,50%,100%{transform:rotate(0)}30%{transform:rotate(14deg)}40%{transform:rotate(-5deg)}}@keyframes sun-turn{to{transform:rotate(360deg)}}@keyframes sun-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes cloud-drift{0%,100%{translate:0 0}50%{translate:12px -3px}}@keyframes plane-float{0%,100%{transform:translate(0,0) rotate(-8deg)}50%{transform:translate(13px,-8px) rotate(2deg)}}@keyframes postcard-sway{0%,100%{transform:rotate(var(--tilt)) translateY(0)}50%{transform:rotate(calc(var(--tilt) + 4deg)) translateY(-5px)}}@keyframes spark-twinkle{0%,100%{opacity:.45;scale:.85}50%{opacity:1;scale:1.1}}@keyframes icon-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}60%{transform:rotate(10deg)}}@keyframes reaction-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes star-pop{0%{opacity:0;transform:translate(0,0) scale(.2)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(100deg) scale(.7)}}
html[data-motion="paused"] *,html[data-motion="paused"] *:before,html[data-motion="paused"] *:after{animation-play-state:paused!important;scroll-behavior:auto!important}html[data-motion="paused"] .star-burst{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.star-burst{display:none}}@media(max-width:760px){.hero-art{height:310px}.globe-friend{top:58px;width:196px;height:196px}.sun-friend{width:56px;right:11px;top:35px}.scene-heading{font-size:10px;left:16px;top:18px;letter-spacing:1px}.postcard-fr{left:12px;bottom:48px}.postcard-ca{right:11px;top:117px}.mini-postcard{padding:7px 8px 6px}.mini-postcard img{width:42px;height:28px}.mini-postcard span{font-size:6px}.paper-plane{width:51px;left:17px;top:56px}.cloud-one{left:11px;top:115px;scale:.7}.cloud-two{right:6px;bottom:63px}.friend-bubble{bottom:25px;font-size:10px;padding:8px 11px}.spark-a{left:90px;top:45px;font-size:17px}.spark-b{right:49px;bottom:43px;font-size:20px}.travel-stamp{font-size:7px;bottom:7px;left:12px}.motion-toggle{font-size:0;width:25px;height:30px}.motion-toggle:before{content:'Ⅱ';font-size:13px}html[data-motion="paused"] .motion-toggle:before{content:'▶'}header nav{gap:15px}.result-friend{width:85px;height:85px}}