/* HangeulBondhu public course page, v2.41.0. Scoped to avoid changing Study Room. */
.hb-landing{--kc-ink:#152d36;--kc-muted:#607278;--kc-teal:#087e70;--kc-line:#e0e9e5;background:#fdfefc}
.hb-landing .kc-wrap{width:min(1180px,calc(100% - 48px))}
.hb-landing .kc-header{position:sticky;top:16px;z-index:20;width:min(1200px,calc(100% - 32px));margin:16px auto 0;padding:12px 22px;border:1px solid #e4ebe6;border-radius:60px;background:#ffffffed;backdrop-filter:blur(18px);box-shadow:0 12px 40px #183c3510;gap:20px}
.hb-landing .kc-brand{gap:8px;letter-spacing:0}
.hb-landing .kc-brand .kc-brand-logo{width:54px;height:54px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hb-landing .kc-brand .kc-brand-logo img{width:54px;height:54px;object-fit:contain;max-width:none;transform:none}
.hb-brand-word{font-family:system-ui,sans-serif;font-size:17px;font-weight:800;color:#135446}
.hb-landing .kc-header nav{gap:22px;align-items:center;line-height:1.4}
.hb-landing .kc-header nav a{padding:10px 0;font-size:14px}
.hb-landing .kc-header nav a:hover{color:#064d44}
.hb-landing .kc-header nav .hb-nav-cta{background:#087e70;color:#fff;padding:12px 22px;border-radius:40px}
.hb-landing .kc-button{border-radius:40px;padding:13px 25px;gap:14px;box-shadow:0 5px 13px #087e7015;transition:background .2s,transform .2s}
.hb-landing .kc-button:hover{transform:translateY(-2px)}
.hb-landing .kc-secondary{background:#fff;box-shadow:none}
.hb-landing .kc-hero{padding-block:90px 70px;grid-template-columns:1.12fr 1fr;gap:80px}
.hb-landing h1{font-size:clamp(42px,5.2vw,72px);line-height:1.25;font-weight:800;letter-spacing:-1.7px;margin:24px 0}
.hb-landing h1 em{font-style:normal;color:#087e70}
.hb-landing .kc-hero p{font-size:18px;line-height:1.9;max-width:520px}
.hb-eyebrow{display:inline-block;color:#087e70;background:#edf6ef;padding:6px 13px;border-radius:9px;font-size:12px;font-weight:700;letter-spacing:.5px}
.hb-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}
.hb-quiet{font-weight:650;text-decoration:none;border-bottom:1px solid #bad5ca;padding-bottom:3px}
.hb-hero-notes{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;font-size:12px;color:#607278}
.hb-hero-notes span:before{content:'✓';margin-right:6px;color:#087e70}
.hb-lesson-scene{position:relative;padding:38px 0 38px 24px;min-width:0;background:radial-gradient(ellipse,#e5f1df 0%,#f4f8ee 50%,transparent 72%)}
.hb-lesson{position:relative;background:#fff;border:1px solid #e1e8df;border-radius:22px;box-shadow:0 25px 60px #193c2510;overflow:hidden;transform:rotate(-3deg);padding:26px}
.hb-lesson-top{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e9eee6;padding-bottom:17px;margin-bottom:35px;font-size:11px;font-weight:700;color:#738475}
.hb-lesson-label{font-size:12px;color:#087e70}
.hb-landing .hb-lesson .hb-korean{font-size:clamp(28px,3.4vw,46px);font-weight:700;color:#143b33;margin:24px 0 14px;line-height:1.4;overflow-wrap:anywhere}
.hb-landing .hb-lesson h2{font-size:23px}
.hb-landing .hb-lesson p{font-size:14px;line-height:1.9}
.hb-lesson-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0e9;padding-top:18px;color:#087e70;font-size:12px}
.hb-lesson-bottom>span:last-child{border-radius:50%;background:#eaf4ec;width:36px;height:36px;display:grid;place-items:center;font-size:21px}
.hb-float{position:absolute;z-index:2;display:grid;place-items:center;width:65px;height:65px;border-radius:18px;font-size:30px;font-weight:700;box-shadow:0 10px 25px #1d493212}
.hb-float-one{left:0;top:0;background:#e4edfc;color:#23537a;transform:rotate(-12deg)}
.hb-float-two{right:-10px;top:90px;background:#ffefc4;color:#846316;transform:rotate(12deg)}
.hb-scene-note{position:relative;margin:0 0 0 35px;display:flex;align-items:center;gap:14px;padding:18px 22px;background:#fff;border:1px solid #dfe9e1;border-radius:16px;box-shadow:0 12px 25px #183d2910}
.hb-scene-note>span{width:38px;height:38px;display:grid;place-items:center;background:#e7f3e9;border-radius:50%;color:#087e70}
.hb-scene-note strong{font-size:15px}.hb-scene-note small{display:block;font-size:12px;color:#607278}
.hb-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #e4ebe3;padding-block:28px;margin-bottom:30px}
.hb-trust div{display:grid;text-align:center;padding:5px 20px;border-right:1px solid #e4ebe3;gap:5px}.hb-trust div:last-child{border:0}.hb-trust b{font-size:22px;color:#087e70}.hb-trust span{font-size:13px;color:#65776c}
.hb-landing .kc-section{padding-block:66px}.hb-landing .kc-heading{max-width:760px;margin-bottom:38px}.hb-landing .kc-heading h2,.hb-landing .hb-teachers h2{font-size:clamp(30px,3.5vw,44px);line-height:1.4;margin-top:18px;letter-spacing:-.7px}
.hb-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hb-path-grid>a{display:block;border:1px solid #e4ebe3;border-radius:22px;padding:26px 20px;text-align:center;text-decoration:none;box-shadow:0 8px 25px #1d382b05;background:#fff;transition:transform .2s}
.hb-path-grid>a:hover{transform:translateY(-5px)}
.hb-path-grid>a>span{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;background:#e6f3e6;color:#35724e;border-radius:20px;font-size:24px;font-weight:750}
.hb-path-grid>a:nth-child(2)>span{background:#e9edfc;color:#4c5b8e}.hb-path-grid>a:nth-child(3)>span{background:#fff0d4;color:#96722d}.hb-path-grid>a:nth-child(4)>span{background:#f3eafa;color:#79518f}
.hb-path-grid small{font-size:11px;color:#6d7c72}.hb-path-grid h3{font-size:20px}.hb-path-grid p{font-size:13px;margin:0}
.hb-landing .kc-plan-grid{gap:24px}.hb-landing .kc-plan{padding:18px;border-radius:22px;box-shadow:0 10px 25px #173c2505;transition:box-shadow .2s,transform .2s}
.hb-landing .kc-plan:hover{transform:translateY(-4px);box-shadow:0 18px 35px #173c2510}.hb-landing .kc-plan h3{min-height:0;font-size:21px;margin-top:10px}.hb-landing .kc-plan .kc-kicker{font-size:11px;letter-spacing:.3px}.hb-landing .kc-plan p{font-size:14px;line-height:1.85}.hb-landing .kc-plan .kc-price{font-size:29px;border-top:1px dashed #d7e1d7;padding-top:16px}.hb-landing .kc-plan .kc-alt-price{font-size:13px;color:#61736c;margin-bottom:20px}.hb-landing .kc-plan .kc-button{font-size:14px;padding:11px 14px}
.hb-book{--hb-cover:#176951;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:265px;padding:23px 18px 20px 25px;border-radius:4px 13px 13px 4px;margin:4px 8px 26px;background:linear-gradient(120deg,#ffffff16,transparent 45%),var(--hb-cover);color:#fff;border-left:7px solid #0003;box-shadow:4px 4px 0 #e5e7df,7px 7px 0 #bccabf,10px 12px 18px #14382322;transform:perspective(700px) rotateY(-9deg)}
.kc-plan-eps .hb-book{--hb-cover:#345b8a}.kc-plan-topik2 .hb-book{--hb-cover:#76518c}.kc-plan-kiip .hb-book{--hb-cover:#ab7c28}
.hb-book small{font-size:8px;letter-spacing:.4px;opacity:.85}.hb-book strong{font-family:system-ui,sans-serif;font-size:29px;letter-spacing:-1px;line-height:1.2;overflow-wrap:anywhere}.hb-book>span{font-size:28px;color:#fff9;letter-spacing:4px}.hb-book i{display:block;width:36px;height:4px;border-radius:4px;background:#f6dfa6}
.hb-feature-band{background:#f0f6ef;border-block:1px solid #e3ecdf;margin-block:35px}
.hb-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hb-feature-grid article{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e9dc;border-radius:22px;padding:30px}.hb-feature-grid h3{font-size:23px}.hb-feature-grid p{font-size:15px}.hb-feature-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;color:#087e70;background:#eaf4e9;margin-bottom:16px;font-size:20px;font-weight:700}.hb-feature-label{margin-top:auto;border-top:1px solid #e9eee4;padding-top:17px;font-size:12px;color:#087e70}
.hb-teachers{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.hb-teacher-art{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:50px 20px;background:#f7f7ee;border-radius:35px;border:1px solid #e8e9db}.hb-teacher-art>span{width:110px;height:125px;display:grid;place-items:center;font-size:65px;color:white;border-radius:35px;background:#0a7363;transform:rotate(-8deg)}.hb-teacher-art>span:nth-child(2){background:#254d7e;transform:rotate(8deg)}.hb-teacher-art>small{width:100%;text-align:center;color:#647466;margin-top:20px;font-size:12px}
.hb-landing .kc-table-wrap{border-radius:20px;overflow-x:auto;border:1px solid #dfe9e1;box-shadow:0 10px 35px #133e2605}.hb-landing .kc-table{min-width:500px}.hb-landing .kc-table th{background:#edf4ec}
.hb-landing .kc-steps{gap:25px;margin-block:35px;padding-block:35px}.hb-landing .kc-steps>div{background:#f3f7ef;border:1px solid #e1e9dc;border-radius:20px;padding:28px}.hb-landing .kc-steps b{background:#087e70;color:#fff;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:15px}.hb-landing .kc-steps p{font-size:14px}
.hb-landing .kc-apply-grid{gap:45px;scroll-margin-top:110px}.hb-landing .kc-card{border-radius:22px}.hb-landing .kc-info{border-radius:16px;background:#f0f6ed}.hb-landing input,.hb-landing select{border-radius:12px;min-height:48px}
.hb-faq{display:grid;grid-template-columns:1fr 1.25fr;gap:65px;align-items:start}.hb-faq details{border-bottom:1px solid #dfe7df;padding:19px 0}.hb-faq summary{cursor:pointer;font-weight:650;min-height:30px;padding-right:15px}.hb-faq details p{font-size:15px;margin:17px 0 0}.hb-faq .kc-heading{margin-bottom:0}
.hb-landing #plans,.hb-landing #features,.hb-landing #routine,.hb-landing #track{scroll-margin-top:110px}.hb-landing .kc-track{background:#f4f7ef;padding:40px;border-color:#dfe8d9}.hb-landing .kc-footer{border-top:1px solid #e0e8dd;padding-block:35px;margin-top:40px;font-size:13px}
@media(min-width:1000px){.hb-path-grid>a:nth-child(even){transform:translateY(18px)}.hb-path-grid>a:nth-child(even):hover{transform:translateY(13px)}}
@media(max-width:1000px){.hb-landing .kc-header nav{gap:14px}.hb-landing .kc-header nav a{font-size:12px}.hb-landing .kc-brand-logo{width:120px}.hb-landing .kc-hero{gap:35px}.hb-landing .kc-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-book{min-height:300px}.hb-feature-grid{gap:16px}.hb-feature-grid article{padding:22px}.hb-teachers{gap:35px}}
@media(max-width:760px){.hb-landing .kc-header{top:8px;padding:10px 16px;border-radius:22px;flex-wrap:wrap;gap:6px}.hb-landing .kc-brand-logo{height:38px;width:115px}.hb-landing .kc-header nav{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:flex-end;flex:1}.hb-landing .kc-header nav .hb-nav-cta{padding:8px 14px}.hb-landing .kc-header nav a{padding:6px 0;font-size:12px}.hb-landing .kc-hero{grid-template-columns:1fr;padding-block:50px;gap:40px}.hb-landing h1{font-size:clamp(40px,8vw,62px)}.hb-landing .kc-hero p{font-size:16px}.hb-lesson-scene{max-width:500px;width:100%;margin:auto;padding-right:15px}.hb-float-two{right:0}.hb-trust b{font-size:17px}.hb-trust span{font-size:11px}.hb-trust div{padding:5px 12px}.hb-path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hb-path-grid>a{padding:22px 12px}.hb-path-grid h3{font-size:18px}.hb-feature-grid{grid-template-columns:1fr}.hb-teachers,.hb-faq{grid-template-columns:1fr;gap:30px}.hb-landing .kc-section{padding-block:45px}.hb-landing .kc-heading{margin-bottom:28px}.hb-landing .kc-steps{grid-template-columns:1fr;padding-block:0}.hb-landing .kc-apply-grid{grid-template-columns:1fr}.hb-landing .kc-track{padding:25px}.hb-landing .kc-footer{gap:16px;flex-wrap:wrap}.hb-actions{gap:18px}}
@media(max-width:460px){.hb-landing .kc-wrap{width:calc(100% - 32px)}.hb-landing .kc-header{position:relative;top:0}.hb-landing .kc-header nav{flex-basis:100%;justify-content:space-between;gap:8px}.hb-landing .kc-header nav .hb-nav-cta{display:none}.hb-landing .kc-hero{padding-top:36px}.hb-landing .kc-plan-grid{grid-template-columns:1fr}.hb-book{max-width:230px;width:calc(100% - 30px);min-height:290px;margin:8px auto 30px}.hb-landing .kc-plan{padding:24px}.hb-hero-notes{gap:8px 14px}.hb-trust{grid-template-columns:1fr;gap:16px;padding-block:24px}.hb-trust div{border-right:0;border-bottom:1px solid #e4ebe3;padding-bottom:16px}.hb-trust div:last-child{padding-bottom:0}.hb-landing .kc-button{font-size:15px}.hb-lesson{padding:23px}.hb-landing .hb-lesson .hb-korean{font-size:30px}.hb-lesson-top{font-size:10px}.hb-landing #plans,.hb-landing #features,.hb-landing #routine,.hb-landing #track{scroll-margin-top:24px}}
@media(prefers-reduced-motion:reduce){.hb-landing *{scroll-behavior:auto!important;transition:none!important}.hb-landing .kc-button:hover,.hb-path-grid>a:hover,.hb-landing .kc-plan:hover{transform:none}}

/* v2.42.1: editorial homepage with a centered hero and a continuous book shelf. */
.hb-landing{background:#fff}.hb-landing .hb-header{max-width:1210px}.hb-landing .hb-header nav a[aria-current=page]{background:#e4f3ed}
.hb-v3-hero{position:relative;isolation:isolate;overflow:hidden;margin-top:-95px;padding-top:95px;background:radial-gradient(ellipse at 13% 36%,#e1eeeacc,transparent 34%),radial-gradient(ellipse at 83% 38%,#e9edfac9,transparent 35%),radial-gradient(ellipse at 50% 7%,#fff6e1,transparent 45%);border-bottom:1px solid #e6ece8}
.hb-v3-stage{position:relative;min-height:690px;display:flex;align-items:center;justify-content:center;padding-block:90px 70px}
.hb-v3-copy{position:relative;z-index:3;width:700px;max-width:65%;text-align:center}
.hb-v3-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid #e0e8dd;border-radius:30px;padding:9px 17px;background:#ffffffaa;color:#5e7166;font-size:12px}
.hb-v3-badge i{width:7px;height:7px;background:#05957e;border-radius:50%;box-shadow:0 0 0 4px #0b947c12}
.hb-landing .hb-v3-copy h1{font-size:clamp(48px,5.7vw,82px);line-height:1.26;letter-spacing:-2.2px;color:#102b3b;margin:26px -25px 30px;font-weight:800}
.hb-v3-copy h1 em{position:relative;display:inline-block;font-style:normal;color:#078e78;white-space:nowrap}
.hb-v3-copy h1 em:after{content:'';position:absolute;left:3%;right:2%;height:9px;bottom:0;background:#e8cb76;border-radius:50px;z-index:-1;transform:rotate(-2deg)}
.hb-landing .hb-v3-copy>p{font-size:17px;line-height:1.95;max-width:520px;margin:0 auto 29px;color:#66777b}
.hb-v3-copy .hb-actions{justify-content:center;gap:14px;margin-top:0}.hb-v3-copy .kc-button{padding:14px 23px;min-height:54px;font-size:15px;box-shadow:0 9px 24px #087e701c}.hb-v3-copy .kc-secondary{background:#fff9;border-color:#dce6e0;box-shadow:none}
.hb-v3-signature{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:30px;color:#7a897f;font-size:12px}.hb-v3-signature>div{display:flex;padding-left:8px}.hb-v3-signature>div>span{margin-left:-8px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;border:3px solid white;background:#dceee5;color:#217865;box-shadow:0 2px 8px #173c2510;font-size:14px}.hb-v3-signature>div>span:nth-child(2){background:#e6edfa;color:#345c91}.hb-v3-signature>div>span:nth-child(3){background:#fff0d0;color:#876a28}.hb-v3-signature b{color:#0c8f78;margin-inline:5px}
.hb-v3-orbit{position:absolute;inset:0;z-index:0;pointer-events:none}.hb-v3-orbit>span{position:absolute;color:#5e9d8725;font-size:23px;font-weight:700}.hb-v3-orbit>span:nth-child(1){left:25%;top:17%;transform:rotate(-14deg)}.hb-v3-orbit>span:nth-child(2){left:5%;bottom:15%;font-size:37px}.hb-v3-orbit>span:nth-child(3){right:23%;top:12%;transform:rotate(14deg)}.hb-v3-orbit>span:nth-child(4){right:3%;bottom:8%;font-size:38px}
.hb-v3-library{position:absolute;left:-34px;top:135px;width:220px;height:380px;z-index:2;transform:rotate(-10deg)}
.hb-v3-backbook{position:absolute;left:80px;top:10px;width:148px;height:250px;border-radius:6px 16px 16px 4px;background:linear-gradient(130deg,#447db0,#173f75);border-left:8px solid #153b67;padding:22px 16px;color:#fff;transform:rotate(17deg);box-shadow:6px 7px 0 #d2d9e2,10px 16px 22px #15354b20;display:flex;flex-direction:column;justify-content:space-between}
.hb-v3-backbook small{font-size:7px;letter-spacing:1px}.hb-v3-backbook strong{font:800 34px/1.15 system-ui,sans-serif}.hb-v3-backbook>span{font-size:14px;opacity:.75}
.hb-v3-frontbook{position:absolute;top:48px;left:0;width:180px;height:280px;border-radius:5px 17px 17px 4px;background:linear-gradient(130deg,#139f83,#075e58);border-left:10px solid #07534d;padding:20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:5px 6px 0 #e8ebe0,8px 10px 0 #b9cbbf,13px 22px 30px #123f3420}
.hb-v3-frontbook small{font-size:10px;color:#d1eadb}.hb-v3-frontbook .hb-v3-book-letter{font-size:75px;font-weight:600;color:#c9e4c6;line-height:1.1;text-shadow:0 3px 0 #075e5825}.hb-v3-frontbook strong{font-size:20px;line-height:1.55;letter-spacing:-.4px}.hb-v3-frontbook>span:last-child{font:600 11px system-ui,sans-serif;letter-spacing:.2px;color:#fff9}
.hb-v3-book-note{position:absolute;left:18px;bottom:7px;background:#fff;padding:8px 12px;border-radius:9px;box-shadow:0 8px 25px #1d493612;border:1px solid #e6eae3;transform:rotate(10deg);font-size:11px;color:#526d5e;white-space:nowrap}
.hb-v3-phone{position:absolute;right:-22px;top:120px;width:205px;min-height:370px;border:8px solid #183644;border-radius:34px;background:linear-gradient(180deg,#e8f4ef,#fff 75%);padding:28px 13px 16px;box-shadow:0 23px 38px #14374b16,inset 0 0 0 1px #fff;transform:rotate(9deg);z-index:2}
.hb-v3-speaker{position:absolute;top:9px;left:calc(50% - 21px);width:42px;height:5px;border-radius:15px;background:#18364422}.hb-v3-phone-top{text-align:center}.hb-v3-phone-top>span{font:700 10px system-ui,sans-serif;color:#124d86}.hb-v3-phone-top small{display:block;color:#6e8578;font-size:9px;margin-top:6px}.hb-v3-phone-lesson{margin-top:22px;background:#fff;border:1px solid #e6eee4;border-radius:15px;padding:17px 10px;text-align:center;box-shadow:0 9px 16px #1b483507}.hb-v3-phone-lesson>span{font-size:8px;color:#748a78}.hb-landing .hb-v3-phone-lesson>p{font-size:21px;color:#087e70;font-weight:700;white-space:nowrap;letter-spacing:-1px;line-height:1.5;margin:14px 0 7px}.hb-landing .hb-v3-phone-lesson h2{font-size:12px;margin:0 0 8px;line-height:1.5}.hb-v3-phone-lesson>small{display:block;color:#809084;font-size:9px;line-height:1.8}.hb-v3-phone>a{display:block;text-align:center;margin-top:20px;padding:9px 5px;border-radius:20px;background:#124d86;color:#fff;text-decoration:none;font-size:10px}
.hb-v3-sound{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:18px;flex-wrap:wrap;min-height:30px}.hb-v3-sound>span{font-size:19px;color:#0b8f7a;margin-right:5px}.hb-v3-sound i{display:block;width:3px;height:14px;background:#9acbb6;border-radius:5px}.hb-v3-sound i:nth-child(3n){height:23px;background:#5cab91}.hb-v3-sound i:nth-child(2n){height:9px}.hb-v3-sound small{display:block;text-align:center;flex-basis:100%;font-size:8px;color:#6b8376;margin-top:6px}
.hb-landing .hb-trust{border-top:0;max-width:1100px;margin-bottom:35px;padding-block:32px;background:#fff}.hb-landing .hb-trust b{font-size:24px;color:#124d86}.hb-landing .hb-trust span{font-size:12px}
.hb-landing .kc-section{padding-block:78px}.hb-landing .kc-heading.hb-v3-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:65px;max-width:none;align-items:end;margin-bottom:48px}.hb-v3-heading>.hb-eyebrow{grid-column:1/-1;justify-self:start;font-size:11px;padding:5px 10px;border-radius:7px}.hb-landing .hb-v3-heading h2{font-size:clamp(32px,3.8vw,48px);line-height:1.35;letter-spacing:-1px;margin:18px 0 0;color:#122d3b}.hb-v3-heading h2 em{font-style:normal;color:#087e70}.hb-v3-heading>p{font-size:15px;border-left:1px solid #dfe7df;padding-left:28px;margin:0 0 6px;line-height:1.95}
.hb-landing .hb-path-grid{position:relative;gap:26px;max-width:1100px;margin:auto;padding-bottom:12px}.hb-path-grid:before{content:'';position:absolute;left:10%;right:10%;height:100px;top:70px;border-top:2px dashed #c6dfd2;border-radius:50%;z-index:0}.hb-landing .hb-path-grid>a{position:relative;z-index:1;padding:27px 18px 23px;border-radius:22px;box-shadow:0 12px 30px #163e3010;border-color:#e7ece6}.hb-landing .hb-path-grid>a>span{border-radius:22px;width:70px;height:70px}.hb-landing .hb-path-grid h3{font-size:20px}.hb-landing .hb-path-grid p{font-size:12px}
.hb-landing #plans{padding-top:88px}.hb-landing #plans .kc-plan-grid{gap:26px}.hb-landing #plans .kc-plan{position:relative;border:0;border-top:0;padding:0;background:transparent;box-shadow:none;border-radius:0;transform:none}.hb-landing #plans .kc-plan:hover{box-shadow:none;transform:none}
.hb-landing #plans .kc-plan:before{content:'';position:absolute;top:297px;left:-1px;width:calc(100% + 28px);height:11px;border-radius:2px;background:linear-gradient(180deg,#31586a,#17374f);box-shadow:0 6px 10px #122f4010;z-index:1}.hb-landing #plans .kc-plan:last-child:before{width:100%}
.hb-landing #plans .hb-book{position:relative;height:295px;min-height:295px;margin:0 24px 35px;padding:25px 20px 20px 26px;transform:perspective(650px) rotateY(-13deg) rotate(-2deg);border-left:8px solid #0003;box-shadow:5px 4px 0 #e4e7de,8px 8px 0 #bfcbbf,12px 16px 20px #153f2b14;transition:transform .25s;background:repeating-linear-gradient(135deg,#fff0 0 15px,#ffffff05 15px 16px),linear-gradient(125deg,#ffffff1a,transparent 55%),var(--hb-cover)}
.hb-landing #plans .kc-plan:hover .hb-book{transform:perspective(650px) rotateY(-6deg) translateY(-7px)}.hb-landing #plans .hb-book strong{font-size:34px;letter-spacing:-1px}.hb-landing #plans .hb-book>span{font-size:30px;letter-spacing:3px}.hb-landing #plans .hb-book small:first-child{font-size:8px;letter-spacing:1px}.hb-landing #plans .hb-book small:last-child{font-size:8px;line-height:1.7;max-width:150px}
.hb-v3-course-info{display:flex;flex-direction:column;flex:1;border:1px solid #e3eae3;border-radius:19px;padding:22px;background:#fff;box-shadow:0 8px 25px #1c3e2b06}.hb-landing #plans .hb-v3-course-info h3{font-size:20px;min-height:58px;margin:10px 0 12px;line-height:1.5}.hb-landing #plans .hb-v3-course-info p{font-size:13px;line-height:1.85;flex:1;min-height:70px}.hb-landing #plans .hb-v3-course-info .kc-kicker{font-size:10px;letter-spacing:0;color:#748475}.hb-landing #plans .kc-price{font-size:26px!important;color:#172e3b!important;border-top:1px dashed #d9e2d6;padding-top:17px}.hb-landing #plans .kc-alt-price{font-size:12px;margin-bottom:16px}.hb-landing #plans .hb-course-more{font-size:12px;font-weight:600;margin-bottom:15px}.hb-landing #plans .kc-button{font-size:13px;min-height:44px;border-radius:30px;background:var(--course-accent);border-color:var(--course-accent);color:#fff!important;box-shadow:0 5px 10px #1939260c}
.hb-v3-free{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;position:relative;margin-block:50px 80px;padding:55px 60px;background:radial-gradient(ellipse at 90% 0,#dceae9,transparent 60%),#f1f7f0;border:1px solid #dce8dc;border-radius:30px}.hb-landing .hb-v3-free h2{font-size:clamp(32px,3.6vw,47px);line-height:1.35;margin:20px 0;color:#173c48}.hb-v3-free h2 em{font-style:normal;color:#087e70}.hb-v3-free>div>p{font-size:15px;max-width:440px}.hb-v3-free-meta{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#65806c;margin-top:26px}.hb-v3-free-meta strong{font-size:20px;color:#124d86;margin-right:3px}
.hb-v3-letter-lab{text-align:center;display:flex;flex-direction:column;align-items:center;padding:35px 20px;background:#ffffffa8;border:1px solid #fff;border-radius:25px;box-shadow:0 18px 40px #153c2a08;transform:rotate(3deg)}.hb-v3-lab-tag{font-size:10px;letter-spacing:1px;color:#78917b}.hb-v3-letter-lab>div{display:flex;align-items:center;gap:10px;margin:25px 0 0}.hb-v3-letter-lab>div>span{display:grid;place-items:center;width:57px;height:68px;border-radius:14px;border:1px solid #dbe8d8;background:#fff;font-size:33px;color:#124d86;box-shadow:0 7px 0 #e3ebe0}.hb-v3-letter-lab>div>span:nth-of-type(2){background:#e3f2e8;color:#0c856d}.hb-v3-letter-lab b{font-size:18px;font-weight:400;color:#9caf9b}.hb-v3-lab-arrow{color:#89a78b;font-size:25px;line-height:1;margin:22px 0 10px}.hb-v3-letter-lab>strong{display:grid;place-items:center;width:90px;height:95px;font-size:56px;border-radius:22px;background:#0d7d6c;color:#fff;font-weight:500;box-shadow:0 8px 0 #c8ddc6}.hb-v3-letter-lab>small{font-size:11px;color:#6e8871;margin-top:23px}
.hb-landing .hb-feature-band{background:#f8faf7;border-block:1px solid #e5ece2;padding-bottom:12px}.hb-landing .hb-feature-grid article{padding:34px 28px;border-radius:23px;box-shadow:0 13px 30px #1a3f2b05;border-color:#e0e8dd}.hb-landing .hb-feature-grid article:nth-child(2){background:#f0f6ff}.hb-landing .hb-feature-grid article:nth-child(3){background:#fffaee}.hb-landing .hb-feature-grid h3{font-size:24px}.hb-landing .hb-feature-icon{width:65px;height:65px;font-size:23px;background:#e2f1e8;border-radius:20px}.hb-landing .hb-feature-grid article:nth-child(2) .hb-feature-icon{background:#e0eafb;color:#245c8e}.hb-landing .hb-feature-grid article:nth-child(3) .hb-feature-icon{background:#f5e8c1;color:#8d6c22}
.hb-landing .hb-teachers{padding-block:90px}.hb-landing .hb-teachers h2{font-size:clamp(32px,3.8vw,48px);color:#14384c}.hb-landing .hb-teacher-art{min-height:300px;background:radial-gradient(ellipse at center,#e2eee3,transparent 75%),#fafbf5;border:0}.hb-landing .hb-teacher-art>span{width:125px;height:145px;border-radius:38px;font-size:75px;box-shadow:0 15px 25px #17473212}
.hb-v3-final{position:relative;background:#112f42;overflow:hidden;color:#fff;margin-top:65px}.hb-v3-final>.kc-wrap{position:relative;padding-block:65px 70px}.hb-v3-final .hb-eyebrow{color:#c5e6d5;background:#ffffff0d;border:1px solid #ffffff14}.hb-landing .hb-v3-final h2{position:relative;z-index:2;color:#fff;font-size:clamp(37px,5vw,64px);line-height:1.35;margin:20px 0}.hb-v3-final h2 em{font-style:normal;color:#a8d6af}.hb-v3-final p{position:relative;color:#b4cbd0;z-index:2;font-size:16px}.hb-v3-final .hb-actions{position:relative;z-index:2}.hb-v3-final .hb-quiet{color:#d0e7dc;border-bottom-color:#597f76;font-size:14px}.hb-v3-final .kc-button{background:#e2efbf;border-color:#e2efbf;color:#193c32!important}.hb-v3-final-ko{position:absolute;right:0;top:15px;color:#ffffff06;font-size:clamp(180px,25vw,340px);line-height:1.4;font-weight:750;transform:rotate(-10deg);pointer-events:none}.hb-landing .hb-footer{margin-top:0}
@media(min-width:1500px){.hb-v3-library{left:-60px;width:250px;transform:rotate(-10deg) scale(1.06)}.hb-v3-phone{right:-40px;transform:rotate(9deg) scale(1.06)}}
@media(max-width:1100px){.hb-v3-library{left:-28px;transform:rotate(-10deg) scale(.8);transform-origin:left center}.hb-v3-phone{right:-18px;transform:rotate(9deg) scale(.85);transform-origin:right center}.hb-v3-copy{max-width:67%}.hb-landing .hb-v3-copy h1{font-size:64px}.hb-landing .hb-v3-copy>p{font-size:15px;max-width:460px}.hb-v3-copy .kc-button{font-size:13px;padding:13px 17px}.hb-landing #plans .hb-book{margin-inline:37px}.hb-landing #plans .kc-plan:before{width:calc(100% + 28px)}.hb-landing #plans .kc-plan:nth-child(even):before{width:100%}.hb-v3-free{padding:40px;gap:35px}}
@media(max-width:800px){.hb-v3-hero{margin-top:-90px;padding-top:90px}.hb-v3-stage{min-height:660px;padding-block:60px 50px}.hb-v3-copy{max-width:77%}.hb-landing .hb-v3-copy h1{font-size:58px;margin-inline:-20px}.hb-v3-library{left:-55px;top:160px;transform:rotate(-12deg) scale(.6)}.hb-v3-phone{right:-42px;top:160px;transform:rotate(12deg) scale(.65)}.hb-landing .hb-v3-copy>p{max-width:390px}.hb-v3-signature{font-size:11px}.hb-landing .kc-heading.hb-v3-heading{column-gap:30px}.hb-v3-heading>p{font-size:14px;padding-left:20px}.hb-landing .kc-section{padding-block:55px}.hb-v3-free{grid-template-columns:1fr 1fr;padding:30px;gap:25px}.hb-v3-letter-lab{padding:25px 12px}.hb-v3-letter-lab>div>span{width:43px;height:55px;font-size:28px}.hb-v3-letter-lab>div{gap:6px}.hb-v3-free-meta{gap:15px}}
@media(max-width:600px){.hb-v3-hero{margin-top:-82px;padding-top:82px}.hb-v3-stage{min-height:0;display:block;padding-block:48px 40px}.hb-v3-copy{width:100%;max-width:100%}.hb-v3-badge{font-size:10px;padding:8px 12px;gap:8px}.hb-landing .hb-v3-copy h1{font-size:clamp(40px,10vw,58px);letter-spacing:-1px;margin:24px -4px}.hb-v3-copy h1 em:after{height:7px}.hb-landing .hb-v3-copy>p{font-size:14px;max-width:360px;padding-inline:5px;line-height:1.9;margin-bottom:24px}.hb-v3-copy .hb-actions{gap:10px;flex-wrap:wrap}.hb-v3-copy .kc-button{padding:12px 17px;font-size:12px;min-height:47px}.hb-v3-signature{gap:10px;margin-top:25px;font-size:10px}.hb-v3-signature>div>span{width:29px;height:29px;font-size:12px}.hb-v3-library{left:calc(50% - 150px);top:auto;bottom:7px;transform:rotate(-10deg) scale(.67);transform-origin:left bottom;width:220px;height:380px}.hb-v3-phone{position:relative;right:auto;top:auto;left:calc(50% + 4px);width:205px;min-height:370px;margin-top:29px;margin-bottom:-38px;transform:rotate(8deg) scale(.68);transform-origin:left top}.hb-v3-orbit>span:nth-child(1){left:2%;top:27%;font-size:17px}.hb-v3-orbit>span:nth-child(3){right:1%;top:39%;font-size:20px}.hb-v3-orbit>span:nth-child(4){right:5%;bottom:14%;font-size:28px}.hb-v3-stage{padding-bottom:0}.hb-v3-phone{height:370px}.hb-landing .hb-trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-block:25px;margin-bottom:0}.hb-landing .hb-trust div{padding:0 8px;border-bottom:0;border-right:1px solid #e1e9df}.hb-landing .hb-trust div:last-child{border-right:0}.hb-landing .hb-trust b{font-size:15px;line-height:1.6}.hb-landing .hb-trust span{font-size:9px}.hb-landing .kc-heading.hb-v3-heading{grid-template-columns:1fr;gap:0;margin-bottom:30px}.hb-landing .hb-v3-heading h2{font-size:32px;line-height:1.4}.hb-v3-heading>p{border-left:0;padding:0;margin:17px 0 0;font-size:14px;max-width:430px}.hb-path-grid:before{display:none}.hb-landing .hb-path-grid{gap:13px}.hb-landing .hb-path-grid>a{padding:22px 12px;border-radius:19px}.hb-landing .hb-path-grid h3{font-size:17px}.hb-landing .hb-path-grid p{font-size:11px}.hb-landing .hb-path-grid>a>span{width:56px;height:56px;font-size:22px}.hb-v3-free{grid-template-columns:1fr;padding:30px 25px;margin-block:30px 45px;border-radius:24px}.hb-v3-free h2{font-size:35px}.hb-v3-free>div>p{font-size:14px}.hb-v3-letter-lab{max-width:340px;width:100%;margin:auto;transform:rotate(2deg)}.hb-v3-letter-lab>div>span{width:55px;height:65px;font-size:32px}.hb-landing .hb-teachers{padding-block:55px}.hb-landing .hb-teacher-art{min-height:260px}.hb-landing .hb-teacher-art>span{width:105px;height:125px;font-size:65px}.hb-v3-final>.kc-wrap{padding-block:45px 50px}.hb-v3-final p{font-size:14px;max-width:310px}.hb-v3-final .hb-actions{gap:20px}.hb-v3-final-ko{right:-30px;top:40px;font-size:220px}.hb-landing .hb-feature-grid article{padding:28px 24px}}
@media(max-width:460px){.hb-landing #plans .kc-plan-grid{grid-template-columns:1fr;gap:32px}.hb-landing #plans .kc-plan:before{width:100%;top:292px}.hb-landing #plans .hb-book{max-width:220px;width:220px;margin:0 auto 32px;height:290px;min-height:290px}.hb-v3-course-info{padding:25px}.hb-landing #plans .hb-v3-course-info h3{min-height:0}.hb-landing #plans .hb-v3-course-info p{min-height:0}.hb-landing #plans{padding-top:45px}.hb-v3-phone{margin-bottom:-50px}.hb-v3-library{bottom:10px}}
@media(prefers-reduced-motion:reduce){.hb-landing #plans .kc-plan:hover .hb-book{transform:perspective(650px) rotateY(-13deg) rotate(-2deg)}}

/* v2.43.1: branded 3D motion. Transform-only loops preserve document layout. */
@keyframes hb-cube-turn{from{transform:rotateX(-18deg) rotateY(0deg)}to{transform:rotateX(-18deg) rotateY(360deg)}}
@keyframes hb-cube-hover{0%,100%{translate:0 0}50%{translate:0 -15px}}
@keyframes hb-letter-drift{0%,100%{translate:0 0;rotate:-6deg}50%{translate:0 -15px;rotate:7deg}}
.hb-cube-scene{position:absolute;inset:0;pointer-events:none;perspective:1000px;overflow:hidden;border-radius:30px}
.hb-cube-anchor{--cube:86px;--half:43px;position:absolute;width:var(--cube);height:var(--cube);right:15%;top:22%;animation:hb-cube-hover 6s ease-in-out infinite}
.hb-motion-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:hb-cube-turn 22s linear infinite}
.hb-motion-cube>span{position:absolute;inset:0;display:grid;place-items:center;font-family:"HB Korean",sans-serif;font-size:calc(var(--cube)*.48);font-weight:700;color:#e4fff2;border:1px solid #ffffff50;border-radius:12px;background:linear-gradient(135deg,#41bca3,#08756e);box-shadow:inset 0 0 18px #ffffff26;backface-visibility:hidden}
.hb-motion-cube>span:nth-child(1){transform:translateZ(var(--half))}.hb-motion-cube>span:nth-child(2){transform:rotateY(90deg) translateZ(var(--half))}.hb-motion-cube>span:nth-child(3){transform:rotateY(180deg) translateZ(var(--half))}.hb-motion-cube>span:nth-child(4){transform:rotateY(-90deg) translateZ(var(--half))}.hb-motion-cube>span:nth-child(5){transform:rotateX(90deg) translateZ(var(--half))}.hb-motion-cube>span:nth-child(6){transform:rotateX(-90deg) translateZ(var(--half))}
.hb-cube-two{--cube:64px;--half:32px;right:5%;top:62%;animation-delay:-3s}.hb-cube-two .hb-motion-cube{animation-duration:28s;animation-direction:reverse}.hb-cube-two .hb-motion-cube>span{background:linear-gradient(135deg,#f8dc98,#b88837);color:#193b40}
.hb-cube-three{--cube:44px;--half:22px;right:35%;top:65%;animation-delay:-1s}.hb-cube-three .hb-motion-cube{animation-duration:18s}.hb-cube-three .hb-motion-cube>span{background:linear-gradient(135deg,#7aa8e3,#23568b)}
.hb-v3-final{background:radial-gradient(ellipse at 95% 110%,#ae854c66,transparent 45%),radial-gradient(ellipse at 70% 5%,#197f7266,transparent 60%),#112f42;border-radius:30px;margin-inline:20px}
.hb-landing .hb-v3-final .hb-eyebrow{position:relative;z-index:2}.hb-v3-final-ko{right:13%;top:0;color:#ffffff09}
.hb-motion-toggle{position:absolute;right:25px;bottom:18px;z-index:3;padding:7px 13px;border:1px solid #ffffff50;border-radius:20px;background:#133e45;color:#e6f5ed;font:inherit;font-size:13px;cursor:pointer}.hb-motion-toggle[hidden]{display:none}.hb-motion-toggle:focus-visible{outline:3px solid #f5d58e;outline-offset:4px}
.hb-v3-orbit>span{animation:hb-letter-drift 8s ease-in-out infinite}.hb-v3-orbit>span:nth-child(2){animation-delay:-2s}.hb-v3-orbit>span:nth-child(3){animation-delay:-5s}.hb-v3-orbit>span:nth-child(4){animation-delay:-3s}
.hb-landing .hb-motion-reveal{opacity:0;translate:0 20px;transition:opacity .65s ease,translate .65s ease,box-shadow .2s,transform .2s}.hb-landing .hb-motion-reveal.hb-is-visible,.hb-landing .hb-motion-reveal:focus-within{opacity:1;translate:0 0}

@media(max-width:760px){.hb-cube-one{--cube:60px;--half:30px;right:12%;top:10%}.hb-cube-two{--cube:44px;--half:22px;right:7%;top:57%}.hb-cube-three{display:none}.hb-v3-final .kc-wrap{padding-bottom:90px}.hb-v3-final .hb-eyebrow{max-width:72%}.hb-landing .hb-v3-final h2{max-width:75%}.hb-v3-final p{max-width:75%}.hb-v3-final{margin-inline:12px;border-radius:24px}.hb-motion-toggle{font-size:12px;right:20px}}
@media(prefers-reduced-motion:reduce){.hb-landing *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.hb-landing .hb-motion-reveal{opacity:1;translate:0 0}.hb-motion-cube{transform:rotateX(-18deg) rotateY(28deg)}}

/* v2.44.0: motion across hero, shelf and learning demos. */
@keyframes hb-hero-float{0%,100%{translate:0 0}50%{translate:0 -16px}}
@keyframes hb-topic-travel{to{transform:translateX(-50%)}}
@keyframes hb-enter-up{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes hb-sound-wave{0%,100%{scale:1 .6;opacity:.5}50%{scale:1 1.3;opacity:1}}
@keyframes hb-join-parts{from{opacity:.3;translate:-8px 0}to{opacity:1;translate:0 0}}
.hb-v3-library{animation:hb-hero-float 7s ease-in-out infinite}.hb-v3-phone{animation:hb-hero-float 8s ease-in-out -3s infinite}.hb-v3-copy>h1{animation:hb-enter-up .85s ease both}.hb-v3-copy>p{animation:hb-enter-up .85s .12s ease both}.hb-v3-copy>.hb-actions{animation:hb-enter-up .85s .22s ease both}
.hb-hero-motion-toggle{position:relative;inset:auto;display:inline-flex;margin-top:18px;background:#fff9;color:#3c6859;border-color:#c9e1d5;font-size:12px;padding:6px 12px}.hb-hero-motion-toggle[hidden]{display:none}
.hb-topic-ribbon{max-width:100%;overflow:hidden;border-block:1px solid #dce8e0;background:#f0f6ef;padding:17px 0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.hb-topic-track{display:flex;width:max-content;animation:hb-topic-travel 65s linear infinite}.hb-topic-set{display:flex;align-items:center;gap:40px;padding-right:40px}.hb-topic-set>span{display:inline-flex;align-items:center;white-space:nowrap;font-size:17px;font-weight:600;color:#477967}.hb-topic-set>span:after{content:"✦";margin-left:40px;font-size:12px;color:#b49a54}.hb-topic-ribbon:hover .hb-topic-track{animation-play-state:paused}
.hb-phrase-next,.hb-builder-next{border:1px solid #c7ded2;background:#fff;color:#24765e;padding:6px 12px;border-radius:20px;cursor:pointer;font:inherit;font-size:12px}.hb-phrase-next{display:block;margin:10px auto 0}.hb-phrase-next[hidden],.hb-builder-next[hidden]{display:none}.hb-builder-next{margin-top:12px}.hb-v3-phone-lesson{min-height:170px}.hb-v3-phone-lesson>p{overflow-wrap:anywhere;line-height:1.5}.hb-v3-phone-lesson>h2{min-height:35px}.hb-v3-sound>i{animation:hb-sound-wave 1.6s ease-in-out infinite;transform-origin:center}.hb-v3-sound>i:nth-child(2n){animation-delay:-.4s}.hb-v3-sound>i:nth-child(3n){animation-delay:-.8s}
.hb-demo-enter{animation:hb-enter-up .5s ease both}.hb-v3-letter-lab{animation:hb-hero-float 7s -2s ease-in-out infinite}.hb-v3-letter-lab.hb-demo-enter>div>span{animation:hb-join-parts .55s ease both}.hb-v3-letter-lab.hb-demo-enter>div>span:nth-of-type(2){animation-delay:.1s}.hb-v3-letter-lab.hb-demo-enter>div>span:nth-of-type(3){animation-delay:.2s}
.hb-landing .hb-motion-reveal.hb-stagger-1{transition-delay:.07s}.hb-landing .hb-motion-reveal.hb-stagger-2{transition-delay:.14s}.hb-landing .hb-motion-reveal.hb-stagger-3{transition-delay:.21s}
@media(hover:hover) and (pointer:fine){.hb-landing #plans .kc-plan:hover .hb-book{transform:perspective(650px) rotateX(var(--hb-tilt-x,0deg)) rotateY(calc(-8deg + var(--hb-tilt-y,0deg))) rotate(-1deg) translateY(-6px)}.hb-landing .kc-button:hover{translate:0 -2px}.hb-landing .hb-path-grid>a:hover>span{rotate:-6deg;scale:1.07}.hb-path-grid>a>span{transition:rotate .25s,scale .25s}}
.hb-motion-inactive,.hb-motion-inactive *{animation-play-state:paused!important}

@media(max-width:600px){.hb-topic-ribbon{padding:13px 0}.hb-topic-set>span{font-size:14px}.hb-v3-phone-lesson{min-height:170px}.hb-v3-phone-lesson>p{font-size:22px!important}.hb-hero-motion-toggle{margin-top:12px;font-size:10px}.hb-v3-stage{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.hb-landing *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hb-landing .hb-motion-reveal{opacity:1;translate:0 0}.hb-landing #plans .kc-plan:hover .hb-book{transform:perspective(650px) rotateY(-13deg) rotate(-2deg)}.hb-topic-track{transform:none}.hb-landing .kc-button:hover{translate:0 0}.hb-landing .hb-path-grid>a:hover>span{rotate:0deg;scale:1}}

.hb-v3-phone:is(:hover,:focus-within),.hb-v3-letter-lab:is(:hover,:focus-within){animation-play-state:paused}
@media(max-width:600px){.hb-v3-phone{height:auto;min-height:420px;margin-bottom:-100px}.hb-v3-phone-lesson>h2{min-height:0}}

.hb-landing .hb-v3-phone-lesson>p{white-space:normal;overflow-wrap:anywhere}
/* v2.45.1: sequential card-to-card connecting motion. */
@keyframes hb-path-travel{0%{stroke-dashoffset:1;opacity:0}3%{opacity:1}22%{stroke-dashoffset:-.18;opacity:1}26%,100%{stroke-dashoffset:-.18;opacity:0}}
@keyframes hb-path-arrive{0%,25%,100%{box-shadow:0 0 0 0 #0b9d7900}8%{box-shadow:0 0 0 7px #0b9d7915,0 0 24px #0b9d7925}20%{box-shadow:0 0 0 2px #0b9d7908}}
.hb-path-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.hb-path-wire{fill:none;stroke:#b9d9c8;stroke-width:1.8;stroke-dasharray:.09 .07;vector-effect:non-scaling-stroke}.hb-path-signal{fill:none;stroke:#0a9676;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:.18 1;stroke-dashoffset:1;opacity:0;animation:hb-path-travel 8s linear infinite;animation-play-state:paused;vector-effect:non-scaling-stroke}.hb-path-signal.hb-path-link-1{animation-delay:2s}.hb-path-signal.hb-path-link-2{animation-delay:4s}
.hb-landing .hb-path-grid.hb-has-connectors:before{display:none}.hb-landing .hb-path-grid.hb-has-connectors>a>span{animation:hb-path-arrive 8s ease-in-out infinite;animation-play-state:paused}.hb-landing .hb-path-grid.hb-has-connectors>a:nth-of-type(2)>span{animation-delay:2s}.hb-landing .hb-path-grid.hb-has-connectors>a:nth-of-type(3)>span{animation-delay:4s}.hb-landing .hb-path-grid.hb-has-connectors>a:nth-of-type(4)>span{animation-delay:6s}.hb-path-motion-active .hb-path-signal,.hb-landing .hb-path-grid.hb-path-motion-active>a>span{animation-play-state:running}
@media(max-width:760px){.hb-path-connectors{display:none}.hb-landing .hb-path-grid.hb-has-connectors>a>span{animation:none}}
@media(prefers-reduced-motion:reduce){.hb-path-signal{display:none}.hb-landing .hb-path-grid.hb-has-connectors>a>span{animation:none!important;box-shadow:none}}