.hero:has(.civic-welcome){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;min-height:660px;padding-block:48px 58px}.civic-welcome{position:relative;isolation:isolate;height:520px;width:100%;direction:ltr}.welcome-halo{position:absolute;z-index:-2;inset:35px 15px 62px;border-radius:48% 48% 36% 36%;background:radial-gradient(ellipse at 18% 24%,#ff9fba66 0,transparent 45%),radial-gradient(ellipse at 82% 22%,#c3a0ff66 0,transparent 48%),radial-gradient(ellipse at 82% 78%,#73dfc077 0,transparent 55%),radial-gradient(ellipse at 26% 82%,#ffd16688 0,transparent 55%),#fff4e4;box-shadow:inset 0 0 70px #fff9}.welcome-ring{position:absolute;z-index:-1;left:50%;top:45%;width:86%;aspect-ratio:1;border:1px solid #ed9bad70;border-radius:50%;transform:translate(-50%,-50%) rotateX(48deg) rotate(-15deg);pointer-events:none}.ring-two{width:105%;transform:translate(-50%,-38%) rotateX(57deg) rotate(12deg);border-style:dashed;border-color:#71cbb080}.welcome-greeting{position:absolute;z-index:3;top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;padding:12px 19px;border:1px solid #fff;border-radius:99px;background:#fffdf8e8;box-shadow:0 8px 30px #6553240c;animation:greeting-appear .4s ease both}.welcome-greeting>span:nth-child(2){font-size:16px;font-weight:750;color:#345a46}.greeting-spark{color:#e8778b;font-size:21px}.welcome-greeting small{font-size:10px;color:#84917e;border-left:1px solid #d8ddce;padding-left:9px}.welcome-stage{position:absolute;inset:25px -30px 36px}.welcome-canvas{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;touch-action:pan-y}.welcome-canvas canvas{display:block;width:100%;height:100%}.is-ready .welcome-canvas{opacity:1}.welcome-fallback{position:absolute;inset:40% 8% 25%;display:flex;align-items:center;justify-content:center;gap:20px;transition:opacity .4s ease}.welcome-fallback span{display:grid;place-items:center;border-radius:26px;width:78px;height:85px;color:#577b61;background:linear-gradient(145deg,#fffef9,#e4dbc3);box-shadow:inset 2px 2px 4px #fff,8px 18px 22px #514b3222;transform:rotate(-10deg)}.welcome-fallback span:nth-child(2){width:110px;height:125px;transform:translateY(-14px);color:#d49c3d}.welcome-fallback span:nth-child(3){transform:rotate(12deg)}.is-ready .welcome-fallback{opacity:0;pointer-events:none}.welcome-choice{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;max-width:205px;min-height:62px;padding:10px 14px 10px 10px;border:1px solid #fffefb;border-radius:18px;color:#40513f;background:#fffefaed;box-shadow:0 12px 26px #7d586012,inset 0 -3px 0 #ece9dc88;cursor:pointer;animation:choice-bob 6s ease-in-out infinite;transition:box-shadow .2s,border-color .2s}.welcome-choice>span:nth-child(2){font-size:11px;font-weight:700;line-height:1.35;text-align:start}.welcome-choice-icon{display:grid;place-items:center;flex:none;width:39px;height:41px;border-radius:12px;color:#bf7e34;background:linear-gradient(145deg,#fff2cc,#f4d191);box-shadow:inset 1px 2px 2px #fff8,0 3px 5px #b17b2920}.choice-documents{top:90px;left:-3px;--tilt:-7deg}.choice-schemes{top:115px;right:-13px;--tilt:7deg;animation-delay:-2s}.choice-learning{bottom:114px;left:-8px;--tilt:-4deg;animation-delay:-4s}.choice-schemes .welcome-choice-icon{color:#85609c;background:linear-gradient(145deg,#f5e8ff,#d9c4ed)}.choice-learning .welcome-choice-icon{color:#3c7d78;background:linear-gradient(145deg,#e1f5ec,#b6d8c6)}.choice-arrow{flex:none;color:#9a9e87}.welcome-choice:hover{animation-play-state:paused;border-color:#c6d7b8;box-shadow:0 14px 35px #3f603628}.welcome-choice:focus-visible,.welcome-motion:focus-visible,.welcome-official:focus-visible{outline:3px solid #d59d43;outline-offset:4px}.welcome-official{position:absolute;z-index:3;right:0;bottom:92px;display:flex;align-items:center;gap:7px;max-width:205px;padding:10px 12px;background:#315d46;color:#fff9e9;border:1px solid #55816c;border-radius:13px;text-decoration:none;font-size:10px;font-weight:700;box-shadow:0 9px 20px #345c4226;transform:rotate(3deg)}.welcome-official>span{display:grid;place-items:center;width:25px;height:26px;color:#c8e7bc}.welcome-official>svg{flex:none}.welcome-journey{position:absolute;bottom:7px;inset-inline:7px;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 10px;border-top:1px solid #d9ddce}.welcome-journey>span:not(.journey-connector){display:flex;align-items:center;gap:6px;font-size:9px;line-height:1.35;color:#6f7b67;max-width:130px}.welcome-journey i{display:grid;place-items:center;width:21px;height:21px;flex:none;border:1px solid #d6dfc9;border-radius:50%;font-size:9px;font-style:normal;background:#eef3e5;color:#59784c}.journey-connector{height:1px;width:16px;flex-shrink:1;background:#d3dcc7}.welcome-motion{position:absolute;z-index:4;right:3px;bottom:58px;border:1px solid #dce1d2;border-radius:50%;height:28px;width:28px;display:grid;place-items:center;background:#fffcf5;color:#7d8b70;cursor:pointer}.civic-welcome.is-paused .welcome-choice{animation-play-state:paused}.civic-welcome[data-mood=listening] .welcome-greeting{box-shadow:0 8px 28px #638c6c2b}.civic-welcome[data-mood=thinking] .ring-two{animation:thought-orbit 5s linear infinite}.civic-welcome[data-mood=happy] .welcome-halo{box-shadow:inset 0 0 84px #fff9,0 0 42px #f06d9950}@keyframes choice-bob{0%,to{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-7px) rotate(calc(var(--tilt) + 2deg))}}@keyframes greeting-appear{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}@keyframes thought-orbit{to{transform:translate(-50%,-38%) rotateX(57deg) rotate(372deg)}}.civic-welcome[data-following=true]{z-index:8}.civic-welcome[data-following=true] .welcome-stage{pointer-events:none;position:fixed;inset:auto 22px 24px auto;width:184px;height:166px;z-index:8;border:1px solid #fff;border-radius:27px;background:linear-gradient(145deg,#fffdf8ed,#f3f1e6e8);box-shadow:0 15px 42px #40533a24;overflow:hidden}.civic-welcome[data-following=true] .welcome-fallback{inset:20% 8% 8%}.civic-welcome[data-following=true] .welcome-motion{position:fixed;inset:auto 29px 31px auto;z-index:10}@media(min-width:1450px){.civic-welcome{height:570px}.welcome-stage{inset:25px -25px 40px}.choice-documents{top:110px}.choice-schemes{top:140px}.choice-learning{bottom:120px}.welcome-official{bottom:110px}}@media(max-width:1100px) and (min-width:761px){.hero:has(.civic-welcome){gap:18px}.civic-welcome{height:475px}.welcome-choice{max-width:170px;gap:7px;padding:8px}.welcome-choice>span:nth-child(2){font-size:10px}.welcome-choice-icon{width:30px;height:34px}.welcome-greeting{padding-inline:13px}.welcome-greeting small{display:none}.choice-schemes{right:-8px}.welcome-official{right:-5px;max-width:170px}.welcome-journey{gap:5px}.welcome-journey>span:not(.journey-connector){font-size:8px}}@media(max-width:760px){.hero:has(.civic-welcome){display:flex;padding-top:19px;padding-bottom:27px;gap:9px;min-height:0}.civic-welcome{order:0;height:375px;max-width:440px;margin:0 auto}.welcome-halo{inset:27px 16px 50px}.welcome-stage{inset:10px -20px 22px}.welcome-greeting{top:0;padding:8px 13px;gap:7px}.welcome-greeting>span:nth-child(2){font-size:14px}.welcome-greeting small{font-size:8px}.greeting-spark{font-size:17px}.welcome-choice{min-height:47px;border-radius:13px;padding:6px 8px;gap:6px;max-width:143px}.welcome-choice>span:nth-child(2){font-size:9px}.welcome-choice-icon{height:31px;width:29px;border-radius:9px}.welcome-choice-icon svg{width:17px}.choice-arrow{display:none}.choice-documents{top:64px;left:-2px}.choice-schemes{top:89px;right:-3px}.choice-learning{bottom:85px;left:1px}.welcome-official{max-width:153px;bottom:69px;right:0;font-size:8px;padding:6px 8px;gap:4px;border-radius:10px}.welcome-official>span{width:21px}.welcome-official>span svg{width:16px}.welcome-journey{bottom:0;inset-inline:0;padding:12px 0;gap:6px}.welcome-journey>span:not(.journey-connector){font-size:8px;gap:4px;max-width:110px}.welcome-journey i{width:18px;height:18px;font-size:8px}.journey-connector{width:10px}.welcome-motion{bottom:44px;width:24px;height:24px}.hero:has(.civic-welcome) .hero-copy{order:1}.hero:has(.civic-welcome) h1{margin-top:15px}.welcome-fallback{gap:13px}.civic-welcome[data-following=true] .welcome-stage{inset:auto 12px calc(76px + env(safe-area-inset-bottom)) auto;width:142px;height:128px;border-radius:21px}.civic-welcome[data-following=true] .welcome-motion{inset:auto 18px calc(81px + env(safe-area-inset-bottom)) auto;width:23px;height:23px}}@media(prefers-reduced-motion:reduce){.ring-two,.welcome-choice,.welcome-greeting{animation:none!important}.welcome-choice{transform:rotate(var(--tilt))}.welcome-canvas{transition:none}.welcome-motion{display:none}}@media print{.civic-welcome{display:none}}.welcome-greeting{font-family:inherit;cursor:pointer;transition:box-shadow .2s,background .2s}.welcome-greeting:hover{background:#fffdf8;box-shadow:0 8px 30px #65532422}.welcome-greeting:focus-visible{outline:3px solid #d59d43;outline-offset:4px}@media(min-width:761px){.choice-documents{top:54px}.choice-schemes{top:62px}}@media(max-width:760px){.choice-documents,.choice-schemes{top:44px}}