/* Hint Plus 2.8.2 — final theme, contrast and responsive corrections */
:root{--hp-navy:#071f45;--hp-navy-2:#0d3267;--hp-gold:#f2bf3e;--hp-blue:#2874f0;--hp-cyan:#45c5dd;--hp-ink:#0b1f3f;--hp-muted:#60708a;--hp-line:#d8e2f0;--hp-card:#fff;--hp-page:#f5f8fc}
body{overflow-x:hidden}
body.hp-dark{background:#061a36!important;color:#eaf2ff!important;color-scheme:dark}
body.hp-dark header{background:#071f45!important;border-color:#f2bf3e!important}
body.hp-dark header nav a,body.hp-dark header .nav-cta{color:#eef5ff!important}
body.hp-dark header .brand-mark{filter:drop-shadow(0 4px 10px rgba(242,191,62,.22)) brightness(1.12) contrast(1.08)}
body.hp-dark main,body.hp-dark .page-section{background:#071f45!important;color:#eaf2ff!important}
body.hp-dark .v2-hero,body.hp-dark .how,body.hp-dark .cs-process{background:#071f45!important}
body.hp-dark .v2-hero h1,body.hp-dark .v2-hero h2,body.hp-dark .v2-hero h3,body.hp-dark .v2-hero p,body.hp-dark .how h2,body.hp-dark .cs-process h2{color:#f7faff!important}
body.hp-dark .v2-hero p,body.hp-dark .how p,body.hp-dark .cs-process p{color:#c8d6ea!important}
body.hp-dark .resource-grid>a,body.hp-dark .cs-service-grid article,body.hp-dark .cs-tree a,body.hp-dark .cs-panel.light,body.hp-dark .hp-service-directory article,body.hp-dark .hp-faq-list details{background:#f8fbff!important;color:#0b1f3f!important;border-color:#cbd8e9!important}
body.hp-dark .resource-grid>a h3,body.hp-dark .cs-service-grid article h3,body.hp-dark .cs-tree a b,body.hp-dark .cs-panel.light h3,body.hp-dark .hp-service-directory h3,body.hp-dark .hp-faq-list summary{color:#0b1f3f!important}
body.hp-dark .resource-grid>a p,body.hp-dark .cs-service-grid article p,body.hp-dark .cs-tree a span,body.hp-dark .cs-panel.light li,body.hp-dark .hp-service-directory p,body.hp-dark .hp-faq-list p{color:#52647e!important}
body.hp-dark .resource-grid>a h1,body.hp-dark .resource-grid>a h2,body.hp-dark .resource-grid>a h3,body.hp-dark .resource-grid>a h4,body.hp-dark .cs-service-grid article h1,body.hp-dark .cs-service-grid article h2,body.hp-dark .cs-service-grid article h3,body.hp-dark .cs-steps article h3,body.hp-dark .hp-learning-journey .steps article h3,body.hp-dark .platform-card h3,body.hp-dark .quick-card h3,body.hp-dark .portfolio-card h3{color:#0b1f3f!important}
body.hp-dark .resource-grid>a p,body.hp-dark .cs-service-grid article p,body.hp-dark .cs-steps article p,body.hp-dark .hp-learning-journey .steps article p,body.hp-dark .platform-card p,body.hp-dark .quick-card p,body.hp-dark .portfolio-card p{color:#52647e!important}
body.hp-dark .resource-grid>a small,body.hp-dark .cs-service-grid article small,body.hp-dark .platform-card small,body.hp-dark .quick-card small{color:#66758c!important}
body.hp-dark .v2-visual .visual-chip{background:#fff!important;color:#0b1f3f!important}
body.hp-dark .v2-visual .visual-chip small{color:#5a6b83!important}
.student-content{padding-top:clamp(36px,6vw,82px)!important}
.student-content .filter-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:28px!important}
.student-content .filter{border:1px solid #cfdbea!important;background:#fff!important;color:#0b1f3f!important;border-radius:999px!important;padding:12px 20px!important;font-weight:750!important}
.student-content .filter.active{background:#071f45!important;color:#fff!important;border-color:#071f45!important}
.hp-student-marquees{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;border-block:1px solid #ecd99c;background:#fffaf0;margin-bottom:clamp(42px,6vw,80px)}
.hp-resource-track{overflow:hidden;padding:10px 0}.hp-resource-track+ .hp-resource-track{border-top:1px solid #ecd99c}
.hp-resource-track>div{display:flex;width:max-content;gap:12px;animation:hpTicker 42s linear infinite}.hp-resource-track.reverse>div{animation-direction:reverse;animation-duration:48s}
.hp-resource-track a{width:330px;min-height:78px;padding:13px 16px;display:grid;grid-template-columns:48px 1fr 20px;grid-template-rows:auto auto;gap:2px 12px;align-items:center;background:#fff;border:1px solid #eadba9;border-radius:16px;color:#0b1f3f;text-decoration:none}
.hp-resource-track a>span{grid-row:1/3;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0ae,#f2bf3e);font-weight:800}.hp-resource-track a b{font-size:15px}.hp-resource-track a small{font-size:11px;color:#66758c}.hp-resource-track a i{grid-column:3;grid-row:1/3;font-style:normal;color:#b37b00;font-size:20px}
@keyframes hpTicker{to{transform:translateX(-50%)}}
.hp-learning-journey{display:block!important;padding:clamp(64px,8vw,120px) max(6vw,calc((100vw - 1640px)/2))!important}
.hp-learning-journey>div:first-child{text-align:center;margin:0 auto 52px}.hp-learning-journey>div:first-child h2{font-size:clamp(36px,5vw,68px)!important;line-height:1.04!important}
.hp-learning-journey .steps,.cs-process .cs-steps{position:relative!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:30px 88px!important;max-width:1500px;margin:auto}
.hp-learning-journey .steps:before,.cs-process .cs-steps:before{content:"";position:absolute;left:50%;top:10px;bottom:10px;width:3px;background:linear-gradient(#f2bf3e,#45c5dd);transform:translateX(-50%)}
.hp-learning-journey .steps article,.cs-process .cs-steps article{position:relative!important;display:grid!important;grid-template-columns:64px 1fr!important;gap:20px!important;padding:30px!important;border:1px solid rgba(242,191,62,.7)!important;border-radius:24px!important;background:#fff!important;color:#0b1f3f!important;box-shadow:0 18px 45px rgba(5,27,59,.08)}
.hp-learning-journey .steps article>span,.cs-process .cs-steps article>div{grid-column:2}
.hp-learning-journey .steps article:nth-child(even),.cs-process .cs-steps article:nth-child(even){grid-column:2}.hp-learning-journey .steps article:nth-child(odd),.cs-process .cs-steps article:nth-child(odd){grid-column:1}.hp-learning-journey .steps article b{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#fff4ce;color:#976600!important}.hp-learning-journey .steps small,.cs-process .cs-steps span{color:#1184a4!important;font-weight:800;letter-spacing:.11em}.hp-learning-journey .steps h3,.cs-process .cs-steps h3{color:#0b1f3f!important;font-size:24px!important;margin:5px 0 8px!important}.hp-learning-journey .steps p,.cs-process .cs-steps p{color:#5b6b83!important;margin:0!important}
.hp-learning-trusted,.hp-tech-trusted{padding:clamp(60px,8vw,110px) 0;background:#eaf8fb;color:#0b1f3f;overflow:hidden}.hp-learning-trusted>div:first-child,.hp-tech-trusted>div:first-child{width:min(1640px,88vw);margin:0 auto 42px}.hp-learning-trusted span,.hp-tech-trusted span{color:#087f9e;font-weight:800;letter-spacing:.14em}.hp-learning-trusted h2,.hp-tech-trusted h2{font-size:clamp(34px,5vw,68px);line-height:1.05;max-width:900px;color:#071f45;margin:14px 0}.hp-logo-marquee{overflow:hidden}.hp-logo-marquee>div{display:flex;width:max-content;gap:18px;animation:hpTicker 50s linear infinite}.hp-logo-marquee article{width:230px;height:150px;background:#fff;border:1px solid #d7e5eb;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#0b1f3f}.hp-logo-marquee img{width:72px;height:72px;object-fit:contain}.hp-logo-marquee b{text-align:center;font-size:14px}
body.hp-dark .hp-learning-trusted,body.hp-dark .hp-tech-trusted{background:#082650!important}body.hp-dark .hp-learning-trusted h2,body.hp-dark .hp-tech-trusted h2{color:#fff!important}body.hp-dark .hp-learning-trusted p,body.hp-dark .hp-tech-trusted p{color:#c9d7e9!important}
body.hp-dark .hp-learning-journey .steps article,body.hp-dark .cs-process .cs-steps article{background:#f8fbff!important;color:#0b1f3f!important}
body.hp-dark .student-content{background:#071f45!important}.hp-theme-toggle{appearance:none;border:1px solid #cbd8e9;border-radius:999px;background:#fff;color:#071f45;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;cursor:pointer}.hp-theme-toggle i{width:32px;height:18px;border-radius:999px;background:#dbe7f5;position:relative}.hp-theme-toggle i:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#2874f0;transition:.2s}.hp-theme-toggle[aria-pressed="true"]{background:#102f5e;color:#fff;border-color:#31527e}.hp-theme-toggle[aria-pressed="true"] i:after{left:17px;background:#f2bf3e}
@media(max-width:800px){.hp-learning-journey .steps,.cs-process .cs-steps{grid-template-columns:1fr!important;gap:18px!important;padding-left:30px}.hp-learning-journey .steps:before,.cs-process .cs-steps:before{left:9px}.hp-learning-journey .steps article,.hp-learning-journey .steps article:nth-child(n),.cs-process .cs-steps article,.cs-process .cs-steps article:nth-child(n){grid-column:1!important;padding:22px!important;grid-template-columns:48px 1fr!important}.hp-resource-track a{width:275px}.hp-logo-marquee article{width:180px;height:130px}body header nav{background:#071f45!important}body header nav a{color:#fff!important}.student-content{padding-top:28px!important}}
@media(prefers-reduced-motion:reduce){.hp-resource-track>div,.hp-logo-marquee>div{animation-play-state:paused}}

/* 2.9.0 final visual corrections */
.hp-learning-trusted,.hp-tech-trusted,body.hp-dark .hp-learning-trusted,body.hp-dark .hp-tech-trusted{background:#eaf8fb!important;color:#0b1f3f!important}
body.hp-dark .hp-learning-trusted h2,body.hp-dark .hp-tech-trusted h2{color:#071f45!important}
body.hp-dark .hp-learning-trusted span,body.hp-dark .hp-tech-trusted span{color:#087f9e!important}
body.hp-dark .hp-learning-trusted p,body.hp-dark .hp-tech-trusted p{color:#52647e!important}
body.hp-dark .hp-logo-marquee article{background:#fff!important;border-color:#d7e5eb!important;color:#0b1f3f!important}
body.hp-dark .hp-logo-marquee b{color:#0b1f3f!important}
.browser-screen.actual{height:auto!important;aspect-ratio:16/10!important;overflow:hidden!important;background:#eef3f8!important;padding:0!important;display:block!important}
.browser-screen.actual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;background:transparent!important;opacity:1!important;filter:none!important}
.portfolio-card:hover .browser-screen.actual img{transform:none!important}
body.hp-dark .browser-screen.actual{background:#eef3f8!important}
header .brand-mark{object-fit:contain!important}
body.hp-dark header .brand-mark{filter:drop-shadow(0 2px 4px rgba(0,0,0,.55)) brightness(1.22) contrast(1.12)!important}

/* 2.9.1 layout and asset visibility corrections */
header{z-index:999!important}header nav,header nav a,.nav-cta{pointer-events:auto!important}
.hp-learning-journey,body.hp-dark .hp-learning-journey{background:#071f45!important;color:#fff!important}
.hp-learning-journey>div:first-child h2,body.hp-dark .hp-learning-journey>div:first-child h2{color:#fff!important}
.hp-learning-journey .steps article,body.hp-dark .hp-learning-journey .steps article{background:#123766!important;border-color:#315b89!important;color:#fff!important;box-shadow:none!important}
.hp-learning-journey .steps h3,body.hp-dark .hp-learning-journey .steps h3{color:#fff!important}
.hp-learning-journey .steps p,body.hp-dark .hp-learning-journey .steps p{color:#cbd9ea!important}
.hp-learning-journey .steps small,body.hp-dark .hp-learning-journey .steps small{color:#59d5e9!important}
.hp-learning-journey .steps article b,body.hp-dark .hp-learning-journey .steps article b{background:#f2bf3e!important;color:#071f45!important}
.hp-logo-marquee article b,body.hp-dark .hp-logo-marquee article b{display:block!important;min-height:20px!important;color:#0b1f3f!important;opacity:1!important;visibility:visible!important;line-height:1.25!important}
.hp-logo-marquee article{height:172px!important;padding:16px 12px!important}
.browser-screen.actual{height:440px!important;aspect-ratio:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important}
.browser-screen.actual img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center top!important;background:#fff!important}
.cs-process .cs-steps article>span{grid-column:1!important;grid-row:1/3!important;align-self:start!important}
.cs-process .cs-steps article>h3,.cs-process .cs-steps article>p{grid-column:2!important;width:auto!important;max-width:none!important}
.cs-process .cs-steps article>h3{grid-row:1!important}.cs-process .cs-steps article>p{grid-row:2!important}
@media(max-width:800px){.browser-screen.actual{height:360px!important}.hp-learning-journey>div:first-child{text-align:left!important}.cs-process .cs-steps article{grid-template-columns:52px minmax(0,1fr)!important}}
html,body{max-width:100%;overflow-x:clip!important}.action-marquee,.action-row,.hp-student-marquees,.hp-resource-track{max-width:100vw!important;contain:paint}

/* 2.9.2 consistent visual timelines, responsive navigation and hero imagery */
.hp-web-design .inner-tech-hero,.hp-hosting .inner-tech-hero{position:relative;isolation:isolate;overflow:hidden;min-height:620px}
.hp-web-design .inner-tech-hero:before,.hp-hosting .inner-tech-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#061a3c 0%,#061a3cf5 42%,#061a3c70 68%,#061a3c2b),url('hintplus-founder-coding-hero-v5.png') center/cover no-repeat}
.hp-web-design .inner-tech-hero>* ,.hp-hosting .inner-tech-hero>*{position:relative;z-index:1;max-width:720px}
.hp-delivery-system{padding:clamp(70px,8vw,115px) max(6vw,calc((100vw - 1500px)/2))!important}
.hp-delivery-system .tech-heading{max-width:980px!important;margin:0 auto 58px!important;text-align:center!important}
.hp-delivery-system .tech-heading h2{color:#fff!important;font-size:clamp(38px,5vw,72px)!important;line-height:1.05!important}
.hp-delivery-timeline article h3{color:#fff!important}.hp-delivery-timeline article p{color:#c4d2e6!important}
@media(max-width:1050px){body header #nav{background:#071f45!important;border:1px solid #53729a!important;box-shadow:0 22px 45px rgba(0,0,0,.3)!important}body header #nav a{display:block!important;color:#eef5ff!important;opacity:1!important;border-color:#ffffff1f!important}body header #nav a:hover,body header #nav a.active{background:#fff!important;color:#071f45!important;border-color:#f2bf3e!important}.menu i{background:#fff!important}}
@media(max-width:800px){.hp-web-design .inner-tech-hero,.hp-hosting .inner-tech-hero{min-height:650px}.hp-web-design .inner-tech-hero:before,.hp-hosting .inner-tech-hero:before{background:linear-gradient(180deg,#061a3cf2 0%,#061a3cdd 68%,#061a3cb0),url('hintplus-founder-coding-hero-v5.png') 62% center/cover no-repeat}.hp-delivery-system .tech-heading{text-align:left!important;margin-bottom:40px!important}}

/* 2.9.3 contact visual and full-width timeline in both site modes */
.how.hp-delivery-system{display:block!important;max-width:none!important;width:100%!important;margin:0!important;grid-template-columns:none!important}
.how.hp-delivery-system .hp-delivery-timeline{width:min(1240px,100%)!important;margin:0 auto!important}
.hp-tech-contact .inner-tech-hero{position:relative;isolation:isolate;overflow:hidden;min-height:620px}
.hp-tech-contact .inner-tech-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#061a3c 0%,#061a3cf5 42%,#061a3c70 68%,#061a3c2b),url('hintplus-company-consultation-v2.png') center/cover no-repeat}
.hp-tech-contact .inner-tech-hero>*{position:relative;z-index:1;max-width:720px}
@media(max-width:800px){.hp-tech-contact .inner-tech-hero{min-height:650px}.hp-tech-contact .inner-tech-hero:before{background:linear-gradient(180deg,#061a3cf4,#061a3cdd 70%,#061a3ca8),url('hintplus-company-consultation-v2.png') 60% center/cover no-repeat}}