/* A first-visit service picker inspired by playful desktop windows. */
#dialog:has(.welcome-window){width:min(900px,calc(100vw - 40px));max-width:900px;max-height:calc(100dvh - 44px);padding:0;border:2px solid #202324;border-radius:19px;background:#fff3f5;box-shadow:7px 8px 0 #202324;overflow:auto;scrollbar-width:thin;scrollbar-color:#ad97d4 #fff3f5}
#dialog:has(.welcome-window)::backdrop{background:#23352a82;backdrop-filter:blur(4px)}
#dialog:has(.welcome-window) .dialog-content{padding:0}
#dialog:has(.welcome-window) .dialog-close{position:absolute;top:8px;right:12px;z-index:4;border:1.5px solid #28282c;border-radius:6px;width:27px;height:27px;background:#fff7f7;color:#24272b;box-shadow:2px 2px 0 #28282c;display:grid;place-items:center;padding:4px}
#dialog:has(.welcome-window) .dialog-close .icon{width:16px;height:16px}
.welcome-titlebar{height:43px;background:#9c7beb;border-bottom:2px solid #24252b;padding:0 18px;display:flex;align-items:center;gap:13px;font-size:10px;font-weight:600;letter-spacing:.5px;color:#201d2e}
.welcome-window-dots{display:flex;gap:6px}.welcome-window-dots i{width:8px;height:8px;border:1px solid #433659;border-radius:50%;background:#ff9fc0}.welcome-window-dots i:nth-child(2){background:#ffeb80}.welcome-window-dots i:nth-child(3){background:#b6e8b9}
.welcome-body{padding:24px 29px 20px}.welcome-heading{position:relative;text-align:center;margin-bottom:23px}.welcome-eyebrow{font-size:9px;letter-spacing:2px;color:#777283;font-weight:600}.welcome-heading #dialog-title{font-size:25px;line-height:1.5;color:#272a2c;font-weight:500;margin:10px 0}.welcome-heading #dialog-title br{display:none}.welcome-heading #dialog-title strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:35px;letter-spacing:-1.6px;font-weight:800;margin-left:8px}.welcome-heading #dialog-title>span{display:inline-block;color:#8868ce;font-size:29px;margin-left:9px;vertical-align:top}.welcome-heading p{font-size:12px;line-height:1.8;color:#827988}.welcome-heading p br{display:none}
.welcome-services{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.welcome-service{display:block;border:1.5px solid #24292b;border-radius:13px;background:#fff;box-shadow:4px 5px 0 #24292b;color:#252c2c;overflow:hidden;transition:transform .15s,box-shadow .15s;--welcome-tint:#fff5bf;--welcome-bar:#ffe572;--welcome-accent:#60521c}
.welcome-service.debt{--welcome-tint:#eef0ff;--welcome-bar:#a8b2e2;--welcome-accent:#3e4979}.welcome-service.asset{--welcome-tint:#fff0e9;--welcome-bar:#efb8ac;--welcome-accent:#945d50}.welcome-service.tax{--welcome-tint:#ebf5e8;--welcome-bar:#b5d6a5;--welcome-accent:#3e6b48}
.welcome-service:hover{transform:translate(-2px,-2px);box-shadow:6px 7px 0 #24292b}.welcome-service:active{transform:translate(2px,2px);box-shadow:2px 3px 0 #24292b}.welcome-service:focus-visible{outline:3px solid #8b63ce;outline-offset:4px}
.welcome-service-bar{display:flex;align-items:center;justify-content:space-between;background:var(--welcome-bar);padding:7px 13px;border-bottom:1.5px solid #282d2d;font-size:10px;letter-spacing:.6px;color:#313634;font-weight:600}
.welcome-service-body{display:flex;align-items:center;min-height:164px;gap:0;position:relative;background:linear-gradient(110deg,#fff 20%,var(--welcome-tint));padding:18px 13px 16px 19px}.welcome-service-body>div{flex:1;min-width:0;position:relative;z-index:1}.welcome-service-name{font-family:'Plus Jakarta Sans','Noto Sans Thai',sans-serif;font-size:20px;font-weight:800;letter-spacing:-.6px;line-height:1.5;display:block}.welcome-service-body p{font-size:11px;line-height:1.8;color:#7b7e76;max-width:190px;margin:8px 0 15px}.welcome-service-body>img{width:120px;height:150px;object-fit:contain;flex-shrink:0;align-self:flex-end;margin:-10px -3px -14px 0;filter:drop-shadow(0 6px 4px #263a2b0b)}
.welcome-service-cta{display:inline-flex;align-items:center;gap:8px;background:var(--welcome-tint);border:1.5px solid #3a4339;border-radius:5px;padding:6px 9px;box-shadow:2px 2px 0 #2c332c;font-size:10px;font-weight:700;color:var(--welcome-accent)}.welcome-service-cta .icon{width:12px;height:12px}
.welcome-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px;font-size:10px;color:#8f7f8a}.welcome-footer button{font-size:11px;font-weight:600;display:flex;align-items:center;gap:8px;color:#534860;padding:8px 0}.welcome-footer .icon{width:15px;height:15px}.welcome-footer button:focus-visible{outline:2px solid #7a60a7;outline-offset:5px}.welcome-reopen{cursor:pointer}.welcome-reopen:hover{border-color:#a18abf;background:#f8f3fe}
@media(max-width:700px){#dialog:has(.welcome-window){width:calc(100vw - 28px);max-height:calc(100dvh - 38px);border-radius:15px;box-shadow:5px 6px 0 #202324}.welcome-titlebar{height:40px;padding:0 13px;font-size:9px}.welcome-body{padding:20px 17px 14px}.welcome-heading{margin-bottom:18px}.welcome-eyebrow{font-size:8px;letter-spacing:1.2px}.welcome-heading #dialog-title{font-size:19px;line-height:1.45;margin:10px 0 8px}.welcome-heading #dialog-title strong{font-size:29px;margin-left:0;letter-spacing:-1.3px}.welcome-heading #dialog-title br{display:block}.welcome-heading #dialog-title>span{font-size:22px;margin-left:6px}.welcome-heading p{font-size:11px}.welcome-heading p br{display:block}.welcome-services{gap:13px 12px}.welcome-service{border-radius:10px;box-shadow:3px 4px 0 #24292b}.welcome-service-bar{padding:6px 9px;font-size:8px}.welcome-service-body{padding:13px 10px 10px;min-height:220px;display:flex;flex-direction:column;align-items:flex-start}.welcome-service-body>div{width:100%;display:contents}.welcome-service-name{font-size:16px;letter-spacing:-.4px;order:0}.welcome-service-body p{font-size:9px;margin:4px 0 0;min-height:32px;order:1;max-width:none}.welcome-service-body>img{width:98px;height:113px;order:2;align-self:center;margin:0;flex-shrink:1}.welcome-service-cta{font-size:9px;order:3;gap:5px;padding:5px 7px;align-self:flex-start;margin-top:5px}.welcome-service-cta .icon{width:11px;height:11px}.welcome-footer{font-size:8px;gap:8px;margin-top:20px}.welcome-footer button{font-size:10px}.welcome-reopen{font-size:10px}}
@media(max-width:380px){.welcome-body{padding:17px 13px 12px}.welcome-services{gap:11px 10px}.welcome-service-name{font-size:14px}.welcome-service-body{padding:11px 8px 9px;min-height:210px}.welcome-service-body p{font-size:8px;min-height:29px}.welcome-service-body>img{width:86px;height:104px}.welcome-service-cta{font-size:8px;padding:5px 6px}.welcome-heading #dialog-title strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.welcome-service{transition:none}}