.hk-source.hk-tool-home{background:var(--home-background);color:var(--home-foreground);letter-spacing:0;--primary:var(--home-primary);--primary-foreground:var(--home-primary-foreground);--ring:var(--home-primary);font-family:DM Sans,sans-serif}.hk-tool-home .home-wrap{width:min(1070px,100% - 48px);margin-inline:auto}.hk-tool-home :is(h1,h2,h3){letter-spacing:0;font-family:Outfit,sans-serif;font-weight:500}.hk-tool-home .home-header{border-bottom:1px solid var(--home-border);justify-content:space-between;align-items:center;gap:24px;height:84px;display:flex}.hk-tool-home .home-brand{min-width:0;max-width:55%;color:var(--home-foreground);display:inline-flex}.hk-tool-home .home-brand img{object-fit:contain;max-width:200px;max-height:34px}.hk-tool-home .home-account,.hk-tool-home .home-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.hk-tool-home .home-button{white-space:normal;background:var(--home-primary);height:auto;min-height:44px;color:var(--home-primary-foreground);box-shadow:none;border-radius:6px;padding:12px 22px;font-size:13px;font-weight:700;line-height:1.4}.hk-tool-home .home-button:hover{background:color-mix(in srgb,var(--home-primary) 88%,var(--home-foreground))}.hk-tool-home .home-button-outline{border:1px solid var(--home-border);color:var(--home-foreground);background:0 0}.hk-tool-home .home-button-outline:hover{background:var(--home-surface)}.hk-tool-home .home-hero{background:var(--home-hero);text-align:center;padding:48px 0 15px}.hk-tool-home .home-eyebrow{color:var(--home-primary);text-transform:uppercase;letter-spacing:0;margin:0 0 22px;font-size:10px;font-weight:700}.hk-tool-home h1{max-width:1050px;margin:0 auto 22px;font-size:64px;line-height:1.08}.hk-tool-home h1 span{color:var(--home-primary)}.hk-tool-home .home-lead{color:var(--home-muted);max-width:550px;margin:0 auto 24px;font-size:15px;line-height:1.8}.hk-tool-home .home-scene{place-items:center;width:min(850px,100%);height:275px;margin:20px auto 0;display:grid;position:relative}.hk-tool-home .home-mascot{object-fit:contain;width:270px;height:270px;filter:var(--home-art-shadow)}.hk-tool-home .home-float{background:var(--home-card);border:1px solid var(--home-border);text-align:left;box-shadow:var(--home-shadow);border-radius:8px;width:245px;padding:22px;position:absolute}.hk-tool-home .home-float small{color:var(--home-muted);margin-bottom:8px;font-size:10px;display:block}.hk-tool-home .home-float strong{font-family:Outfit,sans-serif;font-size:24px;font-weight:500;line-height:1.2;display:block}.hk-tool-home .home-float em{color:var(--home-primary);margin-top:9px;font-size:10px;font-style:normal;display:block}.hk-tool-home .home-float-nutrition{width:230px;top:60px;left:30px;transform:rotate(-7deg)}.hk-tool-home .home-float-routine{width:290px;top:20px;right:25px;transform:rotate(6deg)}.hk-tool-home .home-float-context{width:230px;bottom:0;right:65px;transform:rotate(-4deg)}.hk-tool-home .home-float-context strong{font-size:21px}.hk-tool-home .home-mini-bars{align-items:end;gap:5px;height:30px;margin-top:10px;display:flex}.hk-tool-home .home-mini-bars i{background:var(--home-primary);border-radius:2px;width:13px;height:45%}.hk-tool-home .home-mini-bars i:nth-child(2n){height:70%}.hk-tool-home .home-mini-bars i:nth-child(3n){height:95%}.hk-tool-home .home-benefits{background:var(--home-surface);color:var(--home-muted);flex-wrap:wrap;justify-content:center;gap:30px;padding:22px 24px;font-size:11px;display:flex}.hk-tool-home .home-benefits span{align-items:center;gap:10px;display:flex}.hk-tool-home .home-benefits svg{color:var(--home-primary);width:11px;height:11px}.hk-tool-home .home-tools{padding:40px 0 80px;scroll-margin-top:20px}.hk-tool-home .home-section-intro{text-align:center;max-width:680px;margin:0 auto 35px}.hk-tool-home h2{margin:0 0 17px;font-size:40px;line-height:1.15}.hk-tool-home .home-section-intro p:last-child{color:var(--home-muted);margin:0;font-size:15px;line-height:1.7}.hk-tool-home .home-tool-grid{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.hk-tool-home .home-tool-card{background:var(--home-card);border:1px solid var(--home-border);min-width:0;color:inherit;cursor:pointer;border-radius:8px;flex-direction:column;flex:0 calc(33.3333% - 14.6667px);text-decoration:none;transition:transform .22s,border-color .22s;display:flex;overflow:hidden}.hk-tool-home .home-tool-card:hover{border-color:var(--home-primary);transform:translateY(-7px)}.hk-tool-home .home-tool-card:focus-visible{outline:2px solid var(--home-primary);outline-offset:2px}.hk-tool-home .home-tool-visual{background:radial-gradient(ellipse at 50% 90%,var(--tool-glow),transparent 62%),linear-gradient(145deg,var(--tool-tone),#112743);place-items:center;height:214px;display:grid;position:relative;overflow:hidden}.hk-tool-home .home-tool-visual:after{content:"";width:185px;height:32px;box-shadow:0 0 20px var(--tool-glow);border:1px solid #c5eaff48;border-radius:50%;position:absolute;bottom:20px}.hk-tool-home .home-tool-icon{z-index:1;filter:drop-shadow(0 6px 10px #def5ff35);width:196px;height:174px;transition:transform .3s;position:relative}.hk-tool-home .home-tool-card:hover .home-tool-icon{transform:translateY(-4px)rotate(-3deg)}.hk-tool-home .home-tool-copy{flex-direction:column;flex:1;padding:23px;display:flex}.hk-tool-home h3{margin:0 0 12px;font-size:23px;line-height:1.25}.hk-tool-home .home-tool-copy p{color:var(--home-muted);flex:1;margin:0;font-size:14px;line-height:1.7}.hk-tool-home .home-how{border-block:1px solid var(--home-border);padding:75px 0;scroll-margin-top:20px}.hk-tool-home .home-step-grid{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:45px;display:grid}.hk-tool-home .home-step-icon{border:1px solid var(--home-border);width:48px;height:48px;color:var(--home-primary);background:var(--home-surface);margin-inline:auto;border-radius:8px;place-items:center;margin-bottom:22px;display:grid}.hk-tool-home .home-step-grid p{color:var(--home-muted);margin:0;font-size:14px;line-height:1.8}.hk-tool-home .home-closing{text-align:center;padding:80px 24px}.hk-tool-home .home-closing p{color:var(--home-muted);max-width:520px;margin:0 auto 26px;font-size:15px;line-height:1.8}.hk-tool-home .site-footer{background:var(--home-surface);color:var(--home-muted);border-top:1px solid var(--home-border)}.hk-tool-home .site-footer .wrap{width:min(1070px,100% - 48px)}.hk-tool-home .site-footer :is(h2,.logo){color:var(--home-foreground)}.hk-tool-home .site-footer h2{font-family:DM Sans,sans-serif;font-size:14px}.hk-tool-home .site-footer .footer-bottom{border-color:var(--home-border)}.hk-tool-home a:focus-visible{outline:2px solid var(--home-primary);outline-offset:5px}@media (width<=900px){.hk-tool-home h1{font-size:52px}.hk-tool-home .home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hk-tool-home .home-step-grid{gap:25px}.hk-tool-home .home-float-nutrition{left:0}.hk-tool-home .home-float-routine{right:0}.hk-tool-home .home-float-context{right:15px}}@media (width<=600px){.hk-tool-home .home-wrap{width:calc(100% - 32px)}.hk-tool-home .home-header{gap:12px;height:auto;min-height:76px}.hk-tool-home .home-account{flex-wrap:nowrap;gap:8px}.hk-tool-home .home-button{padding:11px 13px;font-size:12px}.hk-tool-home .home-brand{overflow-wrap:anywhere;max-width:43%}.hk-tool-home .home-brand img{max-width:100%;height:auto}.hk-tool-home h1{font-size:42px}.hk-tool-home h2{font-size:32px}.hk-tool-home .home-hero{padding-top:45px}.hk-tool-home .home-lead{font-size:14px}.hk-tool-home .home-scene{height:330px;margin-top:20px}.hk-tool-home .home-mascot{width:150px;height:175px}.hk-tool-home .home-float{padding:13px}.hk-tool-home .home-float strong{font-size:17px}.hk-tool-home .home-float small,.hk-tool-home .home-float em{font-size:9px}.hk-tool-home .home-float-nutrition{width:155px;top:15px;left:0}.hk-tool-home .home-float-routine{width:185px;top:210px;right:0}.hk-tool-home .home-float-context{width:160px;top:30px;bottom:auto;right:0}.hk-tool-home .home-benefits{gap:12px 20px}.hk-tool-home .home-tool-grid,.hk-tool-home .home-step-grid{grid-template-columns:minmax(0,1fr)}.hk-tool-home .home-tools,.hk-tool-home .home-how{padding-block:55px}.hk-tool-home .home-step-grid{gap:35px}.hk-tool-home .home-closing{padding-block:60px}.hk-tool-home .site-footer .wrap{width:calc(100% - 32px)}}@media (prefers-reduced-motion:reduce){.hk-tool-home *{scroll-behavior:auto!important;transition:none!important}}@media (width<=900px){.hk-tool-home .home-tool-card{flex-basis:calc(50% - 11px)}}@media (width<=600px){.hk-tool-home .home-account .home-button{white-space:nowrap;padding:10px}.hk-tool-home .home-header{gap:8px}.hk-tool-home .home-brand{max-width:40%}.hk-tool-home .home-scene{height:345px}.hk-tool-home .home-mascot{width:210px;height:210px}.hk-tool-home .home-float{width:145px}.hk-tool-home .home-float-nutrition{top:135px;left:0}.hk-tool-home .home-float-routine{width:170px;top:0;right:0}.hk-tool-home .home-float-context{width:160px;top:auto;bottom:0;right:0}.hk-tool-home .home-float-context strong{font-size:16px}.hk-tool-home .home-tool-card{flex-basis:100%;max-width:410px}}
