.guidedRobotWelcome{position:relative;display:grid;grid-template-columns:145px 1fr;align-items:center;gap:4px;margin:10px 0 18px;padding:12px 14px 12px 4px;border:1px solid #654fe0;border-radius:22px;background:radial-gradient(circle at 8% 12%,rgba(120,94,255,.28),transparent 36%),linear-gradient(135deg,#171738,#12243a);overflow:hidden;box-shadow:0 16px 36px rgba(33,22,90,.32)}
.guidedRobotGlow{position:absolute;width:150px;height:150px;left:-10px;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(91,219,222,.24),rgba(123,92,255,.14) 45%,transparent 70%)}
.guidedWelcomeRobot{position:relative;z-index:1;width:135px;height:135px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35))}
.guidedSpeech{position:relative;padding:17px 18px;border:1px solid #596b86;border-radius:18px;background:rgba(9,18,32,.88);box-shadow:0 9px 22px rgba(0,0,0,.22)}
.guidedSpeech:before{content:"";position:absolute;left:-13px;top:45px;width:22px;height:22px;background:#0b1525;border-left:1px solid #596b86;border-bottom:1px solid #596b86;transform:rotate(45deg)}
.guidedSpeech span{position:relative;color:#63d8dc;font-size:10px;font-weight:950;letter-spacing:1.3px;text-transform:uppercase}.guidedSpeech h1{position:relative;margin:5px 0 7px!important;font-size:27px!important}.guidedSpeech p{position:relative;margin:0;color:#c7d0df;font-size:14px;line-height:1.5}
.guidedSetupBody .guidedWelcome{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;padding:0;background:transparent}
.guidedWelcome>div{display:flex;align-items:center;gap:11px;min-height:72px;padding:12px;border:1px solid #354964;border-radius:14px;background:linear-gradient(145deg,#17263c,#132033);color:#dce5f0}.guidedWelcome i{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#27225a;font-style:normal;font-size:19px}.guidedWelcome span{display:flex;flex-direction:column;gap:3px}.guidedWelcome b{font-size:13px;line-height:1.25}.guidedWelcome small{color:#98a8bd;font-size:11px;line-height:1.3}
.guidedStartButton{position:relative;overflow:hidden;box-shadow:0 10px 26px rgba(120,83,255,.34)}.guidedStartButton:after{content:"→";position:absolute;right:19px;font-size:20px}
@media(max-width:640px){.guidedRobotWelcome{grid-template-columns:95px 1fr;padding:10px 10px 10px 0}.guidedWelcomeRobot{width:94px;height:108px}.guidedRobotGlow{width:110px;height:110px}.guidedSpeech{padding:13px 14px}.guidedSpeech:before{left:-10px;top:35px;width:17px;height:17px}.guidedSpeech h1{font-size:21px!important}.guidedSpeech p{font-size:12px}.guidedSetupBody .guidedWelcome{grid-template-columns:1fr}.guidedWelcome>div{min-height:62px}.guidedWelcome small{font-size:10px}}

/* Home: a personal invitation from the budget guide. */
.phone > .top.billHomeHeaderHidden{display:none!important}
#home #guidedBudgetLaunch{display:grid!important;grid-template-columns:minmax(180px,260px) 210px minmax(0,1fr);gap:0;align-items:start;padding:26px 30px 12px!important;min-height:244px;margin:0 0 18px!important;overflow:visible;background:radial-gradient(ellipse at 48% 100%,#39266b55,transparent 65%),linear-gradient(120deg,#171b31,#101c2b);border:1px solid #6550ac;border-radius:24px;box-sizing:border-box}
#guidedBudgetLaunch .billFirstBudgetButton{align-self:start;position:relative;z-index:2;width:100%!important;min-height:52px;margin:52px 0 0!important;padding:14px 16px!important;white-space:normal;font-size:16px!important;line-height:1.35;border:1px solid #9f80ff;border-radius:14px;background:linear-gradient(110deg,#377ff0,#8452f7);box-shadow:0 8px 26px #7046ef40;color:white;font-weight:850;cursor:pointer}
#guidedBudgetLaunch .billFirstBudgetButton span{display:inline;color:inherit;font-size:20px;letter-spacing:0}
#guidedBudgetLaunch .billFirstBudgetButton:focus-visible{outline:3px solid #64e3eb;outline-offset:4px}
#guidedBudgetLaunch .billBudgetGuideRobot{position:relative;z-index:3;width:220px;height:220px;max-width:none;object-fit:contain;margin:0 0 0 -27px;pointer-events:none}
#guidedBudgetLaunch .billBudgetGreeting{position:relative;align-self:start;padding:19px 22px;margin:4px 0 0;border:1px solid #8172bd;border-radius:20px;background:#23243f;box-shadow:0 10px 26px #0002}
#guidedBudgetLaunch .billBudgetGreeting:before{content:"";position:absolute;left:-9px;top:48px;width:16px;height:16px;background:#23243f;border-left:1px solid #8172bd;border-bottom:1px solid #8172bd;transform:rotate(45deg)}
#guidedBudgetLaunch .billBudgetGreeting h2{margin:0 0 9px!important;font-size:24px!important;line-height:1.2;color:#f5f3ff}
#guidedBudgetLaunch .billBudgetGreeting p{margin:0 0 10px!important;font-size:15px!important;line-height:1.5;color:#cbd2e5}
#guidedBudgetLaunch .billBudgetGreeting>span{display:block;font-size:13px;font-weight:750;color:#91e6e8;letter-spacing:0}
#home #billHomeSettings{display:flex;justify-content:center;margin:28px 0 24px;padding:22px 12px;border-top:1px solid #334056}
#billHomeSettings .headerPrefs{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0!important}
#billHomeSettings .headerPrefs select{width:90px!important;min-height:44px!important;height:44px!important;padding:8px 12px!important;font-size:14px!important}
#billHomeSettings #billTopLogout{width:auto!important;min-height:44px;margin:0!important;padding:10px 16px!important;border:1px solid #824449;border-radius:10px;background:#2a222d;color:#ff9a9a;font-size:14px;font-weight:800}
@media(max-width:760px){
 #home #guidedBudgetLaunch{grid-template-columns:minmax(0,1fr) 170px;padding:18px 18px 0!important;min-height:0}
 #guidedBudgetLaunch .billBudgetGreeting{grid-column:1/-1;grid-row:1;margin:0 0 20px;padding:17px 18px}
 #guidedBudgetLaunch .billBudgetGreeting:before{left:auto;right:60px;top:auto;bottom:-9px;transform:rotate(-45deg)}
 #guidedBudgetLaunch .billBudgetGreeting h2{font-size:22px!important}
 #guidedBudgetLaunch .billFirstBudgetButton{grid-column:1;grid-row:2;margin-top:32px!important;font-size:15px!important}
 #guidedBudgetLaunch .billBudgetGuideRobot{grid-column:2;grid-row:2;width:190px;height:190px;margin-left:-24px}
}
@media(max-width:380px){
 #home #guidedBudgetLaunch{grid-template-columns:minmax(0,1fr) 135px;padding:15px 12px 0!important}
 #guidedBudgetLaunch .billBudgetGuideRobot{width:155px;height:155px;margin-left:-19px}
 #guidedBudgetLaunch .billFirstBudgetButton{margin-top:20px!important;padding:10px!important;font-size:14px!important}
 #guidedBudgetLaunch .billBudgetGreeting h2{font-size:20px!important}
}