/* MANTA v47 home-page reference refresh — mobile first */
.page.home-page{
  padding:12px 14px calc(112px + env(safe-area-inset-bottom)) !important;
  background:linear-gradient(180deg,#f5f9ff 0%,#edf4ff 52%,#f7faff 100%);
  color:#102e62;
}
.home-page .manta-reference-carousel{
  position:relative;width:100%;margin:8px 0 16px;overflow:hidden;
  border-radius:25px;isolation:isolate;background:#062b76;
  border:1px solid rgba(77,190,255,.78);
  box-shadow:0 12px 28px rgba(0,74,190,.22),0 0 0 3px rgba(38,157,255,.09);
}
.home-page .manta-reference-slides{position:relative;width:100%;aspect-ratio:1536/614;min-height:145px;max-height:360px;overflow:hidden;background:linear-gradient(115deg,#061b62,#087bed)}
.home-page .manta-reference-slide{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;display:block;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;cursor:pointer;background:#071e5c;transition:opacity .65s ease,visibility .65s ease}
.home-page .manta-reference-slide.active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.home-page .manta-reference-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;background:#071e5c;transition:transform 7s ease}
.home-page .manta-reference-slide.active img{transform:scale(1.025)}
.home-page .manta-reference-slide.slide-error{background:linear-gradient(120deg,#05194f,#087ed4)}
.home-page .manta-reference-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:32px;height:42px;border:1px solid #ffffff75;border-radius:13px;background:#052b75a8;color:white;font-size:28px;line-height:1;display:grid;place-items:center;backdrop-filter:blur(10px);box-shadow:0 4px 14px #001b5b55}
.home-page .manta-reference-arrow.prev{left:8px}.home-page .manta-reference-arrow.next{right:8px}
.home-page .manta-reference-dots{position:absolute;z-index:5;bottom:9px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:30px;background:#061b5575;border:1px solid #ffffff30;backdrop-filter:blur(10px)}
.home-page .manta-reference-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#ffffff9c;transition:width .2s ease,background .2s ease}
.home-page .manta-reference-dot.on{width:21px;background:#fff;box-shadow:0 0 10px #7feaff}
.home-page .quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0 14px}
.home-page .quick-action{min-width:0;min-height:104px;padding:12px 5px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #c7ddfb;border-radius:21px;background:linear-gradient(145deg,#fff 0%,#f2f7ff 100%);box-shadow:0 7px 17px rgba(22,89,180,.12),inset 0 1px #fff;color:#0b3b91;transition:transform .2s ease,box-shadow .2s ease}
.home-page .quick-action:active{transform:translateY(1px) scale(.98)}
.home-page .quick-icon{width:44px;height:44px;margin:0;display:grid;place-items:center;border-radius:14px;font-size:25px;font-weight:950;color:#fff;box-shadow:0 7px 14px rgba(0,73,180,.18)}
.home-page .quick-icon.icon-blue{background:linear-gradient(145deg,#21c8ff,#0757e8)}
.home-page .quick-icon.icon-violet{background:linear-gradient(145deg,#16d6a2,#078a75)}
.home-page .quick-icon.icon-navy{background:linear-gradient(145deg,#26c5ff,#0754d8)}
.home-page .quick-icon.icon-cyan{background:linear-gradient(145deg,#a65bff,#5813c7)}
.home-page .quick-action b{max-width:100%;overflow-wrap:anywhere;font-size:12px;line-height:1.25;text-align:center;color:#102f78;font-weight:950}
.home-page .overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 22px}
.home-page .overview-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:122px;padding:15px 14px;border:1px solid #4bb9ff;border-radius:23px;background:linear-gradient(125deg,#061c79 0%,#075bd2 54%,#02a9ef 100%);box-shadow:0 10px 23px rgba(0,67,177,.25),inset 0 1px 0 #ffffff6b;color:#fff}
.home-page .overview-card:before{content:"";position:absolute;z-index:-1;width:155px;height:155px;right:-48px;bottom:-84px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 16px #ffffff09,0 0 0 34px #ffffff07}
.home-page .overview-card:after{content:"✦";position:absolute;z-index:-1;right:13px;top:12px;font-size:40px;line-height:1;color:#ffffff24;transform:rotate(-12deg)}
.home-page .overview-label{display:flex;align-items:center;gap:8px;min-width:0;color:#e6f5ff;font-size:12px;font-weight:900}
.home-page .overview-label i{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:10px;background:#ffffff20;color:#fff;font-style:normal;font-size:17px}
.home-page .overview-card strong{display:block;position:relative;z-index:1;margin:8px 0 6px;color:#fff;font-size:clamp(18px,4.3vw,25px);font-weight:1000;line-height:1.15;letter-spacing:-.35px;overflow-wrap:normal;word-break:normal}
.home-page .overview-card small{display:block;color:#d8eeff;font-size:11px;font-weight:650}
.home-page .overview-card>button{position:absolute;right:11px;top:12px;width:36px;height:36px;border:1px solid #ffffff50;border-radius:50%;background:#ffffff24;color:#fff;font-size:22px;box-shadow:0 3px 10px #001c6340}
.home-page .packages-section{margin-top:18px}
.home-page .packages-section .section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.home-page .packages-section .section-kicker{color:#0c8cbd;font-size:10px;font-weight:1000;letter-spacing:1.7px}
.home-page .packages-section .section-head h2{margin:3px 0 0;color:#102f69;font-size:21px;font-weight:1000;line-height:1.25}
.home-page .packages-section .package-see-all{flex:0 0 auto;border:1px solid #a8cdf7;background:linear-gradient(180deg,#fff,#eaf4ff);color:#0753b9;border-radius:99px;padding:9px 12px;font-size:11px;font-weight:950;box-shadow:0 4px 12px #1f69c51a}
.home-page .home-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:stretch}
.home-page .home-featured-package{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-width:0;overflow:hidden;padding:11px;border:1px solid #9dd8ff;border-radius:23px;background:linear-gradient(145deg,#eaf8ff 0%,#bfe3ff 52%,#f8fcff 100%);box-shadow:0 9px 21px rgba(12,97,197,.18),inset 0 1px #fff}
.home-page .home-featured-package:after{content:"";position:absolute;z-index:0;right:-32px;top:28px;width:105px;height:105px;border-radius:50%;background:linear-gradient(135deg,#fff6,#0076ff0b);pointer-events:none}
.home-page .home-featured-package.growth-featured{background:linear-gradient(145deg,#fbf1ff 0%,#e7d5ff 52%,#fffaff 100%);border-color:#d2a8ff;box-shadow:0 9px 21px rgba(120,42,199,.17),inset 0 1px #fff}
.home-page .featured-package-ribbon{position:relative;z-index:1;display:inline-flex;align-self:flex-start;max-width:100%;padding:7px 10px;margin:0 0 2px;border-radius:10px 10px 10px 3px;background:linear-gradient(100deg,#078ff5,#123dc7);color:#fff;font-size:11px;font-weight:950;line-height:1.25;box-shadow:0 5px 12px #064bbd30}
.home-page .growth-featured .featured-package-ribbon{background:linear-gradient(100deg,#c51be9,#5512c4)}
.home-page .home-featured-package .package-card-top{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:9px;min-width:0}
.home-page .home-featured-package .package-image,.home-page .home-featured-package .package-image-fallback{display:grid;place-items:center;width:100%;height:138px;min-width:0;min-height:0;max-height:none;flex:none;margin:0;object-fit:contain;object-position:center;border-radius:17px;background:linear-gradient(145deg,#f8fdff,#d8eaff);border:1px solid #cce4fb;box-shadow:0 7px 17px rgba(15,91,163,.12)}
.home-page .home-featured-package .package-image-fallback{color:#0878d8;font-size:32px}
.home-page .home-featured-package .package-image-fallback small{font-size:10px;color:#244b8c}
.home-page .home-featured-package .package-main{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.home-page .home-featured-package .package-main .tag{display:inline-flex;max-width:100%;padding:5px 8px;border-radius:99px;background:#e7f3ff;color:#15569d;font-size:9px;font-weight:900;white-space:normal;overflow-wrap:anywhere}
.home-page .home-featured-package .package-main h3{width:100%;min-width:0;min-height:0;margin:3px 0;color:#0b2c67;font-size:14px;font-weight:1000;line-height:1.25;overflow-wrap:anywhere;word-break:normal}
.home-page .home-featured-package .package-main .price{width:100%;margin:2px 0;color:#0752ae;font-size:clamp(17px,4vw,22px);font-weight:1000;line-height:1.12;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.home-page .home-featured-package .package-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;width:100%;margin:5px 0 0}
.home-page .home-featured-package .package-facts span,.home-page .home-featured-package .package-facts span:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;grid-column:auto;min-width:0;padding:6px 7px;border:1px solid #d5e7f8;border-radius:10px;background:#ffffffa8;gap:2px;font-size:10px}
.home-page .home-featured-package .package-facts small{display:block;color:#667d9d;font-size:9px;line-height:1.15;white-space:normal}
.home-page .home-featured-package .package-facts b{display:block;max-width:100%;margin:0;color:#163c6a;font-size:11px;line-height:1.2;white-space:normal;overflow-wrap:anywhere;text-align:left}
.home-page .home-featured-package .home-package-details{position:relative;z-index:1;width:100%;min-height:42px;margin-top:7px;padding:9px 7px;display:flex;justify-content:center;align-items:center;gap:5px;border:1px solid #63baff;border-radius:14px;background:linear-gradient(110deg,#0649b9,#087ef4);color:#fff;font-size:11px;font-weight:950;box-shadow:0 6px 13px #0557c02b}
.home-page .growth-featured .home-package-details{border-color:#bd8cff;background:linear-gradient(110deg,#7b16d6,#4c11a8)}
.home-page .home-featured-empty{min-width:0;min-height:150px;padding:15px;border:1px dashed #a9c6e6;border-radius:20px;background:#fff;color:#6d7f9c;font-size:11px;text-align:center;display:grid;place-items:center;overflow-wrap:anywhere}
.home-page .notice-preview-card{margin-top:20px;padding:15px;border:1px solid #cfe1f7;border-radius:24px;background:linear-gradient(145deg,#fff 0%,#f0f6ff 100%);box-shadow:0 9px 22px rgba(20,72,139,.09)}
.home-page .notice-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.home-page .notice-preview-head h2{margin:3px 0 0;color:#102f69;font-size:19px;font-weight:1000}
.home-page .notice-see-all{flex:0 0 auto;border:1px solid #b9d5f7;background:linear-gradient(180deg,#fff,#eaf3ff);color:#0a53b5;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:950;white-space:nowrap}
.home-page .notice-preview-item,.home-page .notice-preview-list .notice-item{border:1px solid #dce8f6;border-radius:17px;background:#fff;box-shadow:0 3px 12px rgba(25,83,145,.05)}
.home-page .notice-preview-empty{padding:18px;border:1px dashed #c7d9ed;border-radius:16px;color:#8493a9;text-align:center;font-size:12px}
.bottom.home-bottom-nav{height:86px;padding:6px 5px calc(7px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;border:1px solid #2489ff;border-radius:30px 30px 0 0;background:linear-gradient(105deg,#071a58 0%,#073fa3 48%,#07164b 100%);box-shadow:0 -8px 24px rgba(0,58,166,.24)}
.bottom.home-bottom-nav button{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:20px;color:#e7f2ff;font-size:11px;font-weight:900}
.bottom.home-bottom-nav button span{font-size:24px;line-height:1;color:#fff}
.bottom.home-bottom-nav button.active{transform:translateY(-8px);border:1px solid #8deaff;border-radius:50%;aspect-ratio:1/1;max-width:78px;justify-self:center;align-self:center;width:100%;background:radial-gradient(circle at 35% 25%,#39ddff,#087bff 48%,#071ba8 100%);box-shadow:0 0 0 4px #ffffff35,0 0 22px #13b8ffb0,inset 0 2px 9px #ffffff8a;color:#fff}
.bottom.home-bottom-nav button.active span{font-size:26px}
@media(max-width:390px){
 .page.home-page{padding-left:10px!important;padding-right:10px!important}
 .home-page .manta-reference-carousel{border-radius:18px}
 .home-page .quick-actions{gap:6px}
 .home-page .quick-action{min-height:88px;border-radius:16px;padding:9px 3px}
 .home-page .quick-icon{width:38px;height:38px;border-radius:12px;font-size:21px}
 .home-page .quick-action b{font-size:10px}
 .home-page .overview-card{padding:12px 10px;min-height:110px}
 .home-page .overview-card strong{font-size:17px}
 .home-page .home-featured-grid{grid-template-columns:1fr;gap:10px}
 .home-page .home-featured-package .package-card-top{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 .home-page .home-featured-package .package-image,.home-page .home-featured-package .package-image-fallback{height:150px}
 .bottom.home-bottom-nav{height:78px}
 .bottom.home-bottom-nav button.active{max-width:68px}
}
@media(min-width:600px){
 .page.home-page{padding-left:22px!important;padding-right:22px!important}
 .home-page .manta-reference-carousel{border-radius:28px}
 .home-page .home-featured-grid{gap:16px}
 .home-page .home-featured-package{padding:15px}
 .home-page .home-featured-package .package-image,.home-page .home-featured-package .package-image-fallback{height:185px}
 .home-page .home-featured-package .package-main h3{font-size:17px}
 .home-page .home-featured-package .package-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.home-page .manta-reference-slide,.home-page .manta-reference-dot,.home-page .manta-reference-slide img{transition:none!important}}

/* v47 top-bar menu appears on Home and uses the same functional quick menu as Profile. */
.home-top-reference{gap:8px;background:linear-gradient(108deg,#06133b 0%,#064995 65%,#087bc7 100%);border-bottom:1px solid #43bfff66}
.home-top-reference .profile-top-menu{width:36px;height:38px;flex:0 0 36px;border:1px solid #ffffff55;border-radius:12px;background:linear-gradient(145deg,#ffffff2b,#ffffff10);color:#fff;font-size:23px;line-height:1}
.home-top-reference .brand-wrap{max-width:158px;flex:0 1 158px;height:46px;background:#fff;border-radius:14px;overflow:hidden}
.home-top-reference .brandmark{width:100%;height:46px;max-width:158px;object-fit:contain;object-position:center;background:#fff;border-radius:14px;padding:4px 7px}
.home-top-reference .notification-button{display:grid;place-items:center;font-size:18px;color:#fff}
.home-top-reference .notification-button .header-bell{width:22px;height:22px;display:block}
@media(max-width:390px){.home-top-reference .brand-wrap{max-width:125px;flex-basis:125px}.home-top-reference .brandmark{max-width:125px}.home-top-reference .top-actions{gap:4px}.home-top-reference .profile-top-menu{width:32px;flex-basis:32px}}