/* hx-hero v1 (8 Oct 2026): US: Tutorings template hero + trustbar (tpl-v11), rescoped sp- -> hx- for static pages */
.hx-cnt,.hx-gword,.hx-i6541c5,.hx-ic1918c,.hx-ie3a879,.hx-if96ba4{opacity: 1;}
.hx-stars{letter-spacing: 1px; font-size: 15px;}
.hx-wrap-1{margin: 0px auto;}
.hx-btn{gap: 8px; color: rgb(255, 255, 255); letter-spacing: -0.01em; justify-content: center; align-items: center; min-height: 52px; padding: 0px 26px; font-size: 16px; font-weight: 900; text-decoration: none; box-shadow: rgba(23, 57, 77, 0.12) 0px 1px 2px;}
.hx-bgimg,.hx-cta,.hx-dot,.hx-fc,.hx-h1b{opacity: 1;}
.hx-hero{padding-top: 96px;}
.hx-hv3{background-color: rgb(15, 42, 58); position: relative; overflow: hidden;}
.hx-sub2{opacity: 1;}
.hx-tpword{gap: 5px; color: rgb(0, 182, 122); letter-spacing: -0.01em; align-items: center; font-size: 15px; font-weight: 700;}
.hx-ico{opacity: 1;}
.hx-mrq{background-color: rgba(23, 57, 77, 0.03); padding: 32px 0px; overflow: hidden;}
.hx-mrq-i{gap: 12px; letter-spacing: -0.01em; white-space: nowrap; align-items: center; font-size: 14px; font-weight: 700; line-height: 21px;}
.hx-mrq-row{gap: 40px; align-items: center; padding-right: 40px;}
.hx-mrq-track{width: max-content;}
.hx-sc,.hx-tps{opacity: 1;}
.hx-root{display: block;}
.hx-i6541c5.hx-i6541c5.hx-i6541c5.hx-i6541c5{color: rgb(234, 67, 53) !important;}
.hx-ic1918c.hx-ic1918c.hx-ic1918c.hx-ic1918c{color: rgb(66, 133, 244) !important;}
.hx-ie3a879.hx-ie3a879.hx-ie3a879.hx-ie3a879{color: rgb(52, 168, 83) !important;}
.hx-if96ba4.hx-if96ba4.hx-if96ba4.hx-if96ba4{color: rgb(251, 188, 5) !important;}
.hx-hv3,.hx-mrq{margin-inline: -16px;}
.hx-root{--ink: #17394D; --body: rgba(23,57,77,.72); --muted: rgba(23,57,77,.70); --faint: rgba(23,57,77,.60); --blue: #00A3FF; --blue-ink: #0077C2; --white: #fff; --sky: #F0FAFF; --sky2: #E0F4FF; --lilac: #F7F4FC; --peach: #FFE9D2; --line: rgba(23,57,77,.08); --edge: #C2E9FF; --r-lg: 20px; --r-md: 12px; --r-sm: 8px; --sh: 0 0 2px 1px rgba(23,57,77,.05); --sh-lift: 0 16px 32px rgba(23,57,77,.10); --display: Satoshi,"Hanken Grotesk",Hankengrotesk,system-ui,sans-serif; --sans: "Hanken Grotesk",Hankengrotesk,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --ui: Outfit,"Hanken Grotesk",Hankengrotesk,system-ui,sans-serif; --purple: #832EC5; --green-d: #1E8E5A; --green: #D0FBE4; --max: 1120px; --blue-d: #0077C2; --line2: rgba(23,57,77,.18); --tint: #E0F4FF; --paper: #F0FAFF; --navy: #17394D; --star: #F6B100;}
:where(.hx-root) *{box-sizing: border-box;}
.hx-root{margin: 0px; background: rgb(255, 255, 255); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.5; padding-inline: 16px; -webkit-font-smoothing: antialiased;}
.hx-wrap-1{max-width: var(--max); margin: 0px auto;}
:where(.hx-root) a{color: var(--blue-ink);}
:where(.hx-root) a.hx-btn,.hx-btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--blue); color: rgb(255, 255, 255); font-family: var(--display); font-weight: 900; text-decoration: none; border-radius: var(--r-md); min-height: 52px; padding: 0px 26px; font-size: 16px; letter-spacing: -0.01em; box-shadow: rgba(23, 57, 77, 0.12) 0px 1px 2px; transition: background 0.2s;}
@media (hover: hover){:where(.hx-root) a.hx-btn:hover,.hx-btn:hover{background: rgb(0, 146, 230);}}
:where(.hx-root) h1{margin: 0px; font-family: var(--display); font-weight: 900; color: var(--ink); line-height: 1.1; text-wrap: balance;}
:where(.hx-root) h1{font-size: clamp(36px, 4.2vw, 58px); letter-spacing: -0.03em;}
:where(.hx-root) p{margin: 0px;}
:where(.hx-root) section{padding-block: 72px;}
@media (min-width: 900px){:where(.hx-root) section{padding-block: 104px;}}
.hx-hero .hx-wrap-1{display: grid; gap: 40px; align-items: center;}
@media (min-width: 900px){.hx-hero .hx-wrap-1{grid-template-columns: 1fr 1fr; gap: 72px;}}
.hx-h1b{color: var(--blue);}
.hx-stars{color: var(--star); letter-spacing: 1px; font-size: 15px;}
.hx-gword b{font-weight: 800; letter-spacing: -0.02em;}
.hx-hero .hx-wrap-1 > *{min-width: 0px;}
@media (max-width: 719.98px){:where(.hx-root) section{padding-block: 56px;}}
@media (max-width: 719.98px){.hx-hero .hx-wrap-1{gap: 0px;}}
@media (max-width: 719.98px){.hx-hero .hx-wrap-1 > div:first-child{display: contents;}}
@media (max-width: 719.98px){.hx-hero h1{order: 1;}}
.hx-tpword{display: inline-flex; align-items: center; gap: 5px; font-family: var(--ui); font-weight: 700; font-size: 15px; color: rgb(0, 182, 122); letter-spacing: -0.01em;}
@media (min-width: 720px){.hx-hero{padding-top: 112px;}}
@media (min-width: 900px){.hx-hero{padding-top: 160px;}}
.hx-mrq{background: rgb(255, 255, 255); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow: hidden; padding: 17px 0px;}
.hx-mrq-track{display: flex; width: max-content;}
.hx-mrq-row{display: flex; align-items: center; gap: 58px; padding-right: 58px; animation: 46s linear 0s infinite normal none running mrqscroll;}
.hx-mrq:hover .hx-mrq-row{animation-play-state: paused;}
.hx-mrq-i{display: flex; align-items: center; gap: 9px; white-space: nowrap; font-family: var(--ui); font-weight: 700; font-size: 16px; color: var(--ink); letter-spacing: -0.01em;}
.hx-mrq-i .hx-tpword{font-family: var(--ui); font-weight: 700; font-size: 15px; color: rgb(0, 182, 122); letter-spacing: -0.01em;}
.hx-mrq-i .hx-gword b{font-family: var(--ui); font-weight: 700; font-size: 16px; letter-spacing: -0.02em;}
.hx-mrq-i .hx-sc{font-size: 16px;}
.hx-mrq-i .hx-tps{display: flex; gap: 2px; line-height: 0;}
.hx-mrq-i .hx-stars{color: var(--star); font-size: 15px; letter-spacing: 1px;}
.hx-mrq-i .hx-cnt{font-weight: 600; font-size: 14px; color: var(--muted);}
@media (max-width: 719.98px){.hx-mrq{padding: 13px 0px;}}
@media (max-width: 719.98px){.hx-mrq-row{gap: 36px; padding-right: 36px;}}
@media (max-width: 719.98px){.hx-mrq-i{font-size: 15px;}}
@media (prefers-reduced-motion: reduce){.hx-mrq-row{animation: auto ease 0s 1 normal none running none;}}
.hx-mrq{background: rgba(23, 57, 77, 0.03); border-top: 0px; border-bottom: 0px; padding: 32px 0px;}
.hx-mrq-row{gap: 40px; padding-right: 40px;}
.hx-mrq-i{gap: 12px; font-family: var(--sans); font-weight: 700; font-size: 14px; line-height: 21px;}
.hx-mrq-i .hx-tpword{font-family: var(--sans); font-weight: 700; font-size: 14px; color: var(--ink);}
.hx-mrq-i .hx-gword b{font-size: 19px; letter-spacing: -0.03em;}
.hx-mrq-i .hx-sc{font-size: 14px;}
.hx-mrq-i .hx-tps{gap: 0px;}
.hx-mrq-i .hx-stars{font-size: 13px; letter-spacing: 0.5px;}
.hx-mrq-i .hx-cnt{font-weight: 600; font-size: 13px; color: rgba(23, 57, 77, 0.55);}
.hx-mrq-i .hx-ico{width: 22px; height: 22px; display: block;}
@media (max-width: 719.98px){.hx-mrq{padding: 20px 0px;}}
@media (max-width: 719.98px){.hx-mrq-row{gap: 28px; padding-right: 28px;}}
@media (max-width: 719.98px){.hx-mrq-i{font-size: 13px; gap: 9px;}}
.hx-hv3{position: relative; background: rgb(15, 42, 58); overflow: hidden; padding: 0px !important;}
.hx-hv3 .hx-bgimg{position: absolute; top: 0px; bottom: 0px; height: 100%; object-fit: cover;}
.hx-hv3.hx-bl .hx-bgimg{left: 0px; width: 100%;}
.hx-hv3.hx-bl::before{content: ""; position: absolute; inset: 0px; z-index: 1;}
.hx-hv3.hx-bl::before{background: linear-gradient(90deg, rgba(12, 34, 48, 0.93) 0%, rgba(12, 34, 48, 0.8) 36%, rgba(12, 34, 48, 0.15) 68%, rgba(12, 34, 48, 0) 100%);}
.hx-hv3 .hx-wrap-1{position: relative; z-index: 2; padding: 150px 32px 110px; display: flex !important;}
.hx-hv3 .hx-wrap-1 > div{max-width: 560px;}
.hx-hv3 .hx-wrap-1 > div:first-child{display: block !important;}
.hx-hv3 h1{color: rgb(255, 255, 255);}
.hx-hv3 .hx-h1b{color: rgb(127, 209, 255);}
.hx-hv3 .hx-one{font-size: 19px; line-height: 1.5; color: rgba(255, 255, 255, 0.86); max-width: 30em; margin-top: 18px;}
.hx-hv3 .hx-cta{display: inline-flex; align-items: center; gap: 10px; margin-top: 28px; padding: 18px 30px; font-size: 18px; border-radius: 14px; box-shadow: rgba(0, 163, 255, 0.35) 0px 10px 24px;}
.hx-hv3 .hx-sub2{margin-top: 12px; font-size: 14px; color: rgba(255, 255, 255, 0.72);}
.hx-hv3 .hx-sub2 b{color: rgb(255, 255, 255); font-weight: 600;}
.hx-hv3 .hx-pline{display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 24px; font-size: 15px; color: rgba(255, 255, 255, 0.86);}
.hx-hv3 .hx-pline .hx-fc{display: flex;}
.hx-hv3 .hx-pline .hx-fc img{width: 32px; height: 32px; border-radius: 50%; border: 2px solid rgb(15, 42, 58); margin-left: -9px; object-fit: cover;}
.hx-hv3 .hx-pline .hx-fc img:first-child{margin-left: 0px;}
.hx-hv3 .hx-pline .hx-stars{color: var(--star); letter-spacing: 1px;}
.hx-hv3 .hx-dot{width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 255, 255, 0.4);}
@media (max-width: 899.98px){.hx-hv3 .hx-bgimg{position: relative; display: block; height: 320px; mask-image: none; width: 100% !important;}}
@media (max-width: 899.98px){.hx-hv3::before,.hx-hv3.hx-bl::before{top: 0px; bottom: auto; height: 320px; background: linear-gradient(rgba(12, 34, 48, 0) 45%, rgb(15, 42, 58) 100%) !important;}}
@media (max-width: 899.98px){.hx-hv3 .hx-wrap-1{margin-top: -44px; padding: 0px 16px 48px !important; justify-content: flex-start !important;}}
@media (max-width: 899.98px){.hx-hv3 .hx-cta{width: 100%; justify-content: center;}}
@media (max-width: 899.98px){.hx-hv3 .hx-one{font-size: 17px;}}
@media (max-width: 899.98px){.hx-hv3 .hx-pline{font-size: 14px; gap: 8px;}}
@media (max-width: 899.98px){.hx-hv3 .hx-pline .hx-fc img{width: 28px; height: 28px;}}
.hx-hv3.hx-hb .hx-bgimg{object-position: 70% 45%;}
@media (max-width: 899.98px){.hx-hv3.hx-hb .hx-bgimg{object-position: 70% 40%;}}
@media (min-width: 900px){.hx-hv3.hx-su .hx-wrap-1 > div{max-width: 720px;}}
@media (min-width: 900px){.hx-hv3.hx-su h1{font-size: clamp(40px, 3.7vw, 50px);}}
.hx-hv3 .hx-bgimg{object-position: var(--dpos,50% 30%);}
@media (max-width: 899.98px){.hx-hv3 .hx-bgimg{object-position: var(--mpos,50% 25%);}}
.hx-root{font-family: var(--sans); font-size: 16px; line-height: 1.5; color: var(--ink); -webkit-font-smoothing: antialiased; letter-spacing: normal;}
:where(.hx-root) ol{margin: 0px; padding: 0px;}
.hx-root.hx-root{padding-inline: 0px;}
.hx-root .hx-wrap-1{max-width: min(var(--max),calc(100% - 32px));}
.hx-root{--sp-hdr: 74px;}
@media (max-width: 1100px){.hx-root{--sp-hdr: 72px;}}
@media (max-width: 991.98px){.hx-root{--sp-hdr: 56px;}}
@media (max-width: 479.98px){.hx-root{--sp-hdr: 52px;}}
.hx-root .hx-hv3{margin-top: var(--sp-hdr);}
:where(.hx-root) p{font-size: inherit; line-height: inherit;}
:where(.hx-root) b{font-weight: bolder; font-size: inherit; line-height: inherit;}
.hx-hv3 h1 .hx-h1b{display: block;}
.hx-hv3 .hx-cta::after{content: "→"; font-style: normal; font-size: 20px;}
.hx-root .hx-hv3,.hx-root .hx-mrq{margin-inline: 0px;}
.hx-root .hx-hv3{display: grid; align-content: center; min-height: calc(100svh - var(--sp-hdr,104px) - var(--sp-mrq,87px));}
.hx-root .hx-hv3 > .hx-wrap-1{width: 100%;}
@media (min-width: 900px){.hx-root .hx-hv3 .hx-wrap-1{padding-top: clamp(24px, 5vh, 120px); padding-bottom: clamp(24px, 5vh, 110px);}}
@media (min-width: 900px){.hx-root .hx-hv3.hx-su h1{font-size: clamp(32px, min(3.7vw, 5.6vh), 50px);}}
@media (min-width: 900px){.hx-root .hx-hv3 .hx-one{font-size: clamp(16px, 2.2vh, 19px); margin-top: clamp(10px, 2vh, 18px);}}
@media (min-width: 900px){.hx-root .hx-hv3 .hx-cta{margin-top: clamp(16px, 3.2vh, 28px); padding: clamp(14px, 2vh, 18px) 30px;}}
@media (min-width: 900px){.hx-root .hx-hv3 .hx-pline{margin-top: clamp(12px, 2.6vh, 24px);}}
@media (max-width: 899.98px){.hx-root .hx-hv3{display: flex; flex-direction: column;}}
@media (max-width: 899.98px){.hx-root .hx-hv3 .hx-bgimg,.hx-root .hx-hv3 .hx-bgimg{flex: 1 1 0px; min-height: 104px; max-height: 460px; mask-image: linear-gradient(rgb(0, 0, 0) 50%, transparent 100%); height: auto !important;}}
@media (max-width: 899.98px){.hx-root .hx-hv3::before,.hx-root .hx-hv3.hx-bl::before{display: none;}}
@media (max-width: 899.98px){.hx-root .hx-hv3 > .hx-wrap-1{flex: 0 0 auto; padding-bottom: 28px !important;}}
@media (max-width: 899.98px){.hx-root .hx-hv3 .hx-bgimg{height: 210px;}}
@media (max-width: 899.98px){.hx-root .hx-hv3::before,.hx-root .hx-hv3.hx-bl::before{height: 210px;}}
@media (max-width: 899.98px){.hx-root .hx-hv3 .hx-wrap-1{margin-top: -28px;}}
@media (max-width: 899.98px){.hx-root .hx-hv3 h1{font-size: 31px; line-height: 1.08; letter-spacing: -0.025em;}}
@media (max-width: 899.98px){.hx-root .hx-hv3 .hx-one{font-size: 16px; line-height: 1.5; margin-top: 12px;}}
@media (max-width: 899.98px){.hx-root .hx-hv3 .hx-cta{margin-top: 18px;}}
@media (max-width: 899.98px) and (max-height: 720px){.hx-root .hx-hv3 .hx-bgimg{height: 150px;}}
@media (max-width: 899.98px) and (max-height: 720px){.hx-root .hx-hv3::before,.hx-root .hx-hv3.hx-bl::before{height: 150px;}}
@keyframes mrqscroll {    0% { transform: translateX(0px); }   100% { transform: translateX(-100%); } }
.hx-hv3>.w-embed:first-child{display:contents}
.hx-col>.w-embed{display:block}
.hx-hv3 h1.hx-h1{margin:0;text-align:left}
.hx-hv3 .hx-cta{text-decoration:none}
.hx-hv3 .hx-one,.hx-hv3 .hx-sub2{text-align:left}