.mascot-home .card{box-shadow:0 10px 30px -18px #315b8926}
.mascot-home .tool-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.mascot-home .tool-symbol,.mascot-home .credit-pack-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;background:linear-gradient(145deg,#eaf5ff,#dcecff);border:1px solid #cde2f6;border-radius:12px;color:#2078c8}
.mascot-home .tool-symbol svg{width:24px;height:24px}
.mascot-home .tools .card{display:flex;flex-direction:column;padding:23px 21px}
.mascot-home .tools .card h3{font-size:17px;line-height:1.4;letter-spacing:-.3px;margin:0 0 10px}
.mascot-home .tools .card p{font-size:13px;line-height:1.8;margin:0 0 21px;flex:1}
.mascot-home .tools .card>a{font-size:12px;font-weight:600;margin-top:auto;min-height:44px;display:flex;align-items:center}
.mascot-home .pack-grid{gap:22px;margin-top:27px}
.mascot-home .pack-grid .credit-pack{padding:25px;border-radius:18px;background:linear-gradient(145deg,#fff,#f7fbff);border-color:#d2e1ef;box-shadow:0 12px 30px -20px #25508035}
.credit-pack-top{display:flex;justify-content:space-between;align-items:center;gap:16px}
.credit-pack-identity{display:flex;align-items:center;gap:13px}
.credit-pack-identity h4{font-size:18px;letter-spacing:-.5px;margin:0}
.credit-pack-price{font-size:28px;letter-spacing:-1px;white-space:nowrap;font-weight:600;color:#1a446c}
.credit-pack-price small{font-size:10px;letter-spacing:.5px;margin-right:3px;font-weight:500;color:#647f99}
.credit-pack-allowance{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;border-top:1px solid #deE8f2;margin-top:24px;padding-top:19px}
.credit-pack-allowance strong{font-size:21px;letter-spacing:-.6px;color:#1c4d79}
.credit-pack-allowance>span{font-size:12px;color:#677e95}
.mascot-home .pricing-grid .card{display:flex;flex-direction:column}
.mascot-home .pricing-grid ul{flex:1;margin-bottom:25px}
.mascot-home .pricing-grid .btn{align-self:flex-start;min-height:48px}
@media(min-width:851px){.mascot-home .pricing-grid{grid-template-rows:auto auto auto auto 1fr auto auto;row-gap:16px}.mascot-home .pricing-grid .card{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:16px}.mascot-home .pricing-grid .card>*{margin-top:0;margin-bottom:0}.mascot-home .pricing-grid .btn{justify-self:start}.mascot-home .pricing-grid .card>.small{align-self:start}}
.mascot-home .btn{transition:background .18s,box-shadow .18s}
.mascot-home .btn:hover{box-shadow:0 5px 18px #086cdb26;background:#085fbf}
.mascot-home .btn.secondary:hover{background:#e9f3ff;color:#173f67}
.mascot-home .actions>a:not(.btn):hover,.mascot-home .tools .card>a:hover{text-decoration:underline;text-underline-offset:5px}
.mascot-home.dark-mode .pack-grid .credit-pack{background:linear-gradient(145deg,#1c344e,#182e46);border-color:#3a5775;box-shadow:0 14px 28px -18px #030b1750}
.mascot-home.dark-mode .tool-symbol,.mascot-home.dark-mode .credit-pack-icon{background:linear-gradient(145deg,#284f74,#203c59);border-color:#487096;color:#a7d6ff}
.mascot-home.dark-mode .credit-pack-price,.mascot-home.dark-mode .credit-pack-allowance strong{color:#d5eaff}
.mascot-home.dark-mode .credit-pack-price small,.mascot-home.dark-mode .credit-pack-allowance>span{color:#b2c9de}
.mascot-home.dark-mode .credit-pack-allowance{border-color:#3e5873}
@media(min-width:851px) and (max-width:1100px){.mascot-home .pack-grid{gap:15px}.mascot-home .pack-grid .credit-pack{padding:20px}.credit-pack-top{gap:10px}.credit-pack-identity{gap:9px}.credit-pack-price{font-size:25px}.credit-pack-identity h4{font-size:17px}}
@media(max-width:850px){.mascot-home .pack-grid{max-width:620px}.credit-pack-allowance{justify-content:space-between}.mascot-home .pricing-grid .card{padding:28px}}
@media(max-width:540px){.mascot-home .tools .card{padding:24px}.mascot-home .pack-grid .credit-pack{padding:24px}.credit-pack-price{font-size:28px}}
@media(prefers-reduced-motion:reduce){.mascot-home .btn{transition:none}}