.home-page{min-height:100dvh;display:flex;flex-direction:column;background:#f7faff;color:#172b43}
.home-page .site-header{width:100%;flex-shrink:0}
.home-page .category-home{display:block;width:min(100%,1080px);max-width:none;margin:22px auto 48px;padding:0 32px;flex:1}
.home-heading{text-align:center;margin:0 auto 34px}
.home-heading h1{font-family:Manrope,sans-serif;font-size:clamp(34px,4.2vw,52px);font-weight:800;letter-spacing:-2.4px;line-height:1.15;margin:8px 0 20px}
.home-heading h1 span{color:#155ce7;display:inline-block;transform:rotate(-3deg);background:#ffe87b;padding:0 10px 4px;border-radius:10px 4px 14px 5px}
.home-heading p{font-size:16px;line-height:1.8;color:#52627a;margin:0}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.category-tile{display:flex;flex-direction:column;position:relative;min-width:0;min-height:308px;padding:18px 24px 22px;border:2px solid #20364e;border-radius:27px 30px 25px 28px;background:var(--card);box-shadow:4px 5px 0 #20364e}
a.category-tile{transition:transform .18s,box-shadow .18s}
a.category-tile:hover{transform:translate(-2px,-3px) rotate(-1deg);box-shadow:7px 8px 0 #20364e}
a.category-tile:active{transform:translate(3px,4px);box-shadow:1px 1px 0 #20364e}
.tile-top{display:flex;align-items:center;justify-content:center;height:158px;position:relative}
.category-art{display:block;width:164px;height:164px;background-image:url('/images/category-cartoons.png');background-size:300% 200%;background-repeat:no-repeat;flex-shrink:0}
.tile-arrow{position:absolute;right:-7px;top:-2px;font-size:22px;color:#20364e;width:34px;height:34px;line-height:29px;text-align:center;border:2px solid #20364e;border-radius:50%;background:#fff}
.tile-copy{margin:9px 0 18px}
.tile-copy h2{font-family:Manrope,sans-serif;font-weight:800;font-size:21px;letter-spacing:-.6px;margin:0 0 6px;line-height:1.3}
.tile-copy p{font-size:14px;line-height:1.6;color:#44586d;margin:0}
.tile-action,.tile-hint{margin-top:auto;font-size:13px;line-height:1.5}
.tile-action{color:#172b43;font-weight:700;display:flex;justify-content:space-between;gap:12px;align-items:center}
.tile-action span{font-size:20px}
.tile-hint{color:#5b6777}
.soon{position:absolute;right:-7px;top:-2px;font-size:11px;font-weight:600;line-height:1.4;background:#ffffffd9;color:#34465d;border:1.5px solid #20364e;border-radius:8px;padding:5px 8px;white-space:nowrap;transform:rotate(3deg)}
.tile-home{--card:#e0eeff}.tile-home .category-art{background-position:0 0;transform:rotate(-4deg)}
.tile-insurance{--card:#d7f3f0}.tile-insurance .category-art{background-position:50% 0;transform:rotate(3deg)}
.tile-personal{--card:#fff0bb}.tile-personal .category-art{background-position:100% 0}
.tile-mortgage{--card:#ffddca}.tile-mortgage .category-art{background-position:0 100%;transform:rotate(-3deg)}
.tile-debt{--card:#e0efd2}.tile-debt .category-art{background-position:50% 100%;transform:rotate(3deg)}
.tile-shopping{--card:#fbd9e6}.tile-shopping .category-art{background-position:100% 100%;transform:rotate(-3deg)}
.home-page .site-footer{width:calc(100% - 104px);padding:20px 0;flex-shrink:0}
@media(max-width:760px){.home-page .category-home{margin-top:18px;padding:0 22px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.category-tile{min-height:300px;padding:16px 20px 20px}.tile-copy h2{font-size:19px}.home-heading h1{letter-spacing:-1.8px}.home-page .site-footer{width:calc(100% - 44px)}}
@media(max-width:480px){.home-page .category-home{padding:0 18px;margin-top:12px}.home-heading{margin-bottom:28px}.home-heading h1{font-size:34px;letter-spacing:-1.6px;margin-bottom:20px}.home-heading p{font-size:15px;line-height:1.7}.home-heading p br{display:none}.category-grid{gap:16px 14px}.category-tile{padding:12px 12px 16px;min-height:275px;border-radius:22px;box-shadow:3px 4px 0 #20364e}.tile-top{height:140px;align-items:flex-end}.category-art{width:124px;height:124px}.tile-arrow{width:29px;height:29px;font-size:20px;line-height:24px;top:0;right:0}.soon{font-size:10px;padding:4px 6px;right:0;top:0}.tile-copy{margin:10px 0 14px}.tile-copy h2{font-size:17px;letter-spacing:-.4px}.tile-copy p{font-size:13px}.tile-action,.tile-hint{font-size:12px}.tile-action{gap:5px}.home-page .site-footer{margin:0 22px}}
@media(max-width:340px){.category-grid{grid-template-columns:1fr}.category-tile{min-height:280px}.category-art{width:154px;height:154px}.tile-top{height:154px}.home-heading h1{font-size:30px}}