/* Huy profile 1.5.49 — one responsive layout, full-width section backgrounds. */
body.htp-profile-page #page,body.htp-profile-page .site-content,body.htp-profile-page .content-area,body.htp-profile-page .site-main{width:100%;max-width:none;margin:0;padding:0}body.htp-profile-page .site-content{display:block}body.htp-profile-page .widget-area{display:none}body.htp-profile-page .inside-article{padding:0;background:transparent}
.hpp{--red:#ed1c24;--black:#111318;--muted:#646a75;--line:#e3e5e9;width:100%;background:#fff;color:var(--black);font:400 18px/1.65 Lato,Arial,sans-serif}.hpp *{box-sizing:border-box}.hpp [hidden]{display:none!important}.hpp a{color:inherit;text-decoration:none}.hpp img{display:block;max-width:100%;height:auto}.hpp button,.hpp input,.hpp textarea,.hpp select{font-family:inherit}.hpp button{cursor:pointer}.hpp p{margin:0 0 20px}.hpp h1,.hpp h2{font-family:Anton,Arial,sans-serif;font-weight:400;text-transform:uppercase;color:inherit;margin:0 0 20px;line-height:1.12;text-wrap:balance}.hpp h1{font-size:clamp(54px,4.5vw,76px);line-height:1.08}.hpp h2{font-size:clamp(36px,3.4vw,52px)}.hpp h3{font:400 23px/1.3 Anton,Arial,sans-serif;margin:0 0 12px;color:inherit}
.hpp-container{width:min(100%,1400px);padding-inline:32px;margin-inline:auto}.hpp section[id]{scroll-margin-top:32px}.hpp-section{padding-block:64px}.hpp-tight{padding-block:36px}.hpp-empty-section{padding-block:32px}.hpp-empty-section h2{font-size:36px}.hpp-muted{background:#f5f6f8}.hpp-dark,.hpp-hero{background:var(--black);color:#fff}.hpp-two{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:48px;align-items:center}.hpp-two>*,.hpp-products>*,.hpp-qr-panel>*{min-width:0}.hpp-eyebrow{font:400 20px/1.4 Anton,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--red)}.hpp-hero{padding-block:64px}.hpp-hero .hpp-lead{font-size:21px;font-weight:500;color:#d0d4dc}.hpp-hero-picture{min-height:300px;padding:20px;background:#1e222b;border-radius:10px;display:flex;align-items:center;justify-content:center}.hpp-hero-picture>img{width:100%;max-height:500px;object-fit:contain}.hpp-hero-system{width:100%;padding:26px;background:linear-gradient(135deg,#262b35,#13151a);border:1px solid #494b52;border-radius:10px}.hpp-hero-system>span{display:block;color:#ff6268;font-size:14px;letter-spacing:1px;margin-bottom:16px}.hpp-hero-system>strong{display:block;font-size:30px;line-height:1.35;margin-bottom:22px}.hpp-hero-nodes{display:grid;gap:12px;margin-bottom:22px}.hpp-hero-nodes b{padding:14px 18px;border-left:3px solid var(--red);background:#ffffff08;font-size:17px}.hpp-hero-system small{display:block;font-size:14px;color:#b8c0cd;margin-bottom:22px}
.hpp-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hpp-btn,.hpp-download,.hpp-tabs button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 20px;border-radius:5px;font:400 19px/1.3 Anton,Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase}.hpp-btn{border:1px solid var(--red);background:var(--red);color:#fff!important}.hpp-btn:hover{filter:brightness(.94)}.hpp-outline{background:transparent;border-color:currentColor}.hpp-wide{width:100%}.hpp-download{border:1px solid #a9afb8;background:#fff;color:var(--black);font-size:17px}.hpp-download:disabled{opacity:.45;cursor:not-allowed}
.hpp-nav{background:#fff;border-bottom:1px solid var(--line);padding-block:16px}.hpp-nav .hpp-container{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hpp-logo{order:1;display:block;flex-shrink:0}.hpp-logo img{width:270px}.hpp-nav-phone{order:2;display:flex;flex-direction:column;margin-left:auto;line-height:1.4}.hpp-nav-phone small{font:700 13px/1.4 Lato,Arial,sans-serif}.hpp-nav-phone strong{font:400 24px/1.4 Anton,Arial,sans-serif;color:var(--red)}.hpp-nav-cta{order:3;font-size:18px}.hpp-menu-toggle{order:4;display:none}.hpp-menu-wrap{order:5;flex:1 0 100%;min-width:0;background:var(--black);border-radius:5px}.hpp-menu,.hpp-menu .sub-menu{list-style:none;margin:0;padding:0}.hpp-menu{display:flex;align-items:center;flex-wrap:wrap}.hpp-menu>li{position:relative}.hpp-menu a{display:block;padding:16px 24px;font:400 21px/1.3 Anton,Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fff}.hpp-menu a:hover,.hpp-menu .current-menu-item>a{background:var(--red)}.hpp-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:230px;max-width:300px;background:var(--black);z-index:100}.hpp-menu li:hover>.sub-menu,.hpp-menu li:focus-within>.sub-menu,.hpp-menu li.is-submenu-open>.sub-menu{display:block}.hpp-menu .menu-item-has-children>a{padding-right:38px}.hpp-submenu-toggle{position:absolute;right:3px;top:14px;border:0;background:none;color:#fff;font:400 20px Lato,Arial,sans-serif;padding:2px 8px;cursor:pointer}
.hpp-needs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hpp-needs a{border:1px solid var(--line);border-radius:6px;padding:20px 16px;display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700}.hpp-needs a:before{content:"+";display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#fff0f1;color:var(--red);border-radius:6px}.hpp-needs a:nth-child(3):before{content:"Aa";font-size:12px}.hpp-needs a:nth-child(4):before{content:"↗"}.hpp-needs span{margin-left:auto;color:var(--red)}.hpp-needs a:hover{border-color:var(--red)}
.hpp-qr-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:8px}.hpp-tabs{display:flex;gap:10px;margin-bottom:20px}.hpp-tabs button{flex:1;border:1px solid var(--line);background:#f1f3f6;color:var(--black);font-size:18px}.hpp-tabs button[aria-selected=true]{background:var(--red);color:#fff;border-color:var(--red)}.hpp label{display:block;font-size:16px;font-weight:700}.hpp input:not([type=hidden]),.hpp select,.hpp textarea{width:100%;min-height:46px;border:1px solid #d9dce3;border-radius:5px;padding:12px;background:#fff;color:var(--black);font-size:16px;line-height:1.5;margin:7px 0 15px}.hpp textarea{resize:vertical}.hpp-qr-output{display:flex;align-items:center;justify-content:center;flex-direction:column;border-left:1px solid var(--line);padding-left:32px}.hpp-qr-output .hpp-small{text-align:center;margin:16px 0 0}#hpp-qr-preview{width:min(235px,100%);min-height:235px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;padding:10px;background:#fff}#hpp-qr-preview svg{width:100%;height:auto;display:block}#hpp-qr-preview:has(p){border-style:dashed;background:#fafbfc}#hpp-qr-preview p{padding:16px;font-size:16px;text-align:center;color:var(--muted);margin:0}.hpp-small{font-size:14px;line-height:1.6;color:var(--muted);margin-top:15px!important}.hpp-dark .hpp-small{color:#bac1cc}.hpp-status{font-size:14px;color:#7c2025;margin-top:12px!important}.hpp-qr-help{display:block;margin-top:18px;font-size:16px;font-weight:700;color:var(--red)!important}
.hpp-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hpp-product{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.hpp-product>img{width:100%;height:250px;object-fit:contain;background:#f7f8fa}.hpp-product>div:not(.hpp-image-empty){padding:22px;display:flex;flex-direction:column;flex:1;min-width:0}.hpp-product .hpp-actions{margin-top:auto;justify-content:space-between}.hpp-product .hpp-btn{font-size:18px;padding:12px 16px}.hpp-product-link{font-size:16px;font-weight:700;color:var(--red)!important}.hpp-image-empty{display:flex;align-items:center;justify-content:center;height:220px;background:#f0f2f5;color:var(--muted)}.hpp-image-empty svg{width:64px;height:64px;stroke:var(--red);stroke-width:1.3;fill:none}.hpp-product-small{flex-direction:row;align-items:center}.hpp-product-small>img,.hpp-product-small>.hpp-image-empty{width:70px;height:70px;margin:16px;flex-shrink:0;border-radius:6px}.hpp-product-small>.hpp-image-empty svg{width:34px;height:34px}.hpp-product-small>div:not(.hpp-image-empty){padding:16px 16px 16px 0}.hpp-product-small h3{font-size:22px;margin-bottom:8px}.hpp-product-small p{margin-bottom:12px}.hpp-product-small .hpp-actions{gap:10px}
.hpp-solution-list article{display:flex;gap:24px;border-bottom:1px solid #373b43;padding:20px 0}.hpp-solution-list article:last-child{border-bottom:0}.hpp-solution-list span{font:400 32px/1.4 Anton,Arial,sans-serif;color:var(--red)}.hpp-solution-list p{font-size:16px;color:#b8bfcb;margin:0}.hpp-solution-image{width:100%;max-height:300px;object-fit:contain;border-radius:8px;margin-bottom:24px}.hpp-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hpp-samples article{border:1px solid var(--line);border-radius:7px;overflow:hidden}.hpp-samples img{width:100%;height:250px;object-fit:contain}.hpp-samples article>div{padding:22px}.hpp-samples a{color:var(--red);font-weight:700}
.hpp-section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}.hpp-section-heading h2{margin-bottom:8px}.hpp-section-heading p{margin-bottom:0}.hpp-filters{display:flex;gap:8px;flex-wrap:wrap}.hpp-filters a{padding:8px 14px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:16px}.hpp-filters a.is-active{background:var(--red);border-color:var(--red);color:#fff}.hpp-featured{margin-bottom:24px}.hpp-featured>a{display:grid;grid-template-columns:1fr 1.1fr;align-items:center}.hpp-featured img,.hpp-featured .hpp-image-empty{height:280px}.hpp-featured h3{font-size:28px}.hpp-pagination{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}.hpp-pagination .page-numbers{padding:8px 15px;border:1px solid var(--line);border-radius:5px;font-size:16px}.hpp-pagination .current{background:var(--red);color:#fff;border-color:var(--red)}
.hpp-bio{display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;align-items:center}.hpp-initials{font:400 70px Anton,Arial,sans-serif;width:180px;height:180px;display:grid;place-items:center;border:2px solid var(--red);border-radius:50%;color:var(--red)}.hpp-portrait{width:220px;max-height:280px;object-fit:cover;border:1px solid var(--line);border-radius:12px;box-shadow:10px 10px 0 #f5f6f8}.hpp-bio p{margin-top:15px}.hpp-social{display:flex;gap:12px;flex-wrap:wrap}.hpp-social a{font-size:16px;font-weight:700;color:var(--red);padding:9px 14px;border:1px solid var(--line);border-radius:5px}.hpp-phone{display:block;font:400 40px/1.4 Anton,Arial,sans-serif;margin:24px 0 12px}.hpp-zalo{font-weight:700;color:#fff}.hpp-contact-form{min-width:0;padding:30px;border-radius:8px;background:#fff;color:var(--black);position:relative}.hpp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.hpp-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.hpp-success{padding:15px;background:#edf8ee;color:#24592a;font-size:16px}.hpp-mobile{display:none}.hpp :focus-visible{outline:3px solid #ff9ca1;outline-offset:3px}.hpp-footer{padding-block:32px;border-top:1px solid var(--line)}.hpp-footer .hpp-container{display:flex;align-items:center;justify-content:space-between;gap:28px}.hpp-footer img{width:230px}.hpp-footer strong,.hpp-footer div>div>a{display:block}.hpp-footer div>div>a{color:var(--red)}.hpp-footer p{font-size:14px;max-width:360px;margin:0}
@media(max-width:1200px){.hpp-container{padding-inline:28px}.hpp-two{gap:32px}.hpp h1{font-size:clamp(48px,5vw,64px)}.hpp-needs{grid-template-columns:repeat(2,minmax(0,1fr))}.hpp-product-small{flex-direction:column;align-items:stretch}.hpp-product-small>img,.hpp-product-small>.hpp-image-empty{margin:16px auto 0}.hpp-product-small>div:not(.hpp-image-empty){padding:18px}.hpp-product .hpp-actions{gap:12px}.hpp-menu a{font-size:19px;padding:16px 20px}.hpp-logo img{width:240px}}
@media(max-width:900px){.hpp-menu-toggle{display:grid;place-items:center;width:46px;height:46px;background:transparent;border:1px solid var(--line);border-radius:5px;padding:10px;margin-left:auto}.hpp-menu-wrap{display:none}.hpp-menu-wrap.is-open{display:block}.hpp-menu{display:block}.hpp-menu li{position:relative;border-bottom:1px solid #ffffff15}.hpp-menu a{font-size:20px;padding:15px 20px}.hpp-menu .sub-menu{position:static;max-width:none;min-width:0;background:#242832;margin:0 12px}.hpp-menu li:hover>.sub-menu,.hpp-menu li:focus-within>.sub-menu{display:none}.hpp-menu li.is-submenu-open>.sub-menu{display:block}.hpp-nav-cta{display:none}.hpp-nav .hpp-container{gap:12px}.hpp-nav-phone strong{font-size:21px}.hpp-nav-phone small{font-size:12px}.hpp-two{gap:28px}.hpp-qr-panel{gap:24px}.hpp-section-heading{display:block}.hpp-filters{margin-top:16px}.hpp-product>div:not(.hpp-image-empty){padding:18px}.hpp-product .hpp-actions{flex-direction:column;align-items:stretch}.hpp-product-small .hpp-actions{align-items:start}}
@media(max-width:700px){.hpp{font-size:16px}.hpp-container{padding-inline:20px}.hpp-nav{padding-block:12px}.hpp-logo img{width:210px}.hpp-nav-phone{display:none}.hpp-two{grid-template-columns:minmax(0,1fr);gap:28px}.hpp-hero{padding-block:38px}.hpp-hero h1{font-size:clamp(39px,10.8vw,54px)}.hpp h2,.hpp-empty-section h2{font-size:clamp(30px,8.5vw,38px)}.hpp-eyebrow{font-size:16px}.hpp-hero .hpp-lead{font-size:18px}.hpp-hero .hpp-actions{flex-direction:column;align-items:stretch}.hpp-btn,.hpp-download{font-size:18px}.hpp-section{padding-block:44px}.hpp-tight,.hpp-empty-section{padding-block:28px}.hpp-hero-picture{min-height:220px;padding:12px}.hpp-hero-picture>img{max-height:340px}.hpp-hero-system{padding:20px}.hpp-hero-system>strong{font-size:25px}.hpp-hero-nodes b{font-size:16px}.hpp-needs{gap:10px}.hpp-needs a{padding:16px 10px;font-size:15px;gap:8px}.hpp-needs a:before{width:24px;height:24px}.hpp-qr-panel{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px}.hpp-qr-output{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.hpp-product>img{height:260px}.hpp-product .hpp-actions{flex-direction:row;align-items:center}.hpp-product-small{flex-direction:row;align-items:center}.hpp-product-small>img,.hpp-product-small>.hpp-image-empty{margin:14px;width:60px;height:60px}.hpp-product-small>div:not(.hpp-image-empty){padding:16px 14px 16px 0}.hpp-product-small .hpp-actions{flex-wrap:wrap}.hpp-featured>a{grid-template-columns:minmax(0,1fr)}.hpp-featured img,.hpp-featured .hpp-image-empty{height:240px}.hpp-bio{grid-template-columns:minmax(0,1fr);gap:26px}.hpp-portrait{width:180px}.hpp-phone{font-size:34px}.hpp-form-grid{grid-template-columns:minmax(0,1fr)}.hpp-contact-form{padding:22px}.hpp-footer .hpp-container{flex-direction:column;align-items:flex-start;gap:20px}.hpp-footer p{max-width:none}}
@media(max-width:360px){.hpp-container{padding-inline:16px}.hpp-logo img{width:180px}.hpp-needs{grid-template-columns:minmax(0,1fr)}.hpp-hero h1{font-size:38px}.hpp-product .hpp-actions{flex-direction:column;align-items:stretch}}
/* Keep the floating rail outside readable content, without shrinking body/background. */
@media(min-width:901px) and (max-width:1600px){.hpp-container{padding-inline:88px}.hpp h1{font-size:clamp(48px,4.5vw,66px)}}

/* Mockup layout 1.5.50: solid-red CTA, product visuals and three-column solution. */
.hpp-hero{padding-block:48px;background:radial-gradient(ellipse at 80% 50%,#22272b,#111318 65%)}.hpp-hero .hpp-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.hpp-hero-picture{padding:0;background:transparent;border-radius:0;min-height:0}.hpp-hero .hpp-lead{font-size:20px;max-width:660px}.hpp-needs a:before{display:none}.hpp-needs i{display:flex;width:28px;height:28px;flex-shrink:0;color:var(--red)}.hpp-needs i svg{width:28px;height:28px;stroke:currentColor;fill:none}.hpp-product-small>div:not(.hpp-image-empty){padding-left:0}.hpp-solution-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:center}.hpp-solution-grid>*{min-width:0}.hpp-solution-grid h2{font-size:clamp(34px,2.8vw,46px)}.hpp-solution-art>img{width:100%;max-height:450px;object-fit:contain}.hpp-solution-list article{gap:14px;border:0;padding:14px 0}.hpp-solution-list span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;background:var(--red);color:#fff;border-radius:5px;font-size:25px}.hpp-solution-list h3{font-size:21px}.hpp-solution-list p{font-size:15px}.hpp-demo-samples article>div{padding:16px 18px}.hpp-email{display:inline-block;font:700 16px/1.5 Lato,Arial,sans-serif;margin:12px 0;overflow-wrap:anywhere}.hpp-bio .hpp-email{margin:0}.hpp-social a{background:#f5f6f8;color:#172033}.hpp-portrait{border-radius:50%;box-shadow:none}.hpp-qr-compare{margin-bottom:0}.hpp-products{gap:22px}.hpp-product .hpp-actions{justify-content:flex-end}.hpp-product-small .hpp-actions{justify-content:space-between}.hpp-footer{padding-block:24px}
@media(max-width:1100px){.hpp-solution-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hpp-solution-art{grid-column:2;grid-row:1/span 2;align-self:center}.hpp-solution-list{grid-column:1}.hpp-solution-grid h2{font-size:36px}.hpp-solution-list article{padding-block:12px}}
@media(max-width:700px){.hpp-hero .hpp-two,.hpp-solution-grid{grid-template-columns:minmax(0,1fr)}.hpp-hero{padding-block:36px}.hpp-hero .hpp-lead{font-size:18px}.hpp-solution-art{grid-column:auto;grid-row:auto}.hpp-solution-list{grid-column:auto}.hpp-solution-grid h2{font-size:34px}.hpp-needs i,.hpp-needs i svg{width:24px;height:24px}.hpp-needs a{font-size:14px}}

.hpp-form-grid label:last-child{grid-column:1/-1}

.hpp-media-placeholder{width:100%;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:1px dashed #5f6570;border-radius:8px;text-align:center;background:#ffffff05;color:#bac1cc}.hpp-media-placeholder p{margin:0 0 12px;font-size:18px}.hpp-media-placeholder small{font-size:14px}.hpp-solution-art .hpp-media-placeholder{min-height:240px}
/* 1.5.53 — restore article grid and fully scope cards to the profile. */
.hpp .hpp-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;width:100%}.hpp .hpp-article{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 3px 12px #11131806}.hpp .hpp-article>a{display:flex;flex-direction:column;min-width:0;height:100%;color:var(--black);text-decoration:none}.hpp .hpp-article img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0}.hpp .hpp-article .hpp-image-empty{width:100%;height:auto;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;font-size:16px}.hpp .hpp-article a>div:not(.hpp-image-empty){display:flex;flex-direction:column;flex:1;padding:20px;min-width:0}.hpp .hpp-article time{display:block;font:400 13px/1.5 Lato,Arial,sans-serif;color:var(--muted);margin-bottom:10px}.hpp .hpp-article h3{font:700 20px/1.4 Lato,Arial,sans-serif;text-transform:none;overflow-wrap:anywhere;margin:0 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.hpp .hpp-article p{font:400 15px/1.65 Lato,Arial,sans-serif;color:var(--muted);margin:0 0 18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.hpp .hpp-article span{display:block;margin-top:auto;padding-top:8px;font:700 15px/1.5 Lato,Arial,sans-serif;color:var(--red)}.hpp .hpp-article a:hover h3{color:var(--red)}.hpp .hpp-featured{margin-bottom:24px}.hpp .hpp-featured>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch}.hpp .hpp-featured img,.hpp .hpp-featured .hpp-image-empty{height:100%;min-height:280px;aspect-ratio:auto;object-fit:cover}.hpp .hpp-featured h3{font-size:26px}.hpp .hpp-featured a>div:not(.hpp-image-empty){padding:28px}.hpp .hpp-section-heading{align-items:center}.hpp .hpp-filters{justify-content:flex-end;max-width:55%}
@media(max-width:1100px){.hpp .hpp-articles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hpp .hpp-filters{max-width:none}.hpp .hpp-article h3{font-size:19px}.hpp .hpp-featured h3{font-size:23px}}
@media(max-width:700px){.hpp .hpp-articles,.hpp .hpp-products,.hpp .hpp-samples{grid-template-columns:minmax(0,1fr);gap:20px}.hpp .hpp-article h3{font-size:20px}.hpp .hpp-featured>a{display:flex;flex-direction:column}.hpp .hpp-featured img,.hpp .hpp-featured .hpp-image-empty{height:auto;min-height:0;aspect-ratio:16/10}.hpp .hpp-featured a>div:not(.hpp-image-empty){padding:20px}.hpp .hpp-filters{justify-content:flex-start;margin-top:16px}.hpp .hpp-section-heading{display:block}}

/* v1.5.55: large square thumbnails for secondary product cards. */
.hpp .hpp-product-small{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);align-items:center;gap:14px;padding:6px;}
.hpp .hpp-product-small>img,.hpp .hpp-product-small>.hpp-image-empty{display:block;width:100%;height:auto;aspect-ratio:1/1;margin:0;object-fit:contain;align-self:center;border-radius:4px;min-width:0;}
.hpp .hpp-product-small>.hpp-image-empty{display:flex;}
.hpp .hpp-product-small>div:not(.hpp-image-empty){padding:12px 8px 12px 0;min-width:0;}
.hpp .hpp-product-small h3{overflow-wrap:anywhere;}
.hpp .hpp-product-small .hpp-actions{flex-wrap:wrap;gap:10px;justify-content:flex-start;}
@media(min-width:701px) and (max-width:1200px){.hpp .hpp-product-small{grid-template-columns:minmax(0,1fr);gap:0;}.hpp .hpp-product-small>div:not(.hpp-image-empty){padding:18px 12px;}}
@media(max-width:700px){.hpp .hpp-product-small{grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:14px;}.hpp .hpp-product-small>div:not(.hpp-image-empty){padding:12px 8px 12px 0;}}
@media(max-width:440px){.hpp .hpp-product-small{grid-template-columns:minmax(0,1fr);gap:0;}.hpp .hpp-product-small>div:not(.hpp-image-empty){padding:18px 12px;}.hpp .hpp-product-small .hpp-actions{flex-direction:row;align-items:center;}}

/* 1.5.60 — approved profile palette; existing section/card geometry is retained. */
.hpp {
	--black: #202226;
	--muted: #565a60;
	--line: #e7e7e5;
	--hpp-white: #ffffff;
	--hpp-warm-gray: #f4f3f0;
	--hpp-blush: #fff2ef;
	--hpp-tool-gray: #f3f4f5;
	--hpp-hero-charcoal: #191b1f;
	--hpp-contact-charcoal: #231d20;
	--hpp-footer-warm: #f7f6f3;
	background: var(--hpp-white);
}

.hpp .hpp-nav,
.hpp #hpp-products,
.hpp #hpp-bio,
.hpp #hpp-posts {
	background: var(--hpp-white);
	color: var(--black);
}

.hpp #hpp-hero {
	background: var(--hpp-hero-charcoal);
	color: var(--hpp-white);
}

.hpp #hpp-needs {
	background: var(--hpp-warm-gray);
	color: var(--black);
}

.hpp .hpp-needs a,
.hpp .hpp-product,
.hpp .hpp-qr-panel,
.hpp .hpp-article {
	background: var(--hpp-white);
}

.hpp .hpp-social a {
	background: var(--hpp-warm-gray);
	color: var(--black);
}

.hpp #hpp-solutions {
	background: var(--hpp-blush);
	color: var(--black);
}

.hpp :where(#hpp-products, #hpp-bio, #hpp-solutions) p:not(.hpp-eyebrow) {
	color: var(--muted);
}

.hpp #hpp-solutions .hpp-media-placeholder {
	background: var(--hpp-white);
	border-color: #d9c7c4;
	color: var(--muted);
}

.hpp #hpp-qr {
	background: var(--hpp-tool-gray);
	color: var(--black);
}

.hpp .hpp-tabs button:not([aria-selected="true"]) {
	background: var(--hpp-tool-gray);
	color: var(--black);
}

.hpp #hpp-contact {
	background: var(--hpp-contact-charcoal);
	color: var(--hpp-white);
}

.hpp #hpp-contact .hpp-two > div:first-child > p:not(.hpp-eyebrow) {
	color: #d5cfd1;
}

.hpp #hpp-contact .hpp-contact-form {
	background: var(--hpp-white);
	color: var(--black);
}

.hpp #hpp-contact .hpp-contact-form .hpp-small {
	color: var(--muted);
}

.hpp .hpp-footer {
	background: var(--hpp-footer-warm);
	color: var(--black);
}
