/* My BILLingsly landing page */
#onboardingOverlay{background:radial-gradient(circle at 82% 6%,rgba(95,45,255,.22),transparent 25%),radial-gradient(circle at 10% 85%,rgba(36,120,255,.12),transparent 30%),#020713!important;overflow:auto!important;align-items:flex-start!important;padding:14px!important}
#onboardingOverlay .onboardingCard{width:min(1120px,100%)!important;max-width:1120px!important;margin:auto!important;padding:clamp(16px,2.4vw,30px)!important;border-radius:30px!important;border:1px solid rgba(127,92,255,.58)!important;background:linear-gradient(180deg,#050a15 0%,#030712 100%)!important;box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 70px rgba(105,68,255,.08)!important;color:#f8f9ff!important;overflow:hidden!important}
#onboardingOverlay .onboardingBrand{display:none!important}

.billLanding{display:grid;gap:22px;position:relative}.billLandingTop{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:46px}.billLandingBrand{grid-column:2;font-size:28px;font-weight:950;letter-spacing:-.8px;background:linear-gradient(90deg,#e8cfff,#b78cff 48%,#54c7e9);-webkit-background-clip:text;background-clip:text;color:transparent}.billLandingBrand span{font-weight:850}.billLandingPrefs{grid-column:3;justify-self:end;display:flex;gap:8px;align-items:center}.billLandingPrefs select,.billLandingPrefs button{height:38px!important;min-height:38px!important;border-radius:10px!important;border:1px solid #43516c!important;background:#09111f!important;color:#edf2fb!important;font-size:13px!important;font-weight:800!important;margin:0!important;box-shadow:none!important}.billLandingPrefs select{width:auto!important;min-width:82px!important;padding:0 30px 0 12px!important}.billLandingPrefs #billWelcomeCurrency{min-width:96px!important}.billLandingPrefs button{padding:0 13px!important;color:#ffaaa5!important;border-color:rgba(255,112,102,.45)!important;background:rgba(255,112,102,.08)!important}

.billLandingHero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:30px;align-items:center;min-height:520px}.billLandingHeroCopy{padding:20px 0 8px 18px}.billCuteLogoBars{display:flex;gap:5px;align-items:end;height:34px;margin-bottom:24px}.billCuteLogoBars i{display:block;width:9px;border-radius:4px;background:linear-gradient(#58beff,#6e4cff)}.billCuteLogoBars i:nth-child(1){height:16px}.billCuteLogoBars i:nth-child(2){height:21px}.billCuteLogoBars i:nth-child(3){height:27px}.billCuteLogoBars i:nth-child(4){height:34px}.billLandingHeroCopy h1{font-size:clamp(50px,6vw,76px)!important;line-height:.99!important;letter-spacing:-3.6px!important;margin:0 0 24px!important;color:#f7f8fc!important}.billLandingHeroCopy h1 span{background:linear-gradient(90deg,#bf63ff,#7a54ff 55%,#49b8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.billLandingHeroCopy p{font-size:18px!important;line-height:1.5!important;color:#e0e6f0!important;margin:0 0 24px!important}.billLandingHeroCopy p strong{color:#ac79ff}.billCuteActions{display:grid;gap:10px;max-width:455px}.billCutePrimary,.billCuteSecondary{min-height:56px!important;border-radius:15px!important;padding:13px 18px!important;font-size:17px!important;font-weight:900!important;cursor:pointer!important}.billCutePrimary{border:0!important;color:#fff!important;background:linear-gradient(90deg,#2f8bf3,#7f3ff5)!important;box-shadow:0 12px 28px rgba(83,65,255,.28)!important}.billCutePrimary b{font-size:22px;margin-left:8px}.billCuteSecondary{border:1px solid #3f506d!important;background:#07101d!important;color:#eef2f9!important}

.billLandingMascot{position:relative;min-height:500px;display:grid;place-items:center}.billLandingMascot:before{content:"";position:absolute;width:min(450px,88%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(109,53,255,.32),rgba(77,29,175,.16) 48%,transparent 70%);filter:blur(8px)}.billLandingMascot .heroRobot{position:relative;z-index:2;width:min(430px,94%);max-height:470px;object-fit:contain;filter:drop-shadow(0 28px 28px rgba(0,0,0,.36));animation:cuteFloat 4.5s ease-in-out infinite}.billLandingSpark{position:absolute;z-index:3;color:#b77cff;text-shadow:0 0 18px currentColor;font-size:25px}.sparkOne{right:12%;top:12%}.sparkTwo{left:12%;top:56%;color:#6ddcff;font-size:16px}.sparkThree{right:16%;bottom:15%;font-size:18px}@keyframes cuteFloat{0%,100%{transform:translateY(0) rotate(.5deg)}50%{transform:translateY(-10px) rotate(-1deg)}}

.billMeetSection{padding:10px 18px 4px}.billMeetIntro{text-align:center;max-width:660px;margin:0 auto 22px}.billMeetIntro h2{font-size:18px!important;letter-spacing:.035em!important;color:#ae79ff!important;margin:0 0 8px!important}.billMeetIntro p{margin:0!important;color:#aeb9cb!important;font-size:14px!important;line-height:1.5!important}.billMeetGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:930px;margin:0 auto}.billMeetGrid article{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;min-height:104px;padding:16px 18px;border-radius:18px;border:1px solid #233754;background:linear-gradient(145deg,rgba(15,25,42,.96),rgba(8,15,27,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.billMeetGrid i{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-style:normal;font-size:27px;font-weight:900;border:1px solid #4f3f86;background:linear-gradient(145deg,#33205c,#151b32)}.billMeetGrid article:nth-child(1) i,.billMeetGrid article:nth-child(1) b{color:#bc83ff}.billMeetGrid article:nth-child(2) i,.billMeetGrid article:nth-child(2) b{color:#7e8fff}.billMeetGrid article:nth-child(3) i,.billMeetGrid article:nth-child(3) b{color:#4bd3df}.billMeetGrid article:nth-child(4) i,.billMeetGrid article:nth-child(4) b{color:#53d6d0}.billMeetGrid b{display:block;font-size:15px;margin-bottom:5px}.billMeetGrid span{display:block;color:#b7c1d0;font-size:12.5px;line-height:1.42}

.billLandingTrust{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:4px 18px 2px;padding:18px 0;border-top:1px solid #1e314b}.billLandingTrust>div{display:flex;justify-content:center;align-items:center;gap:11px;padding:4px 18px;border-right:1px solid #263752}.billLandingTrust>div:last-child{border-right:0}.billLandingTrust i{font-style:normal;font-size:23px}.billLandingTrust p{display:grid;gap:2px;margin:0}.billLandingTrust b{font-size:12.5px;color:#e7ecf5}.billLandingTrust span{font-size:11px;color:#8998ad}

/* Existing feature and plan stages */
.billCuteStage{display:none}.billCuteStage.active{display:block}.billCuteStageTitle{text-align:center;max-width:720px;margin:2px auto 25px}.billCuteStageTitle>span{font-size:12px;letter-spacing:.12em;font-weight:900;color:#ac8bff}.billCuteStageTitle h1{font-size:clamp(34px,5vw,51px)!important;letter-spacing:-1.7px!important;line-height:1.04!important;margin:8px 0 8px!important}.billCuteStageTitle p{font-size:17px!important;color:#b9c5d7!important;margin:0!important}.billCuteFeatures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.billCuteFeatures article{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:14px;padding:15px 17px;border-radius:20px;border:1px solid #263a58;background:linear-gradient(145deg,#101a2b,#0a1321);position:relative;overflow:hidden}.billCuteFeatures article:after{content:"";position:absolute;right:-22px;bottom:-22px;width:72px;height:72px;border-radius:50%;background:rgba(116,75,255,.07)}.billCuteFeatures i{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;font-style:normal;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 22px rgba(0,0,0,.18)}.billCuteFeatures .green{background:linear-gradient(145deg,#9be450,#4aad39)}.billCuteFeatures .purple{background:linear-gradient(145deg,#9c66ff,#6738da)}.billCuteFeatures .blue{background:linear-gradient(145deg,#4db8ff,#236eea)}.billCuteFeatures .orange{background:linear-gradient(145deg,#ffad4f,#e46725)}.billCuteFeatures .teal{background:linear-gradient(145deg,#43d6cf,#2289d7)}.billCuteFeatures .pink{background:linear-gradient(145deg,#ff699d,#c93677)}.billCuteFeatures b{display:block;font-size:17px;margin-bottom:3px}.billCuteFeatures span{display:block;color:#aebbd0;font-size:13.5px;line-height:1.35}.billCuteAIBanner{margin-top:17px;display:grid;grid-template-columns:120px minmax(0,1fr) minmax(220px,.9fr);gap:14px;align-items:center;padding:15px 18px;border-radius:22px;border:1px solid #344d75;background:radial-gradient(circle at 8% 20%,rgba(120,73,255,.28),transparent 32%),#0b1423;overflow:hidden}.billCuteAIBanner>div{width:110px;transform:translateY(9px)}.billCuteAIBanner section span{display:block;font-size:24px;font-weight:900}.billCuteAIBanner section strong{background:linear-gradient(90deg,#58b7ff,#9b6cff);-webkit-background-clip:text;background-clip:text;color:transparent}.billCuteAIBanner section p{margin:6px 0 0;color:#bac5d6;line-height:1.4}.billCuteAIBanner aside{display:grid;gap:7px}.billCuteAIBanner aside b{font-size:11px;font-weight:750;padding:8px 10px;border-radius:999px;color:#fff;background:linear-gradient(90deg,#20a5a5,#3a8df6)}.billCuteAIBanner aside b:nth-child(2){background:linear-gradient(90deg,#7c45ea,#5943e9)}.billCuteAIBanner aside b:nth-child(3){background:linear-gradient(90deg,#236eea,#4d91ff)}.billCuteStageButtons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.billCutePlans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.billCutePlans article{padding:19px;border-radius:21px;border:1px solid #2c3f5c;background:linear-gradient(180deg,#101827,#0a111d);display:flex;flex-direction:column;min-height:410px}.billCutePlans article.personal{border-color:#8e76ff;box-shadow:0 0 28px rgba(109,72,255,.12)}.billCutePlans article.premium{border-color:#753990;background:radial-gradient(circle at 100% 0,rgba(119,50,171,.22),transparent 35%),linear-gradient(180deg,#101827,#0a111d)}.billCutePlans header{display:flex;justify-content:space-between;gap:8px;align-items:start}.billCutePlans header>span{font-size:13px;font-weight:950;letter-spacing:.08em}.billCutePlans .core header>span{color:#62e1cb}.billCutePlans .personal header>span{color:#ac87ff}.billCutePlans .premium header>span{color:#ff8ecb}.billCutePlans header small{font-size:10px;color:#d6c75e;text-align:right;line-height:1.25}.billCutePlans h2{font-size:35px!important;margin:9px 0 2px!important;letter-spacing:-1.2px!important}.billCutePlans h2 small{font-size:13px;color:#b3bfd0}.billCutePlans>article>em{font-size:12px;color:#c5cfdd;font-style:normal}.billCutePlans>article>p{font-size:13.5px;color:#aebbd0;line-height:1.4}.billCutePlans ul{list-style:none;padding:0;margin:14px 0 18px;display:grid;gap:8px;color:#e0e7f1;font-size:12.5px}.billCutePlans li:before{content:"✓";margin-right:7px;color:#9a82ff;font-weight:900}.billCutePlans button{margin-top:auto;min-height:47px;border-radius:13px;border:0;background:linear-gradient(90deg,#2d84ef,#7245f4);color:#fff;font-weight:900;font-size:15px}.billCutePlans .core button{background:#113c40;border:1px solid #2b716c;color:#72e8d1}.billCuteNoCard{text-align:center;color:#67dfb9;font-size:12px;font-weight:800;margin:14px 0 0}.billCuteRobot{width:100%;height:auto;display:block}.billCuteOnboardArt{width:118px;height:98px;margin:3px auto 13px;filter:drop-shadow(0 13px 16px rgba(0,0,0,.28))}.billCuteOnboardArt svg{width:100%;height:100%}#onboardingOverlay .onStep:not([data-step="0"]){max-width:760px;margin:0 auto}#onboardingOverlay .onStep:not([data-step="0"])>h1,#onboardingOverlay .onStep:not([data-step="0"])>h2{text-align:center!important;font-size:clamp(28px,4vw,39px)!important;letter-spacing:-1.2px!important}.onProgress{color:#ab8eff!important;font-size:12px!important;font-weight:900!important}.choiceCard{border-radius:17px!important;background:#101a2a!important;border-color:#30445f!important}.choiceCard.selected{border-color:#926fff!important;box-shadow:inset 0 0 0 1px #926fff!important}#onboardingOverlay input,#onboardingOverlay select{min-height:52px!important;border-radius:14px!important;background:#121d30!important;border-color:#354b6a!important;font-size:16px!important}#onboardingOverlay .primary{min-height:52px!important;border:0!important;border-radius:14px!important;background:linear-gradient(90deg,#2f85ed,#7d49f5)!important;font-size:16px!important;font-weight:900!important}

@media(max-width:820px){#onboardingOverlay{padding:0!important}#onboardingOverlay .onboardingCard{min-height:100vh!important;border-radius:0!important;border-left:0!important;border-right:0!important;padding:16px 15px 26px!important}.billLandingTop{grid-template-columns:1fr auto}.billLandingBrand{grid-column:1;justify-self:start}.billLandingPrefs{grid-column:2}.billLandingHero{grid-template-columns:1fr;gap:2px;min-height:auto}.billLandingHeroCopy{padding:10px 4px 0}.billLandingHeroCopy h1{font-size:52px!important;letter-spacing:-2.5px!important}.billLandingHeroCopy p{font-size:17px!important}.billLandingMascot{min-height:390px}.billLandingMascot .heroRobot{width:min(350px,86%)}.billMeetGrid{grid-template-columns:1fr}.billLandingTrust{grid-template-columns:1fr;gap:8px}.billLandingTrust>div{border-right:0;border-bottom:1px solid #263752;justify-content:flex-start;padding:10px 18px}.billLandingTrust>div:last-child{border-bottom:0}.billCuteFeatures,.billCutePlans{grid-template-columns:1fr}.billCuteAIBanner{grid-template-columns:86px 1fr}.billCuteAIBanner>div{width:82px}.billCuteAIBanner aside{grid-column:1/-1}.billCuteStageButtons{grid-template-columns:1fr}.billCutePlans article{min-height:auto}}
@media(max-width:560px){.billLandingTop{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.billLandingBrand{width:100%;text-align:center;font-size:25px}.billLandingPrefs{justify-self:auto}.billLandingPrefs select{min-width:76px!important}.billLandingPrefs #billWelcomeCurrency{min-width:88px!important}.billLandingHeroCopy h1{font-size:45px!important}.billLandingMascot{min-height:330px}.billMeetSection{padding-left:0;padding-right:0}.billMeetGrid article{grid-template-columns:50px 1fr;padding:14px}.billMeetGrid i{width:46px;height:46px;font-size:23px}.billLandingTrust{margin-left:0;margin-right:0}}