/*
Theme Name: luxsite
Description: This is a child theme for luxsite Theme
Theme URI: https:luxsite
Author: luxsite
Author URI: 
Template: luxsite
Version: 3.6.1
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
html .stuck #logo img {
    max-height: unset!important;
}
#top-bar p.info-company{
	font-size: 14px;
	font-weight: 600;
}
#top-bar .mail-contact a{
	font-size: 14px;
	color: #fff;
	font-weight: normal;
}
.shop-container ol, .shop-container ul {
	margin-left: 16px;
}
.section-about .about-infor ul, .section-about .about-infor ol{
	list-style: none;
}
.contact-us, .menu-top li a {
	font-weight: normal;
	font-size: 14px;
}
.category  .badge  {
	display: none;
	font-size: 13px;
}
.header-main .nav > li:hover > a{
	color: #cf2e2e;
}
.header-main .nav > li:active a{
	color: #cf2e2e;
}
.nav-dropdown-default{
	padding: unset!important;
	border: 0px solid #ddd!important;
}
.nav-dropdown-default > li:hover{
	background-color: #bf1e2e;
}
.nav-dropdown-default > li:hover > a{
	color: #fff;
}
.nav-dropdown.nav-dropdown-default>li>a{
	border: unset!important;
}
.col.product-camket.medium-12.small-12.large-12 {
    margin-top: 20px;
    padding-bottom: 10px;
}
.product_meta .col {
    padding-bottom: 10px;
}
#hg-home-2026 {
    --hg-red: #c8102e;
    --hg-red-dark: #9f0d24;
    --hg-black: #17181c;
    --hg-text: #202228;
    --hg-gray: #666b73;
    --hg-line: #e9e2d7;
    --hg-cream: #fbf8f3;
    --hg-soft: #f6f1e8;
    --hg-gold: #c7a56a;
    --hg-shadow: 0 12px 32px rgba(23, 24, 28, .08);
    --hg-shadow-lg: 0 18px 40px rgba(23, 24, 28, .12);
    --hg-radius: 24px;
    --hg-wrap: min(1180px, calc(100% - 28px));
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    color: var(--hg-text);
    background: #fff;
    overflow: hidden;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.hotline-phone-ring-circle{
	top: 8px;
	left: 8px;
	width: 97px!important;
	height: 97px!important;
}
.hotline-phone-ring-circle-fill{
	top: 23px;
	left: 23px;
	width: 67px!important;
	height: 67px!important;
}
.hotline-phone-ring-img-circle{
	width: 40px;
	height: 40px;
}
.hotline-phone-ring-img-circle .pps-btn-img img{
	width: 30px!important;
	height: 30px!important;
}
input.guiyeucau.has-spinner.btn-acount {
    background-color: #bf1e2e;
    color: #fff;
    font-size: 14px !important;
    font-weight: 500;
}
.back-to-top.button.is-outline{
	margin-bottom: 0px;
    margin-right: 17px;
}
.section-service .col:nth-child(n+2) .icon-box:after {
	width: 100%;
	height: 100%;
	content: "";
	animation
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: -1;
}
#top-bar .mail-contact a:before{
	content: "\e003";
    font-family: 'fl-icons';
    font-size: 15px;
    padding-right: 4px;
}
#top-bar .contact-us:before{
	content: "\e01a";
	font-family: 'fl-icons';
	font-size: 14px;
	padding-right: 5px;
}
.hotline-bar{
	display: none;
}
.me-contact a {
    border: 1px solid var(--primary-color);
    padding: 8px 15px;
    text-align: center;
    margin-right: 25px;
	color: var(--primary-color);
}
.me-contact {
	margin-top: 12px;
}
.me-contact a:hover {
	background: var(--primary-color);
	color: #fff;
}
.header-main .nav-dropdown {
	top: 60px;
}
html .nav-dropdown-has-arrow li.has-dropdown:before{
	top: 40px;
}
 html .nav-dropdown-has-arrow li.has-dropdown:after {
	display: unset;
}
.section-about .row {
	padding: 40px 25px;
	border: 1px solid #ddd;
    border-radius: 7px;
	max-width: 1120px;
    margin: auto;
	position: relative;
	background: #fff;
}
.section-about .map {
	margin: unset;
}
.banner-about .title-contact {
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
}
.banner-about span {
	font-size: 14px;
	color: #fff7;
}
.banner-about span.current a {
	color: #fff;
}
.banner-about span.current:hover {
	text-decoration: underline;
}
/* .section-about .row:before {
	content: '';
    position: absolute;
    top: 30px;
    bottom: 30px;
    width: 100%;
    background: #f3f3f3;
    border-radius: 22px;
    z-index: -1;
} */
.section-about .col {
	padding-bottom: unset;
}
/* .section-about .row:after {
	content: '';
    position: absolute;
    top: 30px;
    bottom: 30px;
    width: 100%;
    background: #f3f3f3;
    border-radius: 22px;
    z-index: -1;
	left: -25px;
    display: inline-block;
} */
.about-contact {
	font-size: 16px;
    line-height: 1.4;
	margin: 0 0 10px;
    color: #232323;
	letter-spacing: .5px;
	position: relative;
}
.about-contact:before {
	content: '';
    display: block;
    width: 30px;
    height: 3px;
    background: #a72e28;
    margin: 0 0 25px;
}
.info-contact {
	font-size: 14px;
	color: #4e5563;
}
.form-contact .btn-acount {
	font-size: 14px!important;
	font-weight: 500;
}
.about-heading {
	font-size: 20px;
	text-transform: uppercase;
	color: #a72e28;
}
.about-vp {
	color: rgb(13, 68, 119);
	font-weight: 600;
	text-decoration: underline;
}
.about-tt li i {
	color: #4e5563;
	font-weight: 600;
	padding-right: 10px;
	font-size: 14px;
}
.about-tt li {
	font-size: 15px;
	color: #4e5563;
}
/* header */
.section-new .box-text  {
	background: #fff;
}
.header-main .nav > li > a {
	font-size: 15px;
	font-weight: 600;
    color: #111;
}
.header-main .nav > li {
	margin: 0 10px;
}
.page-inner.baiviet-danhmuc .flex-1 {
    width: 100%;
    margin-bottom: 20px;
}
.page-inner.baiviet-danhmuc .flex-1 a, .page-inner.baiviet-danhmuc a {
    color: #ff0019;
    text-decoration: underline;
}
.sub-title {
	text-transform: uppercase;
	color: var(--primary-color);
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 6px;
}
.title-main {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	position: relative;
}
.section-center .title-main:before {
	top: 40px;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 40px;
	border-radius: 2px;
}
.section-center .title-main {
	margin-bottom: 30px;
}
.wrap-intro {
	margin-top: 30px;
}
.link-more {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	color:#bf1e2e;
}
.link-more:before {
	content: "\f061";
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    position: absolute;
    right: -20px;
    top: -2px;
	color: #bf1e2e;
}
a.contact-me{
	font-size: 18px;
	color: #bf1e2e;
	font-weight: bold;
}
.title-main:before {
	content: "";
    width: 40px;
    height: 4px;
    background-color: var(--primary-color);
    display: inline-block;
    position: absolute;
    bottom: -20px;
    transform: translate(-50%,-50%);
    left: 20px;
    border-radius: 2px;
}
.section-all-banner a.button.primary.is-outline{
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #bf1e2e;
}
.section-all-banner a.button.primary.is-outline:hover{
	color: #fff;
	border: 1px solid #fff;
}
.section-all-banner a.button.primary.is-outline i{
	margin: 0 auto;
	font-size: 24px;
}
.stuck .header-main .nav > li > a {
	line-height: unset!important;
}
.header-top {
	line-height: 40px;
}
.back-to-top:hover .icon-angle-up{
	color:#fff;
}
.section-customer .flickity-viewport .box-image img {
	border: 1px solid #ddd;
	border-radius: 4px;
}
.section-customer .flickity-viewport .box-text {
	display: none;
}
.section-customer .flickity-viewport .gallery-col {
	padding-bottom: unset;
}
.section-service .icon-box  {
	min-height: 350px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.section-service .icon-box:hover:before {
    width: 150px;
    height: 150px;
    -webkit-transform: scale(3) translate3d(-50%, 50%, 0);
    transform: scale(3) translate3d(-50%, 50%, 0);
    background: var(--primary-color);
    -webkit-box-shadow: 0 0 0 20px #bf1e2e69, 0 0 0 40px #bf1e2e40;
    box-shadow: 0 0 0 20px #bf1e2e69, 0 0 0 40px #bf1e2e40;
}
.section-service .icon-box:before {
	    content: '';
    width: 130px;
    height: 130px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    display: block;
    top: auto;
	background: var(--primary-color);
}
.section-service .icon-box .icon-box-text{
	z-index: 1;
}
.section-benefits .icon-box {
	border: 1px solid #ddd;
	padding: 5px 10px;
	border-radius: 8px;
}
.zalo-container:not(.right){
		left:20px;
	}
p.img-logo {
    width: 190px;
}
.section-service .icon-box h3 {
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}
.col-inner ul li, .col-inner ol li {
	margin-left: unset;
}
.product_meta {
    clear: both;
}
.shop-container .custom-product-page ul.product-tabs{
	margin-left: 0px!important;
}
.shop-container .custom-product-page ul.product-tabs li a{
	color:#555;
}
.searchform-wrapper input[type='search'] {
	border-radius: 20px 0px 0px 20px;
}
.searchform-wrapper button.ux-search-submit{
	border-radius: 20px;
}
.single-product .tab-panels .panel.active ul li{
	background:#fff;
} 
.single-product .product-short-description ul, .single-product .product-short-description ol{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
.single-product .product-short-description ul li, .single-product .product-short-description ol li{
	padding: 8px;
	margin-bottom: 0px;
	color: #555;
	font-weight: 700;
}
.product-short-description ul li:nth-child(odd), .product-short-description ol li:nth-child(odd){
	background:#a4b3b752;
}
.product-short-description ul li:nth-child(even), .product-short-description ol li:nth-child(even){
	background: #F4F7F8;
}
.add-to-cart-container.form-normal.is-normal {
    width: auto;
    display: block;
}
.section-galary .section-all-banner:hover {
	background: var(--primary-color)!important;
	cursor: pointer;
}
.section-galary .section-all-banner:hover a.button.primary.is-outline{
	color:#fff;
	border: 1px solid #fff;
}
.section-galary .banner h3 {
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: -0.1px;
}
.section-galary .banner p {
	font-size: 14px;
}
.woocommerce-pagination ul.links li.active a {
    background-color: #bf1e2e;
    color: #fff;
    border-color: #bf1e2e;
}
.ct-da .grid-galary-ctda{
	padding: 1px!important;
}
a.btn-contact {
    font-size: 14px;
    height: 40px;
    display: block;
    line-height: 40px;
    float: left;
    border: 1px solid #ddd;
    padding: 0 15px;
    margin-left: 10px;
	text-transform: uppercase;
}
.btn-contact:hover {
	background: red;
	color: #fff;
}
.menu-top li{
	display: inline-block;
	list-style: none;
	margin-right: 10px;
	margin-bottom: 0;
}
.menu-top li a{
	font-size: 110%;
}
.menu-iconBox p{
	color: #f5f5f5 !important;
    font-size: 80%;
}
.menu-iconBox h5{
	font-size: 110%;
    color: #fff;
}
.menu-iconBox{
	min-width: 400px;
	margin-top: 20px;
}
/* menu dịch vụ và sản phẩm */
li.phu-kien-khac{
	height:45px;
}
ul.sub-menu-catagores{
	display: none;
	position: absolute;
	top:-239px;
	left:250px;
	background:#fff;
	border: 1px solid #dfeeff;
	z-index: 1;
}
li:hover > ul.sub-menu-catagores{
	display: block;
	position:relative;
}

.header-nav .search_categories{
	display: none;
	position:absolute;
}
input[type='search']{
	height: 40px;
	border: none;
}
.searchform .button.icon i{
	color: #fff;
}
.flex-row .button.icon {
    min-width: 4.5em;
}
.flex-col button.submit-button {
    height: 40px;
	border: unset;
    border-left: 1px solid #cd1818;
}
.header-button .button.is-outline{
	border: none;
}
.cart-item  .button.icon {
	padding: unset;
	margin: unset;
	line-height: unset;
	display: flex;
	align-items: center;
}
#header ul.sub-menu-catagores {
	top: -201px;
    left: 214px;
}
.header-button .button.icon i {
    font-size: 14px;
	margin-left: 5px;
	color: #000;
}
.header-button .button.icon:hover {
	color: #000;
}
.header-button a {
	font-size: 14px;
}
.menu-top li a {
/* 	background-color: #3e3e3e;
	border-radius: 24px;
	padding: 8px 12px; */
	color: #fff;
/* 	line-height: unset; */
}
.menu-top li a:before {
	content: "\e600";
	font-family: 'fl-icons';
}
.header-button a:hover {
	background: unset;
}
.header-button a span, .header-account-title {
	color: #000;
	font-size: 14px;
	font-weight: 600;
}
i.icon-search{
	padding: 4px;
	color: #000;
}
.icon-search:before{
	font-size: 15px;
}
/* mega-menu */
.mega-menu {
	border: 1px solid #ddd;
	width: 300px;
}
ul.nav.header-nav.header-bottom-nav.nav-left.nav-uppercase {
    width: 261px;
}

ul.nav.header-nav.header-bottom-nav.nav-left.nav-uppercase li{
	width: 100%;
	background: #fcce0a;
	position: relative;
}
ul.nav.header-nav.header-bottom-nav.nav-left.nav-uppercase li:hover .mega-menu{
	display: block;
}
.mega-menu-wrap{
}
.mega-menu-title{
	padding: 10px 0 10px 15px;
    font-size: 15px;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
	background-color: #132d46;
}
.mega-menu-title i {
    margin-right: 9px;
}
.mega-menu{
    padding: 0;
    background: #fff;
    border-top: 0;
}
.mega-menu li{
	list-style: none;
	background-color: #fff!important;
	margin: 0;
}
.mega-img-icon{
	height: 28px;
    margin-right: 10px;
}
.mega-menu li a {
    display: block;
/*     border-top: 1px solid #dfeeff; */
    padding: .55em 1em;
    text-decoration: none;
	font-weight: bold;
}
.mega-menu li a:hover{
    background-color: #f5f5f5;
}
.mega_menu>li>a {
    border-top: 1px solid #ddd;
    font-size: .9em;
}
.header-bottom .nav-uppercase>li>a {
	text-transform: none;
    font-size: 16px;
    font-weight: 600;
}
.header-bottom .nav>li{
	margin: 0 13px;
}
.flex-center .header-bottom-nav li a{
	color: #fff;
}
.flex-center .header-bottom-nav li a:hover{
	color: #fff;
}
/* Noi that */
.home-collection-menu {
    list-style: none;
    float: right;
	padding: 0px 15px 0;
}
.home-collection-menu li {
    float: left;
    margin-left: 1em;
    font-size: 95%;
    line-height: 30px;
}
.xem-tat-ca {
    color: #cd1818;
    font-weight: 700;
    font-size: 95%;
    line-height: 30px;
}
.grap-home{
	border-top: 2px solid #f0f0f0;
}
.badge-container {
    margin: 5px 0 0 10px;
}
.badge-inner.on-sale {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: var(--primary-color);
    color: #fff;
    font-size: 80%;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    top: 2px;
    left: 2px;
}
.badge-inner.on-sale:before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    border-radius: 50px;
    border: 2px solid #fff;
}
.box-text .product-title a {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
    min-height: 35px;
}
.price-wrapper {
    min-height: 37px;
}
.product-small del {
    margin-bottom: 5px;
}
.home .product-floor .box-excerpt {
	display: none;
}
span.amount {
    color: #cd1818;
}
del span.amount {
    color: #333 !important;
}
span.woocommerce-Price-amount.amount {
    font-size: 18px;
}

del span.woocommerce-Price-amount.amount {
    font-size: 18px;
}
.searchform-wrapper.ux-search-box.relative.is-large{
	font-size:16px;
}
.sanpham{
	margin-top: 12px;
}
.ma-sp{
	font-size: 95%;
    text-transform: uppercase;
    color: #999;
    padding-bottom: 10px;
}
.product-post{
	font-size: 95%;
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
    min-height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.product-floor .box-excerpt{
	font-size: 14px;
	color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
	margin-bottom: 10px;
    min-height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.cart-icon strong{
	border-color: #ed2024 !important;
    color: #ed2024 !important;
}
.cart-icon:hover strong{
	background-color: #fcce0a!important;
}
.cart-icon strong:after{
	border-color: #fcce0a!important;
}
.home-title {
    font-size: 1.5625rem;
    font-weight: 700;
    color: #ed2024;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.home-title:after{
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #cd1818;
}
.home-title.text-center:after {
    margin: 10px auto 0;
}
.slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button{
	box-shadow: none;
}
.form-register {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.inp-register {
    background-color: rgba(255,255,255,0.2) !important;
    border-color: rgba(255,255,255,0.09)!important;
    box-shadow: none!important;
    color: currentColor !important;
    border-radius: 5px!important;
	font-size: .96!important;
}
.inp-register::placeholder{
	color: #fff;
}
.section-top-footer .col{
	padding: 15px!important;
}
.register-left {
    width: 78%;
}
.register-right {
    padding-left: 15px;
    width: 22%;
}
.register-right  input.wpcf7-form-control.wpcf7-submit.btn-register {
	background-color: #fcce0a!important;
	border-radius: 5px;
	overflow: hidden;
	margin: 0px;
}
.section-footer-main h4{
	color: #ed2024;
    font-size: 91%;
}
.section-footer-main li {
    font-size: 90%;
    color: #999;
    margin-left: 0 !important;
}
.section-footer-main li ul {
	margin: 15px 0px;
}
.section-footer-main li > a{
	color: #999;
}
.section-footer-main{
    padding-bottom: 0px!important;
}
.line-1{
	height: 2px;
	width: 90px;
	background: #db7533;
    margin-bottom: 20px;
	
}
.line-2{
	height: 2px;
	width: 90px;
	background: #db7533;
    margin-bottom: 20px;
	max-width:90px;
}
.line-3{
	height: 2px;
	width: 90px;
	background: #db7533;
    margin-bottom: 20px;
	
}
#footer ul {
	list-style: none;
}
.single-post ul {
    list-style: disc;
}
.single-post ol{
	list-style: auto;
}
.absolute-footer  .payment-icons, #wp-admin-bar-flatsome_panel {
	display: none;
}
.section-top-footer .col-divided{
    border-right: 1px solid rgba(255,255,255,0.2)!important;
}
#footer h4 {
	font-size: 18px;
	color: #db7533;
	margin-bottom: 5px;
	text-transform: uppercase;
}
#footer ul li, #footer ul li a {
	color: #fff;
	text-align: justify;
	list-style: none;
}
.absolute-footer, .footer-secondary {
	padding: unset;
}
.absolute-footer {
	height: 40px;
	line-height: 40px;
}
.absolute-footer p {
	margin: unset;
}
/* Khuyen mai hot */
.page-title {
    position: relative;
    color: #333!important;
    font-size: 19px;
	text-align: left;
}
.archive-page-header .col {
	padding-bottom: 10px;
}
/* .post-item .col-inner .box-text .blog-post-inner{
	top: 5px !important;
    position: absolute;
} */
.box-blog-post .is-divider {
	display: none;
}
.post-item .col-inner .box-text .blog-post-inner h5{
	font-size: 18px;
    color: #333;
	text-align: left;
}
.post-meta.is-small.op-8 {
	display: none;
    color: #333;
    font-size: 14px;
    text-align: left;
    opacity: 1;
}
.post-item .col-inner .box-text .blog-post-inner .from_the_blog_excerpt{
	font-size: 15px;
    color: #656971;
    text-align: left;
	word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.blog-archive .badge-inner{
    background-color: var(--primary-color)!important;
}
.widget{
    background: #fff;
}
.widget .is-divider{
	height: 2px;
	max-width: 100%;
}
.widget .rpwe-block a {
    display: inline!important;
    text-decoration: none;
    font-size: 14px!important;
	line-height: 1.2;
    display: block;
    margin-bottom: 6px;
}
.nav-pagination>li>span, .nav-pagination>li>a{
	border-radius: 5px !important;
}
.row-divided>.col+.col:not(.large-12) {
    border-left: unset !important;
}
/* lien he */
.section-title-normal {
    border-bottom: 2px solid #ececec;
}
.section-title {
    position: relative;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.section-title{
    margin-bottom: 1.5em;
}
.section-title .section-title-main {
    border-color: var(--primary-color);
}
.form-contact input:not([type="submit"]),.form-contact textarea {
    background-color: rgba(255,255,255,.3);
	border-radius: 5px;
	box-shadow: unset;
	font-size: 16px!important;
}
.form-contact input{
	border-radius: 5px;
	font-size: 16px!important;
}
.button.is-outline{
	border: 1px solid #132d46;
}
.button.is-outline span {
	font-size: 14px;
}
.button.icon i {
    color: var(--primary-color);
}
.nav-dropdown {
	box-shadow: unset!important;
	border: 1px solid #ddd!important;
	border-radius: 5px;
}
.button.is-outline {
	line-height: unset;
	height: 40px;
	line-height: 40px;
}
.button.is-outline span {
	line-height: unset;
}
/* san pham */
.category-page-row .box-text .box-excerpt{
	font-size: 14px;
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
    min-height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.woocommerce-ordering{
	display: none;
}
.woocommerce-page .breadcrumbs {
    font-size: 17px;
}
.woocommerce-page .woocommerce-result-count {
    font-size: 18px;
    font-weight: bold;
	color: #333;
}
.category-page-row .col-inner ul li {
	margin-left: 0px;
}
 .woof_container_inner h4{
	font-size: 16px;
	text-transform: uppercase;
	position: relative;
}
 .woof_container_inner h4:before{
	content: "";
    width: 100%;
    height: 2px;
    background: #f0f0f0;
    display: inline-block;
    position: absolute;
    bottom: -10px;
}
.woof_container_inner .woof_block_html_items {
    padding-top: 9px;
}
input[type='checkbox'], input[type='radio']{
	margin: 0px!important;
}
.woof_checkbox_label{
	margin-left: 6px !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	padding: 0px;
}
 .WOOF_Widget{
	padding: 0px;
}
 .woof_block_html_items span.woocommerce-Price-amount.amount {
    font-size: 16px;
    font-weight: 500;
    color: #222;
}
ol, ul {
/* 	list-style: none; */
	padding-left: 30px;
}
#footer ul li ul {
	list-style: disc;
}
#footer ul, #footer ol{
	padding: 0;
}
 .woof_list label{
	padding: 0px;
}
.category-page-row .col-inner{
	background-color: #fff;
	padding: 0 0 30px 0;
}
.category-page-row .box-text{
	padding: 10px;
}
/* Chi tiết sản phẩm */
.cam-ket {
    margin-bottom: 20px;
    margin-top: 25px;
    background: white;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #CD1818;
    font-size: 15px;
}
.cam-ket .tieu-de {
    background: #CD1818;
    padding: 2px 20px;
    margin-top: -24px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    display: block;
    max-width: 207px;
    border-radius: 99px;
	white-space: nowrap;
}
.cam-ket ul {
    margin-bottom: 4px;
	padding-left: 20px;
}
.cam-ket ul li {
    margin-bottom: 0;
}
.product-info .breadcrumbs{
    font-size: .85em;
    margin: 0 0 .5em;
}
.product-info {
	padding: 0 15px
}
h1.product-title.product_title.entry-title {
	font-size: 23px;
	color: #333;
}
#tab-description ._3g8My-{
	margin-bottom:20px;
}
.product .product-info .is-divider{
	display: none;
}
p.price.product-page-price.price-on-sale {
	padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}
.product-info .product-short-description p{
	font-size: 17px;
	line-height: 25px;
	color: #333;
}
.devvn_buy_now.devvn_buy_now_style {
    max-width: 100%;
    width: 100%;
    background: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    border-radius: 0;
}
a.devvn_buy_now_style span {
    display: block;
    font-size: 14px;
    color: #fff;
    text-transform: none;
    margin: 2px 0 0;
}
a.devvn_buy_now_style {
    display: inline-block;
    overflow: hidden;
    clear: both;
    padding: 9px 0;
    font-size: 18px;
    line-height: normal;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
    background: -moz-linear-gradient(top,#f59000,#fd6e1d);
    background: -ms-linear-gradient(top,#f59000,#fd6e1d);
    background: -o-linear-gradient(top,#f59000,#fd6e1d);
    margin: 0 0 20px;
    text-decoration: none;
    border-bottom: 0 !important;
}
.devvn-popup-title, .devvn-order-btn {
    background: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
}
.single-product .nav>li.active>a{
/* 	background-color: var(--primary-color)!important; */
	color: #fff;
}
.single-product .nav-line>li>a:before{
	display: none;
}
.single-product .product-info-tab .col-inner ul li{
	margin: 0px 2px;
	background: #d9d9d9;
}
.single-product .product-info-tab .col-inner ul li a{
	padding: 12px 20px;
	font-size: 15px;
}
.box-text-products .price-wrapper .price ins{
	float: left;
	padding-right: 10px;
}
.tab-panels{
	padding: 15px 0;
}
.related-products-wrapper .box-excerpt{
	font-size: 14px;
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
    min-height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.woof_childs_list_opener{
	float: right;
}
.woof_childs_list_opener span{
	width: 23px;
    height: 19px;
}
.woof_authors .woof_list{
	margin-left: 0px;
}
.section-info-product .large-9{
	background-color: #fff;
}
.tax-product_cat .row-small>.col{
	padding: 2px!important;
}
.rpwe-block li{
	margin-left: 0px!important;
}
.tax-product_cat .col{
	padding: 0 22px 30px !important;
}
.icon-box-left .icon-box-img+.icon-box-text{
	padding-left: 10px;
}
.entry-title {
    color: #333;
}
.wrap-title {
	background-color: #f4f4f4;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.show-more a {
	padding-right: 30px;
	font-weight: bold;
}
.wrap-title .product-box {
    display: flex;
    background: var(--primary-color);
    position: relative;
    max-width: 26%;
    padding-left: 10px;
    cursor: pointer;
    height: 42px;
    width: 100%;
	justify-content: left;
	padding-left:20px;
}
#row-1784618890 > .col > .col-inner {
	background-color: transparent;
}
.wrap-title .product-box:before {
    border-width: 0px 0 42px 30px;
    border-color: transparent transparent transparent var(--primary-color);
}
.wrap-title .product-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 100%;
}
.sticky {
	position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.sticky #top-bar {
	display: none;
}
.wrap-title .product-box:after {
	content: "";
    width: 32px;
    height: 32px;
    background-image: url(/wp-content/uploads/2022/05/favicon@2x.png);
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    left: 5px;
}
.title-product {
	color: #fff;
	height: 42px;
	line-height: 42px;
	text-transform: capitalize;
}
/* .title-product {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
} */
/* abar */
.bar1, .bar2, .bar3 {
	width: 15px;
	height: 2px;
	background-color: #fff;
	margin: 3px 0;
	transition: 0.4s;
}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-3px, 2px);
  transform: rotate(-45deg) translate(-3px, 2px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-5px, -4px);
  transform: rotate(45deg) translate(-5px, -4px);
}
.off-canvas-left.mfp-ready .mfp-content .mobile-nav {
	opacity: 1;
	background-color: var(--primary-color);
	position: absolute;
	width: 100%;
	max-height: 50vh;
	box-shadow: none;
}
.mobile-nav .mfp-bg {
	background-color: unset;
	position: relative;
	display: none;
}
.mobile-nav .mfp-wrap {
	top: 100px!important;
	height: auto!important;
}
.mobile-nav .mfp-container {
	height: 50vh;
}
.mobile-nav .icon-search {
	color: var(--primary-color);
} 
.mobile-nav .ux-search-submit, .header .mobile-nav  .search-field {
	display: none;
}
#iconBar {
    background: var(--primary-color);
    padding: 6px 8px;
    overflow: hidden;
    border-radius: 3px;
	width: auto;
}
.single-post .entry-category {
	display: none;
}
.header-bottom .nav>li {
	margin: 0 12px
}
.flex-right .nav-right li ul.sub-menu a{
	color:#1a75bc;
	padding: 10px 20px;
	margin:0;
}
.home #header .header-block-block-2 {
	display: none;
}
#header .mega-menu {
    display: none;
    position: absolute;
    width: 100%;
    top: 50px;
}
#header .header-block-block-2:hover .mega-menu {
	display: block;
}
#header .mega-menu li a {
	color: #000;
}
#header .header-block {
	width: unset;
}
#header .header-block .mega-menu-title {
    padding: 13px 35px;
}
.header-bottom .nav>li a {
	font-size: 15px;
	font-weight: 600;
}
#main-menu.mobile-sidebar .nav.nav-vertical > li.menu-item-has-children {
	display: flex;
}
.header-main .nav > li.current-menu-item a {
	color: var(--primary-color);
}
body {
	position: relative;
}
#main-menu.mobile-sidebar .nav.nav-vertical .children > li.menu-item-has-children {
    width: 100%;
    display: block;
	position: relative;
}
#main-menu.mobile-sidebar .nav.nav-vertical .children > li.menu-item-has-children:before {
	content: "\2b";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    left: 129px;
    top: 5px;
    font-size: 20px;
    font-weight: bold;
	
}
html .header-main {
	border: 1px solid #ddd;
}
#main-menu.mobile-sidebar .nav.nav-vertical .children > li.menu-item-has-children .nav-sidebar-ul {
	height: 0;
	overflow: hidden;
	transition: .5s;
	padding-left: 10px;
}
#main-menu.mobile-sidebar .nav.nav-vertical .children > li.menu-item-has-children .nav-sidebar-ul.active {
	overflow: auto;
	height: 110px;
	transition: .5s;
}
.header-main .nav > li.current-menu-parent > a {
	color: var(--primary-color);
}
.header-main .nav > li.current-menu-parent ul li.active {
	background: var(--primary-color);
}
.header-main .nav > li.current-menu-parent ul li.active  a {
	color: #fff;
}
#main-menu.mobile-sidebar .nav.nav-vertical li:last-child a {
	width: 100%;
}
.hotline-phone-ring-wrap{
	display: block;
}
@media only screen and (max-width: 1024px) and (min-width: 768px){
	.hotline-phone-ring-wrap{
		display: block;
	}
}
@media only screen and (max-width: 768px){
	.hotline-phone-ring-wrap{
		display: block;
	}
	.mobile-sidebar .current-menu-parent > a {
		color: var(--primary-color)!important;
	}
	.blog-wrapper .archive-page-header .page-title{
		font-size: 18px;
		margin-bottom: 0;
	}
	body.change:before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		background: #000;
		opacity: 0.6;
		z-index: 2;
	}
	#main-menu.mobile-sidebar.changeFixed {
		top: 69px;
	}
	html .stuck #logo img {
		max-height: 55px!important;
	}
	.me-contact a {
		margin-right: 15px;
	}
	.searchform .ux-search-submit{
		background-color: #bf1e2e;
	}
	.me-contact {
		margin-bottom: 15px;
	}
	.section-about .row:before, .section-about .row:after {
		content: unset;
	}
	.section-about .row {
		border: unset;
		padding: unset;
	}
	.breadcrumbs a, .woocommerce-page .category-page-title .breadcrumbs {
		color: #111;
		font-weight: bold;
		font-size: 16px;
	}
	.wrap-title .product-box:after{
		width: 30px;
		height: 30px;
	}
	.copyright-footer p{
		font-size: 12px;
	}

	.add-to-cart-container.form-normal.is-normal {
		width: auto;
	}
	a.btn-contact {
		font-size: 13px;
		height: 36px;
		display: block;
		line-height: 36px;
		float: left;
		border: 1px solid #ddd;
		padding: 0 5px;
		margin-left: 10px;
		text-transform: uppercase;
	}
	/* start ct-da */
	.section-galary .banner .text-banner-ctda h3{
		font-size: 12px;
	}
	.section-galary .banner .text-banner-ctda p{
		font-size: 12px;
		margin: 0;
	}
	
/* end ct-da */
	.single-product .single_add_to_cart_button {
		font-size: 14px;
		padding: 0 8px;
	}
	.quantity.buttons_added {
    	font-size: 14px;
    	margin-right: 5px;
	}
	ul.menu-top {
    	line-height: 30px;
	}
	.flex-right .nav-right li a {
		color: #000;
	}
	ul.nav.nav-sidebar.nav-vertical.nav-uppercase{
		padding-bottom: 15px;
	}
	#main-menu.mobile-sidebar.change .children {
		padding-bottom: unset!important;
		padding-left:20px;
	}
	#main-menu.mobile-sidebar.change .children li.current-menu-item a {
		color: var(--primary-color);
	}
	.searchform .relative .flex-col:nth-child(1) {
		order: 2;
	}
	.searchform .relative .flex-col:nth-child(2) {
		order: 1;
	}
	.searchform .relative {
		border: 1px solid #132d46;
		border-radius: 22px;
		overflow: hidden;
		width: calc(100% - 20px);
    	margin: 0 auto;
	}
	.searchform .button.icon i {
		color: #fff;
	}
	.flex-row .button.icon {
		min-width: unset;
		border-radius: 0px;
	}
	.flex-col button.submit-button {
/* 		background-color: unset!important; */
    	border: unset;
		padding-left: 12px;
	}
	.searchform .search-field:focus {
		box-shadow: unset;
	}
	div#top-bar{
		background-color: #132d46;
	}
	
	.search_categories{
		display: none;
	}	
	.icon-menu:before{
		color: #fff;
	}
	input[type='search']{
		box-shadow: none;
		border-radius: 0px!important;
	}
	.gallery-col .box-text{
		display: none;
	}
	.slider-wrapper+.row:not(.row-collapse){
		margin-top: 15px;
	}
	.col{
		padding-bottom: 15px !important;
	}
	.title-product{
		text-align: left;
	}
	.box-text .product-title a{
		margin-bottom: 0px;
	}
	.product-post{
		margin-bottom: 0px;
	}
	.form-register{
		display: block;
	}
	.register-left {
    	width: 100%;
	}
	.register-right{
		padding-top: 15px;
		width: 100%!important;
		padding-left: 0px;
	}
	.register-right input.wpcf7-form-control.wpcf7-submit.btn-register{
		width: 100%;
	}
/* 	title */
	.wrap-title .product-box{
		max-width:50%;
		height:30px;
		padding-left:16px;
	}
	.wrap-title .product-box:before{
		border-width: 30px 0 0 32px;
	}
	.wrap-title .product-box:after{
		border-width: 25px 0 0 16px;
	}
/* san-pham	 */
	.woocommerce-page .breadcrumbs{
		font-size: 14px;
		text-align: left;
	}
	.filter-button strong{
		display: none;
	}
	.filter-button .icon-menu {
		display: none;
	}
	.icon-menu:before {
    	color: #333;
	}
	.price{
		line-height: unset;
	}
	.widget .rpwe-block a{
		font-size: 14px!important;
	}
	.woof_block_html_items span.woocommerce-Price-amount.amount{
		font-size: 14px;
	}
	a.contact-me{
		font-size: 14px;
	}
	.woof_list label{
		font-size: 14px;
	}
	.category-page-row{
		padding-top: 0px;
	}
	.flex-col.medium-text-center, .category-filter-row{
    	padding: 0px;
	}
	.category-page-row .col-inner {
		padding-bottom: 15px;
	}
	.tax-product_cat .row-small>.col {
    	padding: 5px!important;
	}
/* 	chi-tiet-sp */
	.section-info-product .col{
		padding: 0 15px;
	}
	h1.product-title.product_title.entry-title{
		font-size: 19px;
	}
	del span.woocommerce-Price-amount.amount {
    	font-size: 80%;
	}
	span.woocommerce-Price-amount.amount {
    	font-size: 100%;
	}
	.product-info .product-short-description p{
		font-size: 15px;
	}
	.cam-ket ul{
		margin-top: 10px;
	}
/* 	chuyen-muc */
	.page-title{
		font-size: 15px;
	}
	.post-item .col-inner .box-text .blog-post-inner{
		position: unset;
		padding: 0;
	}
	.post-item .col-inner .box-text .blog-post-inner h5 {
		font-size: 18px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.section-new p.from_the_blog_excerpt{
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		color: #656971;
	}
	.section-new .row-slider .flickity-prev-next-button{
		display: none;
	}
	.section-new{
		padding: 15px 0!important;
	}
	.slider-nav-light .flickity-page-dots .dot.is-selected{
		background-color: #bf1e2e;
	}
	.post-item .col-inner .box-text .blog-post-inner .from_the_blog_excerpt{
		font-size: 14px;
	}
	h1.entry-title {
    	font-size: 22px;
	}
	.entry-header-text{
		padding: 0px;
	}
	.entry-content{
		padding-top: 0px;
	}
	#masthead .icon-menu:before {
    	color: #333;
	}
	#main-menu.mobile-sidebar {
		position: absolute;
		top: 100px;
		z-index: 9999;
		width: 100%;
		background:#fff;
	}
	#main-menu.mobile-sidebar.change {
		display: block!important;
		position: fixed;
	}
	#main-menu.mobile-sidebar .nav.nav-vertical li.current_page_item a {
		color: var(--primary-color);
	}
	#main-menu.mobile-sidebar .nav.nav-vertical li.current-menu-item a{
		color: var(--primary-color);
	}
	#main-menu.mobile-sidebar .nav.nav-vertical li {
		display: block;
		border:unset;
    	text-transform: uppercase;
		display: flex;
		background:#fff;
	}
	#main-menu.mobile-sidebar .nav.nav-vertical li a {
		display: block;
		padding: 12px 15px;
		padding-bottom: unset;
	}
	#main-menu.mobile-sidebar .nav.nav-vertical li.menu-item-gtranslate a{
		padding: 0px 10px!important;
	}
	#main-menu.mobile-sidebar .nav.nav-vertical li .sub-menu  a {
		font-size: 15px;
		font-weight: 500;
	}
	#main-menu.mobile-sidebar .nav.nav-vertical li:last-child {
		border-bottom: none!important;
/* 		padding-left:20px; */
	}
	#main-menu.mobile-sidebar .nav.nav-vertical li a {
		color: #000;
		font-size: 15px;
		text-transform: none;
		font-weight: 600;
	}
	.title-product {
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.show-more a {
		font-size: 14px;
	}
	.wrap-title .product-box:after {
		width: 25px;
    	height: 25px;
	}
	.wrap-title .product-box {
		max-width: 55%;
		height: 30px;
		padding-left: 16px;
	}
}
.Loading {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 10px;
  overflow: hidden;
}

.Loading:after {
  content: '';
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  animation: load 4s infinite;
}

@keyframes load {
  0% {
    width: 0;
    background: #bf1e2e;
  }
  100% {
    width: 100%;
    background: #bf1e2e;
  }
}
.section-timeline {
	position: absolute;
	height: 0;
}
@media only screen and (max-width: 767px){
.section-service .icon-box  {
	min-height: 250px;
}
}
@media only screen and (max-width: 400px){
	.title-product {
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.show-more a {
		font-size: 14px;
	}
	.wrap-title .product-box:after {
		width: 25px;
    	height: 25px;
	}
	.wrap-title .product-box {
		max-width: 60%;
		height: 30px;
		padding-left: 30px;
	}
}
#hg-home-2026,#hg-home-2026 * {
                box-sizing: border-box
            }

            #hg-home-2026 {
                --hg-red: #c8102e;
                --hg-red-dark: #9f0d24;
                --hg-black: #17181c;
                --hg-text: #202228;
                --hg-gray: #666b73;
                --hg-line: #e9e2d7;
                --hg-cream: #fbf8f3;
                --hg-soft: #f6f1e8;
                --hg-gold: #c7a56a;
                --hg-shadow: 0 12px 32px rgba(23,24,28,.08);
                --hg-shadow-lg: 0 18px 40px rgba(23,24,28,.12);
                --hg-radius: 24px;
                --hg-wrap: min(1180px,calc(100% - 28px));
                width: 100%;
                max-width: 100%;
                margin: 0 auto;
                color: var(--hg-text);
                background: #fff;
                overflow: hidden;
                font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
            }

            #hg-home-2026 a {
                text-decoration: none;
                
            }

            #hg-home-2026 img {
                display: block;
                max-width: 100%;
                height: auto
            }

            #hg-home-2026 h1,#hg-home-2026 h2,#hg-home-2026 h3,#hg-home-2026 h4,#hg-home-2026 p {
                margin: 0
            }

            #hg-home-2026 ul {
                margin: 0;
                padding: 0;
                list-style: none
            }

            #hg-home-2026 .hg-wrap {
                width: var(--hg-wrap);
                margin: 0 auto
            }

            #hg-home-2026 .hg-section {
                padding: 52px 0;
                position: relative
            }

            #hg-home-2026 .hg-title-row {
                display: flex;
                flex-direction: column;
                gap: 12px;
                margin-bottom: 24px
            }

            #hg-home-2026 .hg-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                width: max-content;
                max-width: 100%;
                padding: 8px 12px;
                border-radius: 999px;
                background: rgba(200,16,46,.08);
                color: var(--hg-red);
                font-size: 12px;
                line-height: 1.2;
                font-weight: 800;
                text-transform: uppercase;
                letter-spacing: .04em
            }

            #hg-home-2026 .hg-eyebrow--gold {
                background: rgba(199,165,106,.16);
                color: #87612f
            }

            #hg-home-2026 .hg-title {
                font-size: 30px;
                line-height: 1.12;
                letter-spacing: -.03em;
                font-weight: 900;
                color: var(--hg-black)
            }

            #hg-home-2026 .hg-subtitle {
                font-size: 15px;
                line-height: 1.75;
                color: var(--hg-gray);
                max-width: 760px
            }

            #hg-home-2026 .hg-grid {
                display: grid;
                gap: 14px
            }

            #hg-home-2026 .hg-card {
                background: #fff;
                border: 1px solid rgba(23,24,28,.08);
                border-radius: var(--hg-radius);
                box-shadow: var(--hg-shadow)
            }

            #hg-home-2026 .hg-btn-row {
                display: flex;
                flex-wrap: wrap;
                gap: 12px
            }

            #hg-home-2026 .hg-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 48px;
                padding: 12px 18px;
                border-radius: 999px;
                border: 1px solid transparent;
                font-size: 14px;
                line-height: 1.1;
                font-weight: 800;
                transition: .2s ease;
                text-align: center
            }

            #hg-home-2026 .hg-btn:hover {
                transform: translateY(-2px)
            }

            #hg-home-2026 .hg-btn--primary {
                background: linear-gradient(135deg,var(--hg-red),var(--hg-red-dark));
                color: #fff;
                box-shadow: 0 12px 24px rgba(200,16,46,.22)
            }

            #hg-home-2026 .hg-btn--light {
                background: #fff;
                color: var(--hg-black);
                border-color: rgba(23,24,28,.12)
            }

            #hg-home-2026 .hg-btn--dark {
                background: var(--hg-black);
                color: #fff
            }

            #hg-home-2026 .hg-chip-scroll {
                display: flex;
                gap: 10px;
                overflow: auto;
                padding-bottom: 4px;
                scrollbar-width: none
            }

            #hg-home-2026 .hg-chip-scroll::-webkit-scrollbar {
                display: none
            }

            #hg-home-2026 .hg-chip {
                flex: 0 0 auto;
                display: inline-flex;
                align-items: center;
                min-height: 38px;
                padding: 9px 13px;
                border-radius: 999px;
                background: #fff;
                border: 1px solid rgba(23,24,28,.10);
                font-size: 12px;
                font-weight: 800;
                white-space: nowrap
            }

            #hg-home-2026 .hg-icon {
                width: 20px;
                height: 20px;
                flex: 0 0 20px
            }

            #hg-home-2026 .hg-list {
                display: grid;
                gap: 8px;
                margin-top: 14px
            }

            #hg-home-2026 .hg-list li {
                display: flex;
                gap: 10px;
                align-items: flex-start;
                font-size: 14px;
                line-height: 1.7;
                color: #3d4047
            }

            #hg-home-2026 .hg-list-dot {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: var(--hg-red);
                flex: 0 0 8px;
                margin-top: 8px
            }

            #hg-home-2026 .hg-card-actions {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin-top: 18px
            }

            #hg-home-2026 .hg-image-slot,#hg-home-2026 .hg-logo-slot {
                display: grid;
                place-items: center;
                width: 100%;
                background: linear-gradient(180deg,#fff,#f7f2ea);
                border: 1.5px dashed #d8cec0;
                border-radius: 20px;
                color: #9b8d78;
                text-align: center
            }

            #hg-home-2026 .hg-image-slot span,#hg-home-2026 .hg-logo-slot span {
                padding: 18px 14px;
                font-size: 13px;
                line-height: 1.6;
                font-weight: 700
            }

            #hg-home-2026 .hg-image-slot--hero {
                min-height: 300px
            }

            #hg-home-2026 .hg-image-slot--wide {
                min-height: 240px
            }

            #hg-home-2026 .hg-image-slot--card {
                min-height: 170px
            }

            #hg-home-2026 .hg-image-slot--project {
                min-height: 190px
            }

            #hg-home-2026 .hg-image-slot--small {
                min-height: 130px
            }

            #hg-home-2026 .hg-logo-slot {
                min-height: 86px;
                background: #fff
            }

            #hg-home-2026 .hg-kicker {
                font-size: 13px;
                color: var(--hg-red);
                font-weight: 800;
                text-transform: uppercase;
                letter-spacing: .06em
            }

            #hg-home-2026 .hg-hero {
                padding: 28px 0 22px;
                background: radial-gradient(circle at right top,rgba(199,165,106,.18),transparent 24%),radial-gradient(circle at left 12% top 18%,rgba(200,16,46,.12),transparent 22%),linear-gradient(180deg,#fff 0%,#f8f4ee 60%,#fff 100%)
            }

            #hg-home-2026 .hg-hero-shell {
                padding: 18px;
                border-radius: 28px;
                background: rgba(255,255,255,.92);
                border: 1px solid rgba(23,24,28,.06);
                box-shadow: var(--hg-shadow-lg)
            }

            #hg-home-2026 .hg-hero-grid {
                display: grid;
                gap: 18px
            }

            #hg-home-2026 .hg-brandline {
                display: flex;
                align-items: center;
                gap: 10px;
                margin-bottom: 12px;
                color: var(--hg-black);
                font-weight: 800
            }

            #hg-home-2026 .hg-brand-dot {
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: var(--hg-red);
                flex: 0 0 10px
            }

            #hg-home-2026 .hg-hero h1 {
                font-size: 34px;
                line-height: 1.04;
                letter-spacing: -.045em;
                font-weight: 900;
                max-width: 760px
            }

            #hg-home-2026 .hg-hero p {
                margin-top: 14px;
                font-size: 16px;
                line-height: 1.75;
                color: var(--hg-gray);
                max-width: 680px
            }

            #hg-home-2026 .hg-hero-points {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 10px;
                margin: 18px 0 20px
            }

            #hg-home-2026 .hg-hero-point {
                display: flex;
                gap: 10px;
                align-items: flex-start;
                padding: 11px 12px;
                border-radius: 16px;
                background: #fff;
                border: 1px solid rgba(23,24,28,.08)
            }

            #hg-home-2026 .hg-hero-point strong {
                display: block;
                font-size: 13px;
                line-height: 1.35
            }

            #hg-home-2026 .hg-hero-point span {
                display: block;
                margin-top: 2px;
                font-size: 12px;
                line-height: 1.55;
                color: var(--hg-gray)
            }

            #hg-home-2026 .hg-hero-side {
                display: grid;
                gap: 12px
            }

            #hg-home-2026 .hg-hero-note {
                padding: 16px;
                border-radius: 20px;
                background: linear-gradient(145deg,#17181c,#2a2d35 58%,#4a2430 100%);
                color: #fff;
                box-shadow: var(--hg-shadow-lg)
            }

            #hg-home-2026 .hg-hero-note h3 {
                font-size: 22px;
                line-height: 1.15;
                font-weight: 900
            }

            #hg-home-2026 .hg-hero-note p {
                margin-top: 10px;
                font-size: 14px;
                line-height: 1.7;
                color: rgba(255,255,255,.82)
            }

            #hg-home-2026 .hg-hero-mini {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 10px
            }

            #hg-home-2026 .hg-mini-card {
                padding: 12px;
                border-radius: 16px;
                background: #fff;
                border: 1px solid rgba(23,24,28,.08);
                box-shadow: var(--hg-shadow)
            }

            #hg-home-2026 .hg-mini-card h4 {
                font-size: 13px;
                line-height: 1.4;
                font-weight: 900;
                color: var(--hg-black)
            }

            #hg-home-2026 .hg-mini-card p {
                margin-top: 6px;
                font-size: 12px;
                line-height: 1.55;
                color: var(--hg-gray)
            }

            #hg-home-2026 .hg-service-grid,#hg-home-2026 .hg-problem-grid,#hg-home-2026 .hg-stats-grid,#hg-home-2026 .hg-solutions-grid,#hg-home-2026 .hg-lines-grid,#hg-home-2026 .hg-why-grid,#hg-home-2026 .hg-use-grid,#hg-home-2026 .hg-process-grid,#hg-home-2026 .hg-project-grid,#hg-home-2026 .hg-blog-grid,#hg-home-2026 .hg-partner-grid {
                display: grid;
                gap: 14px
            }

            #hg-home-2026 .hg-service-card,#hg-home-2026 .hg-problem-card,#hg-home-2026 .hg-solution-card,#hg-home-2026 .hg-line-card,#hg-home-2026 .hg-why-card,#hg-home-2026 .hg-use-card,#hg-home-2026 .hg-step,#hg-home-2026 .hg-project-card,#hg-home-2026 .hg-blog-card {
                padding: 18px;
                border-radius: 24px;
                background: #fff;
                border: 1px solid rgba(23,24,28,.08);
                box-shadow: var(--hg-shadow)
            }

            #hg-home-2026 .hg-service-card h3,#hg-home-2026 .hg-problem-card h3,#hg-home-2026 .hg-solution-card h3,#hg-home-2026 .hg-line-card h3,#hg-home-2026 .hg-why-card h3,#hg-home-2026 .hg-use-card h3,#hg-home-2026 .hg-project-card h3,#hg-home-2026 .hg-blog-card h3 {
                font-size: 20px;
                line-height: 1.25;
                font-weight: 900;
                color: var(--hg-black)
            }

            #hg-home-2026 .hg-service-card p,#hg-home-2026 .hg-problem-card p,#hg-home-2026 .hg-solution-card p,#hg-home-2026 .hg-line-desc,#hg-home-2026 .hg-why-card p,#hg-home-2026 .hg-use-card p,#hg-home-2026 .hg-project-card p,#hg-home-2026 .hg-blog-card p {
                margin-top: 10px;
                font-size: 14px;
                line-height: 1.75;
                color: var(--hg-gray)
            }

            #hg-home-2026 .hg-service-icon {
                width: 46px;
                height: 46px;
                display: grid;
                place-items: center;
                border-radius: 14px;
                background: linear-gradient(135deg,rgba(200,16,46,.1),rgba(199,165,106,.18));
                margin-bottom: 14px
            }

            #hg-home-2026 .hg-service-meta {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                margin-top: 14px
            }

            #hg-home-2026 .hg-service-meta span,#hg-home-2026 .hg-code-list span,#hg-home-2026 .hg-project-bar span {
                display: inline-flex;
                align-items: center;
                min-height: 32px;
                padding: 7px 11px;
                border-radius: 999px;
                font-size: 12px;
                font-weight: 800;
                background: #f7f3ed;
                color: #5f5b54
            }

            #hg-home-2026 .hg-pain {
                background: linear-gradient(180deg,#fff 0%,#faf7f1 100%)
            }

            #hg-home-2026 .hg-stats {
                padding-top: 22px
            }

            #hg-home-2026 .hg-stat {
                padding: 20px 18px;
                border-radius: 24px;
                color: #fff;
                background: linear-gradient(145deg,#17181c,#2a2d35 58%,#4a2430 100%);
                box-shadow: var(--hg-shadow-lg)
            }

            #hg-home-2026 .hg-stat strong {
                display: block;
                font-size: 34px;
                line-height: 1;
                letter-spacing: -.04em;
                font-weight: 900;
                margin-bottom: 8px
            }

            #hg-home-2026 .hg-stat span {
                display: block;
                font-size: 14px;
                line-height: 1.65;
                color: rgba(255,255,255,.8)
            }

            #hg-home-2026 .hg-antek {
                background: linear-gradient(180deg,#fff 0%,#faf7fd 100%)
            }

            #hg-home-2026 .hg-antek-box {
                display: grid;
                gap: 16px;
                padding: 18px;
                border-radius: 28px;
                background: #fff;
                border: 1px solid rgba(23,24,28,.08);
                box-shadow: var(--hg-shadow-lg)
            }

            #hg-home-2026 .hg-antek-copy h3 {
                font-size: 30px;
                line-height: 1.08;
                font-weight: 900;
                letter-spacing: -.035em
            }

            #hg-home-2026 .hg-antek-copy p {
                margin-top: 12px;
                font-size: 15px;
                line-height: 1.8;
                color: var(--hg-gray)
            }

            #hg-home-2026 .hg-antek-bullets {
                display: grid;
                gap: 10px;
                margin-top: 16px
            }

            #hg-home-2026 .hg-antek-bullets li {
                display: flex;
                gap: 10px;
                align-items: flex-start;
                padding: 11px 12px;
                border-radius: 16px;
                background: #faf7fd;
                border: 1px solid rgba(124,73,171,.10);
                font-size: 14px;
                line-height: 1.7
            }

            #hg-home-2026 .hg-antek-side {
                display: grid;
                gap: 12px
            }

            #hg-home-2026 .hg-antek-note {
                padding: 16px;
                border-radius: 20px;
                background: linear-gradient(135deg,rgba(124,73,171,.10),rgba(199,165,106,.14));
                border: 1px solid rgba(124,73,171,.10)
            }

            #hg-home-2026 .hg-antek-note h4 {
                font-size: 16px;
                line-height: 1.35;
                font-weight: 900;
                color: var(--hg-black)
            }

            #hg-home-2026 .hg-antek-note p {
                margin-top: 8px;
                font-size: 14px;
                line-height: 1.75;
                color: #555965
            }

            #hg-home-2026 .hg-brand-head {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 12px;
                margin-bottom: 14px
            }

            #hg-home-2026 .hg-brand-name {
                font-size: 28px;
                font-weight: 900;
                line-height: 1;
                color: var(--hg-black)
            }

            #hg-home-2026 .hg-brand-tag {
                padding: 8px 10px;
                border-radius: 999px;
                background: #f7f3ed;
                color: #6b5f4d;
                font-size: 12px;
                font-weight: 800
            }

            #hg-home-2026 .hg-code-list {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                margin-top: 14px
            }

            #hg-home-2026 .hg-line-card--main {
                border-color: #d8c29a;
                box-shadow: 0 16px 36px rgba(23,24,28,.08)
            }

            #hg-home-2026 .hg-why {
                background: linear-gradient(180deg,#fff 0%,#f8f4ee 100%)
            }

            #hg-home-2026 .hg-compare {
                background: linear-gradient(180deg,#fff 0%,#fbf8f3 100%)
            }

            #hg-home-2026 .hg-compare-wrap {
                display: grid;
                gap: 14px
            }

            #hg-home-2026 .hg-compare-card {
                padding: 18px;
                border-radius: 24px;
                border: 1px solid rgba(23,24,28,.08);
                background: #fff;
                box-shadow: var(--hg-shadow)
            }

            #hg-home-2026 .hg-compare-card--before {
                background: linear-gradient(180deg,#fff,#f8f4ee)
            }

            #hg-home-2026 .hg-compare-card--after {
                background: linear-gradient(180deg,#fff,#f5f9f6)
            }

            #hg-home-2026 .hg-compare-card h3 {
                font-size: 22px;
                font-weight: 900;
                line-height: 1.2;
                color: var(--hg-black);
                margin-bottom: 12px
            }

            #hg-home-2026 .hg-step {
                display: grid;
                grid-template-columns: 56px 1fr;
                gap: 14px;
                align-items: flex-start
            }

            #hg-home-2026 .hg-step-no {
                width: 56px;
                height: 56px;
                display: grid;
                place-items: center;
                border-radius: 18px;
                background: linear-gradient(135deg,rgba(200,16,46,.12),rgba(199,165,106,.20));
                color: var(--hg-red);
                font-size: 22px;
                font-weight: 900
            }

            #hg-home-2026 .hg-step h3 {
                font-size: 18px;
                line-height: 1.3;
                font-weight: 900;
                margin-bottom: 6px
            }

            #hg-home-2026 .hg-step p {
                font-size: 14px;
                line-height: 1.72;
                color: var(--hg-gray)
            }

            #hg-home-2026 .hg-projects {
                background: linear-gradient(180deg,#fff 0%,#faf7f2 100%)
            }

            #hg-home-2026 .hg-project-bar {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                margin-top: 14px
            }

            #hg-home-2026 .hg-blog-card .hg-blog-label {
                display: inline-flex;
                align-items: center;
                min-height: 30px;
                padding: 7px 10px;
                border-radius: 999px;
                background: #f8f0f2;
                color: var(--hg-red);
                font-size: 11px;
                font-weight: 900;
                text-transform: uppercase;
                letter-spacing: .04em
            }

            #hg-home-2026 .hg-text-link {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                margin-top: 14px;
                color: var(--hg-red);
                font-size: 14px;
                font-weight: 800
            }

            #hg-home-2026 .hg-partners {
                background: linear-gradient(180deg,#fff 0%,#f8f4ee 100%)
            }

            #hg-home-2026 .hg-marquee {
                overflow: hidden;
                position: relative;
                border-radius: 24px;
                border: 1px solid rgba(23,24,28,.08);
                background: #fff;
                box-shadow: var(--hg-shadow)
            }

            #hg-home-2026 .hg-marquee-track {
                display: flex;
                gap: 14px;
                width: max-content;
                padding: 18px;
                animation: hg-marquee 26s linear infinite
            }

            #hg-home-2026 .hg-marquee:hover .hg-marquee-track {
                animation-play-state: paused
            }

            @keyframes hg-marquee {
                from {
                    transform: translateX(0)
                }

                to {
                    transform: translateX(-50%)
                }
            }

            #hg-home-2026 .hg-cta {
                padding: 10px 0 62px
            }

            #hg-home-2026 .hg-cta-box {
                display: grid;
                gap: 18px;
                padding: 20px;
                border-radius: 30px;
                background: radial-gradient(circle at top right,rgba(255,255,255,.16),transparent 22%),linear-gradient(145deg,#17181c 0%,#23252d 44%,#c8102e 130%);
                color: #fff;
                box-shadow: var(--hg-shadow-lg)
            }

            #hg-home-2026 .hg-cta h2 {
                font-size: 30px;
                line-height: 1.05;
                letter-spacing: -.04em;
                font-weight: 900
            }

            #hg-home-2026 .hg-cta p {
                margin-top: 12px;
                font-size: 15px;
                line-height: 1.8;
                color: rgba(255,255,255,.82)
            }

            #hg-home-2026 .hg-contact-grid {
                display: grid;
                gap: 12px
            }

            #hg-home-2026 .hg-contact-card {
                padding: 16px;
                border-radius: 20px;
                background: rgba(255,255,255,.08);
                border: 1px solid rgba(255,255,255,.10)
            }

            #hg-home-2026 .hg-contact-card strong {
                display: block;
                font-size: 15px;
                line-height: 1.35;
                font-weight: 800;
                margin-bottom: 6px
            }

            #hg-home-2026 .hg-contact-card span {
                display: block;
                font-size: 13px;
                line-height: 1.75;
                color: rgba(255,255,255,.78)
            }

            @media (min-width: 768px) {
                #hg-home-2026 .hg-section {
                    padding:76px 0
                }

                #hg-home-2026 .hg-title {
                    font-size: 42px
                }

                #hg-home-2026 .hg-subtitle {
                    font-size: 16px
                }

                #hg-home-2026 .hg-hero {
                    padding: 46px 0 28px
                }

                #hg-home-2026 .hg-hero-shell {
                    padding: 28px
                }

                #hg-home-2026 .hg-hero-grid {
                    grid-template-columns: 1.08fr .92fr;
                    align-items: center
                }

                #hg-home-2026 .hg-hero h1 {
                    font-size: 56px
                }

                #hg-home-2026 .hg-service-grid {
                    grid-template-columns: repeat(4,1fr)
                }

                #hg-home-2026 .hg-problem-grid,#hg-home-2026 .hg-stats-grid,#hg-home-2026 .hg-why-grid,#hg-home-2026 .hg-blog-grid {
                    grid-template-columns: repeat(4,1fr)
                }

                #hg-home-2026 .hg-solutions-grid,#hg-home-2026 .hg-process-grid,#hg-home-2026 .hg-compare-wrap,#hg-home-2026 .hg-cta-box {
                    grid-template-columns: repeat(2,1fr)
                }

                #hg-home-2026 .hg-antek-box {
                    grid-template-columns: 1.04fr .96fr;
                    padding: 28px
                }

                #hg-home-2026 .hg-lines-grid,#hg-home-2026 .hg-project-grid {
                    grid-template-columns: repeat(3,1fr)
                }

                #hg-home-2026 .hg-use-grid {
                    grid-template-columns: repeat(3,1fr)
                }

                #hg-home-2026 .hg-contact-grid {
                    grid-template-columns: repeat(2,1fr)
                }

                #hg-home-2026 .hg-image-slot--hero {
                    min-height: 420px
                }
            }

            @media (min-width: 1100px) {
                #hg-home-2026 .hg-wrap {
                    width:min(1180px,calc(100% - 48px))
                }

                #hg-home-2026 .hg-hero-shell {
                    padding: 36px
                }
            }

            #hg-home-2026 {
                width: 100%;
                margin-left: 0;
                margin-right: 0;
                overflow: hidden
            }

            #hg-home-2026 .hg-wrap {
                width: min(1180px,calc(100% - 32px));
                margin: 0 auto
            }

            #hg-home-2026 .hg-section {
                padding: 64px 0
            }

            #hg-home-2026 .hg-title-row {
                gap: 12px;
                margin-bottom: 32px
            }

            #hg-home-2026 .hg-title {
                font-size: 40px;
                line-height: 1.14;
                letter-spacing: -.03em
            }

            #hg-home-2026 .hg-subtitle {
                font-size: 16px;
                line-height: 1.75;
                color: #5f6670;
                max-width: 760px
            }

            #hg-home-2026 .hg-service-grid,#hg-home-2026 .hg-problem-grid,#hg-home-2026 .hg-stats-grid,#hg-home-2026 .hg-solutions-grid,#hg-home-2026 .hg-lines-grid,#hg-home-2026 .hg-why-grid,#hg-home-2026 .hg-use-grid,#hg-home-2026 .hg-process-grid,#hg-home-2026 .hg-project-grid,#hg-home-2026 .hg-blog-grid,#hg-home-2026 .hg-contact-grid {
                gap: 20px
            }

            #hg-home-2026 .hg-image-slot {
                margin-bottom: 18px;
                border-radius: 22px;
                padding: 14px
            }

            #hg-home-2026 .hg-image-slot span,#hg-home-2026 .hg-logo-slot span {
                font-size: 14px;
                line-height: 1.6;
                font-weight: 700
            }

            #hg-home-2026 .hg-image-slot--hero {
                min-height: 320px
            }

            #hg-home-2026 .hg-image-slot--card {
                min-height: 180px
            }

            #hg-home-2026 .hg-image-slot--project {
                min-height: 210px
            }

            #hg-home-2026 .hg-image-slot--small {
                min-height: 150px
            }

            #hg-home-2026 .hg-service-card,#hg-home-2026 .hg-problem-card,#hg-home-2026 .hg-solution-card,#hg-home-2026 .hg-line-card,#hg-home-2026 .hg-why-card,#hg-home-2026 .hg-use-card,#hg-home-2026 .hg-step,#hg-home-2026 .hg-project-card,#hg-home-2026 .hg-blog-card {
                padding: 20px;
                border-radius: 24px;
                overflow: hidden
            }

            #hg-home-2026 .hg-service-card h3,#hg-home-2026 .hg-problem-card h3,#hg-home-2026 .hg-solution-card h3,#hg-home-2026 .hg-line-card h3,#hg-home-2026 .hg-why-card h3,#hg-home-2026 .hg-use-card h3,#hg-home-2026 .hg-project-card h3,#hg-home-2026 .hg-blog-card h3 {
                margin: 0;
                font-size: 21px;
                line-height: 1.24
            }

            #hg-home-2026 .hg-service-card p,#hg-home-2026 .hg-problem-card p,#hg-home-2026 .hg-solution-card p,#hg-home-2026 .hg-line-desc,#hg-home-2026 .hg-why-card p,#hg-home-2026 .hg-use-card p,#hg-home-2026 .hg-project-card p,#hg-home-2026 .hg-blog-card p {
                margin-top: 10px
            }

            #hg-home-2026 .hg-service-icon {
                margin-bottom: 14px
            }

            #hg-home-2026 .hg-hero-note,#hg-home-2026 .hg-hero-note h3,#hg-home-2026 .hg-hero-note p {
                color: #fff
            }

            #hg-home-2026 .hg-hero-note p {
                color: rgba(255,255,255,.84)
            }

            #hg-home-2026 .hg-use-card h3 {
                font-size: 24px
            }

            #hg-home-2026 .hg-use-card p {
                font-size: 15px;
                line-height: 1.75
            }

            #hg-home-2026 .hg-antek-note h4 {
                color: #17181c
            }

            #hg-home-2026 .hg-marquee {
                background: #17181c;
                border-color: rgba(255,255,255,.12)
            }

            #hg-home-2026 .hg-marquee-track {
                padding: 20px
            }

            #hg-home-2026 .hg-logo-slot {
                min-width: 220px;
                min-height: 100px;
                border-radius: 20px;
                background: rgba(255,255,255,.06);
                border: 1px solid rgba(255,255,255,.12);
                color: rgba(255,255,255,.78)
            }

            #hg-home-2026 .hg-logo-slot span {
                color: rgba(255,255,255,.78)
            }

            #hg-home-2026 .hg-cta-box,#hg-home-2026 .hg-cta-box h2,#hg-home-2026 .hg-cta-box p,#hg-home-2026 .hg-cta-box strong,#hg-home-2026 .hg-cta-box span {
                color: #fff!important
            }

            #hg-home-2026 .hg-cta-box p {
                color: rgba(255,255,255,.84)!important
            }

            #hg-home-2026 .hg-contact-card {
                background: rgba(255,255,255,.08);
                border: 1px solid rgba(255,255,255,.12)
            }

            #hg-home-2026 .hg-contact-card strong,#hg-home-2026 .hg-contact-card span {
                color: #fff!important
            }

            #hg-home-2026 .hg-stat strong {
                min-height: 42px
            }

            @media (max-width: 849px) {
                #hg-home-2026 .hg-wrap {
                    width:min(100%,calc(100% - 22px))
                }

                #hg-home-2026 .hg-section {
                    padding: 46px 0
                }

                #hg-home-2026 .hg-title-row {
                    margin-bottom: 24px
                }

                #hg-home-2026 .hg-title {
                    font-size: 30px;
                    line-height: 1.18
                }

                #hg-home-2026 .hg-subtitle {
                    font-size: 15px;
                    line-height: 1.7
                }

                #hg-home-2026 .hg-service-grid,#hg-home-2026 .hg-problem-grid,#hg-home-2026 .hg-stats-grid,#hg-home-2026 .hg-solutions-grid,#hg-home-2026 .hg-lines-grid,#hg-home-2026 .hg-why-grid,#hg-home-2026 .hg-use-grid,#hg-home-2026 .hg-process-grid,#hg-home-2026 .hg-project-grid,#hg-home-2026 .hg-blog-grid,#hg-home-2026 .hg-contact-grid {
                    gap: 16px
                }

                #hg-home-2026 .hg-image-slot {
                    margin-bottom: 16px;
                    border-radius: 20px
                }

                #hg-home-2026 .hg-use-card h3 {
                    font-size: 20px
                }

                #hg-home-2026 .hg-logo-slot {
                    min-width: 170px;
                    min-height: 86px
                }
            }

            #hg-home-2026 {
                width: 100%;
                max-width: 100%;
                overflow: hidden
            }

            #hg-home-2026 .hg-wrap {
                width: min(1180px,calc(100% - 32px));
                margin: 0 auto
            }

            #hg-home-2026 .hg-section {
                padding: 64px 0
            }

            #hg-home-2026 .hg-title-row {
                margin-bottom: 30px
            }

            #hg-home-2026 .hg-title {
                margin: 0;
                font-size: 42px;
                line-height: 1.12;
                letter-spacing: -.03em;
                color: #17181c
            }

            #hg-home-2026 .hg-subtitle {
                margin: 0;
                max-width: 760px;
                font-size: 16px;
                line-height: 1.75;
                color: #5f6670
            }

            #hg-home-2026 .hg-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                width: max-content;
                padding: 8px 14px;
                border-radius: 999px;
                background: #f8ecee;
                color: #c8102e;
                font-size: 12px;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: .04em
            }

            #hg-home-2026 .hg-hero {
                padding: 34px 0 20px;
                background: radial-gradient(circle at top right,rgba(199,165,106,.16),transparent 24%),linear-gradient(180deg,#fff 0%,#faf7f2 100%)
            }

            #hg-home-2026 .hg-hero-shell {
                padding: 42px;
                border-radius: 34px;
                background: #fff;
                border: 1px solid rgba(23,24,28,.07);
                box-shadow: 0 18px 45px rgba(23,24,28,.08)
            }

            #hg-home-2026 .hg-hero-grid {
                display: grid;
                grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr);
                gap: 26px;
                align-items: center
            }

            #hg-home-2026 .hg-brandline {
                display: flex;
                align-items: center;
                gap: 12px;
                margin-bottom: 14px;
                font-size: 22px;
                font-weight: 900;
                color: #17181c
            }

            #hg-home-2026 .hg-hero h1 {
                margin: 0;
                font-size: 64px;
                line-height: 1.02;
                letter-spacing: -.05em;
                font-weight: 900;
                color: #12141a
            }

            #hg-home-2026 .hg-hero p {
                margin: 16px 0 0;
                max-width: 720px;
                font-size: 18px;
                line-height: 1.72;
                color: #616770
            }

            #hg-home-2026 .hg-hero-points {
                display: grid;
                grid-template-columns: repeat(2,minmax(0,1fr));
                gap: 14px;
                margin: 22px 0
            }

            #hg-home-2026 .hg-hero-point {
                display: flex;
                align-items: flex-start;
                gap: 12px;
                padding: 16px;
                background: #fff;
                border: 1px solid rgba(23,24,28,.09);
                border-radius: 20px
            }

            #hg-home-2026 .hg-hero-point strong {
                display: block;
                font-size: 15px;
                line-height: 1.35;
                color: #17181c
            }

            #hg-home-2026 .hg-hero-point span {
                display: block;
                margin-top: 3px;
                font-size: 14px;
                line-height: 1.55;
                color: #6a7079
            }

            #hg-home-2026 .hg-btn-row {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                margin-top: 4px
            }

            #hg-home-2026 .hg-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 52px;
                padding: 14px 22px;
                border-radius: 999px;
                border: 1px solid transparent;
                font-size: 16px;
                font-weight: 800;
                text-decoration: none;
                transition: .25s ease
            }

            #hg-home-2026 .hg-btn--primary {
                background: linear-gradient(135deg,#c8102e,#a50f27);
                color: #fff;
                box-shadow: 0 14px 28px rgba(200,16,46,.22)
            }

            #hg-home-2026 .hg-btn--light {
                background: #fff;
                color: #17181c;
                border-color: rgba(23,24,28,.12)
            }

            #hg-home-2026 .hg-chip-scroll {
                display: flex;
                gap: 10px;
                overflow: auto;
                padding: 0 0 4px;
                margin-top: 16px;
                scrollbar-width: none
            }

            #hg-home-2026 .hg-chip-scroll::-webkit-scrollbar {
                display: none
            }

            #hg-home-2026 .hg-chip {
                flex: 0 0 auto;
                display: inline-flex;
                align-items: center;
                min-height: 44px;
                padding: 10px 16px;
                border-radius: 999px;
                background: #fff;
                border: 1px solid rgba(23,24,28,.10);
                font-size: 14px;
                font-weight: 700;
                white-space: nowrap
            }

            #hg-home-2026 .hg-glass-panel {
                min-height: 100%;
                padding: 22px;
                border-radius: 28px;
                background: linear-gradient(145deg,#17181c 0%,#23252d 45%,#c8102e 140%);
                color: #fff;
                box-shadow: 0 20px 48px rgba(23,24,28,.18)
            }

            #hg-home-2026 .hg-panel-top {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                margin-bottom: 16px
            }

            #hg-home-2026 .hg-panel-badge {
                padding: 8px 12px;
                border-radius: 999px;
                background: rgba(255,255,255,.10);
                border: 1px solid rgba(255,255,255,.14);
                font-size: 12px;
                font-weight: 800
            }

            #hg-home-2026 .hg-panel-title {
                font-size: 30px;
                line-height: 1.1;
                font-weight: 900;
                color: #fff
            }

            #hg-home-2026 .hg-panel-sub {
                margin-top: 10px;
                font-size: 15px;
                line-height: 1.75;
                color: rgba(255,255,255,.84)
            }

            #hg-home-2026 .hg-panel-cards {
                display: grid;
                grid-template-columns: repeat(2,minmax(0,1fr));
                gap: 12px;
                margin-top: 18px
            }

            #hg-home-2026 .hg-panel-mini {
                padding: 14px;
                border-radius: 18px;
                background: rgba(255,255,255,.08);
                border: 1px solid rgba(255,255,255,.10)
            }

            #hg-home-2026 .hg-panel-mini h4 {
                margin: 0;
                font-size: 14px;
                line-height: 1.4;
                font-weight: 800;
                color: #fff
            }

            #hg-home-2026 .hg-panel-mini p {
                margin: 6px 0 0;
                font-size: 13px;
                line-height: 1.55;
                color: rgba(255,255,255,.76)
            }

            #hg-home-2026 .hg-media {
                width: 100%;
                aspect-ratio: 16/10;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                padding: 16px;
                border-radius: 24px;
                background: #f6f2eb;
                border: 2px dashed #d9ccb8;
                color: #a5875f;
                font-size: 15px;
                line-height: 1.5;
                font-weight: 700;
                margin-bottom: 18px
            }

            #hg-home-2026 .hg-media--small {
                aspect-ratio: 4/3
            }

            #hg-home-2026 .hg-service-grid {
                display: grid;
                grid-template-columns: repeat(4,minmax(0,1fr));
                gap: 20px;
                align-items: stretch
            }

            #hg-home-2026 .hg-service-card {
                display: flex;
                flex-direction: column;
                height: 100%;
                padding: 20px;
                border-radius: 24px;
                background: #fff;
                border: 1px solid rgba(23,24,28,.08);
                box-shadow: 0 12px 28px rgba(23,24,28,.06);
                text-decoration: none
            }

            #hg-home-2026 .hg-service-icon {
                width: 44px;
                height: 44px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 14px;
                background: linear-gradient(135deg,rgba(200,16,46,.08),rgba(199,165,106,.14));
                border: 1px solid rgba(200,16,46,.10);
                color: #c8102e;
                font-size: 15px;
                line-height: 1;
                font-weight: 500;
                letter-spacing: .04em;
                margin-bottom: 14px;
                flex: 0 0 44px
            }

            #hg-home-2026 .hg-service-card h3 {
                margin: 0;
                font-size: 30px;
                line-height: 1.12;
                font-weight: 900;
                color: #17181c
            }

            #hg-home-2026 .hg-service-card p {
                margin: 10px 0 0;
                font-size: 15px;
                line-height: 1.72;
                color: #5f6670
            }

            #hg-home-2026 .hg-service-meta {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                margin-top: 16px
            }

            #hg-home-2026 .hg-service-meta span {
                display: inline-flex;
                align-items: center;
                min-height: 32px;
                padding: 7px 11px;
                border-radius: 999px;
                font-size: 12px;
                line-height: 1;
                font-weight: 800;
                background: #f5f1ea;
                color: #5d5a57
            }

            #hg-home-2026 .hg-use-grid {
                display: grid;
                grid-template-columns: repeat(3,minmax(0,1fr));
                gap: 22px;
                align-items: stretch
            }

            #hg-home-2026 .hg-use-card {
                display: flex;
                flex-direction: column;
                height: 100%;
                padding: 18px;
                border-radius: 24px;
                background: linear-gradient(180deg,#fff,#faf8f4);
                border: 1px solid rgba(23,24,28,.08);
                box-shadow: 0 10px 26px rgba(23,24,28,.05)
            }

            #hg-home-2026 .hg-use-card h3 {
                margin: 0;
                font-size: 28px;
                line-height: 1.16;
                font-weight: 900;
                color: #17181c
            }

            #hg-home-2026 .hg-use-card p {
                margin: 10px 0 0;
                font-size: 15px;
                line-height: 1.75;
                color: #5f6670
            }

            #hg-home-2026 .hg-blog-grid {
                display: grid;
                gap: 20px
            }

            #hg-home-2026 .hg-blog-card {
                height: 100%
            }

            #hg-home-2026 .hg-cta-box,#hg-home-2026 .hg-cta-box h2,#hg-home-2026 .hg-cta-box p,#hg-home-2026 .hg-cta-box strong,#hg-home-2026 .hg-cta-box span {
                color: #fff!important
            }

            #hg-home-2026 .hg-cta-box p {
                color: rgba(255,255,255,.84)!important
            }

            @media (min-width: 768px) {
                #hg-home-2026 .hg-blog-grid {
                    grid-template-columns:repeat(3,minmax(0,1fr))
                }
            }

            @media (max-width: 1024px) {
                #hg-home-2026 .hg-service-grid {
                    grid-template-columns:repeat(2,minmax(0,1fr))
                }

                #hg-home-2026 .hg-use-grid {
                    grid-template-columns: repeat(2,minmax(0,1fr))
                }

                #hg-home-2026 .hg-hero h1 {
                    font-size: 52px
                }
            }

            @media (max-width: 849px) {
                #hg-home-2026 .hg-wrap {
                    width:min(100%,calc(100% - 22px))
                }

                #hg-home-2026 .hg-section {
                    padding: 44px 0
                }

                #hg-home-2026 .hg-hero {
                    padding: 18px 0 10px
                }

                #hg-home-2026 .hg-hero-shell {
                    padding: 18px;
                    border-radius: 26px
                }

                #hg-home-2026 .hg-hero-grid {
                    grid-template-columns: 1fr;
                    gap: 18px
                }

                #hg-home-2026 .hg-brandline {
                    margin-bottom: 10px;
                    font-size: 20px
                }

                #hg-home-2026 .hg-title {
                    font-size: 30px;
                    line-height: 1.16
                }

                #hg-home-2026 .hg-hero h1 {
                    font-size: 34px;
                    line-height: 1.06;
                    word-break: keep-all;
                    overflow-wrap: break-word
                }

                #hg-home-2026 .hg-hero p {
                    font-size: 16px;
                    line-height: 1.65;
                    margin-top: 14px
                }

                #hg-home-2026 .hg-hero-points {
                    grid-template-columns: 1fr;
                    gap: 12px;
                    margin: 18px 0
                }

                #hg-home-2026 .hg-btn-row {
                    flex-direction: column
                }

                #hg-home-2026 .hg-btn {
                    width: 100%;
                    min-height: 50px;
                    font-size: 15px
                }

                #hg-home-2026 .hg-panel-title {
                    font-size: 24px
                }

                #hg-home-2026 .hg-panel-cards {
                    grid-template-columns: 1fr 1fr;
                    gap: 10px
                }

                #hg-home-2026 .hg-media {
                    border-radius: 20px;
                    font-size: 14px
                }

                #hg-home-2026 .hg-service-grid,#hg-home-2026 .hg-use-grid,#hg-home-2026 .hg-blog-grid {
                    grid-template-columns: 1fr;
                    gap: 16px
                }

                #hg-home-2026 .hg-service-card,#hg-home-2026 .hg-use-card {
                    padding: 16px
                }

                #hg-home-2026 .hg-service-card h3 {
                    font-size: 24px;
                    line-height: 1.16
                }

                #hg-home-2026 .hg-use-card h3 {
                    font-size: 22px;
                    line-height: 1.18
                }

                #hg-home-2026 .hg-subtitle {
                    font-size: 15px;
                    line-height: 1.7
                }
            }

            .hghero,.hghero * {
                box-sizing: border-box
            }

            .hghero {
                width: 100%;
                padding: 16px 0 10px;
                background: radial-gradient(circle at top right,rgba(199,165,106,.16),transparent 22%),radial-gradient(circle at left top,rgba(200,16,46,.08),transparent 24%),linear-gradient(180deg,#fff 0%,#faf7f2 100%);
                overflow: hidden
            }

            .hghero-wrap {
                width: 100%;
                max-width: 100%;
                margin: 0 auto
            }

            .hghero-shell {
                width: 100%;
                max-width: 100%;
                padding: 16px;
                border-radius: 22px;
                background: #fff;
                border: 1px solid rgba(23,24,28,.07);
                box-shadow: 0 16px 38px rgba(23,24,28,.08);
                overflow: hidden
            }

            .hghero-grid {
                display: grid;
                grid-template-columns: 1fr;
                gap: 18px;
                align-items: center
            }

            .hghero-content,.hghero-visual {
                min-width: 0;
                max-width: 100%
            }

            .hghero-brand {
                display: flex;
                align-items: center;
                gap: 10px;
                margin-bottom: 10px;
                font-size: 17px;
                line-height: 1.3;
                font-weight: 900;
                color: #17181c;
                min-width: 0
            }

            .hghero-brand-dot {
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: #c8102e;
                flex: 0 0 10px
            }

            .hghero-badge {
                display: block;
                width: 100%;
                max-width: 100%;
                padding: 9px 12px;
                border-radius: 16px;
                background: #f8ecee;
                color: #c8102e;
                font-size: 11px;
                line-height: 1.45;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: .02em;
                white-space: normal;
                word-break: break-word;
                overflow-wrap: anywhere;
                margin-bottom: 18px
            }

            .hghero h1 {
                margin: 0;
                max-width: 100%;
                font-size: 28px;
                line-height: 1.12;
                letter-spacing: -.03em;
                font-weight: 900;
                color: #12141a;
                word-break: normal;
                overflow-wrap: anywhere
            }

            .hghero-desc {
                margin-top: 18px;
                max-width: 100%;
                font-size: 15px;
                line-height: 1.84;
                color: #616770;
                overflow-wrap: anywhere
            }

            .hghero-actions {
                display: flex;
                flex-direction: column;
                gap: 12px;
                margin-top: 20px
            }

            .hghero-btn {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                min-height: 52px;
                padding: 14px 18px;
                border-radius: 999px;
                border: 1px solid transparent;
                text-decoration: none;
                text-align: center;
                font-size: 16px;
                line-height: 1.2;
                font-weight: 800;
                transition: .2s ease
            }

            .hghero-btn--primary {
                background: linear-gradient(135deg,#c8102e,#a50f27);
                color: #fff;
                box-shadow: 0 14px 28px rgba(200,16,46,.18)
            }

            .hghero-btn--light {
                background: #fff;
                color: #17181c;
                border-color: rgba(23,24,28,.12)
            }

            .hghero-image {
                width: 100%;
                max-width: 100%;
                min-height: 210px;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                padding: 16px;
                border-radius: 18px;
                background: #f6f2eb;
                border: 2px dashed #d9ccb8;
                color: #a5875f;
                font-size: 14px;
                line-height: 1.55;
                font-weight: 700;
                overflow: hidden
            }

            @media (min-width: 850px) {
                .hghero {
                    padding:24px 0 14px
                }

                .hghero-wrap {
                    width: 100%;
                    max-width: 100%
                }

                .hghero-shell {
                    padding: 24px;
                    border-radius: 28px
                }

                .hghero-grid {
                    grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);
                    gap: 24px
                }

                .hghero-brand {
                    font-size: 18px;
                    margin-bottom: 12px
                }

                .hghero-badge {
                    display: inline-block;
                    width: auto;
                    max-width: 100%;
                    padding: 9px 14px;
                    border-radius: 999px;
                    font-size: 12px;
                    letter-spacing: .03em;
                    margin-bottom: 22px
                }

                .hghero h1 {
                    font-size: 44px;
                    line-height: 1.06;
                    letter-spacing: -.04em;
                    margin-top: 0
                }

                .hghero-desc {
                    max-width: 680px;
                    font-size: 17px;
                    line-height: 1.9;
                    margin-top: 18px
                }

                .hghero-actions {
                    flex-direction: row;
                    flex-wrap: wrap
                }

                .hghero-btn {
                    width: auto;
                    min-width: 220px;
                    padding: 14px 22px
                }

                .hghero-image {
                    min-height: 320px;
                    padding: 18px;
                    border-radius: 24px;
                    font-size: 15px
                }
            }

            .hghero-wrap {
                width: 100%;
                max-width: 100%
            }

            .hghero-shell {
                border-radius: 26px
            }

            #hg-home-2026 .hg-cta .hg-wrap {
                width: 100%;
                max-width: 100%
            }

            #hg-home-2026 .hg-cta-box {
                width: 100%;
                border-radius: 32px
            }

            #hg-home-2026 .hg-solutions-grid .hg-image-slot--small,#hg-home-2026 #hg-product-lines .hg-image-slot--small,#hg-home-2026 .hg-compare-wrap .hg-image-slot--small {
                aspect-ratio: 3 / 2;
                min-height: auto
            }

            .hghero-badge {
                margin-bottom: 18px
            }

            .hghero h1 {
                font-size: 28px;
                line-height: 1.12
            }

            .hghero-desc {
                line-height: 1.84
            }

            @media (min-width: 850px) {
                .hghero h1 {
                    font-size:44px;
                    line-height: 1.06
                }

                .hghero-badge {
                    margin-bottom: 22px
                }
            }

            .hghero-btn--primary {
                color: #fff!important
            }

            .hghero {
                padding: 20px 0 12px;
                background: radial-gradient(circle at top right,rgba(199,165,106,.16),transparent 22%),radial-gradient(circle at left top,rgba(200,16,46,.08),transparent 24%),linear-gradient(180deg,#fff 0%,#faf7f2 100%);
                overflow: hidden
            }

            .hghero-wrap {
                width: min(1180px,calc(100% - 32px));
                margin: 0 auto
            }

            .hghero-shell {
                padding: 0;
                border: none;
                border-radius: 0;
                background: transparent;
                box-shadow: none;
                overflow: visible
            }

            .hghero-grid {
                gap: 28px
            }

            .hghero-badge {
                margin-bottom: 24px
            }

            .hghero h1 {
                font-size: 28px;
                line-height: 1.12
            }

            .hghero-desc {
                margin-top: 16px;
                line-height: 1.84
            }

            .hghero-image {
                border-radius: 24px
            }

            #hg-home-2026 .hg-cta {
                padding: 56px 0 64px;
                background: radial-gradient(circle at top right,rgba(255,255,255,.10),transparent 18%),linear-gradient(145deg,#17181c 0%,#23252d 44%,#c8102e 130%);
                overflow: hidden
            }

            #hg-home-2026 .hg-cta .hg-wrap {
                width: min(1180px,calc(100% - 32px));
                margin: 0 auto
            }

            #hg-home-2026 .hg-cta-box {
                width: 100%;
                padding: 0;
                border-radius: 0;
                background: none;
                box-shadow: none
            }

            @media (min-width: 850px) {
                .hghero {
                    padding:28px 0 14px
                }

                .hghero-wrap {
                    width: min(1180px,calc(100% - 48px))
                }

                .hghero-grid {
                    gap: 34px
                }

                .hghero-badge {
                    margin-bottom: 26px
                }

                .hghero h1 {
                    font-size: 40px;
                    line-height: 1.08
                }

                .hghero-desc {
                    max-width: 700px;
                    margin-top: 18px
                }

                #hg-home-2026 .hg-cta {
                    padding: 72px 0 76px
                }

                #hg-home-2026 .hg-cta .hg-wrap {
                    width: min(1180px,calc(100% - 48px))
                }
            }

            @media (max-width: 849px) {
                .hghero {
                    padding:16px 0 10px
                }

                .hghero-wrap {
                    width: min(100%,calc(100% - 22px))
                }

                .hghero-grid {
                    gap: 20px
                }

                .hghero-badge {
                    margin-bottom: 18px
                }

                .hghero h1 {
                    font-size: 26px;
                    line-height: 1.14
                }

                .hghero-image {
                    border-radius: 20px
                }

                #hg-home-2026 .hg-cta {
                    padding: 46px 0 54px
                }

                #hg-home-2026 .hg-cta .hg-wrap {
                    width: min(100%,calc(100% - 22px))
                }
            }

            .hghero {
                padding: 28px 0 20px
            }

            @media (min-width: 850px) {
                .hghero {
                    padding:52px 0 38px
                }
            }

            @media (max-width: 849px) {
                .hghero {
                    padding:26px 0 18px
                }
            }

            .hghero-image--photo,#hg-home-2026 .hg-media--photo,#hg-home-2026 .hg-image-slot--photo {
                display: block;
                padding: 0;
                overflow: hidden;
                background: #f2f2f2;
                border-style: solid;
                border-width: 1px;
                border-color: rgba(23,24,28,.08)
            }

            .hghero-image--photo img,#hg-home-2026 .hg-media--photo img,#hg-home-2026 .hg-image-slot--photo img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover
            }

            #hg-home-2026 .hg-media--photo {
                aspect-ratio: 16 / 10
            }

            #hg-home-2026 .hg-image-slot--photo.hg-image-slot--wide {
                aspect-ratio: 16 / 10
            }

            #hg-home-2026 .hg-problem-card {
                display: flex;
                flex-direction: column
            }

            #hg-home-2026 .hg-problem-media {
                width: 100%;
                aspect-ratio: 4 / 3;
                margin-bottom: 16px;
                border-radius: 20px;
                overflow: hidden;
                background: #f4f0e9;
                border: 1px solid rgba(23,24,28,.08)
            }

            #hg-home-2026 .hg-problem-media img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover
            }

            #hg-home-2026 .hg-use-card .hg-media--portrait,#hg-home-2026 .hg-use-card .hg-media--small.hg-media--photo {
                aspect-ratio: 3 / 4;
                min-height: auto;
                padding: 0;
                margin-bottom: 18px;
                border-radius: 22px
            }

            #hg-home-2026 .hg-project-card .hg-image-slot--project.hg-image-slot--photo {
                aspect-ratio: 16 / 10;
                min-height: auto;
                padding: 0;
                margin-bottom: 18px;
                border-radius: 22px
            }

            #hg-home-2026 .hg-blog-card .hg-blog-image,#hg-home-2026 .hg-blog-card .hg-image-slot--small.hg-image-slot--photo {
                aspect-ratio: 16 / 9;
                min-height: auto;
                padding: 0;
                margin-bottom: 18px;
                border-radius: 22px
            }

            @media (max-width: 849px) {
                #hg-home-2026 .hg-problem-media,#hg-home-2026 .hg-use-card .hg-media--portrait,#hg-home-2026 .hg-project-card .hg-image-slot--project.hg-image-slot--photo,#hg-home-2026 .hg-blog-card .hg-blog-image {
                    border-radius:18px
                }
            }

            #hg-home-2026 .hg-marquee {
                background: #fff;
                border-color: rgba(23,24,28,.08)
            }

            #hg-home-2026 .hg-marquee-track {
                align-items: center
            }

            #hg-home-2026 .hg-logo-slot {
                min-width: 220px;
                width: 220px;
                min-height: 104px;
                padding: 16px 22px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #fff;
                border: 1px solid rgba(23,24,28,.08);
                border-radius: 18px;
                box-shadow: 0 8px 22px rgba(23,24,28,.06)
            }

            #hg-home-2026 .hg-logo-slot img {
                display: block;
                width: 100%;
                max-width: 188px;
                max-height: 76px;
                height: auto;
                object-fit: contain
            }

            #hg-home-2026 .hg-antek-side .hg-image-slot--square.hg-image-slot--photo,#hg-home-2026 .hg-antek-side .hg-image-slot--wide.hg-image-slot--square.hg-image-slot--photo {
                aspect-ratio: 1 / 1;
                min-height: auto
            }

            #hg-home-2026 .hg-antek-side .hg-image-slot--square.hg-image-slot--photo img {
                object-fit: cover
            }

            @media (max-width: 849px) {
                #hg-home-2026 .hg-logo-slot {
                    min-width:170px;
                    width: 170px;
                    min-height: 86px;
                    padding: 12px 16px;
                    border-radius: 16px
                }

                #hg-home-2026 .hg-logo-slot img {
                    max-width: 148px;
                    max-height: 60px
                }
            }

            #hg-home-2026 .hg-antek-side .hg-image-slot--wide.hg-image-slot--photo,#hg-home-2026 .hg-antek-side .hg-image-slot--wide.hg-image-slot--square.hg-image-slot--photo {
                aspect-ratio: 4 / 3;
                min-height: auto
            }

            #hg-home-2026 .hg-antek-side .hg-image-slot--wide.hg-image-slot--photo img,#hg-home-2026 .hg-antek-side .hg-image-slot--wide.hg-image-slot--square.hg-image-slot--photo img {
                object-fit: cover
            }

            #hg-home-2026 .hg-logo-slot img {
                max-width: 188px;
                max-height: 76px
            }

            @media (max-width: 849px) {
                #hg-home-2026 .hg-logo-slot img {
                    max-width:148px;
                    max-height: 60px
                }
            }

            #hg-home-2026 #hg-product-lines .hg-line-card .hg-image-slot--small.hg-image-slot--photo {
                aspect-ratio: 1 / 1;
                min-height: auto;
                padding: 0;
                margin-bottom: 18px;
                border-radius: 22px
            }

            #hg-home-2026 #hg-product-lines .hg-line-card .hg-image-slot--small.hg-image-slot--photo img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

            @media (max-width: 849px) {
                #hg-home-2026 #hg-product-lines .hg-line-card .hg-image-slot--small.hg-image-slot--photo {
                    border-radius:18px
                }
            }

            .hgf-windowfilm-page {
                --hgf-red: #b8212d;
                --hgf-red-2: #e11d35;
                --hgf-red-dark: #8f1823;
                --hgf-zalo: #0aa7ff;
                --hgf-zalo-dark: #006ee6;
                --hgf-dark: #101827;
                --hgf-text: #27313d;
                --hgf-muted: #667085;
                --hgf-cream: #fff8f3;
                --hgf-soft: #fbf7f3;
                --hgf-border: rgba(16,24,39,.10);
                --hgf-shadow: 0 18px 48px rgba(16,24,39,.09);
                font-family: Inter,Arial,sans-serif;
                color: var(--hgf-text);
                background: #fff;
                overflow: hidden
            }

            .hgf-windowfilm-page * {
                box-sizing: border-box
            }

            .hgf-windowfilm-page img {
                display: block;
                max-width: 100%;
                height: auto
            }

            .hgf-windowfilm-page a {
                text-decoration: none
            }

            .hgf-windowfilm-page h1,.hgf-windowfilm-page h2,.hgf-windowfilm-page h3,.hgf-windowfilm-page p {
                margin: 0
            }

            .hgf-container {
                width: min(100% - 28px,1180px);
                margin: 0 auto
            }

            .hgf-section {
                position: relative;
                padding: 54px 0
            }

            .hgf-eyebrow {
                display: inline-flex;
                align-items: center;
                width: max-content;
                max-width: 100%;
                gap: 8px;
                padding: 7px 12px;
                border-radius: 999px;
                background: rgba(184,33,45,.08);
                border: 1px solid rgba(184,33,45,.16);
                color: var(--hgf-red);
                font-size: 12px;
                font-weight: 750;
                line-height: 1.25;
                letter-spacing: .02em
            }

            .hgf-windowfilm-page h1 {
                margin-top: 16px;
                color: var(--hgf-dark);
                font-size: clamp(29px,8.6vw,52px);
                line-height: 1.07;
                letter-spacing: -.043em;
                font-weight: 720
            }

            .hgf-windowfilm-page h2 {
                margin-top: 13px;
                color: var(--hgf-dark);
                font-size: clamp(25px,7.1vw,44px);
                line-height: 1.12;
                letter-spacing: -.035em;
                font-weight: 700
            }

            .hgf-windowfilm-page h3 {
                color: var(--hgf-dark);
                font-size: 18px;
                line-height: 1.28;
                letter-spacing: -.02em;
                font-weight: 720
            }

            .hgf-windowfilm-page p {
                color: var(--hgf-muted);
                font-size: 15px;
                line-height: 1.68
            }

            .hgf-lead {
                margin-top: 16px!important;
                font-size: 16px!important;
                line-height: 1.68!important;
                max-width: 660px
            }

            .hgf-section-head {
                max-width: 800px;
                margin-bottom: 26px
            }

            .hgf-section-head p {
                margin-top: 12px;
                font-size: 15.5px;
                line-height: 1.7
            }

            .hgf-section-head-center {
                text-align: center;
                margin-left: auto;
                margin-right: auto
            }

            .hgf-section-head-center .hgf-eyebrow {
                margin-left: auto;
                margin-right: auto
            }

            .hgf-btn,.hgf-action {
                position: relative;
                overflow: hidden;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 9px;
                min-height: 50px;
                padding: 13px 18px;
                border-radius: 999px;
                font-size: 15px;
                font-weight: 620;
                line-height: 1.2;
                border: 1px solid transparent;
                transition: transform .22s ease,box-shadow .22s ease,filter .22s ease;
                white-space: nowrap
            }

            .hgf-btn:after,.hgf-action:after {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(120deg,transparent,rgba(255,255,255,.32),transparent);
                transform: translateX(-130%);
                transition: transform .55s ease;
                pointer-events: none
            }

            .hgf-btn:hover,.hgf-action:hover {
                transform: translateY(-2px) scale(1.025);
                filter: saturate(1.08)
            }

            .hgf-btn:hover:after,.hgf-action:hover:after {
                transform: translateX(130%)
            }

            .hgf-btn-primary,.hgf-action-call {
                background: linear-gradient(135deg,#ff3048 0%,#d7192f 58%,#ff7a1a 100%);
                color: #fff!important;
                box-shadow: 0 18px 42px rgba(255,48,72,.32);
                animation: hgfPulse 2.5s ease-in-out infinite
            }

            .hgf-btn-zalo,.hgf-action-zalo {
                background: linear-gradient(135deg,var(--hgf-zalo),var(--hgf-zalo-dark));
                color: #fff!important;
                box-shadow: 0 18px 42px rgba(10,167,255,.26)
            }

            .hgf-btn-light {
                background: #fff;
                color: var(--hgf-dark)!important;
                border-color: var(--hgf-border);
                box-shadow: 0 12px 30px rgba(16,24,39,.08)
            }

            .hgf-btn span {
                display: inline-flex;
                align-items: center;
                justify-content: center
            }

            .hgf-action b,.hgf-action span {
                font-weight: 620
            }

            @keyframes hgfPulse {
                0%,100% {
                    transform: scale(1)
                }

                50% {
                    transform: scale(1.025)
                }
            }

            .hgf-hero {
                padding: 52px 0 42px;
                background: radial-gradient(circle at 10% 5%,rgba(184,33,45,.14),transparent 35%),radial-gradient(circle at 85% 10%,rgba(255,122,26,.12),transparent 30%),linear-gradient(180deg,#fff 0%,#fff7f2 100%)
            }

            .hgf-hero-grid {
                display: grid;
                gap: 26px;
                align-items: center
            }

            .hgf-hero-actions {
                display: grid;
                grid-template-columns: 1fr;
                gap: 10px;
                margin-top: 24px
            }

            .hgf-hero-actions .hgf-btn {
                width: 100%
            }

            .hgf-hero-proof {
                display: grid;
                grid-template-columns: 1fr;
                gap: 10px;
                margin-top: 22px
            }

            .hgf-hero-proof div {
                padding: 14px 16px;
                border-radius: 20px;
                background: rgba(255,255,255,.78);
                border: 1px solid rgba(16,24,39,.08);
                box-shadow: 0 10px 28px rgba(16,24,39,.055)
            }

            .hgf-hero-proof strong {
                display: block;
                color: var(--hgf-red);
                font-size: 20px;
                line-height: 1;
                font-weight: 760;
                letter-spacing: -.025em;
                margin-bottom: 5px
            }

            .hgf-hero-proof span {
                display: block;
                color: var(--hgf-muted);
                font-size: 13.5px;
                line-height: 1.4
            }

            .hgf-hero-media {
                display: grid;
                gap: 12px;
                position: relative
            }

            .hgf-hero-video-card {
                position: relative;
                overflow: hidden;
                border-radius: 26px;
                background: #111827;
                box-shadow: 0 24px 60px rgba(16,24,39,.16);
                border: 7px solid #fff
            }

            .hgf-video-frame {
                position: relative;
                width: 100%;
                background: #111827;
                overflow: hidden
            }

            .hgf-video-frame iframe {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                border: 0;
                display: block
            }

            .hgf-video-frame-wide {
                aspect-ratio: 16/9
            }

            .hgf-video-frame-short {
                aspect-ratio: 9/16
            }

            .hgf-video-badge {
                position: absolute;
                left: 14px;
                bottom: 14px;
                z-index: 2;
                display: inline-flex;
                padding: 8px 12px;
                border-radius: 999px;
                background: rgba(255,255,255,.92);
                color: var(--hgf-red);
                font-size: 12px;
                font-weight: 720;
                box-shadow: 0 10px 24px rgba(0,0,0,.16)
            }

            .hgf-hero-mini-grid {
                display: grid;
                grid-template-columns: repeat(2,minmax(0,1fr));
                gap: 12px
            }

            .hgf-hero-mini-grid figure {
                position: relative;
                margin: 0;
                overflow: hidden;
                border-radius: 20px;
                background: #fff;
                box-shadow: 0 14px 34px rgba(16,24,39,.08);
                border: 1px solid rgba(16,24,39,.07)
            }

            .hgf-hero-mini-grid img {
                width: 100%;
                aspect-ratio: 1/1;
                object-fit: cover
            }

            .hgf-hero-mini-grid figcaption {
                position: absolute;
                left: 10px;
                right: 10px;
                bottom: 10px;
                padding: 7px 9px;
                border-radius: 999px;
                background: rgba(255,255,255,.92);
                color: var(--hgf-dark);
                font-size: 11px;
                font-weight: 700;
                text-align: center
            }

            .hgf-trust-strip {
                padding: 0 0 18px;
                background: #fff
            }

            .hgf-trust-row {
                display: grid;
                grid-template-columns: repeat(2,minmax(0,1fr));
                gap: 8px;
                transform: translateY(-10px)
            }

            .hgf-trust-row div {
                padding: 13px;
                border-radius: 18px;
                background: #fff;
                border: 1px solid rgba(184,33,45,.12);
                box-shadow: 0 12px 30px rgba(16,24,39,.055)
            }

            .hgf-trust-row span {
                display: block;
                color: var(--hgf-red);
                font-size: 12px;
                font-weight: 820;
                margin-bottom: 4px
            }

            .hgf-trust-row strong {
                display: block;
                color: var(--hgf-dark);
                font-size: 13.5px;
                line-height: 1.3;
                font-weight: 720
            }

            .hgf-pain-section {
                background: #fff;
                padding-top: 44px
            }

            .hgf-pain-grid {
                display: grid;
                gap: 14px
            }

            .hgf-pain-card {
                position: relative;
                overflow: hidden;
                border-radius: 24px;
                padding: 22px;
                background: #fff;
                border: 1px solid rgba(16,24,39,.09);
                box-shadow: 0 14px 34px rgba(16,24,39,.055);
                min-height: 178px
            }

            .hgf-pain-card span,.hgf-test-card span,.hgf-before-card span,.hgf-video-card span,.hgf-proof-card span {
                display: inline-flex;
                align-items: center;
                width: max-content;
                max-width: 100%;
                padding: 7px 11px;
                border-radius: 999px;
                background: rgba(184,33,45,.08);
                color: var(--hgf-red);
                font-size: 12px;
                font-weight: 720;
                margin-bottom: 12px
            }

            .hgf-pain-card h3 {
                font-size: 21px;
                margin-bottom: 8px;
                max-width: 320px
            }

            .hgf-pain-card p {
                font-size: 14.5px;
                line-height: 1.6;
                max-width: 340px
            }

            .hgf-pain-card-red {
                background: linear-gradient(135deg,#b8212d,#8f1823);
                border: 0;
                color: #fff
            }

            .hgf-pain-card-red span {
                background: rgba(255,255,255,.16);
                color: #fff
            }

            .hgf-pain-card-red h3,.hgf-pain-card-red p {
                color: #fff
            }

            .hgf-pain-card-image {
                padding: 0;
                min-height: 240px;
                background: #111827
            }

            .hgf-pain-card-image img {
                width: 100%;
                height: 100%;
                min-height: 240px;
                object-fit: cover;
                opacity: .92
            }

            .hgf-pain-card-image:after {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(180deg,transparent 25%,rgba(16,24,39,.78))
            }

            .hgf-pain-card-image div {
                position: absolute;
                left: 18px;
                right: 18px;
                bottom: 18px;
                z-index: 2
            }

            .hgf-pain-card-image h3 {
                color: #fff;
                margin: 0
            }

            .hgf-pain-card-image span {
                background: rgba(255,255,255,.9);
                color: var(--hgf-red)
            }

            .hgf-solution-section {
                background: linear-gradient(180deg,#fff,#fff8f5)
            }

            .hgf-solution-grid {
                display: grid;
                gap: 26px
            }

            .hgf-solution-media {
                position: relative;
                overflow: hidden;
                border-radius: 28px;
                background: #fff;
                box-shadow: var(--hgf-shadow);
                border: 1px solid rgba(16,24,39,.08)
            }

            .hgf-solution-media img {
                width: 100%;
                aspect-ratio: 4/3;
                object-fit: cover
            }

            .hgf-floating-metric {
                position: absolute;
                left: 14px;
                right: 14px;
                bottom: 14px;
                padding: 14px 16px;
                border-radius: 20px;
                background: rgba(255,255,255,.92);
                backdrop-filter: blur(10px);
                box-shadow: 0 14px 34px rgba(0,0,0,.14)
            }

            .hgf-floating-metric strong {
                display: block;
                color: var(--hgf-dark);
                font-size: 16px;
                margin-bottom: 4px
            }

            .hgf-floating-metric span {
                display: block;
                color: var(--hgf-muted);
                font-size: 13px;
                line-height: 1.45
            }

            .hgf-solution-copy p {
                margin-top: 12px
            }

            .hgf-benefit-list {
                display: grid;
                gap: 12px;
                margin-top: 20px
            }

            .hgf-benefit-list div {
                padding: 16px;
                border-radius: 20px;
                background: #fff;
                border: 1px solid rgba(184,33,45,.10);
                box-shadow: 0 10px 28px rgba(16,24,39,.045)
            }

            .hgf-benefit-list strong {
                display: block;
                color: var(--hgf-dark);
                font-size: 16px;
                margin-bottom: 5px
            }

            .hgf-benefit-list span {
                display: block;
                color: var(--hgf-muted);
                font-size: 14px;
                line-height: 1.55
            }

            .hgf-mini-cta {
                padding: 34px 0;
                background: #fff
            }

            .hgf-mini-cta-soft {
                background: linear-gradient(180deg,#fff8f5,#fff)
            }

            .hgf-mini-cta-dark {
                background: #fff;
                padding-top: 18px
            }

            .hgf-mini-cta-box {
                display: grid;
                gap: 18px;
                padding: 22px;
                border-radius: 26px;
                background: #fff;
                border: 1px solid rgba(184,33,45,.14);
                box-shadow: 0 18px 46px rgba(255,48,72,.10),0 10px 28px rgba(16,24,39,.05)
            }

            .hgf-mini-cta-dark .hgf-mini-cta-box {
                background: linear-gradient(135deg,#111827,#43121a 62%,#b8212d);
                border: 0;
                box-shadow: 0 22px 58px rgba(184,33,45,.18)
            }

            .hgf-mini-cta-box>div>span {
                display: inline-flex;
                color: var(--hgf-red);
                font-size: 13px;
                font-weight: 720;
                margin-bottom: 8px
            }

            .hgf-mini-cta-dark .hgf-mini-cta-box>div>span {
                color: #fff;
                background: rgba(255,255,255,.14);
                padding: 7px 12px;
                border-radius: 999px
            }

            .hgf-mini-cta-box h2 {
                font-size: 24px!important;
                line-height: 1.16!important;
                margin-top: 0!important
            }

            .hgf-mini-cta-box p {
                margin-top: 8px!important;
                font-size: 14.5px!important;
                line-height: 1.6!important
            }

            .hgf-mini-cta-dark h2 {
                color: #fff!important
            }

            .hgf-mini-cta-dark p {
                color: rgba(255,255,255,.78)!important
            }

            .hgf-mini-actions {
                display: grid;
                grid-template-columns: 1fr;
                gap: 10px
            }

            .hgf-action {
                width: 100%;
                border-radius: 18px;
                min-height: 58px
            }

            .hgf-action b {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 34px;
                height: 34px;
                border-radius: 12px;
                background: rgba(255,255,255,.18);
                border: 1px solid rgba(255,255,255,.22);
                font-style: normal;
                color: #fff
            }

            .hgf-action span {
                color: #fff;
                font-size: 15px;
                font-weight: 720
            }

            .hgf-test-section {
                background: #fff
            }

            .hgf-test-grid {
                display: grid;
                gap: 16px
            }

            .hgf-test-card {
                overflow: hidden;
                border-radius: 26px;
                background: #fff;
                border: 1px solid rgba(16,24,39,.08);
                box-shadow: var(--hgf-shadow)
            }

            .hgf-test-card img {
                width: 100%;
                aspect-ratio: 1/1;
                object-fit: cover
            }

            .hgf-test-card div {
                padding: 18px
            }

            .hgf-test-card h3 {
                font-size: 18px
            }

            .hgf-before-section {
                background: linear-gradient(180deg,#fff,#fff8f5)
            }

            .hgf-before-grid {
                display: grid;
                gap: 18px
            }

            .hgf-before-card {
                overflow: hidden;
                border-radius: 28px;
                background: #fff;
                border: 1px solid rgba(16,24,39,.08);
                box-shadow: var(--hgf-shadow)
            }

            .hgf-before-card img {
                width: 100%;
                aspect-ratio: 1/1;
                object-fit: cover
            }

            .hgf-before-card div {
                padding: 20px
            }

            .hgf-before-card h3 {
                font-size: 20px;
                margin-bottom: 8px
            }

            .hgf-before-card p {
                font-size: 14.5px;
                line-height: 1.6
            }

            .hgf-film-section {
                background: #fff;
                padding-top: 54px
            }

            .hgf-film-brand {
                border: 0;
                border-radius: 0;
                background: transparent;
                box-shadow: none;
                padding: 0;
                margin-top: 30px;
                overflow: visible
            }

            .hgf-film-brand+.hgf-film-brand {
                margin-top: 42px
            }

            .hgf-film-brand-head {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                gap: 14px;
                flex-direction: column;
                margin-bottom: 16px
            }

            .hgf-film-brand-head span {
                display: inline-flex;
                color: var(--hgf-red);
                font-size: 13px;
                font-weight: 700;
                letter-spacing: .02em;
                margin-bottom: 6px
            }

            .hgf-film-brand-head h3 {
                font-size: 18px;
                line-height: 1.3;
                font-weight: 720;
                max-width: 720px
            }

            .hgf-film-brand-head a {
                display: inline-flex;
                flex: 0 0 auto;
                color: var(--hgf-red)!important;
                font-size: 13px;
                font-weight: 700;
                padding: 8px 12px;
                border-radius: 999px;
                background: rgba(184,33,45,.08)
            }

            .hgf-film-slider {
                width: 100%;
                max-width: 100%;
                overflow-x: auto!important;
                overflow-y: hidden!important;
                -webkit-overflow-scrolling: touch;
                scroll-snap-type: x proximity;
                padding: 2px 2px 12px;
                scrollbar-width: thin;
                scrollbar-color: rgba(184,33,45,.35) rgba(184,33,45,.08)
            }

            .hgf-film-slider::-webkit-scrollbar {
                height: 6px
            }

            .hgf-film-slider::-webkit-scrollbar-track {
                background: rgba(184,33,45,.08);
                border-radius: 999px
            }

            .hgf-film-slider::-webkit-scrollbar-thumb {
                background: rgba(184,33,45,.35);
                border-radius: 999px
            }

            .hgf-film-track {
                display: flex!important;
                flex-wrap: nowrap!important;
                align-items: stretch!important;
                gap: 14px!important;
                width: 100%;
                max-width: 100%
            }

            .hgf-film-track>p,.hgf-film-slider>p,.hgf-film-brand>p:empty {
                display: none!important;
                margin: 0!important;
                padding: 0!important
            }

            .hgf-film-track>.hgf-film-card {
                flex: 0 0 calc((100% - 14px)/2)!important;
                width: calc((100% - 14px)/2)!important;
                max-width: calc((100% - 14px)/2)!important;
                min-width: 0!important
            }

            .hgf-film-card {
                scroll-snap-align: start;
                border: 1px solid rgba(16,24,39,.09);
                border-radius: 20px;
                background: #fff;
                color: var(--hgf-dark)!important;
                box-shadow: 0 12px 30px rgba(16,24,39,.05);
                transition: .25s ease;
                overflow: hidden;
                display: flex!important;
                flex-direction: column;
                min-height: 278px
            }

            .hgf-film-card-link {
                display: flex!important;
                flex-direction: column;
                flex: 1 1 auto;
                height: 100%;
                color: inherit!important;
                text-decoration: none!important
            }

            .hgf-film-card:hover {
                transform: translateY(-3px);
                box-shadow: 0 20px 42px rgba(16,24,39,.095);
                border-color: rgba(184,33,45,.18)
            }

            .hgf-film-thumb {
                margin: 0!important;
                position: relative;
                background: #f8f3ec;
                overflow: hidden;
                flex: 0 0 auto;
                width: 100%;
                aspect-ratio: 1/1
            }

            .hgf-film-thumb img {
                display: block!important;
                width: 100%!important;
                height: 100%!important;
                aspect-ratio: 1/1;
                object-fit: cover;
                transition: .35s ease
            }

            .hgf-film-card:hover .hgf-film-thumb img {
                transform: scale(1.035)
            }

            .hgf-film-card-body {
                padding: 14px;
                display: flex!important;
                flex-direction: column;
                gap: 7px;
                flex: 1 1 auto
            }

            .hgf-film-card-body small {
                display: block;
                color: var(--hgf-muted);
                font-size: 10px;
                font-weight: 650;
                line-height: 1.35
            }

            .hgf-film-card strong {
                display: block;
                font-size: 15.8px;
                line-height: 1.22;
                letter-spacing: -.025em;
                font-weight: 720;
                color: var(--hgf-red)
            }

            .hgf-film-card span {
                display: block;
                color: var(--hgf-muted);
                font-size: 12.5px;
                line-height: 1.45;
                margin: 0
            }

            .hgf-film-card em {
                display: block;
                font-style: normal;
                margin-top: auto;
                color: var(--hgf-dark);
                font-weight: 700;
                font-size: 15px;
                letter-spacing: -.01em
            }

            .hgf-film-card-premium {
                background: linear-gradient(180deg,#fff7f4,#fff);
                border-color: rgba(184,33,45,.16)
            }

            .hgf-film-card-premium .hgf-film-card-body small {
                color: rgba(184,33,45,.76)
            }

            .hgf-film-card-value {
                background: #fbfaf7
            }

            .hgf-film-card-value .hgf-film-card-body small {
                color: #8a6a44
            }

            .hgf-proof-section {
                background: linear-gradient(180deg,#fff 0%,#fff8f5 52%,#fff 100%)
            }

            .hgf-proof-grid {
                display: grid;
                gap: 18px
            }

            .hgf-proof-card {
                overflow: hidden;
                border-radius: 28px;
                background: #fff;
                border: 1px solid rgba(184,33,45,.12);
                box-shadow: var(--hgf-shadow)
            }

            .hgf-proof-card figure {
                margin: 0!important;
                background: linear-gradient(135deg,#fffaf6,#f7eee6);
                border-bottom: 1px solid rgba(184,33,45,.10)
            }

            .hgf-proof-card figure img {
                width: 100%;
                aspect-ratio: 4/3;
                object-fit: cover
            }

            .hgf-proof-contain img {
                object-fit: contain!important;
                padding: 14px;
                background: #fff
            }

            .hgf-proof-card div {
                padding: 20px
            }

            .hgf-proof-card h3 {
                font-size: 19px;
                margin-bottom: 8px
            }

            .hgf-proof-card p {
                font-size: 14.5px;
                line-height: 1.65
            }

            .hgf-price-section {
                background: #fff;
                padding-bottom: 34px
            }

            .hgf-price-grid {
                display: grid;
                grid-template-columns: 1fr;
                gap: 14px;
                margin-top: 8px;
                align-items: stretch
            }

            .hgf-price-card {
                position: relative;
                overflow: hidden;
                padding: 24px;
                border-radius: 24px;
                border: 1px solid var(--hgf-border);
                background: #fff;
                box-shadow: 0 14px 36px rgba(16,24,39,.055)
            }

            .hgf-price-card:before {
                content: "";
                position: absolute;
                inset: auto -46px -52px auto;
                width: 140px;
                height: 140px;
                border-radius: 50%;
                background: rgba(184,33,45,.06);
                pointer-events: none
            }

            .hgf-price-card-standard {
                background: linear-gradient(160deg,#fff,#fffaf5)
            }

            .hgf-price-card-mid {
                background: linear-gradient(160deg,#fff7ed,#fff1df);
                border-color: rgba(184,33,45,.16)
            }

            .hgf-price-card-premium {
                background: linear-gradient(160deg,#b8212d 0%,#8f1823 58%,#5e1118 100%);
                border-color: rgba(184,33,45,.28);
                box-shadow: 0 24px 60px rgba(184,33,45,.20)
            }

            .hgf-price-label {
                display: inline-flex;
                align-self: flex-start;
                padding: 8px 13px;
                border-radius: 999px;
                background: rgba(184,33,45,.08);
                color: var(--hgf-red);
                font-size: 13px;
                font-weight: 700;
                margin-bottom: 16px
            }

            .hgf-price-card h3 {
                margin-bottom: 16px;
                font-weight: 720
            }

            .hgf-price {
                color: var(--hgf-red);
                font-size: 30px;
                font-weight: 720;
                letter-spacing: -.025em;
                margin-bottom: 12px
            }

            .hgf-price-card p {
                font-size: 14.5px;
                line-height: 1.65
            }

            .hgf-price-card-premium .hgf-price-label {
                background: rgba(255,255,255,.14);
                color: #fff
            }

            .hgf-price-card-premium h3,.hgf-price-card-premium .hgf-price {
                color: #fff
            }

            .hgf-price-card-premium p {
                color: rgba(255,255,255,.82)
            }

            .hgf-note {
                display: block;
                width: auto;
                max-width: 100%;
                margin: 34px auto 0!important;
                padding: 15px 18px;
                border: 1px solid rgba(184,33,45,.14);
                border-radius: 18px;
                background: #fff8f4;
                box-shadow: 0 12px 30px rgba(16,24,39,.045);
                font-size: 14px!important;
                line-height: 1.6!important;
                color: #6b5360!important;
                text-align: left
            }

            .hgf-note:before {
                content: "Lưu ý";
                display: inline-flex;
                padding: 4px 9px;
                border-radius: 999px;
                background: rgba(184,33,45,.10);
                color: var(--hgf-red);
                font-size: 12px;
                font-weight: 700;
                line-height: 1.2;
                margin: 0 8px 8px 0
            }

            .hgf-video-section {
                background: linear-gradient(180deg,#fff,#fff8f5 52%,#fff)
            }

            .hgf-video-grid {
                display: grid;
                gap: 16px
            }

            .hgf-video-card {
                overflow: hidden;
                border-radius: 26px;
                background: #fff;
                border: 1px solid rgba(184,33,45,.12);
                box-shadow: var(--hgf-shadow)
            }

            .hgf-video-card>div:not(.hgf-video-frame) {
                padding: 18px
            }

            .hgf-video-card h3 {
                font-size: 18px
            }

            .hgf-process-section {
                background: #fff
            }

            .hgf-process-visual {
                display: grid;
                gap: 18px
            }

            .hgf-process-visual article {
                overflow: hidden;
                border-radius: 28px;
                background: #fff;
                border: 1px solid rgba(16,24,39,.08);
                box-shadow: var(--hgf-shadow)
            }

            .hgf-process-visual img {
                width: 100%;
                aspect-ratio: 1/1;
                object-fit: cover
            }

            .hgf-process-visual div {
                padding: 18px 20px 22px
            }

            .hgf-process-visual h3 {
                font-size: 19px;
                margin-bottom: 7px
            }

            .hgf-process-visual p {
                font-size: 14.5px;
                line-height: 1.6
            }

            .hgf-team-section {
                background: linear-gradient(180deg,#fff8f5,#fff)
            }

            .hgf-team-grid {
                display: grid;
                gap: 24px;
                align-items: center
            }

            .hgf-team-copy p {
                margin-top: 12px
            }

            .hgf-team-copy ul {
                list-style: none;
                padding: 0;
                margin: 20px 0 0;
                display: grid;
                gap: 10px
            }

            .hgf-team-copy li {
                position: relative;
                padding-left: 30px;
                color: var(--hgf-text);
                font-size: 15px;
                line-height: 1.6
            }

            .hgf-team-copy li:before {
                content: "✓";
                position: absolute;
                left: 0;
                top: 2px;
                width: 22px;
                height: 22px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: var(--hgf-red);
                color: #fff;
                font-size: 13px;
                font-weight: 820
            }

            .hgf-team-media {
                overflow: hidden;
                border-radius: 28px;
                background: #fff;
                box-shadow: var(--hgf-shadow);
                border: 7px solid #fff
            }

            .hgf-team-media img {
                width: 100%;
                aspect-ratio: 1/1;
                object-fit: cover
            }

            .hgf-featured-section {
                background: #fff
            }

            .hgf-featured-grid {
                display: grid;
                grid-template-columns: 1fr;
                gap: 14px
            }

            .hgf-featured-grid article {
                position: relative;
                overflow: hidden;
                border-radius: 22px;
                background: #111827;
                box-shadow: 0 14px 34px rgba(16,24,39,.08)
            }

            .hgf-featured-grid img {
                width: 100%;
                aspect-ratio: 1/1;
                object-fit: cover;
                opacity: .92;
                transition: .35s ease
            }

            .hgf-featured-grid article:hover img {
                transform: scale(1.04)
            }

            .hgf-featured-grid h3 {
                position: absolute;
                left: 10px;
                right: 10px;
                bottom: 10px;
                padding: 8px 10px;
                border-radius: 999px;
                background: rgba(255,255,255,.92);
                font-size: 12px;
                text-align: center
            }

            .hgf-faq-section {
                background: linear-gradient(180deg,#fff,#fff8f5)
            }

            .hgf-faq-grid {
                display: grid;
                gap: 26px
            }

            .hgf-faq-head p {
                margin-top: 12px
            }

            .hgf-faq-list {
                display: grid;
                gap: 10px
            }

            .hgf-faq-list details {
                overflow: hidden;
                border-radius: 20px;
                background: #fff;
                border: 1px solid var(--hgf-border);
                box-shadow: 0 10px 28px rgba(16,24,39,.045)
            }

            .hgf-faq-list summary {
                cursor: pointer;
                list-style: none;
                padding: 18px 48px 18px 18px;
                color: var(--hgf-dark);
                font-size: 16px;
                line-height: 1.38;
                font-weight: 700;
                position: relative
            }

            .hgf-faq-list summary::-webkit-details-marker {
                display: none
            }

            .hgf-faq-list summary:after {
                content: "+";
                position: absolute;
                right: 18px;
                top: 50%;
                transform: translateY(-50%);
                color: var(--hgf-red);
                font-size: 24px;
                font-weight: 500
            }

            .hgf-faq-list details[open] summary:after {
                content: "−"
            }

            .hgf-faq-list details p {
                padding: 0 18px 18px;
                font-size: 14.5px;
                line-height: 1.65
            }

            @media (min-width: 768px) {
                .hgf-container {
                    width:min(100% - 44px,1180px)
                }

                .hgf-section {
                    padding: 72px 0
                }

                .hgf-hero {
                    padding: 74px 0 62px
                }

                .hgf-hero-actions,.hgf-mini-actions {
                    display: flex;
                    flex-wrap: wrap
                }

                .hgf-hero-actions .hgf-btn {
                    width: auto
                }

                .hgf-hero-proof {
                    grid-template-columns: repeat(3,minmax(0,1fr))
                }

                .hgf-trust-row {
                    grid-template-columns: repeat(4,minmax(0,1fr))
                }

                .hgf-pain-grid {
                    grid-template-columns: repeat(2,minmax(0,1fr))
                }

                .hgf-test-grid,.hgf-price-grid {
                    grid-template-columns: repeat(3,minmax(0,1fr))
                }

                .hgf-before-grid,.hgf-proof-grid,.hgf-process-visual,.hgf-team-grid {
                    grid-template-columns: repeat(2,minmax(0,1fr))
                }

                .hgf-featured-grid {
                    grid-template-columns: repeat(2,minmax(0,1fr));
                    gap: 22px
                }

                .hgf-film-brand-head {
                    flex-direction: row;
                    align-items: flex-end
                }

                .hgf-film-brand-head h3 {
                    font-size: 22px
                }

                .hgf-film-track {
                    gap: 18px!important
                }

                .hgf-film-track>.hgf-film-card {
                    flex-basis: calc((100% - 54px)/4)!important;
                    width: calc((100% - 54px)/4)!important;
                    max-width: calc((100% - 54px)/4)!important
                }

                .hgf-film-card {
                    border-radius: 24px;
                    min-height: 352px
                }

                .hgf-film-card-body {
                    padding: 18px
                }

                .hgf-film-card-body small {
                    font-size: 12px
                }

                .hgf-film-card strong {
                    font-size: 19px
                }

                .hgf-film-card span {
                    font-size: 13.5px
                }

                .hgf-film-card em {
                    font-size: 17px
                }

                .hgf-video-grid {
                    grid-template-columns: 1.25fr .72fr .72fr;
                    align-items: start
                }

                .hgf-video-wide {
                    grid-row: span 1
                }

                .hgf-mini-cta-box {
                    grid-template-columns: 1fr auto;
                    align-items: center;
                    padding: 34px
                }

                .hgf-mini-actions {
                    justify-content: flex-end
                }
            }

            @media (min-width: 1024px) {
                .hgf-section {
                    padding:86px 0
                }

                .hgf-section-head {
                    margin-bottom: 34px
                }

                .hgf-section-head p {
                    font-size: 17px
                }

                .hgf-windowfilm-page p {
                    font-size: 16px
                }

                .hgf-lead {
                    font-size: 18px!important
                }

                .hgf-hero-grid {
                    grid-template-columns: minmax(0,1fr) minmax(460px,.92fr);
                    gap: 48px
                }

                .hgf-hero-copy {
                    max-width: 690px
                }

                .hgf-hero-mini-grid figure img {
                    aspect-ratio: 1/1
                }

                .hgf-solution-grid {
                    grid-template-columns: .92fr 1.08fr;
                    align-items: center;
                    gap: 42px
                }

                .hgf-solution-media img {
                    aspect-ratio: 4/3
                }

                .hgf-pain-grid {
                    grid-template-columns: 1.05fr 1fr 1fr 1.15fr
                }

                .hgf-pain-card {
                    min-height: 242px
                }

                .hgf-pain-card-image {
                    min-height: 242px
                }

                .hgf-pain-card-image img {
                    min-height: 242px
                }

                .hgf-team-grid {
                    grid-template-columns: 1.05fr .95fr;
                    gap: 44px
                }

                .hgf-team-media img {
                    aspect-ratio: 1/1
                }

                .hgf-faq-grid {
                    grid-template-columns: .82fr 1.18fr;
                    gap: 42px;
                    align-items: start
                }

                .hgf-faq-head {
                    position: sticky;
                    top: 24px
                }

                .hgf-price-card-mid {
                    transform: translateY(-6px)
                }

                .hgf-price-card-premium {
                    transform: translateY(-10px)
                }
            }

            @media (max-width: 450px) {
                .hgf-container {
                    width:min(100% - 24px,1180px)
                }

                .hgf-windowfilm-page h1 {
                    font-size: 28px
                }

                .hgf-windowfilm-page h2 {
                    font-size: 24px
                }

                .hgf-eyebrow {
                    font-size: 11.5px;
                    padding: 7px 11px
                }

                .hgf-film-card {
                    min-height: 266px
                }

                .hgf-film-card strong {
                    font-size: 15px
                }

                .hgf-hero-mini-grid {
                    gap: 10px
                }

                .hgf-hero-mini-grid figcaption {
                    font-size: 10.5px
                }
		.box-text .product-title a { 
		   font-size: 13px;
		    
		}
		
            }

            .hgf-red-inline {
                color: var(--hgf-red);
                font: inherit;
                letter-spacing: inherit
            }

            .hgf-pain-card-image-only {
                padding: 0
            }

            .hgf-pain-card-image-only:after {
                display: none
            }

            .hgf-pain-card-image-only img {
                opacity: 1
            }

            .hgf-pain-card-image-only div {
                display: none
            }

            .hgf-floating-metric {
                display: none
            }

            .hgf-hero-proof strong {
                font-size: clamp(18px,2.1vw,26px);
                line-height: 1.12;
                font-weight: 720;
                letter-spacing: -.025em
            }

            .hgf-hero-proof span {
                font-size: 14px;
                line-height: 1.42
            }

            .hgf-video-grid-4 {
                grid-template-columns: repeat(2,minmax(0,1fr));
                gap: 14px
            }

            .hgf-video-grid-4 .hgf-video-frame-short {
                aspect-ratio: 2/3
            }

            .hgf-video-grid-4 .hgf-video-card h3 {
                font-size: 15px;
                line-height: 1.25
            }

            .hgf-video-grid-4 .hgf-video-card>div:not(.hgf-video-frame) {
                padding: 13px
            }

            .hgf-windowfilm-page .hgf-price {
                font-weight: 720;
                letter-spacing: -.025em
            }

            .hgf-windowfilm-page .hgf-film-card em {
                font-weight: 700
            }

            .hgf-conversion-cta {
                background: linear-gradient(180deg,#fff,#fff8f5);
                padding: 54px 0 76px
            }

            .hgf-conversion-box {
                position: relative;
                display: grid;
                gap: 22px;
                padding: 26px 20px;
                border-radius: 30px;
                background: #fff;
                border: 1px solid rgba(184,33,45,.14);
                box-shadow: 0 20px 54px rgba(16,24,39,.08),0 10px 30px rgba(184,33,45,.08);
                overflow: hidden
            }

            .hgf-conversion-box:before {
                content: "";
                position: absolute;
                right: -120px;
                top: -130px;
                width: 280px;
                height: 280px;
                border-radius: 50%;
                background: rgba(184,33,45,.07);
                pointer-events: none
            }

            .hgf-conversion-copy,.hgf-conversion-actions {
                position: relative;
                z-index: 2
            }

            .hgf-conversion-copy h2 {
                margin-top: 13px;
                font-size: clamp(25px,7vw,40px);
                line-height: 1.14;
                letter-spacing: -.035em;
                font-weight: 700;
                color: var(--hgf-dark)
            }

            .hgf-conversion-copy p {
                margin-top: 11px;
                max-width: 760px;
                font-size: 15px;
                line-height: 1.68;
                color: var(--hgf-muted)
            }

            .hgf-conversion-actions {
                display: grid;
                grid-template-columns: 1fr;
                gap: 12px
            }

            .hgf-conversion-btn {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                width: 100%;
                min-height: 56px;
                padding: 14px 18px;
                border-radius: 999px;
                color: #fff;
                text-decoration: none;
                border: 0;
                white-space: nowrap;
                transition: transform .22s ease,box-shadow .22s ease,filter .22s ease
            }

            .hgf-conversion-btn span {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 34px;
                height: 34px;
                flex: 0 0 34px;
                border-radius: 999px;
                background: rgba(255,255,255,.22);
                border: 1px solid rgba(255,255,255,.25);
                color: #fff;
                font-size: 16px;
                font-weight: 650
            }

            .hgf-conversion-btn strong {
                display: block;
                color: #fff;
                font-size: 16px;
                font-weight: 650;
                letter-spacing: -.01em
            }

            .hgf-conversion-call {
                background: linear-gradient(135deg,#ff3048 0%,#d7192f 58%,#ff7a1a 100%);
                box-shadow: 0 16px 38px rgba(255,48,72,.30)
            }

            .hgf-conversion-zalo {
                background: linear-gradient(135deg,#19c2ff 0%,#078df2 52%,#006ee6 100%);
                box-shadow: 0 16px 38px rgba(10,167,255,.30)
            }

            .hgf-conversion-btn:hover {
                transform: translateY(-2px) scale(1.02);
                filter: saturate(1.06)
            }

            @media (min-width: 768px) {
                .hgf-video-grid-4 {
                    grid-template-columns:repeat(4,minmax(0,1fr));
                    gap: 18px;
                    align-items: start
                }

                .hgf-video-grid-4 .hgf-video-frame-short {
                    aspect-ratio: 9/16
                }

                .hgf-video-grid-4 .hgf-video-card h3 {
                    font-size: 17px
                }

                .hgf-video-grid-4 .hgf-video-card>div:not(.hgf-video-frame) {
                    padding: 16px
                }

                .hgf-conversion-box {
                    grid-template-columns: 1fr auto;
                    align-items: center;
                    gap: 34px;
                    padding: 38px 42px;
                    border-radius: 34px
                }

                .hgf-conversion-actions {
                    min-width: 250px
                }

                .hgf-conversion-btn {
                    min-width: 230px
                }
            }

            @media (max-width: 767px) {
                .hgf-hero-proof strong {
                    font-size:19px
                }

                .hgf-conversion-cta {
                    padding: 44px 0 66px
                }

                .hgf-conversion-box {
                    padding: 24px 18px;
                    border-radius: 26px
                }

                .hgf-conversion-copy h2 {
                    font-size: 24px;
                    line-height: 1.16
                }

                .hgf-conversion-actions {
                    width: 100%
                }
				#top-bar p.info-company {
					font-size: 13px;
					font-weight: 600;
				}
            }

            @media (prefers-reduced-motion:reduce) {
                .hgf-btn-primary,.hgf-action-call {
                    animation: none
                }

                .hgf-btn:after,.hgf-action:after {
                    display: none
                }
            }

            #hgf-smart-film.hgf-smart-page {
                --hgf-bg: #fff;
                --hgf-soft: #fff5f6;
                --hgf-dark: #250b10;
                --hgf-dark-2: #4a0f18;
                --hgf-text: #2a1519;
                --hgf-muted: #6c5d63;
                --hgf-line: rgba(17,34,51,.12);
                --hgf-primary: #b51f2a;
                --hgf-primary-2: #e03646;
                --hgf-gold: #d9a441;
                --hgf-shadow: 0 20px 50px rgba(77,14,24,.10);
                --hgf-radius: 26px;
                color: var(--hgf-text);
                background: #fff;
                font-family: inherit;
                overflow: hidden
            }

            #hgf-smart-film *,#hgf-smart-film *::before,#hgf-smart-film *::after {
                box-sizing: border-box
            }

            #hgf-smart-film a {
                text-decoration: none
            }

            #hgf-smart-film img {
                max-width: 100%
            }

            #hgf-smart-film .button {
                margin: 0
            }

            #hgf-smart-film .hgf-smart-section {
                position: relative;
                padding: 68px 0
            }

            #hgf-smart-film .hgf-smart-wrap {
                width: min(1160px,calc(100% - 32px));
                margin: 0 auto
            }

            #hgf-smart-film .hgf-smart-narrow {
                max-width: 780px
            }

            #hgf-smart-film .hgf-smart-center {
                text-align: center
            }

            #hgf-smart-film .hgf-smart-soft {
                background: linear-gradient(180deg,#fff8f8 0%,#fff0f2 100%)
            }

            #hgf-smart-film .hgf-smart-split {
                display: grid;
                grid-template-columns: minmax(0,.92fr) minmax(0,1fr);
                gap: 50px;
                align-items: center
            }

            #hgf-smart-film .hgf-smart-copy p+p {
                margin-top: 14px
            }

            #hgf-smart-film .hgf-smart-heading-row {
                display: grid;
                grid-template-columns: minmax(0,1fr) minmax(260px,.48fr);
                gap: 32px;
                align-items: end;
                margin-bottom: 34px
            }

            #hgf-smart-film .hgf-smart-heading-row p {
                font-size: 16px
            }

            #hgf-smart-film h1,#hgf-smart-film h2,#hgf-smart-film h3 {
                margin: 0;
                color: inherit;
                letter-spacing: -.035em
            }

            #hgf-smart-film h1 {
                font-size: clamp(30px,4.9vw,50px);
                line-height: 1.06;
                max-width: 720px
            }

            #hgf-smart-film h2 {
                font-size: clamp(28px,4.8vw,48px);
                line-height: 1.08
            }

            #hgf-smart-film h3 {
                font-size: 20px;
                line-height: 1.22
            }

            #hgf-smart-film p {
                margin: 0;
                color: var(--hgf-muted);
                font-size: 16.5px;
                line-height: 1.75
            }

            #hgf-smart-film .hgf-smart-lead {
                margin-top: 20px;
                max-width: 650px;
                font-size: 18px;
                color: #5d4750
            }

            #hgf-smart-film .hgf-smart-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                margin-bottom: 12px;
                color: var(--hgf-primary);
                font-size: 13px;
                line-height: 1.35;
                font-weight: 800;
                letter-spacing: .08em;
                text-transform: uppercase
            }

            #hgf-smart-film .hgf-smart-eyebrow::before {
                content: "";
                width: 26px;
                height: 2px;
                border-radius: 99px;
                background: currentColor;
                opacity: .75
            }

            #hgf-smart-film .hgf-smart-dark .hgf-smart-eyebrow,#hgf-smart-film .hgf-smart-final .hgf-smart-eyebrow,#hgf-smart-film .hgf-smart-cta-band .hgf-smart-eyebrow {
                color: #ffd6dc
            }

            #hgf-smart-film .hgf-smart-actions {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                margin-top: 28px
            }

            #hgf-smart-film .hgf-smart-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 48px;
                padding: 13px 20px;
                border-radius: 999px;
                font-size: 15px;
                line-height: 1.25;
                font-weight: 800;
                white-space: nowrap;
                transition: transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease
            }

            #hgf-smart-film .hgf-smart-btn:hover {
                transform: translateY(-2px)
            }

            #hgf-smart-film .hgf-smart-btn-primary {
                background: linear-gradient(135deg,var(--hgf-primary),var(--hgf-primary-2));
                color: #fff;
                box-shadow: 0 14px 30px rgba(181,31,42,.25)
            }

            #hgf-smart-film .hgf-smart-btn-secondary {
                background: #fff;
                color: var(--hgf-primary);
                border: 1px solid rgba(181,31,42,.18)
            }

            #hgf-smart-film .hgf-smart-btn-light {
                background: #fff;
                color: #67111b;
                box-shadow: 0 14px 34px rgba(0,0,0,.16)
            }

            #hgf-smart-film .hgf-smart-btn-outline-light {
                color: #fff;
                border: 1px solid rgba(255,255,255,.42);
                background: rgba(255,255,255,.08)
            }

            #hgf-smart-film .hgf-smart-btn-call,#hgf-smart-film .hgf-smart-btn-zalo {
                min-height: 54px;
                padding: 15px 24px;
                font-size: 15.5px
            }

            #hgf-smart-film .hgf-smart-btn-call {
                box-shadow: 0 16px 34px rgba(181,31,42,.28)
            }

            #hgf-smart-film .hgf-smart-btn-bounce {
                animation: hgfCtaBounce 2.4s ease-in-out infinite
            }

            #hgf-smart-film .hgf-smart-btn-bounce:hover {
                animation-play-state: paused;
                transform: translateY(-3px)
            }

            @keyframes hgfCtaBounce {
                0%,72%,100% {
                    transform: translateY(0)
                }

                80% {
                    transform: translateY(-7px)
                }

                88% {
                    transform: translateY(0)
                }

                94% {
                    transform: translateY(-3px)
                }
            }

            #hgf-smart-film .hgf-smart-hero {
                padding: 82px 0 74px;
                background: radial-gradient(circle at 82% 18%,rgba(224,54,70,.14),transparent 34%),radial-gradient(circle at 5% 5%,rgba(217,164,65,.16),transparent 28%),linear-gradient(180deg,#fff 0%,#fff3f5 100%)
            }

            #hgf-smart-film .hgf-smart-hero-grid {
                display: grid;
                grid-template-columns: minmax(0,1.02fr) minmax(360px,.78fr);
                align-items: center;
                gap: 42px
            }

            #hgf-smart-film .hgf-smart-hero-copy {
                position: relative;
                z-index: 2
            }

            #hgf-smart-film .hgf-smart-hero-copy h1 br {
                display: none
            }

            #hgf-smart-film .hgf-smart-hero-title-line {
                display: block;
                white-space: nowrap;
                margin: 0;
                padding: 0
            }

            #hgf-smart-film .hgf-smart-trust-row {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin-top: 26px
            }

            #hgf-smart-film .hgf-smart-trust-row span {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                padding: 9px 12px;
                border-radius: 999px;
                background: rgba(255,255,255,.78);
                border: 1px solid rgba(17,34,51,.08);
                color: #50323a;
                font-size: 13px;
                font-weight: 750;
                box-shadow: 0 8px 22px rgba(77,14,24,.06)
            }

            #hgf-smart-film .hgf-smart-trust-row span::before {
                content: "";
                width: 7px;
                height: 7px;
                border-radius: 50%;
                background: var(--hgf-primary-2)
            }

            #hgf-smart-film .hgf-smart-hero-media {
                position: relative;
                overflow: hidden;
                aspect-ratio: 1/1;
                min-height: 0;
                border-radius: 34px;
                background: #f6e4e7;
                box-shadow: 0 28px 70px rgba(77,14,24,.18)
            }

            #hgf-smart-film .hgf-smart-hero-media img {
                display: block;
                width: 100%;
                height: 100%;
                min-height: 0;
                object-fit: cover
            }

            #hgf-smart-film .hgf-smart-hero-media::after {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(180deg,transparent 48%,rgba(3,18,31,.62) 100%)
            }

            #hgf-smart-film .hgf-smart-floating-card {
                position: absolute;
                left: 18px;
                right: 18px;
                bottom: 18px;
                z-index: 2;
                padding: 18px;
                border-radius: 22px;
                background: rgba(255,255,255,.88);
                backdrop-filter: blur(12px);
                box-shadow: 0 18px 44px rgba(0,0,0,.18)
            }

            #hgf-smart-film .hgf-smart-floating-card strong,#hgf-smart-film .hgf-smart-final-box strong {
                display: block;
                color: #250b10;
                font-size: 20px;
                line-height: 1.25;
                margin-bottom: 6px
            }

            #hgf-smart-film .hgf-smart-floating-card span,#hgf-smart-film .hgf-smart-final-box span {
                display: block;
                color: #6b5660;
                font-size: 14px;
                line-height: 1.55
            }

            #hgf-smart-film .hgf-smart-quick-grid {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 18px;
                margin-top: 34px
            }

            #hgf-smart-film .hgf-smart-quick-card,#hgf-smart-film .hgf-smart-use-card,#hgf-smart-film .hgf-smart-step-card,#hgf-smart-film .hgf-smart-feature-card,#hgf-smart-film .hgf-smart-person-card,#hgf-smart-film .hgf-smart-price-card,#hgf-smart-film .hgf-smart-note-item {
                background: #fff;
                border: 1px solid var(--hgf-line);
                border-radius: var(--hgf-radius);
                box-shadow: 0 14px 34px rgba(77,14,24,.07)
            }

            #hgf-smart-film .hgf-smart-quick-card {
                padding: 22px 24px
            }

            #hgf-smart-film .hgf-smart-quick-card span,#hgf-smart-film .hgf-smart-step-card span,#hgf-smart-film .hgf-smart-process-item span {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 42px;
                height: 42px;
                margin-bottom: 18px;
                border-radius: 50%;
                background: rgba(224,54,70,.11);
                color: var(--hgf-primary);
                font-weight: 900
            }

            #hgf-smart-film .hgf-smart-quick-card h3 {
                margin-bottom: 8px
            }

            #hgf-smart-film .hgf-smart-media-stack {
                position: relative
            }

            #hgf-smart-film .hgf-smart-concept-img {
                display: block;
                width: 100%;
                height: auto;
                aspect-ratio: 1/1;
                object-fit: cover;
                border-radius: var(--hgf-radius);
                box-shadow: var(--hgf-shadow)
            }

            #hgf-smart-film .hgf-smart-note-card {
                position: absolute;
                left: 18px;
                right: 18px;
                bottom: 18px;
                padding: 16px;
                border-radius: 20px;
                background: rgba(255,255,255,.9);
                backdrop-filter: blur(12px);
                border: 1px solid rgba(255,255,255,.7);
                box-shadow: 0 15px 35px rgba(77,14,24,.14)
            }

            #hgf-smart-film .hgf-smart-note-card strong {
                display: block;
                margin-bottom: 4px;
                color: #2b1116;
                font-size: 18px
            }

            #hgf-smart-film .hgf-smart-note-card span {
                color: #6b5660;
                font-size: 14px;
                line-height: 1.55
            }

            #hgf-smart-film .hgf-smart-mini-list {
                display: flex;
                flex-direction: column;
                gap: 8px;
                margin-top: 16px
            }

            #hgf-smart-film .hgf-smart-mini-list span {
                position: relative;
                display: flex;
                align-items: center;
                min-height: 44px;
                padding: 8px 13px 8px 38px;
                border-radius: 14px;
                border: 1px solid var(--hgf-line);
                background: #fff;
                color: #50323a;
                font-size: 14.5px;
                line-height: 1.32;
                font-weight: 750
            }

            #hgf-smart-film .hgf-smart-mini-list span::before {
                content: "✓";
                position: absolute;
                left: 14px;
                top: 50%;
                transform: translateY(-50%);
                color: var(--hgf-primary);
                font-weight: 900
            }

            #hgf-smart-film .hgf-smart-dark {
                background: radial-gradient(circle at 10% 0%,rgba(224,54,70,.18),transparent 31%),radial-gradient(circle at 90% 30%,rgba(217,164,65,.14),transparent 28%),linear-gradient(135deg,var(--hgf-dark) 0%,var(--hgf-dark-2) 100%);
                color: #fff
            }

            #hgf-smart-film .hgf-smart-dark p {
                color: rgba(255,255,255,.74)
            }

            #hgf-smart-film .hgf-smart-layer-layout {
                display: grid;
                grid-template-columns: minmax(0,.9fr) minmax(0,1fr);
                gap: 28px;
                align-items: center
            }

            #hgf-smart-film .hgf-smart-structure-photo,#hgf-smart-film .hgf-smart-how-media {
                overflow: hidden;
                border-radius: 30px;
                background: #fff;
                border: 1px solid rgba(181,31,42,.14);
                box-shadow: 0 24px 60px rgba(77,14,24,.14)
            }

            #hgf-smart-film .hgf-smart-structure-photo img {
                display: block;
                width: 100%;
                height: auto;
                aspect-ratio: 1/1;
                object-fit: cover
            }

            #hgf-smart-film .hgf-smart-layer-points {
                display: grid;
                gap: 14px
            }

            #hgf-smart-film .hgf-smart-layer-points>div {
                padding: 22px;
                border-radius: 24px;
                background: rgba(255,255,255,.08);
                border: 1px solid rgba(255,255,255,.12)
            }

            #hgf-smart-film .hgf-smart-layer-points h3 {
                margin-bottom: 8px;
                color: #fff
            }

            #hgf-smart-film .hgf-smart-how-layout {
                display: grid;
                grid-template-columns: minmax(0,1fr) minmax(320px,.9fr);
                gap: 24px;
                align-items: stretch;
                margin-top: 34px
            }

            #hgf-smart-film .hgf-smart-how-media img {
                display: block;
                width: 100%;
                height: 100%;
                min-height: 420px;
                object-fit: cover
            }

            #hgf-smart-film .hgf-smart-steps-3 {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 18px;
                margin-top: 34px
            }

            #hgf-smart-film .hgf-smart-steps-column {
                grid-template-columns: 1fr;
                margin-top: 0
            }

            #hgf-smart-film .hgf-smart-step-card {
                padding: 24px
            }

            #hgf-smart-film .hgf-smart-step-card h3 {
                margin-bottom: 10px
            }

            #hgf-smart-film .hgf-smart-cta-band {
                padding: 42px 0;
                background: linear-gradient(135deg,#6f121d 0%,#bd2230 100%);
                color: #fff
            }

            #hgf-smart-film .hgf-smart-cta-band h2 {
                font-size: clamp(24px,3.2vw,38px)
            }

            #hgf-smart-film .hgf-smart-cta-inner {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 28px
            }

            #hgf-smart-film .hgf-smart-cta-inner .hgf-smart-actions {
                margin-top: 0;
                flex-shrink: 0
            }

            #hgf-smart-film .hgf-smart-feature-grid {
                display: grid;
                grid-template-columns: repeat(4,1fr);
                gap: 18px;
                margin-top: 36px
            }

            #hgf-smart-film .hgf-smart-feature-card {
                min-height: 250px;
                padding: 24px
            }

            #hgf-smart-film .hgf-smart-feature-card img {
                display: block;
                width: 64px;
                height: 64px;
                margin-bottom: 18px;
                object-fit: contain
            }

            #hgf-smart-film .hgf-smart-feature-card h3 {
                margin-bottom: 10px
            }

            #hgf-smart-film .hgf-smart-use-grid {
                display: grid;
                grid-template-columns: repeat(4,1fr);
                gap: 18px;
                margin-top: 34px
            }

            #hgf-smart-film .hgf-smart-use-card {
                position: relative;
                overflow: hidden;
                padding: 24px
            }

            #hgf-smart-film .hgf-smart-use-card::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 4px;
                background: linear-gradient(90deg,var(--hgf-primary),var(--hgf-primary-2))
            }

            #hgf-smart-film .hgf-smart-use-card h3 {
                margin-bottom: 10px
            }

            #hgf-smart-film .hgf-smart-app-grid {
                display: grid;
                grid-template-columns: repeat(4,1fr);
                gap: 18px;
                margin-top: 36px
            }

            #hgf-smart-film .hgf-smart-app-card {
                overflow: hidden;
                border-radius: var(--hgf-radius);
                background: #fff;
                border: 1px solid var(--hgf-line);
                box-shadow: var(--hgf-shadow);
                transition: border-color .22s ease,box-shadow .22s ease
            }

            #hgf-smart-film .hgf-smart-app-card:hover {
                border-color: rgba(224,54,70,.24);
                box-shadow: var(--hgf-shadow)
            }

            #hgf-smart-film .hgf-smart-app-card>img {
                display: block;
                width: 100%;
                height: auto;
                aspect-ratio: 1/1;
                object-fit: cover
            }

            #hgf-smart-film .hgf-smart-app-card div {
                padding: 20px
            }

            #hgf-smart-film .hgf-smart-app-card h3 {
                margin-bottom: 8px;
                transition: color .22s ease
            }

            #hgf-smart-film .hgf-smart-app-card h3:hover {
                color: var(--hgf-primary)
            }

            #hgf-smart-film .hgf-smart-app-card p {
                font-size: 15px;
                line-height: 1.65
            }

            #hgf-smart-film .hgf-smart-person-grid {
                display: grid;
                grid-template-columns: repeat(4,1fr);
                gap: 18px;
                margin-top: 34px
            }

            #hgf-smart-film .hgf-smart-person-card {
                overflow: hidden;
                padding: 0;
                background: rgba(255,255,255,.08);
                border-color: rgba(255,255,255,.13);
                box-shadow: none
            }

            #hgf-smart-film .hgf-smart-person-card>img {
                display: block;
                width: 100%;
                height: auto;
                aspect-ratio: 4/3;
                object-fit: cover;
                object-position: center;
                border-bottom: 1px solid rgba(255,255,255,.12)
            }

            #hgf-smart-film .hgf-smart-person-card h3 {
                padding: 20px 20px 0;
                margin-bottom: 10px;
                color: #fff
            }

            #hgf-smart-film .hgf-smart-person-card p {
                padding: 0 20px 22px
            }

            #hgf-smart-film .hgf-smart-film-grid {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 20px;
                margin-top: 36px
            }

            #hgf-smart-film .hgf-smart-film-card {
                overflow: hidden;
                border-radius: 28px;
                background: #fff;
                border: 1px solid var(--hgf-line);
                box-shadow: var(--hgf-shadow)
            }

            #hgf-smart-film .hgf-smart-film-card img {
                display: block;
                width: 100%;
                height: auto;
                aspect-ratio: 4/3;
                object-fit: cover
            }

            #hgf-smart-film .hgf-smart-film-body {
                padding: 22px
            }

            #hgf-smart-film .hgf-smart-film-body span {
                display: inline-flex;
                margin-bottom: 12px;
                padding: 7px 11px;
                border-radius: 999px;
                background: rgba(224,54,70,.10);
                color: var(--hgf-primary);
                font-size: 13px;
                font-weight: 900
            }

            #hgf-smart-film .hgf-smart-film-body h3 {
                margin-bottom: 8px
            }

            #hgf-smart-film .hgf-smart-video-feature {
                background: radial-gradient(circle at 20% 10%,rgba(224,54,70,.11),transparent 28%),linear-gradient(180deg,#fff 0%,#fff8f8 100%)
            }

            #hgf-smart-film .hgf-smart-video-grid-3 {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 20px;
                margin-top: 36px
            }

            #hgf-smart-film .hgf-smart-video-card {
                overflow: hidden;
                border-radius: 28px;
                background: #fff;
                border: 1px solid rgba(181,31,42,.12);
                box-shadow: 0 20px 50px rgba(77,14,24,.10)
            }

            #hgf-smart-film .hgf-smart-video-frame {
                position: relative;
                overflow: hidden;
                aspect-ratio: 9/16;
                background: #260b10
            }

            #hgf-smart-film .hgf-smart-video-frame iframe {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                border: 0
            }

            #hgf-smart-film .hgf-smart-video-caption {
                padding: 18px
            }

            #hgf-smart-film .hgf-smart-video-caption h3 {
                margin-bottom: 6px;
                color: #2b1116
            }

            #hgf-smart-film .hgf-smart-video-caption p {
                font-size: 14.5px;
                line-height: 1.6
            }

            #hgf-smart-film .hgf-smart-table-card {
                overflow: auto;
                border-radius: 26px;
                background: #fff;
                border: 1px solid var(--hgf-line);
                box-shadow: var(--hgf-shadow)
            }

            #hgf-smart-film .hgf-smart-table {
                width: 100%;
                min-width: 680px;
                border-collapse: separate;
                border-spacing: 0;
                background: #fff
            }

            #hgf-smart-film .hgf-smart-table th,#hgf-smart-film .hgf-smart-table td {
                padding: 17px 18px;
                text-align: left;
                vertical-align: top;
                border-bottom: 1px solid rgba(17,34,51,.09);
                font-size: 15px;
                line-height: 1.55
            }

            #hgf-smart-film .hgf-smart-table th {
                background: #4b0f17;
                color: #fff;
                font-weight: 850
            }

            #hgf-smart-film .hgf-smart-table td:first-child {
                color: #2b1116;
                font-weight: 850
            }

            #hgf-smart-film .hgf-smart-table tr:last-child td {
                border-bottom: 0
            }

            #hgf-smart-film .hgf-smart-table-note {
                margin-top: 14px;
                padding: 16px 18px;
                border-radius: 18px;
                background: rgba(224,54,70,.08);
                border: 1px solid rgba(224,54,70,.14);
                color: #7a1d29
            }

            #hgf-smart-film .hgf-smart-price-grid {
                display: grid;
                grid-template-columns: 1.05fr .95fr .95fr;
                gap: 18px
            }

            #hgf-smart-film .hgf-smart-price-card {
                padding: 26px;
                background: rgba(255,255,255,.08);
                border-color: rgba(255,255,255,.13);
                box-shadow: none
            }

            #hgf-smart-film .hgf-smart-price-card h3 {
                margin-bottom: 12px;
                color: #fff
            }

            #hgf-smart-film .hgf-smart-price-card ul {
                margin: 0;
                padding-left: 18px;
                color: rgba(255,255,255,.74);
                font-size: 15px;
                line-height: 1.75
            }

            #hgf-smart-film .hgf-smart-price-highlight {
                background: linear-gradient(135deg,rgba(224,54,70,.22),rgba(217,164,65,.18))
            }

            #hgf-smart-film .hgf-smart-price-highlight span {
                display: inline-flex;
                margin-bottom: 14px;
                padding: 7px 12px;
                border-radius: 999px;
                background: rgba(255,255,255,.15);
                color: #fff;
                font-size: 13px;
                font-weight: 900
            }

            #hgf-smart-film .hgf-smart-price-highlight h3 {
                font-size: clamp(26px,3.7vw,42px);
                line-height: 1.06
            }

            #hgf-smart-film .hgf-smart-cta-light {
                padding: 44px 0;
                background: #fff
            }

            #hgf-smart-film .hgf-smart-cta-light-inner {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 28px;
                padding: 30px;
                border-radius: 30px;
                background: linear-gradient(135deg,#fff3f5,#fff);
                border: 1px solid rgba(181,31,42,.12);
                box-shadow: var(--hgf-shadow)
            }

            #hgf-smart-film .hgf-smart-cta-light-inner h2 {
                font-size: clamp(24px,3.3vw,38px)
            }

            #hgf-smart-film .hgf-smart-cta-light-inner p {
                max-width: 720px;
                margin-top: 10px
            }

            #hgf-smart-film .hgf-smart-cta-light-inner .hgf-smart-actions {
                margin-top: 0;
                flex-shrink: 0
            }

            #hgf-smart-film .hgf-smart-team {
                background: linear-gradient(180deg,#fff 0%,#fff7f8 100%)
            }

            #hgf-smart-film .hgf-smart-team-inner {
                display: grid;
                grid-template-columns: minmax(0,.95fr) minmax(0,1fr);
                gap: 34px;
                align-items: center
            }

            #hgf-smart-film .hgf-smart-team-media {
                overflow: hidden;
                border-radius: 30px;
                background: #fff;
                border: 1px solid rgba(181,31,42,.12);
                box-shadow: var(--hgf-shadow);
                aspect-ratio: 1/1
            }

            #hgf-smart-film .hgf-smart-team-media img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center
            }

            #hgf-smart-film .hgf-smart-team-copy {
                padding: 6px 0 6px 10px
            }

            #hgf-smart-film .hgf-smart-team-copy h2 {
                max-width: 680px
            }

            #hgf-smart-film .hgf-smart-team-copy p {
                max-width: 690px;
                margin-top: 14px
            }

            #hgf-smart-film .hgf-smart-team-points {
                display: grid;
                gap: 10px;
                margin-top: 22px
            }

            #hgf-smart-film .hgf-smart-team-points span {
                position: relative;
                display: flex;
                align-items: center;
                min-height: 44px;
                padding: 10px 14px 10px 42px;
                border-radius: 16px;
                background: #fff;
                border: 1px solid rgba(181,31,42,.13);
                box-shadow: 0 10px 26px rgba(77,14,24,.06);
                color: #50323a;
                font-size: 14.5px;
                line-height: 1.35;
                font-weight: 800
            }

            #hgf-smart-film .hgf-smart-team-points span::before {
                content: "✓";
                position: absolute;
                left: 15px;
                top: 50%;
                transform: translateY(-50%);
                color: var(--hgf-primary);
                font-weight: 900
            }

            #hgf-smart-film .hgf-smart-process {
                display: grid;
                grid-template-columns: repeat(5,1fr);
                gap: 14px;
                margin-top: 36px
            }

            #hgf-smart-film .hgf-smart-process-item {
                position: relative;
                padding: 22px;
                border-radius: 24px;
                background: #fff;
                border: 1px solid var(--hgf-line);
                box-shadow: 0 14px 34px rgba(77,14,24,.07)
            }

            #hgf-smart-film .hgf-smart-process-item span {
                width: auto;
                min-width: 76px;
                height: 34px;
                padding: 0 14px;
                border-radius: 999px;
                font-size: 13px;
                line-height: 1;
                white-space: nowrap
            }

            #hgf-smart-film .hgf-smart-process-item h3 {
                margin-bottom: 8px;
                font-size: 18px
            }

            #hgf-smart-film .hgf-smart-process-item p {
                font-size: 14.5px;
                line-height: 1.62
            }

            #hgf-smart-film .hgf-sf-projects-final {
                overflow: hidden
            }

            #hgf-smart-film .hgf-sf-project-heading-final {
                align-items: end;
                margin-bottom: 28px
            }

            #hgf-smart-film .hgf-sf-project-grid-final {
                display: grid;
                grid-template-columns: repeat(3,minmax(0,1fr));
                gap: 22px;
                align-items: stretch;
                width: 100%;
                margin: 0 auto;
                padding: 0 24px
            }

            #hgf-smart-film .hgf-sf-project-card-final {
                display: block;
                overflow: hidden;
                width: 100%;
                margin: 0;
                padding: 0;
                border-radius: 24px;
                background: #fff;
                box-shadow: 0 16px 42px rgba(77,14,24,.10)
            }

            #hgf-smart-film .hgf-sf-project-card-final>img {
                display: block;
                width: 100%;
                max-width: none;
                height: auto;
                min-height: 0;
                aspect-ratio: 4/3;
                object-fit: cover;
                object-position: center;
                border: 0;
                margin: 0;
                padding: 0;
                transition: transform .28s ease
            }

            #hgf-smart-film .hgf-sf-project-card-final:hover>img {
                transform: scale(1.045)
            }

            #hgf-smart-film .hgf-smart-note-grid {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 18px;
                margin-top: 34px
            }

            #hgf-smart-film .hgf-smart-note-item {
                padding: 24px;
                background: rgba(255,255,255,.08);
                border-color: rgba(255,255,255,.13);
                box-shadow: none
            }

            #hgf-smart-film .hgf-smart-note-item h3 {
                margin-bottom: 10px;
                color: #fff
            }

            #hgf-smart-film .hgf-sf-related-v8 {
                overflow: hidden;
                background: #fff
            }

            #hgf-smart-film .hgf-sf-related-v8-head {
                max-width: 760px;
                margin: 0 auto 28px;
                text-align: center
            }

            #hgf-smart-film .hgf-sf-related-v8-head .hgf-smart-eyebrow {
                justify-content: center
            }

            #hgf-smart-film .hgf-sf-related-v8-head h2 {
                max-width: 680px;
                margin: 0 auto 12px;
                color: #2b1116;
                font-size: clamp(28px,4vw,44px);
                line-height: 1.08
            }

            #hgf-smart-film .hgf-sf-related-v8-head p {
                max-width: 690px;
                margin: 0 auto;
                color: #6c5d63;
                font-size: 16px;
                line-height: 1.7
            }

            #hgf-smart-film .hgf-sf-related-v8-list {
                display: flex;
                flex-direction: column;
                gap: 14px;
                width: min(760px,100%);
                margin: 0 auto
            }

            #hgf-smart-film .hgf-sf-related-v8-card {
                display: flex;
                align-items: center;
                gap: 16px;
                width: 100%;
                padding: 18px 20px;
                border: 1px solid rgba(181,31,42,.18);
                border-radius: 22px;
                background: linear-gradient(180deg,#fff 0%,#fff8f8 100%);
                box-shadow: 0 12px 34px rgba(77,14,24,.07)
            }

            #hgf-smart-film .hgf-sf-related-v8-no {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 38px;
                height: 38px;
                min-width: 38px;
                border-radius: 999px;
                background: #fff0f2;
                color: #b51f2a;
                font-size: 12px;
                font-weight: 900;
                line-height: 1
            }

            #hgf-smart-film .hgf-sf-related-v8-copy {
                flex: 1;
                min-width: 0;
                text-align: left
            }

            #hgf-smart-film .hgf-sf-related-v8-copy h3 {
                margin: 0 0 4px;
                color: #2b1116;
                font-size: 20px;
                line-height: 1.2
            }

            #hgf-smart-film .hgf-sf-related-v8-copy p {
                margin: 0;
                color: #6c5d63;
                font-size: 14.5px;
                line-height: 1.55
            }

            #hgf-smart-film .hgf-sf-related-v8-link {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                min-width: 40px;
                border-radius: 999px;
                background: #b51f2a;
                color: #fff;
                font-size: 18px;
                font-weight: 900;
                line-height: 1;
                text-decoration: none
            }

            #hgf-smart-film .hgf-sf-related-v8-link:hover {
                background: #931923;
                color: #fff
            }

            #hgf-smart-film .hgf-smart-faq {
                max-width: 900px;
                margin-top: 34px
            }

            #hgf-smart-film .hgf-smart-faq details {
                overflow: hidden;
                margin-bottom: 12px;
                padding: 0;
                border: 1px solid var(--hgf-line);
                border-radius: 20px;
                background: #fff;
                box-shadow: 0 12px 28px rgba(77,14,24,.06)
            }

            #hgf-smart-film .hgf-smart-faq summary {
                position: relative;
                cursor: pointer;
                list-style: none;
                padding: 18px 52px 18px 20px;
                color: #2b1116;
                font-size: 17px;
                line-height: 1.35;
                font-weight: 850
            }

            #hgf-smart-film .hgf-smart-faq summary::-webkit-details-marker {
                display: none
            }

            #hgf-smart-film .hgf-smart-faq summary::after {
                content: "+";
                position: absolute;
                right: 20px;
                top: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 28px;
                height: 28px;
                border-radius: 50%;
                transform: translateY(-50%);
                background: rgba(224,54,70,.10);
                color: var(--hgf-primary);
                font-weight: 900
            }

            #hgf-smart-film .hgf-smart-faq details[open] summary::after {
                content: "–"
            }

            #hgf-smart-film .hgf-smart-faq details p {
                padding: 0 20px 20px;
                font-size: 15.5px
            }

            #hgf-smart-film .hgf-smart-final {
                background: radial-gradient(circle at 80% 10%,rgba(224,54,70,.22),transparent 30%),linear-gradient(135deg,#250b10 0%,#6f121d 100%);
                color: #fff
            }

            #hgf-smart-film .hgf-smart-final p {
                color: rgba(255,255,255,.78)
            }

            #hgf-smart-film .hgf-smart-final-inner {
                display: grid;
                grid-template-columns: minmax(0,1fr) 360px;
                gap: 34px;
                align-items: center
            }

            #hgf-smart-film .hgf-smart-final-inner>div:first-child p {
                max-width: 720px;
                margin-top: 14px
            }

            #hgf-smart-film .hgf-smart-final-box {
                padding: 26px;
                border-radius: 28px;
                background: rgba(255,255,255,.9);
                box-shadow: 0 20px 50px rgba(0,0,0,.22)
            }

            #hgf-smart-film .hgf-smart-final-box .hgf-smart-btn {
                width: 100%;
                margin-top: 14px
            }

            @media (min-width: 769px) {
                #hgf-smart-film #phim-dien-thong-minh-la-gi .hgf-smart-mini-list {
                    gap:6px;
                    margin-top: 14px
                }

                #hgf-smart-film #phim-dien-thong-minh-la-gi .hgf-smart-mini-list span {
                    min-height: 39px;
                    padding-top: 6px;
                    padding-bottom: 6px;
                    font-size: 14px
                }
            }

            @media (max-width: 1024px) {
                #hgf-smart-film .hgf-smart-section {
                    padding:58px 0
                }

                #hgf-smart-film .hgf-smart-hero-grid,#hgf-smart-film .hgf-smart-split,#hgf-smart-film .hgf-smart-layer-layout,#hgf-smart-film .hgf-smart-team-inner,#hgf-smart-film .hgf-smart-final-inner {
                    grid-template-columns: 1fr
                }

                #hgf-smart-film .hgf-smart-how-layout {
                    grid-template-columns: 1fr
                }

                #hgf-smart-film .hgf-smart-how-media img {
                    min-height: 0;
                    aspect-ratio: 4/3
                }

                #hgf-smart-film .hgf-smart-media-stack .hgf-smart-note-card {
                    left: 14px;
                    right: 14px;
                    bottom: 14px;
                    padding: 13px 16px;
                    border-radius: 18px;
                    background: rgba(0,0,0,.30);
                    border: 1px solid rgba(255,255,255,.28);
                    box-shadow: 0 14px 34px rgba(0,0,0,.18);
                    backdrop-filter: blur(8px);
                    -webkit-backdrop-filter: blur(8px)
                }

                #hgf-smart-film .hgf-smart-media-stack .hgf-smart-note-card strong {
                    font-size: 17px;
                    margin-bottom: 4px;
                    color: #fff;
                    text-shadow: 0 1px 2px rgba(0,0,0,.35)
                }

                #hgf-smart-film .hgf-smart-media-stack .hgf-smart-note-card span {
                    font-size: 13.5px;
                    line-height: 1.45;
                    color: rgba(255,255,255,.90);
                    text-shadow: 0 1px 2px rgba(0,0,0,.35)
                }

                #hgf-smart-film .hgf-smart-feature-grid,#hgf-smart-film .hgf-smart-app-grid,#hgf-smart-film .hgf-smart-use-grid,#hgf-smart-film .hgf-smart-person-grid {
                    grid-template-columns: repeat(2,1fr)
                }

                #hgf-smart-film .hgf-smart-process {
                    grid-template-columns: repeat(2,1fr)
                }

                #hgf-smart-film .hgf-smart-price-grid {
                    grid-template-columns: 1fr
                }

                #hgf-smart-film .hgf-smart-heading-row {
                    grid-template-columns: 1fr;
                    align-items: start
                }

                #hgf-smart-film .hgf-smart-cta-inner,#hgf-smart-film .hgf-smart-cta-light-inner {
                    flex-direction: column;
                    align-items: flex-start
                }

                #hgf-smart-film .hgf-smart-cta-inner .hgf-smart-actions,#hgf-smart-film .hgf-smart-cta-light-inner .hgf-smart-actions {
                    margin-top: 0
                }

                #hgf-smart-film .hgf-smart-video-grid-3 {
                    gap: 14px
                }
            }

            @media (max-width: 767px) {
                #hgf-smart-film .hgf-smart-section {
                    padding:46px 0
                }

                #hgf-smart-film .hgf-smart-wrap {
                    width: min(100% - 28px,1160px)
                }

                #hgf-smart-film .hgf-smart-hero {
                    padding: 54px 0 48px
                }

                #hgf-smart-film .hgf-smart-hero-copy h1 {
                    font-size: clamp(29px,7.4vw,33px);
                    line-height: 1.08;
                    max-width: 100%
                }

                #hgf-smart-film h2 {
                    font-size: 30px;
                    line-height: 1.12
                }

                #hgf-smart-film h3 {
                    font-size: 19px
                }

                #hgf-smart-film p {
                    font-size: 15.5px;
                    line-height: 1.7
                }

                #hgf-smart-film .hgf-smart-lead {
                    font-size: 16.5px
                }

                #hgf-smart-film .hgf-smart-eyebrow {
                    font-size: 11.5px;
                    letter-spacing: .07em
                }

                #hgf-smart-film .hgf-smart-actions {
                    width: 100%;
                    gap: 10px
                }

                #hgf-smart-film .hgf-smart-btn {
                    width: 100%;
                    min-height: 46px;
                    padding: 12px 16px;
                    font-size: 14px
                }

                #hgf-smart-film .hgf-smart-trust-row {
                    gap: 8px
                }

                #hgf-smart-film .hgf-smart-trust-row span {
                    width: 100%;
                    justify-content: flex-start;
                    font-size: 12.5px
                }

                #hgf-smart-film .hgf-smart-hero-media {
                    border-radius: 26px
                }

                #hgf-smart-film .hgf-smart-floating-card {
                    left: 12px;
                    right: 12px;
                    bottom: 12px;
                    padding: 14px;
                    border-radius: 18px
                }

                #hgf-smart-film .hgf-smart-media-stack .hgf-smart-note-card {
                    left: 12px;
                    right: 12px;
                    bottom: 12px;
                    padding: 12px 14px;
                    border-radius: 17px;
                    background: rgba(0,0,0,.30)
                }

                #hgf-smart-film .hgf-smart-media-stack .hgf-smart-note-card strong {
                    font-size: 17px
                }

                #hgf-smart-film .hgf-smart-media-stack .hgf-smart-note-card span {
                    font-size: 13.2px;
                    line-height: 1.42
                }

                #hgf-smart-film .hgf-smart-quick-grid,#hgf-smart-film .hgf-smart-feature-grid,#hgf-smart-film .hgf-smart-use-grid,#hgf-smart-film .hgf-smart-steps-3,#hgf-smart-film .hgf-smart-person-grid,#hgf-smart-film .hgf-smart-note-grid,#hgf-smart-film .hgf-smart-film-grid,#hgf-smart-film .hgf-smart-process,#hgf-smart-film .hgf-smart-video-grid-3 {
                    grid-template-columns: 1fr
                }

                #hgf-smart-film .hgf-smart-app-grid {
                    grid-template-columns: repeat(2,minmax(0,1fr));
                    gap: 12px
                }

                #hgf-smart-film .hgf-smart-app-card div {
                    padding: 13px 12px 14px
                }

                #hgf-smart-film .hgf-smart-app-card h3 {
                    font-size: 17px;
                    line-height: 1.18;
                    margin-bottom: 6px
                }

                #hgf-smart-film .hgf-smart-app-card p {
                    font-size: 13.2px;
                    line-height: 1.45
                }

                #hgf-smart-film .hgf-smart-quick-card,#hgf-smart-film .hgf-smart-step-card,#hgf-smart-film .hgf-smart-use-card,#hgf-smart-film .hgf-smart-feature-card,#hgf-smart-film .hgf-smart-note-item {
                    padding: 20px;
                    border-radius: 22px
                }

                #hgf-smart-film .hgf-smart-feature-card {
                    min-height: 0
                }

                #hgf-smart-film .hgf-smart-feature-card img {
                    width: 58px;
                    height: 58px
                }

                #hgf-smart-film .hgf-smart-app-card,#hgf-smart-film .hgf-smart-film-card {
                    border-radius: 24px
                }

                #hgf-smart-film .hgf-smart-heading-row {
                    gap: 14px;
                    margin-bottom: 24px
                }

                #hgf-smart-film .hgf-smart-layer-points>div {
                    padding: 18px;
                    border-radius: 20px
                }

                #hgf-smart-film .hgf-smart-team-inner {
                    gap: 22px
                }

                #hgf-smart-film .hgf-smart-team-media {
                    border-radius: 24px
                }

                #hgf-smart-film .hgf-smart-team-copy {
                    padding: 0
                }

                #hgf-smart-film .hgf-smart-team-points span {
                    min-height: 42px;
                    font-size: 14px
                }

                #hgf-smart-film .hgf-smart-cta-band {
                    padding: 34px 0
                }

                #hgf-smart-film .hgf-smart-cta-light-inner {
                    padding: 22px;
                    border-radius: 24px
                }

                #hgf-smart-film .hgf-smart-table-card {
                    margin-left: -2px;
                    margin-right: -2px;
                    border-radius: 22px
                }

                #hgf-smart-film .hgf-smart-table {
                    min-width: 640px
                }

                #hgf-smart-film .hgf-smart-table th,#hgf-smart-film .hgf-smart-table td {
                    padding: 14px;
                    font-size: 14px
                }

                #hgf-smart-film .hgf-smart-price-card {
                    padding: 22px;
                    border-radius: 22px
                }

                #hgf-smart-film .hgf-smart-video-card {
                    border-radius: 24px
                }

                #hgf-smart-film .hgf-smart-video-frame {
                    aspect-ratio: 10/16
                }

                #hgf-smart-film .hgf-smart-structure-photo,#hgf-smart-film .hgf-smart-how-media {
                    border-radius: 24px
                }

                #hgf-smart-film .hgf-smart-how-media img {
                    width: 100%;
                    height: auto;
                    min-height: 0;
                    aspect-ratio: 1/1;
                    object-fit: cover
                }

                #hgf-smart-film .hgf-sf-project-heading-final {
                    margin-bottom: 20px
                }

                #hgf-smart-film .hgf-sf-project-grid-final {
                    grid-template-columns: repeat(2,minmax(0,1fr));
                    gap: 10px;
                    padding: 0 16px
                }

                #hgf-smart-film .hgf-sf-project-card-final {
                    border-radius: 18px
                }

                #hgf-smart-film .hgf-sf-project-card-final>img {
                    aspect-ratio: 1/1
                }

                #hgf-smart-film .hgf-sf-related-v8-head {
                    text-align: left;
                    margin-bottom: 20px
                }

                #hgf-smart-film .hgf-sf-related-v8-head .hgf-smart-eyebrow {
                    justify-content: flex-start
                }

                #hgf-smart-film .hgf-sf-related-v8-head h2,#hgf-smart-film .hgf-sf-related-v8-head p {
                    margin-left: 0;
                    margin-right: 0
                }

                #hgf-smart-film .hgf-sf-related-v8-head h2 {
                    font-size: 30px
                }

                #hgf-smart-film .hgf-sf-related-v8-card {
                    gap: 12px;
                    padding: 16px;
                    border-radius: 18px
                }

                #hgf-smart-film .hgf-sf-related-v8-no {
                    width: 32px;
                    height: 32px;
                    min-width: 32px;
                    font-size: 11px
                }

                #hgf-smart-film .hgf-sf-related-v8-link {
                    width: 34px;
                    height: 34px;
                    min-width: 34px;
                    font-size: 17px
                }

                #hgf-smart-film .hgf-sf-related-v8-copy h3 {
                    font-size: 18px
                }

                #hgf-smart-film .hgf-sf-related-v8-copy p {
                    font-size: 14px;
                    line-height: 1.5
                }

                #hgf-smart-film .hgf-smart-faq summary {
                    padding: 16px 48px 16px 16px;
                    font-size: 16px
                }

                #hgf-smart-film .hgf-smart-faq details p {
                    padding: 0 16px 18px
                }

                #hgf-smart-film .hgf-smart-final-box {
                    padding: 22px;
                    border-radius: 24px
                }
				.section-center .title-main:before {
					top: auto;
				}
				.entry-content.single-page iframe {
					max-height: 350px;
				}
            }

            @media (max-width: 420px) {
                #hgf-smart-film h2 {
                    font-size:28px
                }
				.entry-content.single-page iframe {
					max-height: 250px;
				}

                #hgf-smart-film .hgf-smart-section {
                    padding: 42px 0
                }

                #hgf-smart-film .hgf-smart-wrap {
                    width: min(100% - 24px,1160px)
                }
            }

            .hgf-contact-page {
                --hgf-red: #b5121b;
                --hgf-red-dark: #8f0e15;
                --hgf-dark: #151515;
                --hgf-text: #222;
                --hgf-muted: #666;
                --hgf-soft: #f7f4f1;
                --hgf-border: rgba(0,0,0,.09);
                --hgf-radius: 24px;
                --hgf-shadow: 0 18px 50px rgba(0,0,0,.1);
                color: var(--hgf-text);
                font-family: inherit
            }

            .hgf-contact-page * {
                box-sizing: border-box
            }

            .hgf-contact-container {
                width: min(1180px,calc(100% - 32px));
                margin: 0 auto
            }

            .hgf-section {
                padding: 76px 0
            }

            .hgf-section-head {
                margin-bottom: 28px
            }

            .hgf-section-head span,.hgf-eyebrow,.hgf-card-label,.hgf-final-cta span {
                display: inline-flex;
                align-items: center;
                width: fit-content;
                margin-bottom: 12px;
                padding: 7px 13px;
                border-radius: 999px;
                background: rgba(181,18,27,.1);
                color: var(--hgf-red);
                font-size: 13px;
                font-weight: 700;
                line-height: 1.2
            }

            .hgf-section-head h2,.hgf-hero-content h1,.hgf-final-cta h2 {
                margin: 0;
                color: var(--hgf-dark);
                font-weight: 800;
                letter-spacing: -.03em;
                line-height: 1.12
            }

            .hgf-section-head h2 {
                font-size: clamp(28px,4vw,42px)
            }

            .hgf-section-head p,.hgf-hero-content p,.hgf-final-cta p {
                margin: 14px 0 0;
                color: var(--hgf-muted);
                font-size: 17px;
                line-height: 1.65
            }

            .hgf-center {
                text-align: center;
                max-width: 780px;
                margin-left: auto;
                margin-right: auto
            }

            .hgf-center span {
                margin-left: auto;
                margin-right: auto
            }

            .hgf-contact-hero {
                position: relative;
                overflow: hidden;
                padding: 96px 0;
                background: linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.14) 100%),url(../images/toan-tien-sai-gon.jpg) center / cover no-repeat
            }

            .hgf-contact-hero::after {
                content: "";
                position: absolute;
                inset: 0;
                background: radial-gradient(circle at 75% 30%,rgba(255,255,255,.25),transparent 42%);
                pointer-events: none
            }

            .hgf-hero-grid {
                position: relative;
                z-index: 1;
                display: grid;
                grid-template-columns: minmax(0,1.15fr) minmax(320px,0.85fr);
                gap: 34px;
                align-items: center
            }

            .hgf-hero-content {
                max-width: 720px
            }

            .hgf-hero-content .hgf-eyebrow {
                background: rgba(255,255,255,.16);
                color: #fff;
                backdrop-filter: blur(10px)
            }

            .hgf-hero-content h1 {
                color: #fff;
                font-size: clamp(38px,6vw,68px)
            }

            .hgf-hero-content p {
                max-width: 660px;
                color: rgba(255,255,255,.88)
            }

            .hgf-hero-badges {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin-top: 24px
            }

            .hgf-hero-badges span {
                padding: 9px 13px;
                border: 1px solid rgba(255,255,255,.22);
                border-radius: 999px;
                background: rgba(255,255,255,.12);
                color: #fff;
                font-size: 14px;
                font-weight: 700;
                backdrop-filter: blur(10px)
            }

            .hgf-hero-actions,.hgf-company-actions,.hgf-final-actions {
                display: flex;
                flex-wrap: wrap;
                gap: 5px;
                margin-top: 28px
            }

            .hgf-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 46px;
                padding: 13px 20px;
                border-radius: 999px;
                font-size: 15px;
                font-weight: 800;
                line-height: 1;
                text-decoration: none!important;
                transition: all .25s ease
            }

            .hgf-btn:hover {
                transform: translateY(-2px)
            }

            .hgf-btn-primary {
                background: var(--hgf-red);
                color: #fff!important;
                box-shadow: 0 12px 28px rgba(181,18,27,.28)
            }

            .hgf-btn-primary:hover {
                background: var(--hgf-red-dark)
            }

            .hgf-btn-light {
                background: #fff;
                color: var(--hgf-dark)!important
            }

            .hgf-btn-outline {
                border: 1px solid rgba(181,18,27,.25);
                background: #fff;
                color: var(--hgf-red)!important
            }

            .hgf-btn-dark {
                background: var(--hgf-dark);
                color: #fff!important
            }

            .hgf-hero-card {
                padding: 28px;
                border: 1px solid rgba(255,255,255,.18);
                border-radius: var(--hgf-radius);
                background: rgba(255,255,255,.92);
                box-shadow: var(--hgf-shadow);
                backdrop-filter: blur(16px)
            }

            .hgf-hero-card h2 {
                margin: 0;
                color: var(--hgf-dark);
                font-size: 28px;
                font-weight: 800;
                letter-spacing: -.02em
            }

            .hgf-hero-card p {
                margin: 10px 0 22px;
                color: var(--hgf-muted);
                font-size: 16px;
                line-height: 1.6
            }

            .hgf-quick-list {
                display: grid;
                gap: 12px
            }

            .hgf-quick-list a {
                display: block;
                padding: 15px 16px;
                border: 1px solid var(--hgf-border);
                border-radius: 18px;
                background: #fff;
                text-decoration: none!important
            }

            .hgf-quick-list span {
                display: block;
                margin-bottom: 4px;
                color: var(--hgf-muted);
                font-size: 13px;
                font-weight: 700
            }

            .hgf-quick-list strong {
                display: block;
                color: var(--hgf-dark);
                font-size: 16px;
                font-weight: 800;
                word-break: break-word
            }

            .hgf-contact-main {
                background: #fff
            }

            .hgf-main-grid {
                display: grid;
                grid-template-columns: minmax(0,1.25fr) minmax(300px,0.75fr);
                gap: 28px;
                align-items: start
            }

            .hgf-form-box,.hgf-company-card,.hgf-area-box,.hgf-info-card,.hgf-prepare-card {
                border: 1px solid var(--hgf-border);
                border-radius: var(--hgf-radius);
                background: #fff;
                box-shadow: 0 14px 42px rgba(0,0,0,.06)
            }

            .hgf-form-box {
                padding: 32px
            }

            .hgf-form-placeholder {
                padding: 22px;
                border-radius: 20px;
                background: var(--hgf-soft)
            }

            .hgf-form-note {
                margin: 0 0 16px;
                color: var(--hgf-muted);
                font-size: 14px;
                line-height: 1.5
            }

            .hgf-demo-form {
                display: grid;
                gap: 12px
            }

            .hgf-field-row {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 12px
            }

            .hgf-demo-form input,.hgf-demo-form select,.hgf-demo-form textarea {
                width: 100%;
                min-height: 48px;
                padding: 13px 15px;
                border: 1px solid rgba(0,0,0,.1);
                border-radius: 14px;
                background: #fff;
                color: var(--hgf-dark);
                font-size: 15px;
                outline: none;
                box-shadow: none
            }

            .hgf-demo-form textarea {
                resize: vertical
            }

            .hgf-demo-form input:focus,.hgf-demo-form select:focus,.hgf-demo-form textarea:focus {
                border-color: rgba(181,18,27,.45)
            }

            .hgf-demo-form button {
                min-height: 50px;
                border: 0;
                border-radius: 999px;
                background: var(--hgf-red);
                color: #fff;
                font-size: 15px;
                font-weight: 800;
                cursor: pointer;
                transition: all .25s ease
            }

            .hgf-demo-form button:hover {
                background: var(--hgf-red-dark);
                transform: translateY(-2px)
            }

            .hgf-info-stack {
                display: grid;
                gap: 16px
            }

            .hgf-info-card {
                display: grid;
                grid-template-columns: 48px 1fr;
                gap: 14px;
                padding: 22px;
                align-items: start
            }

            .hgf-info-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 48px;
                height: 48px;
                border-radius: 16px;
                background: rgba(181,18,27,.1);
                color: var(--hgf-red);
                font-size: 20px
            }

            .hgf-info-card span {
                display: block;
                margin-bottom: 6px;
                color: var(--hgf-muted);
                font-size: 14px;
                font-weight: 700
            }

            .hgf-info-card a,.hgf-info-card strong {
                display: block;
                color: var(--hgf-dark);
                font-size: 16px;
                font-weight: 800;
                line-height: 1.45;
                text-decoration: none!important;
                word-break: break-word
            }

            .hgf-company-section {
                background: var(--hgf-soft)
            }

            .hgf-company-grid {
                display: grid;
                grid-template-columns: minmax(0,1.1fr) minmax(320px,0.9fr);
                gap: 28px;
                align-items: stretch
            }

            .hgf-area-box,.hgf-company-card {
                padding: 32px
            }

            .hgf-area-cards {
                display: block;
                grid-template-columns: 1fr 1fr;
                gap: 16px;
                margin-top: 26px
            }

            .hgf-area-cards div {
                padding: 22px;
                border-radius: 20px;
                background: #fff;
                border: 1px solid var(--hgf-border)
            }

            .hgf-area-cards strong {
                display: block;
                margin-bottom: 8px;
                color: var(--hgf-dark);
                font-size: 18px;
                font-weight: 800
            }

            .hgf-area-cards p {
                margin: 0 0 14px;
                color: var(--hgf-muted);
                font-size: 15px;
                line-height: 1.6
            }

            .hgf-area-cards a {
                color: var(--hgf-red);
                font-weight: 800;
                text-decoration: none!important
            }

            .hgf-company-card h3 {
                margin: 0 0 22px;
                color: var(--hgf-dark);
                font-size: 24px;
                line-height: 1.25;
                font-weight: 850;
                letter-spacing: -.02em
            }

            .hgf-company-card ul {
                display: grid;
                gap: 12px;
                margin: 0;
                padding: 0;
                list-style: none
            }

            .hgf-company-card li {
                padding: 16px;
                border: 1px solid var(--hgf-border);
                border-radius: 16px;
                background: #fff
            }

            .hgf-company-card li span {
                display: block;
                margin-bottom: 5px;
                color: var(--hgf-muted);
                font-size: 13px;
                font-weight: 700
            }

            .hgf-company-card li strong,.hgf-company-card li a {
                color: var(--hgf-dark);
                font-size: 16px;
                font-weight: 800;
                text-decoration: none!important;
                word-break: break-word
            }

            .hgf-prepare-section {
                background: #fff
            }

            .hgf-prepare-grid {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 18px
            }

            .hgf-prepare-card {
                padding: 26px
            }

            .hgf-prepare-card>div {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 46px;
                height: 46px;
                margin-bottom: 18px;
                border-radius: 16px;
                background: var(--hgf-red);
                color: #fff;
                font-weight: 850
            }

            .hgf-prepare-card h3 {
                margin: 0 0 10px;
                color: var(--hgf-dark);
                font-size: 20px;
                font-weight: 850;
                letter-spacing: -.02em
            }

            .hgf-prepare-card p {
                margin: 0;
                color: var(--hgf-muted);
                font-size: 15px;
                line-height: 1.65
            }

            .hgf-final-cta {
                padding: 74px 0;
                background: linear-gradient(135deg,rgba(181,18,27,.96),rgba(86,9,14,.96)),radial-gradient(circle at right top,rgba(255,255,255,.22),transparent 42%)
            }

            .hgf-final-inner {
                display: grid;
                grid-template-columns: minmax(0,1fr) auto;
                gap: 32px;
                align-items: center
            }

            .hgf-final-cta span {
                background: rgba(255,255,255,.16);
                color: #fff
            }

            .hgf-final-cta h2 {
                max-width: 760px;
                color: #fff;
                font-size: clamp(28px,4.5vw,46px)
            }

            .hgf-final-cta p {
                max-width: 760px;
                color: rgba(255,255,255,.86)
            }

            .hgf-final-actions {
                justify-content: flex-end;
                margin-top: 0
            }

            @media (max-width: 991px) {
                .hgf-contact-hero {
                    padding:72px 0;
                    background: linear-gradient(180deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.54) 54%,rgba(0,0,0,.4) 100%),url(../images/toan-tien-sai-gon.jpg) center / cover no-repeat
                }

                .hgf-hero-grid,.hgf-main-grid,.hgf-company-grid,.hgf-final-inner {
                    grid-template-columns: 1fr
                }

                .hgf-final-actions {
                    justify-content: flex-start
                }

                .hgf-prepare-grid {
                    grid-template-columns: 1fr
                }
            }

            @media (max-width: 767px) {
                .hgf-contact-container {
                    width:min(100% - 24px,1180px)
                }

                .hgf-section {
                    padding: 54px 0
                }

                .hgf-contact-hero {
                    padding: 62px 0
                }

                .hgf-hero-content h1 {
                    font-size: 36px
                }

                .hgf-hero-content p,.hgf-section-head p,.hgf-final-cta p {
                    font-size: 16px;
                    line-height: 1.62
                }

                .hgf-hero-card,.hgf-form-box,.hgf-area-box,.hgf-company-card {
                    padding: 22px;
                    border-radius: 20px
                }

                .hgf-form-placeholder {
                    padding: 16px;
                    border-radius: 18px
                }

                .hgf-field-row,.hgf-area-cards {
                    grid-template-columns: 1fr
                }

                .hgf-hero-actions,.hgf-company-actions,.hgf-final-actions {
                    display: grid;
                    grid-template-columns: 1fr
                }

                .hgf-btn {
                    width: 100%
                }

                .hgf-info-card {
                    grid-template-columns: 42px 1fr;
                    padding: 18px
                }

                .hgf-info-icon {
                    width: 42px;
                    height: 42px;
                    border-radius: 14px
                }

                .hgf-final-cta {
                    padding: 56px 0
                }
            }

            @media (max-width: 420px) {
                .hgf-hero-content h1 {
                    font-size:32px
                }

                .hgf-section-head h2,.hgf-final-cta h2 {
                    font-size: 27px
                }

                .hgf-hero-badges span {
                    font-size: 13px
                }
            }

            .hgf-demo-form textarea {
                min-height: 82px
            }

            .hg-safety-page {
                --hg-red: #C8102E;
                --hg-black: #17181C;
                --hg-gold: #C7A56A;
                --hg-white: #F7F5F1;
                --hg-gray: #6B6F76;
                --hg-line: #E6DED4;
                --hg-bg: #F8F6F1;
                --hg-card: #FFF;
                --hg-radius: 24px;
                --hg-shadow: 0 12px 34px rgba(23,24,28,.07);
                --hg-container: 1200px;
                --hg-call: #00A86B;
                --hg-book: #2B6CFF
            }

            .hg-safety-page,.hg-safety-page * {
                box-sizing: border-box
            }

            .hg-safety-page {
                background: var(--hg-bg);
                color: var(--hg-black);
                font-size: 16px;
                line-height: 1.7
            }

            .hg-safety-page a {
                text-decoration: none!important;
                color: inherit
            }

            .hg-safety-page img {
                max-width: 100%;
                height: auto;
                display: block
            }

            .hg-sf-container {
                width: min(var(--hg-container),calc(100% - 32px));
                margin: 0 auto
            }

            .hg-sf-section,.hg-sf-hero,.hg-sf-final {
                scroll-margin-top: 96px
            }

            .hg-sf-section {
                padding: 84px 0
            }

            .hg-sf-section-compact {
                padding: 34px 0
            }

            .hg-sf-section-soft {
                background: linear-gradient(180deg,rgba(255,255,255,.48) 0%,rgba(247,245,241,.96) 100%)
            }

            .hg-sf-grid-2 {
                display: grid;
                grid-template-columns: 1.02fr .98fr;
                gap: 34px;
                align-items: center
            }

            .hg-sf-card-grid {
                display: grid;
                gap: 18px
            }

            .hg-sf-card-grid-2 {
                grid-template-columns: repeat(2,1fr)
            }

            .hg-sf-card-grid-3 {
                grid-template-columns: repeat(3,1fr)
            }

            .hg-sf-card-grid-4 {
                grid-template-columns: repeat(4,1fr)
            }

            .hg-safety-page h1,.hg-safety-page h2,.hg-safety-page h3 {
                margin: 0 0 14px;
                line-height: 1.2;
                letter-spacing: -.02em;
                color: var(--hg-black)
            }

            .hg-safety-page h1 {
                font-size: clamp(34px,4vw,56px)
            }

            .hg-safety-page h2 {
                font-size: clamp(28px,3vw,42px)
            }

            .hg-safety-page h3 {
                font-size: clamp(19px,2vw,24px)
            }

            .hg-safety-page p {
                margin: 0 0 14px;
                color: var(--hg-gray)
            }

            .hg-sf-kicker {
                display: inline-block;
                margin-bottom: 10px;
                color: var(--hg-red);
                font-size: 14px;
                font-weight: 700;
                letter-spacing: .12em;
                text-transform: uppercase
            }

            .hg-sf-badge {
                display: inline-flex;
                align-items: center;
                min-height: 38px;
                padding: 0 14px;
                border-radius: 999px;
                background: rgba(200,16,46,.08);
                color: var(--hg-red)!important;
                font-size: 13px;
                font-weight: 700;
                letter-spacing: .08em;
                margin-bottom: 18px
            }

            .hg-sf-badge-light {
                background: rgba(255,255,255,.14);
                color: #fff!important
            }

            .hg-sf-head {
                max-width: 860px;
                margin: 0 0 36px
            }

            .hg-sf-head.text-center {
                text-align: center;
                margin-left: auto;
                margin-right: auto
            }

            .hg-sf-lead {
                font-size: 18px
            }

            .hg-sf-hero {
                padding: 90px 0 52px;
                background: radial-gradient(circle at top right,rgba(199,165,106,.18),transparent 28%),linear-gradient(135deg,#111318 0%,#1A1E24 100%);
                color: #fff
            }

            .hg-sf-hero-grid {
                display: grid;
                grid-template-columns: 1.02fr .98fr;
                gap: 40px;
                align-items: center
            }

            .hg-sf-hero .hg-sf-copy h1,.hg-sf-hero .hg-sf-copy h2,.hg-sf-hero .hg-sf-copy h3,.hg-sf-final-wrap h2 {
                color: #fff!important
            }

            .hg-sf-hero .hg-sf-copy p,.hg-sf-hero .hg-sf-copy span,.hg-sf-final-wrap p {
                color: rgba(255,255,255,.82)!important
            }

            .hg-sf-actions {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                margin: 26px 0 26px
            }

            .hg-sf-actions-right {
                justify-content: flex-end
            }

            .hg-sf-actions-center {
                justify-content: center
            }

            .hg-safety-page .hg-sf-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 50px;
                padding: 0 22px;
                border-radius: 999px;
                font-weight: 700;
                font-size: 15px;
                transition: .25s ease;
                border: 1px solid transparent;
                position: relative
            }

            .hg-safety-page .hg-sf-btn:hover {
                transform: translateY(-2px)
            }

            .hg-safety-page .hg-sf-btn-sm {
                min-height: 42px;
                padding: 0 18px;
                font-size: 14px
            }

            .hg-safety-page .hg-sf-btn-primary {
                background: var(--hg-red)!important;
                color: #fff!important;
                border-color: var(--hg-red)!important;
                box-shadow: 0 10px 24px rgba(200,16,46,.22)
            }

            .hg-safety-page .hg-sf-btn-ghost {
                background: rgba(255,255,255,.06)!important;
                color: #fff!important;
                border-color: rgba(255,255,255,.24)!important
            }

            .hg-safety-page .hg-sf-btn-outline-dark {
                background: #fff!important;
                color: var(--hg-black)!important;
                border-color: var(--hg-line)!important
            }

            .hg-safety-page .hg-sf-btn-call {
                background: linear-gradient(135deg,#00b56f 0%,#00a86b 100%)!important;
                color: #fff!important;
                border-color: #00a86b!important;
                box-shadow: 0 10px 24px rgba(0,168,107,.24)
            }

            .hg-safety-page .hg-sf-btn-book {
                background: linear-gradient(135deg,#3574ff 0%,#2B6CFF 100%)!important;
                color: #fff!important;
                border-color: #2B6CFF!important;
                box-shadow: 0 10px 24px rgba(43,108,255,.24)
            }

            @keyframes hgWiggle {
                0%,100% {
                    transform: rotate(0deg)
                }

                10% {
                    transform: rotate(-2deg)
                }

                20% {
                    transform: rotate(2deg)
                }

                30% {
                    transform: rotate(-2deg)
                }

                40% {
                    transform: rotate(1deg)
                }

                50% {
                    transform: rotate(0deg)
                }
            }

            @keyframes hgFloat {
                0%,100% {
                    transform: translateY(0)
                }

                50% {
                    transform: translateY(-4px)
                }
            }

            .hg-sf-btn-wiggle {
                animation: hgWiggle 2.8s infinite;
                transform-origin: center
            }

            .hg-sf-btn-float {
                animation: hgFloat 2.6s ease-in-out infinite
            }

            .hg-sf-usp-row {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 14px
            }

            .hg-sf-usp {
                background: rgba(255,255,255,.06);
                border: 1px solid rgba(255,255,255,.10);
                border-radius: 20px;
                padding: 18px;
                backdrop-filter: blur(6px)
            }

            .hg-sf-usp strong {
                display: block;
                margin-bottom: 6px;
                font-size: 15px;
                color: #fff!important
            }

            .hg-sf-usp span {
                display: block;
                color: rgba(255,255,255,.76)!important;
                font-size: 14px;
                line-height: 1.55
            }

            .hg-sf-trust-grid {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 14px;
                margin-top: 18px
            }

            .hg-sf-trust-item {
                background: rgba(255,255,255,.96);
                border-radius: 18px;
                padding: 16px 14px;
                color: var(--hg-black);
                box-shadow: var(--hg-shadow)
            }

            .hg-sf-trust-item strong {
                display: block;
                margin-bottom: 4px;
                font-size: 15px;
                color: var(--hg-black)!important
            }

            .hg-sf-trust-item span {
                display: block;
                color: var(--hg-gray)!important;
                font-size: 13px;
                line-height: 1.55
            }

            .hg-sf-image {
                min-height: 260px;
                border-radius: var(--hg-radius);
                border: 1px solid var(--hg-line);
                background: linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,255,255,.92)),#fff;
                box-shadow: var(--hg-shadow);
                overflow: hidden;
                background-size: cover;
                background-position: center
            }

            .hg-sf-image-hero {
                position: relative;
                width: 100%;
                aspect-ratio: 1 / 1;
                min-height: 0;
                height: auto;
                padding: 0;
                background: #111318
            }

            .hg-sf-hero-video {
                position: absolute;
                inset: 0;
                display: block;
                width: 100%;
                height: 100%;
                min-height: 0;
                object-fit: cover;
                object-position: center
            }

            .hg-sf-image-large {
                min-height: 420px
            }

            .hg-sf-image-feature {
                min-height: 460px
            }

            .hg-sf-image-small {
                min-height: 180px
            }

            #gioi-thieu .hg-sf-image-large {
                aspect-ratio: 1 / 1;
                min-height: 0;
                height: auto;
                background-image: url(https://hoanggiafilm.com/wp-content/uploads/2026/03/Phim-an-toan-kinh-Antek-CL-400.jpg)
            }

            #ung-dung .hg-sf-media-card>.hg-sf-image {
                aspect-ratio: 16 / 9;
                min-height: 0;
                height: auto
            }

            #ung-dung .hg-sf-card-grid-2>article:nth-child(1)>.hg-sf-image {
                background-image: url(https://hoanggiafilm.com/wp-content/uploads/2026/04/nha-o-can-ho-scaled.jpg)
            }

            #ung-dung .hg-sf-card-grid-2>article:nth-child(2)>.hg-sf-image {
                background-image: url(https://hoanggiafilm.com/wp-content/uploads/2026/04/lan-can-vach-kinh-scaled.jpg)
            }

            #ung-dung .hg-sf-card-grid-2>article:nth-child(3)>.hg-sf-image {
                background-image: url(https://hoanggiafilm.com/wp-content/uploads/2026/04/cong-trinh-thuong-mai-scaled.jpg)
            }

            #ung-dung .hg-sf-card-grid-2>article:nth-child(4)>.hg-sf-image {
                background-image: url(https://hoanggiafilm.com/wp-content/uploads/2026/04/cua-hang-showroom-scaled.jpg)
            }

            #cong-trinh .hg-sf-project-feature .hg-sf-image-feature {
                background-image: url(https://hoanggiafilm.com/wp-content/uploads/2026/04/Showroom-mat-tien-kinh-tu-van-safety.png)
            }

            #cong-trinh .hg-sf-card-grid-4>article:nth-child(1) .hg-sf-image-small {
                background-image: url(https://hoanggiafilm.com/wp-content/uploads/2026/04/Nha-pho-lan-can-kinh.png)
            }

            #cong-trinh .hg-sf-card-grid-4>article:nth-child(2) .hg-sf-image-small {
                background-image: url(https://hoanggiafilm.com/wp-content/uploads/2026/04/Phong-tam-kinh-can-ho.png)
            }

            #cong-trinh .hg-sf-card-grid-4>article:nth-child(3) .hg-sf-image-small {
                background-image: url(https://hoanggiafilm.com/wp-content/uploads/2026/04/Cua-kinh-mat-tien-cua-hang.png)
            }

            #cong-trinh .hg-sf-card-grid-4>article:nth-child(4) .hg-sf-image-small {
                background-image: url(https://hoanggiafilm.com/wp-content/uploads/2026/04/Vach-kinh-van-phong.png)
            }

            #vi-sao .hg-sf-image-large {
                aspect-ratio: 1 / 1;
                min-height: 0;
                height: auto;
                background-image: url(https://hoanggiafilm.com/wp-content/uploads/2026/05/doi-ngu-ky-thuat-hoang-gia-film.jpg)
            }

            .hg-sf-card,.hg-sf-plan,.hg-sf-side-box,.hg-sf-step,.hg-sf-link-card,.hg-sf-media-card,.hg-sf-inline-cta {
                background: var(--hg-card);
                border: 1px solid var(--hg-line);
                border-radius: var(--hg-radius);
                box-shadow: var(--hg-shadow)
            }

            .hg-sf-card {
                padding: 24px 22px
            }

            .hg-sf-list-card {
                display: grid;
                gap: 12px;
                margin-top: 20px
            }

            .hg-sf-list-card>div {
                background: #fff;
                border: 1px solid var(--hg-line);
                border-radius: 16px;
                padding: 14px 16px;
                font-weight: 600;
                color: var(--hg-black);
                box-shadow: 0 8px 20px rgba(23,24,28,.04)
            }

            .hg-sf-card h3,.hg-sf-plan h3,.hg-sf-side-box h3,.hg-sf-step h3,.hg-sf-link-card h3,.hg-sf-media-body h3,.hg-sf-project-copy h3,.hg-sf-faq summary,.hg-sf-inline-cta h3 {
                color: var(--hg-black)!important
            }

            .hg-sf-inline-cta {
                display: grid;
                grid-template-columns: 1fr auto;
                gap: 22px;
                align-items: center;
                padding: 26px 28px
            }

            .hg-sf-inline-cta-copy p {
                margin-bottom: 0
            }

            .hg-sf-inline-cta-actions {
                display: flex;
                gap: 12px;
                flex-wrap: wrap;
                justify-content: flex-end
            }

            .hg-sf-video-grid {
                display: grid;
                grid-template-columns: 1.1fr .9fr;
                gap: 22px;
                align-items: start
            }

            .hg-sf-video-box {
                background: #fff;
                border: 1px solid var(--hg-line);
                border-radius: var(--hg-radius);
                box-shadow: var(--hg-shadow);
                padding: 18px
            }

            .hg-sf-video-ratio {
                position: relative;
                width: 100%;
                padding-top: 112.5%;
                border-radius: 18px;
                border: 1px solid var(--hg-line);
                overflow: hidden;
                background: #fff
            }

            .hg-sf-video-ratio iframe {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%
            }

            .hg-sf-side-stack {
                display: grid;
                gap: 14px
            }

            .hg-sf-side-box {
                padding: 22px
            }

            .hg-sf-side-cta {
                background: linear-gradient(135deg,rgba(200,16,46,.04),rgba(199,165,106,.06))
            }

            .hg-sf-plan-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 22px
            }

            .hg-sf-plan {
                padding: 28px
            }

            .hg-sf-plan-featured,.hg-sf-card-accent {
                background: linear-gradient(180deg,rgba(255,255,255,1),rgba(255,248,249,1));
                border-color: rgba(200,16,46,.18)
            }

            .hg-sf-tag {
                display: inline-flex;
                align-items: center;
                min-height: 34px;
                padding: 0 12px;
                border-radius: 999px;
                background: rgba(23,24,28,.06);
                color: var(--hg-black)!important;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: .06em;
                margin-bottom: 14px
            }

            .hg-sf-tag-accent {
                background: rgba(200,16,46,.08);
                color: var(--hg-red)!important
            }

            .hg-sf-check-list {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                gap: 10px
            }

            .hg-sf-check-list li {
                position: relative;
                padding-left: 24px;
                color: var(--hg-gray)
            }

            .hg-sf-check-list li::before {
                content: "";
                position: absolute;
                left: 0;
                top: 9px;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: var(--hg-gold)
            }

            .hg-sf-link-more {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                margin-top: 18px;
                color: var(--hg-red)!important;
                font-weight: 700
            }

            .hg-sf-link-more::after {
                content: "→"
            }

            .hg-sf-inline-links {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                align-items: center;
                margin-top: 22px
            }

            .hg-sf-inline-links span {
                color: var(--hg-gray);
                font-weight: 600
            }

            .hg-safety-page .hg-sf-inline-links a {
                display: inline-flex;
                align-items: center;
                min-height: 40px;
                padding: 0 14px;
                border-radius: 999px;
                background: #fff;
                border: 1px solid var(--hg-line);
                color: var(--hg-black)!important;
                font-weight: 600;
                font-size: 14px
            }

            .hg-sf-media-card {
                overflow: hidden
            }

            .hg-sf-media-card-small .hg-sf-media-body {
                padding-top: 16px
            }

            .hg-sf-media-body {
                padding: 22px
            }

            .hg-sf-project-feature {
                display: grid;
                grid-template-columns: 1.05fr .95fr;
                gap: 24px;
                align-items: center;
                margin-bottom: 24px
            }

            .hg-sf-project-copy {
                background: #fff;
                border: 1px solid var(--hg-line);
                border-radius: var(--hg-radius);
                box-shadow: var(--hg-shadow);
                padding: 28px
            }

            .hg-sf-table-wrap {
                overflow-x: auto;
                background: #fff;
                border: 1px solid var(--hg-line);
                border-radius: 24px;
                box-shadow: var(--hg-shadow)
            }

            .hg-sf-compare-table {
                width: 100%;
                border-collapse: collapse;
                min-width: 840px
            }

            .hg-sf-compare-table thead th {
                background: #17181C;
                color: #fff;
                padding: 18px 16px;
                text-align: left;
                font-size: 15px;
                border-right: 1px solid rgba(255,255,255,.08)
            }

            .hg-sf-compare-table thead th:last-child {
                border-right: none
            }

            .hg-sf-compare-table tbody th,.hg-sf-compare-table tbody td {
                padding: 18px 16px;
                border-top: 1px solid var(--hg-line);
                vertical-align: top
            }

            .hg-sf-compare-table tbody th {
                width: 190px;
                background: #faf8f4;
                color: var(--hg-black);
                font-weight: 700;
                text-align: left
            }

            .hg-sf-compare-table tbody td {
                color: var(--hg-gray)
            }

            .hg-sf-link-card {
                display: flex;
                flex-direction: column;
                padding: 26px
            }

            .hg-sf-link-top {
                color: var(--hg-red)!important;
                font-size: 12px;
                font-weight: 800;
                letter-spacing: .08em;
                margin-bottom: 12px
            }

            .hg-sf-card-linkbtn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: fit-content;
                min-height: 42px;
                margin-top: auto;
                padding: 0 18px;
                border-radius: 999px;
                border: 1px solid var(--hg-line);
                background: #fff;
                color: var(--hg-black)!important;
                font-weight: 700;
                transition: .25s ease
            }

            .hg-sf-card-linkbtn:hover {
                background: var(--hg-black);
                border-color: var(--hg-black);
                color: #fff!important
            }

            .hg-sf-inline-copy {
                margin-top: 22px;
                background: #fff;
                border: 1px solid var(--hg-line);
                border-radius: 20px;
                box-shadow: var(--hg-shadow);
                padding: 22px 24px;
                color: var(--hg-gray)
            }

            .hg-sf-inline-copy p {
                margin: 0
            }

            .hg-sf-inline-copy a {
                color: var(--hg-red)!important;
                font-weight: 700
            }

            .hg-sf-step-grid {
                display: grid;
                grid-template-columns: repeat(4,1fr);
                gap: 18px
            }

            .hg-sf-step {
                padding: 24px 22px
            }

            .hg-sf-step span {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 42px;
                height: 42px;
                border-radius: 50%;
                background: rgba(200,16,46,.08);
                color: var(--hg-red)!important;
                font-weight: 800;
                margin-bottom: 16px
            }

            .hg-sf-faq {
                display: grid;
                gap: 14px
            }

            .hg-sf-faq details {
                background: #fff;
                border: 1px solid var(--hg-line);
                border-radius: 20px;
                box-shadow: var(--hg-shadow);
                padding: 0 20px;
                overflow: hidden
            }

            .hg-sf-faq summary {
                list-style: none;
                cursor: pointer;
                font-weight: 700;
                padding: 20px 0;
                position: relative;
                padding-right: 28px
            }

            .hg-sf-faq summary::-webkit-details-marker {
                display: none
            }

            .hg-sf-faq summary::after {
                content: "+";
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                font-size: 22px;
                color: var(--hg-red)
            }

            .hg-sf-faq details[open] summary::after {
                content: "–"
            }

            .hg-sf-faq details>div {
                padding: 0 0 20px;
                border-top: 1px solid var(--hg-line);
                color: var(--hg-gray)
            }

            .hg-sf-brand-card {
                display: flex;
                flex-direction: column
            }

            .hg-sf-brand-logo {
                width: 190px;
                height: 58px;
                min-height: 58px;
                margin-bottom: 16px;
                display: flex;
                align-items: center;
                justify-content: flex-start
            }

            .hg-sf-brand-logo img {
                width: 190px;
                height: auto;
                max-height: 58px;
                object-fit: contain;
                object-position: left center
            }

            .hg-sf-price-highlight {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 18px;
                margin-bottom: 22px
            }

            .hg-sf-price-main,.hg-sf-price-note {
                background: #fff;
                border: 1px solid var(--hg-line);
                border-radius: 24px;
                box-shadow: var(--hg-shadow);
                padding: 26px 28px
            }

            .hg-sf-price-label {
                display: block;
                color: var(--hg-red);
                font-size: 12px;
                font-weight: 800;
                letter-spacing: .08em;
                margin-bottom: 10px
            }

            .hg-sf-price-main strong {
                display: block;
                font-size: clamp(28px,3vw,42px);
                line-height: 1.1;
                color: var(--hg-black);
                margin-bottom: 8px
            }

            .hg-sf-price-main em {
                font-style: normal;
                color: var(--hg-gray)
            }

            .hg-sf-price-note {
                display: flex;
                align-items: center;
                color: var(--hg-gray);
                font-size: 18px
            }

            .hg-sf-price-note strong {
                color: var(--hg-black)
            }

            .hg-sf-price-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 22px
            }

            .hg-sf-price-grid-3 {
                grid-template-columns: repeat(3,1fr)
            }

            .hg-sf-contact-list {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin: 18px 0 10px
            }

            .hg-safety-page .hg-sf-contact-list a {
                display: inline-flex;
                align-items: center;
                width: fit-content;
                min-height: 42px;
                padding: 0 14px;
                border-radius: 999px;
                background: #fff;
                border: 1px solid var(--hg-line);
                color: var(--hg-black)!important;
                font-weight: 700
            }

            .hg-sf-price-bottom {
                margin-top: 22px;
                background: #fff;
                border: 1px solid var(--hg-line);
                border-radius: 24px;
                box-shadow: var(--hg-shadow);
                padding: 24px
            }

            .hg-sf-final {
                padding: 0 0 96px
            }

            .hg-sf-final-wrap {
                display: grid;
                grid-template-columns: 1fr auto;
                gap: 24px;
                align-items: center;
                padding: 42px;
                border-radius: 34px;
                background: radial-gradient(circle at top right,rgba(199,165,106,.18),transparent 26%),linear-gradient(135deg,#121418 0%,#1B1F25 100%);
                color: #fff;
                box-shadow: 0 20px 40px rgba(23,24,28,.16)
            }

            .hg-sf-final-wrap .hg-sf-actions {
                margin: 0
            }

            .hg-safety-page .text-center {
                text-align: center
            }

            @media (max-width: 1100px) {
                .hg-sf-hero-grid,.hg-sf-grid-2,.hg-sf-video-grid,.hg-sf-plan-grid,.hg-sf-project-feature,.hg-sf-price-highlight,.hg-sf-price-grid,.hg-sf-final-wrap,.hg-sf-inline-cta {
                    grid-template-columns:1fr
                }

                .hg-sf-card-grid-3,.hg-sf-card-grid-4,.hg-sf-step-grid,.hg-sf-price-grid-3 {
                    grid-template-columns: repeat(2,1fr)
                }

                .hg-sf-usp-row,.hg-sf-trust-grid {
                    grid-template-columns: 1fr
                }

                .hg-sf-actions-right,.hg-sf-inline-cta-actions {
                    justify-content: flex-start
                }
            }

            @media (max-width: 767px) {
                .hg-sf-section {
                    padding:64px 0
                }

                .hg-sf-section-compact {
                    padding: 26px 0
                }

                .hg-sf-container {
                    width: min(100% - 20px,var(--hg-container))
                }

                .hg-sf-hero {
                    padding: 68px 0 40px
                }

                .hg-sf-card-grid-2,.hg-sf-card-grid-3,.hg-sf-card-grid-4,.hg-sf-step-grid,.hg-sf-price-grid,.hg-sf-price-grid-3 {
                    grid-template-columns: 1fr
                }

                .hg-sf-actions {
                    flex-direction: column;
                    align-items: stretch
                }

                .hg-sf-inline-cta-actions {
                    display: flex;
                    flex-direction: column;
                    align-items: stretch;
                    gap: 12px;
                    width: 100%
                }

                .hg-safety-page .hg-sf-btn {
                    width: 100%
                }

                .hg-sf-card-linkbtn {
                    width: 100%
                }

                .hg-sf-image-large,.hg-sf-image-feature,.hg-sf-image {
                    min-height: 220px
                }

                .hg-sf-image-hero {
                    width: 100%;
                    aspect-ratio: 1 / 1;
                    min-height: 0;
                    height: auto;
                    padding: 0
                }

                .hg-sf-hero-video {
                    position: absolute;
                    inset: 0;
                    width: 100%;
                    height: 100%;
                    object-fit: cover
                }

                .hg-sf-final-wrap {
                    padding: 30px 20px;
                    border-radius: 26px
                }

                .hg-sf-inline-copy {
                    padding: 18px 18px
                }

                .hg-sf-brand-logo {
                    width: 168px;
                    height: 52px;
                    min-height: 52px;
                    margin-bottom: 14px
                }

                .hg-sf-brand-logo img {
                    width: 168px;
                    max-height: 52px
                }

                .hg-sf-table-wrap {
                    border: none;
                    box-shadow: none;
                    background: transparent;
                    overflow: visible
                }

                .hg-sf-compare-table {
                    min-width: 100%;
                    border-collapse: separate;
                    border-spacing: 0
                }

                .hg-sf-compare-table thead {
                    display: none
                }

                .hg-sf-compare-table,.hg-sf-compare-table tbody,.hg-sf-compare-table tr,.hg-sf-compare-table th,.hg-sf-compare-table td {
                    display: block;
                    width: 100%
                }

                .hg-sf-compare-table tbody tr {
                    background: #fff;
                    border: 1px solid var(--hg-line);
                    border-radius: 20px;
                    box-shadow: var(--hg-shadow);
                    margin-bottom: 14px;
                    overflow: hidden
                }

                .hg-sf-compare-table tbody th {
                    background: #17181C;
                    color: #fff;
                    padding: 14px 16px;
                    border: none
                }

                .hg-sf-compare-table tbody td {
                    border: none;
                    border-top: 1px solid var(--hg-line);
                    padding: 14px 16px 14px 120px;
                    position: relative;
                    min-height: 58px
                }

                .hg-sf-compare-table tbody td::before {
                    content: attr(data-label);
                    position: absolute;
                    left: 16px;
                    top: 14px;
                    width: 92px;
                    font-weight: 700;
                    color: var(--hg-black)
                }
            }

            :root {
                --hg-red: #C8102E;
                --hg-black: #17181C;
                --hg-gold: #C7A56A;
                --hg-white: #F7F5F1;
                --hg-gray: #6B6F76;
                --hg-line: rgba(23,24,28,.08);
                --hg-line-hero: rgba(255,255,255,.12);
                --hg-shadow: 0 14px 40px rgba(0,0,0,.08);
                --hg-shadow-soft: 0 8px 24px rgba(0,0,0,.05);
                --hg-radius: 20px
            }

            .hg-about-page,.hg-about-page * {
                box-sizing: border-box
            }

            .hg-about-page {
                color: var(--hg-black)
            }

            .hg-about-page img {
                display: block;
                width: 100%;
                height: auto
            }

            .hg-container {
                width: min(1180px,calc(100% - 40px));
                margin: 0 auto
            }

            .hg-container-narrow {
                width: min(900px,calc(100% - 40px))
            }

            .hg-about-page section {
                position: relative
            }

            .hg-grid {
                display: grid;
                gap: 28px
            }

            .hg-grid-hero,.hg-grid-2,.hg-grid-tech,.hg-grid-warranty {
                grid-template-columns: 1.08fr .92fr;
                align-items: center
            }

            .hg-grid-3 {
                grid-template-columns: repeat(3,minmax(0,1fr))
            }

            .hg-grid-4 {
                grid-template-columns: repeat(4,minmax(0,1fr))
            }

            .hg-section-label,.hg-eyebrow,.hg-brand-label {
                display: inline-flex;
                align-items: center;
                padding: 7px 12px;
                border-radius: 999px;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: .08em;
                text-transform: uppercase
            }

            .hg-section-label,.hg-eyebrow {
                margin-bottom: 12px;
                background: rgba(199,165,106,.12);
                color: var(--hg-gold)
            }

            .hg-section-heading.center {
                text-align: center;
                max-width: 860px;
                margin: 0 auto 26px
            }

            .hg-section-heading.center h2 {
                margin: 0
            }

            .hg-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 46px;
                padding: 0 22px;
                border-radius: 999px;
                text-decoration: none;
                font-weight: 700;
                transition: .25s ease
            }

            .hg-btn:hover {
                transform: translateY(-2px)
            }

            .hg-btn-primary {
                background: var(--hg-red);
                border: 1px solid var(--hg-red);
                color: #fff
            }

            .hg-btn-outline {
                border: 1px solid rgba(23,24,28,.16);
                color: var(--hg-black);
                background: #fff
            }

            .hg-about-hero {
                overflow: hidden;
                padding: 88px 0
            }

            .hg-about-hero::before {
                content: "";
                position: absolute;
                inset: 0;
                background: radial-gradient(circle at top right,rgba(200,16,46,.18),transparent 28%),linear-gradient(135deg,#16171b 0%,#1f2127 55%,#111216 100%);
                z-index: 0
            }

            .hg-about-hero .hg-container {
                position: relative;
                z-index: 1
            }

            .hg-about-hero-copy h1 {
                color: #fff;
                font-size: clamp(34px,4vw,56px);
                line-height: 1.12;
                margin: 0 0 18px
            }

            .hg-about-hero-copy p {
                color: rgba(255,255,255,.86);
                font-size: 17px;
                line-height: 1.8;
                max-width: 640px;
                margin: 0 0 22px
            }

            .hg-about-hero-badges {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin: 0 0 22px
            }

            .hg-about-hero-badges span {
                display: inline-flex;
                align-items: center;
                padding: 10px 14px;
                border: 1px solid var(--hg-line-hero);
                border-radius: 999px;
                color: #fff;
                background: rgba(255,255,255,.05);
                font-size: 13px;
                line-height: 1.3
            }

            .hg-about-hero-actions {
                display: flex;
                gap: 12px;
                flex-wrap: wrap
            }

            .hg-about-hero .hg-btn-outline {
                background: transparent;
                color: #fff;
                border-color: rgba(255,255,255,.18)
            }

            .hg-about-hero-media img,.hg-about-intro-media img,.hg-about-tech-media img,.hg-about-warranty-media img {
                border-radius: 24px;
                box-shadow: 0 24px 60px rgba(0,0,0,.18);
                object-fit: cover
            }

            .hg-about-intro,.hg-about-services,.hg-about-brands,.hg-about-values,.hg-about-process,.hg-about-faq,.hg-about-cta {
                padding: 78px 0
            }

            .hg-about-tech,.hg-about-warranty {
                padding: 84px 0
            }

            .hg-about-tech {
                background: linear-gradient(180deg,#faf8f4 0%,#fff 100%)
            }

            .hg-about-intro-copy h2,.hg-about-tech-copy h2,.hg-about-warranty-copy h2,.hg-about-final-cta h2 {
                font-size: clamp(28px,3vw,42px);
                line-height: 1.25;
                margin: 0 0 16px;
                color: var(--hg-black)
            }

            .hg-about-intro-copy p,.hg-about-tech-copy p,.hg-about-warranty-copy p,.hg-about-final-cta p {
                color: var(--hg-gray);
                font-size: 16px;
                line-height: 1.85;
                margin: 0 0 12px
            }

            .hg-about-tech-copy .hg-btn {
                margin-top: 12px
            }

            .hg-service-card,.hg-brand-card,.hg-value-box,.hg-step-card {
                height: 100%;
                padding: 26px 22px;
                border-radius: var(--hg-radius);
                background: #fff;
                box-shadow: var(--hg-shadow);
                border: 1px solid var(--hg-line);
                transition: transform .25s ease
            }

            .hg-service-card:hover,.hg-brand-card:hover,.hg-value-box:hover,.hg-step-card:hover {
                transform: translateY(-4px)
            }

            .hg-service-card {
                text-align: center
            }

            .hg-service-icon {
                width: 96px;
                height: 96px;
                border-radius: 24px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 24px;
                margin: 0 auto 20px;
                background: linear-gradient(135deg,rgba(200,16,46,.10),rgba(199,165,106,.16))
            }

            .hg-service-icon img {
                width: 60px;
                height: 60px;
                display: block;
                filter: brightness(0) saturate(100%) invert(37%) sepia(15%) saturate(4187%) hue-rotate(315deg) brightness(78%) contrast(129%)
            }

            .hg-service-card h3,.hg-brand-card h3,.hg-value-box h3,.hg-step-card h3 {
                font-size: 21px;
                line-height: 1.35;
                margin: 0 0 12px;
                color: var(--hg-black)
            }

            .hg-service-card p,.hg-brand-card p,.hg-value-box p,.hg-step-card p {
                color: var(--hg-gray);
                line-height: 1.75;
                margin: 0
            }

            .hg-service-card h3 {
                text-align: center
            }

            .hg-service-card p {
                text-align: left
            }

            .hg-service-card a {
                display: inline-block
            }

            .hg-service-card a,.hg-brand-card a {
                display: inline-block;
                margin-top: 14px;
                color: var(--hg-red);
                font-weight: 700;
                text-decoration: none
            }

            .hg-brand-card-featured {
                background: linear-gradient(180deg,#1a1b20 0%,#111216 100%);
                border-color: rgba(255,255,255,.08)
            }

            .hg-brand-card-featured h3,.hg-brand-card-featured a {
                color: #fff
            }

            .hg-brand-card-featured p {
                color: rgba(255,255,255,.78)
            }

            .hg-brand-label {
                margin-bottom: 12px;
                background: rgba(255,255,255,.08);
                color: var(--hg-gold)
            }

            .hg-step-no {
                font-size: 34px;
                line-height: 1;
                font-weight: 800;
                color: var(--hg-red);
                margin-bottom: 14px
            }

            .hg-check-list {
                list-style: none;
                padding: 0;
                margin: 20px 0 0
            }

            .hg-check-list li {
                position: relative;
                padding-left: 28px;
                margin-bottom: 12px;
                color: var(--hg-black);
                line-height: 1.65
            }

            .hg-check-list li::before {
                content: "✓";
                position: absolute;
                left: 0;
                top: 0;
                color: var(--hg-red);
                font-weight: 700
            }

            .hg-faq-list {
                display: grid;
                gap: 14px
            }

            .hg-faq-item {
                background: #fff;
                border: 1px solid var(--hg-line);
                border-radius: 18px;
                box-shadow: var(--hg-shadow-soft);
                overflow: hidden
            }

            .hg-faq-item summary {
                list-style: none;
                cursor: pointer;
                padding: 20px 22px;
                font-weight: 700;
                color: var(--hg-black);
                position: relative
            }

            .hg-faq-item summary::-webkit-details-marker {
                display: none
            }

            .hg-faq-item summary::after {
                content: "+";
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-50%);
                color: var(--hg-red);
                font-size: 22px;
                line-height: 1
            }

            .hg-faq-item[open] summary::after {
                content: "–"
            }

            .hg-faq-content {
                padding: 0 22px 20px;
                color: var(--hg-gray);
                line-height: 1.8
            }

            .hg-faq-content p {
                margin: 0
            }

            .hg-about-final-cta {
                text-align: center;
                max-width: 860px;
                margin: 0 auto;
                padding: 34px 24px;
                background: linear-gradient(135deg,#faf7f1 0%,#fff 100%);
                border: 1px solid var(--hg-line);
                border-radius: 24px;
                box-shadow: var(--hg-shadow)
            }

            .hg-about-cta-buttons {
                display: flex;
                justify-content: center;
                gap: 14px;
                flex-wrap: wrap;
                margin-top: 22px
            }

            @media (max-width: 1024px) {
                .hg-grid-4 {
                    grid-template-columns:repeat(2,minmax(0,1fr))
                }

                .hg-grid-3 {
                    grid-template-columns: repeat(2,minmax(0,1fr))
                }

                .hg-grid-hero,.hg-grid-2,.hg-grid-tech,.hg-grid-warranty {
                    grid-template-columns: 1fr
                }
            }

            @media (max-width: 767px) {
                .hg-container,.hg-container-narrow {
                    width:min(100% - 28px,100% - 28px)
                }

                .hg-about-hero,.hg-about-intro,.hg-about-services,.hg-about-brands,.hg-about-values,.hg-about-tech,.hg-about-process,.hg-about-warranty,.hg-about-faq,.hg-about-cta {
                    padding: 58px 0
                }

                .hg-grid-3,.hg-grid-4 {
                    grid-template-columns: 1fr
                }

                .hg-about-hero-copy h1,.hg-about-intro-copy h2,.hg-about-tech-copy h2,.hg-about-warranty-copy h2,.hg-about-final-cta h2,.hg-section-heading.center h2 {
                    font-size: 28px;
                    line-height: 1.28
                }

                .hg-about-hero-copy h1 {
                    font-size: 38px;
                    line-height: 1.14;
                    max-width: none;
                    width: auto;
                    word-break: normal;
                    text-wrap: balance;
                    letter-spacing: -.015em
                }

                .hg-about-hero-copy p,.hg-about-intro-copy p,.hg-about-tech-copy p,.hg-about-warranty-copy p,.hg-about-final-cta p {
                    font-size: 15px;
                    line-height: 1.8
                }

                .hg-service-card,.hg-brand-card,.hg-value-box,.hg-step-card,.hg-about-final-cta,.hg-faq-item summary,.hg-faq-content {
                    padding-left: 18px;
                    padding-right: 18px
                }

                .hg-service-card,.hg-brand-card,.hg-value-box,.hg-step-card {
                    padding-top: 22px;
                    padding-bottom: 22px
                }

                .hg-about-hero-actions,.hg-about-cta-buttons {
                    flex-direction: column
                }

                .hg-about-hero-actions .hg-btn,.hg-about-cta-buttons .hg-btn {
                    width: 100%
                }
            }

            .hg-about-consulting {
                padding: 76px 0;
                background: #fff
            }

            .hg-grid-consulting {
                align-items: center
            }

            .hg-about-consulting-media img {
                border-radius: 24px;
                box-shadow: var(--hg-shadow);
                aspect-ratio: 4/3;
                object-fit: cover
            }

            .hg-about-consulting-copy h2 {
                font-size: clamp(28px,3vw,42px);
                line-height: 1.22;
                margin: 0 0 16px
            }

            .hg-about-consulting-copy p {
                color: var(--hg-gray);
                font-size: 16px;
                line-height: 1.85;
                margin: 0 0 14px
            }

            @media (max-width: 849px) {
                .hg-about-consulting {
                    padding:60px 0
                }

                .hg-about-consulting-copy h2 {
                    font-size: 28px;
                    line-height: 1.3
                }
            }

            @media (max-width: 849px) {
                .hg-service-icon {
                    width:84px;
                    height: 84px;
                    border-radius: 22px;
                    margin: 0 auto 18px
                }

                .hg-service-icon img {
                    width: 52px;
                    height: 52px
                }
            }

            .hg-footer-v2 {
                position: relative;
                background: linear-gradient(180deg,#0f1118 0%,#0c0f16 100%);
                color: #e9edf5;
                overflow: hidden
            }

            .hg-footer-v2 * {
                box-sizing: border-box
            }

            .hg-footer-topline {
                height: 3px;
                background: linear-gradient(90deg,rgba(30,86,160,.2) 0%,#c32026 100%)
            }

            .hg-footer-inner {
                max-width: 1280px;
                margin: 0 auto;
                padding: 54px 24px 30px
            }

            .hg-footer-grid {
                display: grid;
                grid-template-columns: 1.25fr 1fr 0.8fr 1.2fr;
                gap: 42px;
                align-items: start
            }

            .hg-footer-col {
                min-width: 0
            }

            .hg-footer-logo {
                display: inline-flex;
                align-items: center;
                gap: 14px;
                text-decoration: none;
                margin-bottom: 24px
            }

            .hg-footer-logo-icon {
                width: 48px;
                height: 48px;
                border-radius: 14px;
                background: linear-gradient(135deg,#d9252c 0%,#a41016 100%);
                color: #fff;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                font-weight: 800;
                font-size: 18px;
                letter-spacing: .5px;
                box-shadow: 0 10px 24px rgba(217,37,44,.28);
                flex: 0 0 48px
            }

            .hg-footer-logo-text {
                color: #fff;
                font-size: 18px;
                line-height: 1.1;
                font-weight: 800;
                letter-spacing: 1.2px
            }

            .hg-footer-desc {
                margin: 0 0 18px;
                font-size: 17px;
                line-height: 1.75;
                color: #f3f5f8
            }

            .hg-footer-subdesc {
                margin: 0 0 24px;
                font-size: 15px;
                line-height: 1.8;
                color: rgba(233,237,245,.72)
            }

            .hg-footer-cta {
                display: flex;
                gap: 12px;
                flex-wrap: wrap;
                margin-bottom: 24px
            }

            .hg-footer-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 44px;
                padding: 0 18px;
                border-radius: 999px;
                font-size: 14px;
                font-weight: 700;
                text-decoration: none!important;
                transition: all 0.25s ease
            }

            .hg-footer-btn-primary {
                background: linear-gradient(135deg,#e06a2d 0%,#c94f18 100%);
                color: #fff;
                box-shadow: 0 10px 24px rgba(224,106,45,.2)
            }

            .hg-footer-btn-primary:hover {
                transform: translateY(-2px);
                color: #fff
            }

            .hg-footer-btn-outline {
                border: 1px solid rgba(255,255,255,.18);
                color: #f3f5f8;
                background: rgba(255,255,255,.02)
            }

            .hg-footer-btn-outline:hover {
                background: rgba(255,255,255,.06);
                color: #fff;
                transform: translateY(-2px)
            }

            .hg-footer-trust {
                list-style: none;
                padding: 0;
                margin: 0;
                display: flex;
                flex-wrap: wrap;
                gap: 10px
            }

            .hg-footer-trust li {
                display: inline-flex;
                align-items: center;
                min-height: 34px;
                padding: 6px 12px;
                border-radius: 999px;
                background: rgba(255,255,255,.04);
                border: 1px solid rgba(255,255,255,.06);
                font-size: 13px;
                color: rgba(233,237,245,.82)
            }

            .hg-footer-title {
                margin: 0 0 18px;
                color: #e06a2d;
                font-size: 18px;
                line-height: 1.2;
                font-weight: 800;
                letter-spacing: .6px
            }

            .hg-footer-links {
                list-style: none;
                padding: 0;
                margin: 0
            }

            .hg-footer-links li {
                margin: 0 0 14px
            }

            .hg-footer-links a,.hg-footer-links span {
                display: inline-block;
                color: #f3f5f8;
                text-decoration: none;
                font-size: 17px;
                line-height: 1.65;
                transition: all 0.2s ease
            }

            .hg-footer-links a:hover {
                color: #e06a2d;
                transform: translateX(2px)
            }

            .hg-footer-contact .hg-contact-item {
                margin-bottom: 16px
            }

            .hg-contact-label {
                display: block;
                margin-bottom: 4px;
                font-size: 13px;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: .5px;
                color: rgba(233,237,245,.55)
            }

            .hg-contact-item a,.hg-contact-item span {
                color: #f3f5f8;
                font-size: 16px;
                line-height: 1.75;
                text-decoration: none;
                word-break: break-word
            }

            .hg-contact-item a:hover,.hg-contact-item .hg-inline-phone:hover {
                color: #e06a2d
            }

            .hg-inline-phone {
                display: inline;
                font-weight: 700;
                white-space: nowrap
            }

            .hg-footer-bottom {
                border-top: 1px solid rgba(255,255,255,.08);
                background: rgba(255,255,255,.01)
            }

            .hg-footer-bottom-inner {
                max-width: 1280px;
                margin: 0 auto;
                padding: 18px 24px 22px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 16px
            }

            .hg-footer-copy {
                color: rgba(233,237,245,.65);
                font-size: 14px;
                line-height: 1.6
            }

            .hg-footer-mini-nav {
                display: flex;
                flex-wrap: wrap;
                gap: 18px
            }

            .hg-footer-mini-nav a {
                color: rgba(233,237,245,.72);
                text-decoration: none;
                font-size: 14px;
                line-height: 1.5;
                transition: color 0.2s ease
            }

            .hg-footer-mini-nav a:hover {
                color: #e06a2d
            }

            @media (max-width: 1100px) {
                .hg-footer-grid {
                    grid-template-columns:1.1fr 0.9fr 0.8fr 1.1fr;
                    gap: 28px
                }

                .hg-footer-links a,.hg-footer-links span {
                    font-size: 16px
                }

                .hg-footer-desc {
                    font-size: 16px
                }
            }

            @media (max-width: 849px) {
                .hg-footer-inner {
                    padding:34px 18px 20px
                }

                .hg-footer-grid {
                    grid-template-columns: 1fr;
                    gap: 30px
                }

                .hg-footer-brand {
                    padding-bottom: 6px;
                    border-bottom: 1px solid rgba(255,255,255,.08)
                }

                .hg-footer-logo {
                    margin-bottom: 18px
                }

                .hg-footer-logo-icon {
                    width: 44px;
                    height: 44px;
                    font-size: 16px;
                    border-radius: 12px
                }

                .hg-footer-logo-text {
                    font-size: 17px
                }

                .hg-footer-desc {
                    font-size: 16px;
                    line-height: 1.7;
                    margin-bottom: 14px
                }

                .hg-footer-subdesc {
                    font-size: 14px;
                    line-height: 1.75;
                    margin-bottom: 18px
                }

                .hg-footer-cta {
                    gap: 10px;
                    margin-bottom: 18px
                }

                .hg-footer-btn {
                    flex: 1 1 calc(50% - 5px);
                    min-height: 46px;
                    padding: 0 14px
                }

                .hg-footer-title {
                    font-size: 17px;
                    margin-bottom: 14px
                }

                .hg-footer-links li {
                    margin-bottom: 10px
                }

                .hg-footer-links a,.hg-footer-links span {
                    font-size: 16px;
                    line-height: 1.6
                }

                .hg-contact-item a,.hg-contact-item span {
                    font-size: 15px;
                    line-height: 1.7
                }

                .hg-footer-bottom-inner {
                    padding: 16px 18px 18px;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 10px
                }

                .hg-footer-mini-nav {
                    gap: 14px
                }
            }

            @media (max-width: 480px) {
                .hg-footer-btn {
                    flex:1 1 100%
                }

                .hg-footer-trust {
                    gap: 8px
                }

                .hg-footer-trust li {
                    font-size: 12px;
                    padding: 6px 10px
                }

                .hg-footer-copy {
                    font-size: 13px
                }

                .hg-footer-mini-nav a {
                    font-size: 13px
                }
            }

            :root {
                --hg-red: #c8102e;
                --hg-red-dark: #a20f26;
                --hg-black: #17181c;
                --hg-text: #2a2f36;
                --hg-muted: #6b7280;
                --hg-line: #e8e8ec;
                --hg-bg: #f7f5f1;
                --hg-card: #fff;
                --hg-gold: #c7a56a;
                --hg-radius: 22px;
                --hg-shadow: 0 14px 40px rgba(13,18,28,.08);
                --hg-shadow-hover: 0 18px 45px rgba(13,18,28,.14)
            }

            .hgfb-wrap,.hgfb-wrap * {
                box-sizing: border-box
            }

            .hgfb-wrap {
                font-family: Arial,Helvetica,sans-serif;
                color: var(--hg-text);
                background: #fff;
                line-height: 1.6;
                width: 100%;
                overflow: hidden
            }

            .hgfb-wrap img {
                display: block;
                width: 100%;
                height: auto;
                border-radius: 18px
            }

            .hgfb-wrap iframe {
                display: block;
                width: 100%;
                border: 0;
                border-radius: 18px
            }

            .hgfb-wrap a {
                color: inherit;
                text-decoration: none
            }

            .hgfb-container {
                width: min(1180px,calc(100% - 32px));
                margin: 0 auto
            }

            .hgfb-section {
                padding: 44px 0;
                position: relative;
                scroll-margin-top: 90px
            }

            .hgfb-section h2 {
                font-size: 28px;
                line-height: 1.25;
                margin: 0 0 12px;
                color: var(--hg-black)
            }

            .hgfb-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                padding: 8px 14px;
                border-radius: 999px;
                background: rgba(200,16,46,.08);
                color: var(--hg-red);
                font-weight: 700;
                font-size: 13px;
                letter-spacing: .2px;
                margin-bottom: 12px
            }

            .hgfb-intro {
                max-width: 760px;
                color: var(--hg-muted);
                font-size: 16px;
                margin: 0
            }

            .hgfb-grid {
                display: grid;
                gap: 16px
            }

            .hgfb-card {
                background: var(--hg-card);
                border: 1px solid var(--hg-line);
                border-radius: var(--hg-radius);
                box-shadow: var(--hg-shadow);
                transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease
            }

            .hgfb-card:hover {
                transform: translateY(-4px);
                box-shadow: var(--hg-shadow-hover);
                border-color: rgba(200,16,46,.2)
            }

            .hgfb-btns {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                margin-top: 22px
            }

            .hgfb-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 48px;
                padding: 0 18px;
                border-radius: 999px;
                font-weight: 700;
                font-size: 14px;
                letter-spacing: .2px;
                transition: transform .2s ease,opacity .2s ease,background .2s ease,color .2s ease,border-color .2s ease
            }

            .hgfb-btn:hover {
                transform: translateY(-2px);
                opacity: .96
            }

            .hgfb-btn-primary {
                background: var(--hg-red);
                color: #fff
            }

            .hgfb-btn-primary:hover {
                background: var(--hg-red-dark);
                color: #fff
            }

            .hgfb-btn-secondary {
                background: #fff;
                color: var(--hg-black);
                border: 1px solid #dcdde3
            }

            .hgfb-btn-ghost {
                background: transparent;
                border: 1px solid rgba(255,255,255,.28);
                color: #fff
            }

            .hgfb-list,.hgfb-inline-list {
                margin: 0;
                padding: 0;
                list-style: none
            }

            .hgfb-inline-list {
                display: grid;
                gap: 10px;
                margin-top: 18px
            }

            .hgfb-inline-list li {
                display: flex;
                align-items: flex-start;
                gap: 10px;
                color: #f4f4f6;
                font-size: 15px
            }

            .hgfb-dot {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: var(--hg-gold);
                flex: 0 0 8px;
                margin-top: 8px
            }

            .hgfb-hero {
                background: radial-gradient(circle at top left,rgba(199,165,106,.14),transparent 35%),linear-gradient(135deg,#14161b 0%,#1d2129 52%,#101114 100%);
                padding: 58px 0 44px
            }

            .hgfb-hero .hgfb-grid {
                gap: 22px
            }

            .hgfb-hero-copy {
                color: #fff
            }

            .hgfb-hero h1 {
                color: #fff;
                font-size: 34px;
                line-height: 1.15;
                margin: 0 0 14px
            }

            .hgfb-hero p {
                color: #d8dbe2;
                font-size: 16px;
                margin: 0;
                max-width: 700px
            }

            .hgfb-hero-badges {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin-top: 18px
            }

            .hgfb-hero-badges span {
                display: inline-flex;
                align-items: center;
                min-height: 38px;
                padding: 0 14px;
                border-radius: 999px;
                font-size: 13px;
                font-weight: 700;
                background: rgba(255,255,255,.08);
                border: 1px solid rgba(255,255,255,.08);
                color: #fff
            }

            .hgfb-hero-media {
                position: relative;
                min-height: 100%
            }

            .hgfb-hero-main {
                overflow: hidden;
                border-radius: 24px;
                box-shadow: 0 18px 50px rgba(0,0,0,.28);
                border: 1px solid rgba(255,255,255,.08)
            }

            .hgfb-hero-float {
                background: rgba(255,255,255,.96);
                color: var(--hg-black);
                padding: 14px;
                border-radius: 18px;
                box-shadow: var(--hg-shadow);
                margin-top: 14px
            }

            .hgfb-hero-float strong {
                display: block;
                font-size: 15px;
                margin-bottom: 4px
            }

            .hgfb-hero-float p {
                color: var(--hg-muted);
                font-size: 14px
            }

            .hgfb-quickfacts {
                margin-top: 10px
            }

            .hgfb-quickfacts .hgfb-grid {
                grid-template-columns: repeat(2,minmax(0,1fr))
            }

            .hgfb-mini {
                padding: 18px 16px;
                text-align: center;
                background: #fff;
                border: 1px solid var(--hg-line);
                border-radius: 18px
            }

            .hgfb-mini strong {
                display: block;
                color: var(--hg-black);
                font-size: 18px;
                line-height: 1.2
            }

            .hgfb-mini span {
                display: block;
                margin-top: 6px;
                color: var(--hg-muted);
                font-size: 13px
            }

            .hgfb-soft {
                background: linear-gradient(180deg,#fff 0%,#fbfaf8 100%)
            }

            .hgfb-problems .hgfb-grid,.hgfb-benefits .hgfb-grid,.hgfb-types .hgfb-grid,.hgfb-gallery .hgfb-grid,.hgfb-process .hgfb-grid,.hgfb-why .hgfb-grid,.hgfb-faq-services .hgfb-grid,.hgfb-videos .hgfb-grid {
                margin-top: 22px
            }

            .hgfb-problem-card,.hgfb-benefit-card,.hgfb-type-card,.hgfb-process-card,.hgfb-why-card,.hgfb-service-card,.hgfb-faq-item,.hgfb-video-card {
                padding: 22px
            }

            .hgfb-icon {
                width: 46px;
                height: 46px;
                border-radius: 14px;
                background: rgba(200,16,46,.08);
                color: var(--hg-red);
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: 800;
                font-size: 18px;
                margin-bottom: 14px
            }

            .hgfb-card h3 {
                font-size: 19px;
                line-height: 1.3;
                margin: 0 0 8px;
                color: var(--hg-black)
            }

            .hgfb-card p,.hgfb-card li {
                color: var(--hg-muted);
                font-size: 15px;
                margin: 0
            }

            .hgfb-beforeafter {
                background: #14161b;
                color: #fff
            }

            .hgfb-beforeafter h2,.hgfb-beforeafter .hgfb-intro {
                color: #fff
            }

            .hgfb-compare-wrap {
                display: grid;
                gap: 16px;
                margin-top: 22px
            }

            .hgfb-compare-box {
                overflow: hidden;
                border-radius: 22px;
                background: #1d2027;
                border: 1px solid rgba(255,255,255,.08)
            }

            .hgfb-compare-box img {
                border-radius: 0
            }

            .hgfb-compare-caption {
                padding: 14px 16px 18px
            }

            .hgfb-compare-caption strong {
                display: block;
                font-size: 16px;
                margin-bottom: 4px
            }

            .hgfb-compare-caption span {
                color: #cfd3dc;
                font-size: 14px
            }

            .hgfb-concept .hgfb-grid,.hgfb-structure .hgfb-grid,.hgfb-finalcta .hgfb-grid {
                gap: 20px;
                align-items: center
            }

            .hgfb-content-box {
                padding: 24px
            }

            .hgfb-chips {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin-top: 16px
            }

            .hgfb-chips span {
                display: inline-flex;
                align-items: center;
                min-height: 36px;
                padding: 0 14px;
                border-radius: 999px;
                background: #f3f4f6;
                color: #3b4450;
                font-weight: 600;
                font-size: 13px
            }

            .hgfb-benefit-card ul,.hgfb-type-card ul,.hgfb-why-card ul,.hgfb-service-card ul {
                margin: 12px 0 0;
                padding-left: 18px
            }

            .hgfb-type-tag {
                display: inline-flex;
                min-height: 32px;
                align-items: center;
                padding: 0 12px;
                border-radius: 999px;
                background: rgba(200,16,46,.08);
                color: var(--hg-red);
                font-size: 12px;
                font-weight: 700;
                margin-bottom: 10px
            }

            .hgfb-structure-img,.hgfb-side-image {
                overflow: hidden;
                border-radius: 24px;
                box-shadow: var(--hg-shadow)
            }

            .hgfb-structure-list {
                counter-reset: step;
                display: grid;
                gap: 12px;
                margin-top: 18px
            }

            .hgfb-structure-list li {
                position: relative;
                padding: 14px 16px 14px 58px;
                background: #fff;
                border: 1px solid var(--hg-line);
                border-radius: 18px;
                box-shadow: var(--hg-shadow);
                list-style: none
            }

            .hgfb-structure-list li:before {
                counter-increment: step;
                content: counter(step);
                position: absolute;
                left: 16px;
                top: 14px;
                width: 28px;
                height: 28px;
                border-radius: 50%;
                background: var(--hg-red);
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 13px;
                font-weight: 700
            }

            .hgfb-video-thumb {
                position: relative;
                background: #0f1116;
                border-radius: 18px;
                overflow: hidden;
                aspect-ratio: 16/9;
                min-height: 210px
            }

            .hgfb-video-thumb iframe,.hgfb-video-thumb .hgfb-video-placeholder {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%
            }

            .hgfb-video-placeholder {
                background: linear-gradient(135deg,#181b22 0%,#303644 100%);
                color: #fff;
                min-height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                padding: 20px;
                font-size: 15px;
                font-weight: 700
            }

            .hgfb-gallery-item {
                overflow: hidden;
                position: relative;
                border-radius: 22px;
                box-shadow: var(--hg-shadow)
            }

            .hgfb-gallery-item img {
                border-radius: 22px;
                transition: transform .4s ease
            }

            .hgfb-gallery-item:hover img {
                transform: scale(1.04)
            }

            .hgfb-gallery-label {
                position: absolute;
                left: 12px;
                right: 12px;
                bottom: 12px;
                padding: 10px 12px;
                border-radius: 14px;
                background: rgba(23,24,28,.72);
                color: #fff;
                font-size: 13px;
                font-weight: 700;
                backdrop-filter: blur(6px)
            }

            .hgfb-process-card {
                position: relative;
                padding-left: 74px
            }

            .hgfb-step {
                position: absolute;
                left: 22px;
                top: 22px;
                width: 38px;
                height: 38px;
                border-radius: 50%;
                background: var(--hg-red);
                color: #fff;
                font-weight: 800;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .hgfb-dark {
                background: linear-gradient(180deg,#181b22 0%,#111318 100%);
                color: #fff
            }

            .hgfb-dark h2,.hgfb-dark .hgfb-intro,.hgfb-dark .hgfb-card h3,.hgfb-dark .hgfb-card p,.hgfb-dark .hgfb-card li {
                color: #fff
            }

            .hgfb-dark .hgfb-card {
                background: rgba(255,255,255,.04);
                border-color: rgba(255,255,255,.08);
                box-shadow: none
            }

            .hgfb-dark .hgfb-card p,.hgfb-dark .hgfb-card li {
                color: #d2d6dd
            }

            .hgfb-faq-item details {
                border-top: 1px solid var(--hg-line);
                padding: 16px 0
            }

            .hgfb-faq-item details:first-child {
                border-top: 0;
                padding-top: 0
            }

            .hgfb-faq-item summary {
                cursor: pointer;
                font-weight: 700;
                color: var(--hg-black);
                list-style: none;
                padding-right: 18px;
                position: relative
            }

            .hgfb-faq-item summary::-webkit-details-marker {
                display: none
            }

            .hgfb-faq-item summary:after {
                content: '+';
                position: absolute;
                right: 0;
                top: 0;
                color: var(--hg-red);
                font-size: 22px;
                line-height: 1
            }

            .hgfb-faq-item details[open] summary:after {
                content: '–'
            }

            .hgfb-faq-item p {
                margin-top: 10px
            }

            .hgfb-services-list {
                display: grid;
                gap: 14px
            }

            .hgfb-service-card {
                display: block
            }

            .hgfb-service-card h3 {
                margin-bottom: 6px
            }

            .hgfb-finalcta {
                background: radial-gradient(circle at top right,rgba(199,165,106,.16),transparent 34%),linear-gradient(135deg,#17181c 0%,#1f242d 100%);
                color: #fff
            }

            .hgfb-finalcta h2,.hgfb-finalcta p,.hgfb-finalcta li {
                color: #fff
            }

            .hgfb-contact-box {
                padding: 24px;
                background: rgba(255,255,255,.08);
                border: 1px solid rgba(255,255,255,.1);
                border-radius: 24px;
                backdrop-filter: blur(8px)
            }

            .hgfb-contact-box ul {
                margin: 14px 0 0;
                padding-left: 18px
            }

            .hgfb-note {
                font-size: 13px;
                color: #bcc2ce;
                margin-top: 14px
            }

            @media (min-width: 768px) {
                .hgfb-section {
                    padding:64px 0
                }

                .hgfb-hero {
                    padding: 78px 0 56px
                }

                .hgfb-hero h1 {
                    font-size: 48px
                }

                .hgfb-section h2 {
                    font-size: 38px
                }

                .hgfb-hero .hgfb-grid,.hgfb-concept .hgfb-grid,.hgfb-structure .hgfb-grid,.hgfb-finalcta .hgfb-grid,.hgfb-faq-services .hgfb-grid {
                    grid-template-columns: repeat(2,minmax(0,1fr))
                }

                .hgfb-compare-wrap,.hgfb-videos .hgfb-grid,.hgfb-gallery .hgfb-grid,.hgfb-problems .hgfb-grid,.hgfb-benefits .hgfb-grid,.hgfb-types .hgfb-grid,.hgfb-process .hgfb-grid,.hgfb-why .hgfb-grid {
                    grid-template-columns: repeat(2,minmax(0,1fr))
                }

                .hgfb-quickfacts .hgfb-grid {
                    grid-template-columns: repeat(4,minmax(0,1fr))
                }
            }

            @media (min-width: 1100px) {
                .hgfb-compare-wrap,.hgfb-videos .hgfb-grid,.hgfb-gallery .hgfb-grid,.hgfb-problems .hgfb-grid,.hgfb-benefits .hgfb-grid,.hgfb-types .hgfb-grid,.hgfb-process .hgfb-grid,.hgfb-why .hgfb-grid {
                    grid-template-columns:repeat(3,minmax(0,1fr))
                }

                .hgfb-gallery .hgfb-grid {
                    grid-template-columns: repeat(4,minmax(0,1fr))
                }
            }

            .hgfb-btn,.hgfb-btn:hover,.hgfb-btn:focus,.hgfb-btn:active,.hgfb-btn:visited {
                text-decoration: none!important
            }

            .hgfb-btn-primary,.hgfb-btn-primary:hover,.hgfb-btn-primary:focus,.hgfb-btn-primary:active,.hgfb-btn-primary:visited {
                color: #ffffff!important
            }

            .hgfb-btn-secondary,.hgfb-btn-secondary:hover,.hgfb-btn-secondary:focus,.hgfb-btn-secondary:active,.hgfb-btn-secondary:visited {
                background: #fff;
                color: #17181c!important;
                border: 1px solid #dcdde3
            }

            .hgfb-beforeafter .hgfb-btn-secondary,.hgfb-beforeafter .hgfb-btn-secondary:hover,.hgfb-beforeafter .hgfb-btn-secondary:focus,.hgfb-beforeafter .hgfb-btn-secondary:visited {
                background: #fff;
                color: #17181c!important
            }

            .hgfb-videos .hgfb-btn-primary,.hgfb-videos .hgfb-btn-primary:hover,.hgfb-finalcta .hgfb-btn-primary,.hgfb-finalcta .hgfb-btn-primary:hover {
                color: #ffffff!important
            }

            .hgfb-service-card {
                padding: 22px
            }

            .hgfb-services-list,.hgfb-services-list::before,.hgfb-services-list::after,.hgfb-service-card::before,.hgfb-service-card::after {
                content: none!important
            }

            .hgfb-service-link,.hgfb-service-link:hover,.hgfb-service-link:focus,.hgfb-service-link:visited {
                color: var(--hg-black)!important;
                text-decoration: none!important
            }

            .hgfb-service-card h3 {
                margin-bottom: 6px
            }

            .hgfb-contact-box h3 {
                color: #fff;
                font-size: 22px;
                line-height: 1.3;
                margin: 0 0 10px
            }

            @media (min-width: 1100px) {
                .hgfb-compare-wrap {
                    grid-template-columns:repeat(2,minmax(0,1fr));
                    max-width: 980px;
                    margin: 22px auto 0
                }
            }

            .hgfb-wrap .hgfb-btn,.hgfb-wrap .hgfb-btn:visited {
                text-decoration: none!important
            }

            .hgfb-wrap .hgfb-btn-primary,.hgfb-wrap .hgfb-btn-primary:visited,.hgfb-wrap .hgfb-btn-primary span {
                color: #fff!important
            }

            .hgfb-wrap .hgfb-btn-secondary,.hgfb-wrap .hgfb-btn-secondary:visited,.hgfb-wrap .hgfb-btn-secondary span {
                color: var(--hg-black)!important
            }

            .hgfb-wrap .hgfb-btn-ghost,.hgfb-wrap .hgfb-btn-ghost:visited,.hgfb-wrap .hgfb-btn-ghost span {
                color: #fff!important
            }

            .hgfb-cta-band {
                padding: 18px 0 8px
            }

            .hgfb-cta-band+.hgfb-section {
                padding-top: 36px
            }

            .hgfb-cta-strip {
                display: grid;
                gap: 20px;
                align-items: center;
                padding: 28px 22px;
                background: #fff;
                border: 1px solid #e4e6eb;
                border-radius: 38px;
                box-shadow: 0 16px 42px rgba(13,18,28,.08)
            }

            .hgfb-cta-copy h3 {
                margin: 0 0 10px;
                font-size: 28px;
                line-height: 1.2;
                color: var(--hg-black)
            }

            .hgfb-cta-copy p {
                margin: 0;
                font-size: 16px;
                color: #6f7b8b
            }

            .hgfb-cta-actions {
                display: flex;
                flex-wrap: wrap;
                gap: 14px
            }

            .hgfb-cta-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 58px;
                padding: 0 28px;
                border-radius: 999px;
                font-size: 17px;
                font-weight: 800;
                text-decoration: none!important;
                transition: transform .2s ease,opacity .2s ease
            }

            .hgfb-cta-btn:hover {
                transform: translateY(-2px);
                opacity: .96
            }

            @keyframes hgfbCtaPulse {
                0%,100% {
                    transform: translateY(0)
                }

                50% {
                    transform: translateY(-4px)
                }
            }

            @keyframes hgfbCtaGlowGreen {
                0%,100% {
                    box-shadow: 0 14px 30px rgba(8,178,110,.18)
                }

                50% {
                    box-shadow: 0 18px 38px rgba(8,178,110,.28)
                }
            }

            @keyframes hgfbCtaGlowBlue {
                0%,100% {
                    box-shadow: 0 14px 30px rgba(47,106,243,.18)
                }

                50% {
                    box-shadow: 0 18px 38px rgba(47,106,243,.28)
                }
            }

            .hgfb-cta-btn-green,.hgfb-cta-btn-green:visited {
                background: #08b26e;
                color: #fff!important;
                box-shadow: 0 14px 30px rgba(8,178,110,.18);
                animation: hgfbCtaPulse 2.4s ease-in-out infinite,hgfbCtaGlowGreen 2.4s ease-in-out infinite
            }

            .hgfb-cta-btn-blue,.hgfb-cta-btn-blue:visited {
                background: #2f6af3;
                color: #fff!important;
                box-shadow: 0 14px 30px rgba(47,106,243,.18);
                animation: hgfbCtaPulse 2.4s ease-in-out infinite .35s,hgfbCtaGlowBlue 2.4s ease-in-out infinite .35s
            }

            @media (min-width: 768px) {
                .hgfb-cta-strip {
                    grid-template-columns:minmax(0,1.35fr) auto;
                    padding: 36px 48px
                }
            }

            @media (max-width: 767px) {
                .hgfb-cta-copy h3 {
                    font-size:22px
                }

                .hgfb-cta-copy p {
                    font-size: 15px
                }

                .hgfb-cta-actions {
                    width: 100%;
                    display: grid;
                    grid-template-columns: 1fr
                }

                .hgfb-cta-btn {
                    width: 100%;
                    min-height: 52px;
                    font-size: 16px
                }
            }

            .hgfb-cta-btn-green:hover,.hgfb-cta-btn-blue:hover {
                animation-play-state: paused
            }

            @media (max-width: 767px) {
                .hgfb-video-thumb {
                    min-height:190px
                }
            }

            @media (prefers-reduced-motion:reduce) {
                .hgfb-cta-btn-green,.hgfb-cta-btn-blue {
                    animation: none
                }
            }

            .hgfb-videos .hgfb-grid {
                align-items: start
            }

            .hgfb-videos .hgfb-grid>* {
                min-width: 0
            }

            .hgfb-video-card {
                overflow: hidden;
                isolation: isolate
            }

            .hgfb-video-thumb {
                width: 100%;
                max-width: 100%;
                min-width: 0;
                margin-bottom: 16px;
                contain: layout paint
            }

            .hgfb-video-thumb iframe {
                display: block;
                width: 100%!important;
                max-width: 100%!important;
                height: 100%!important
            }

            .hgfb-video-card h3 {
                margin-top: 8px;
                margin-bottom: 10px
            }

            @media (min-width: 1100px) {
                .hgfb-video-card {
                    padding:20px
                }

                .hgfb-video-thumb {
                    min-height: 0
                }
            }

            .hgfb-finalcta {
                background: radial-gradient(circle at top right,rgba(199,165,106,.18),transparent 32%),linear-gradient(180deg,#f7f5f1 0%,#ffffff 100%);
                color: var(--hg-black)
            }

            .hgfb-finalcta h2 {
                color: var(--hg-black)
            }

            .hgfb-finalcta p,.hgfb-finalcta li {
                color: var(--hg-muted)
            }

            .hgfb-finalcta .hgfb-intro,.hgfb-finalcta .hgfb-note {
                color: var(--hg-muted)
            }

            .hgfb-finalcta .hgfb-contact-box {
                background: #fff;
                border: 1px solid rgba(23,24,28,.08);
                box-shadow: 0 16px 42px rgba(13,18,28,.08);
                backdrop-filter: none
            }

            .hgfb-finalcta .hgfb-contact-box h3 {
                color: var(--hg-black)
            }

            .hgfb-finalcta .hgfb-contact-box li {
                color: #4b5563
            }

            .hgfb-finalcta .hgfb-btn-primary,.hgfb-finalcta .hgfb-btn-primary:hover,.hgfb-finalcta .hgfb-btn-primary:focus,.hgfb-finalcta .hgfb-btn-primary:visited {
                background: var(--hg-red);
                color: #ffffff!important
            }

            .hgfb-finalcta .hgfb-btn-secondary,.hgfb-finalcta .hgfb-btn-secondary:hover,.hgfb-finalcta .hgfb-btn-secondary:focus,.hgfb-finalcta .hgfb-btn-secondary:visited {
                background: #fff;
                color: var(--hg-black)!important;
                border: 1px solid #d7dbe3
            }

            @media (max-width: 767px) {
                .hgfb-finalcta {
                    background:linear-gradient(180deg,#f7f5f1 0%,#ffffff 100%)
                }
            }

            @media (max-width: 767px) {
                .hgfb-structure-list {
                    gap:10px
                }

                .hgfb-structure-list li {
                    padding: 14px 14px 14px 50px
                }

                .hgfb-structure-list li:before {
                    left: 12px;
                    top: 14px;
                    width: 26px;
                    height: 26px;
                    font-size: 12px
                }
            }

            .hgfb-structure-list {
                margin: 18px 0 0;
                padding: 0;
                list-style: none
            }

            .hgfb-structure-list li {
                margin: 0
            }

            .hgfb-video-card {
                display: flex;
                flex-direction: column
            }

            .hgfb-video-thumb {
                aspect-ratio: 3/4;
                min-height: 0;
                margin-bottom: 18px
            }

            .hgfb-video-card h3 {
                margin-top: 0;
                margin-bottom: 10px
            }

            @media (max-width: 767px) {
                .hgfb-video-thumb {
                    aspect-ratio:3/4;
                    min-height: 0
                }
            }

            @media (min-width: 768px) {
                .hgfb-videos .hgfb-video-card h3 {
                    min-height:2.6em
                }

                .hgfb-videos .hgfb-video-card p {
                    min-height: 6.2em
                }
            }

            .hgfb-team .hgfb-grid {
                gap: 20px;
                align-items: center
            }

            .hgfb-team-media {
                position: relative;
                aspect-ratio: 1/1;
                border-radius: 24px;
                overflow: hidden;
                box-shadow: var(--hg-shadow)
            }

            .hgfb-team-media img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 0
            }

            .hgfb-team-copy .hgfb-intro {
                max-width: 720px
            }

            .hgfb-team-points {
                display: grid;
                gap: 12px;
                margin-top: 18px
            }

            .hgfb-team-point {
                padding: 16px 18px;
                background: #fff;
                border: 1px solid var(--hg-line);
                border-radius: 18px;
                box-shadow: var(--hg-shadow)
            }

            .hgfb-team-point strong {
                display: block;
                font-size: 17px;
                line-height: 1.35;
                color: var(--hg-black);
                margin-bottom: 4px
            }

            .hgfb-team-point span {
                display: block;
                font-size: 15px;
                line-height: 1.65;
                color: var(--hg-muted)
            }

            @media (min-width: 768px) {
                .hgfb-team .hgfb-grid {
                    grid-template-columns:repeat(2,minmax(0,1fr))
                }
            }

            .hgfb-compare-box {
                display: flex;
                flex-direction: column
            }

            .hgfb-compare-media {
                position: relative;
                aspect-ratio: 1/1;
                overflow: hidden;
                background: #0f1116
            }

            .hgfb-compare-box img,.hgfb-compare-box video {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 0
            }

            .hgfb-side-image {
                aspect-ratio: 1/1
            }
			.gallery-columns-2 .gallery-icon.landscape img {
				padding-bottom:5px;
				}
@media (max-width: 849px) {
    .hgf-sp-sidebar {
        margin-top:26px
    }

    .hgf-sp-card {
        margin-bottom: 15px;
        padding: 16px;
        border-radius: 16px
    }

    .hgf-sp-card--cta h3 {
        font-size: 22px!important
    }

    .hgf-sp-actions {
        grid-template-columns: 1fr 1fr
    }

    .hgf-sp-actions--stack {
        grid-template-columns: 1fr
    }

    .hgf-sp-list-item,.hgf-sp-product {
        grid-template-columns: 68px 1fr 13px
    }
}

@media (max-width: 849px) {
    .hgf-modern-sidebar {
        margin-top:28px
    }

    .hgf-ms-card {
        margin-bottom: 16px;
        padding: 16px;
        border-radius: 16px
    }

    .hgf-ms-cta {
        min-height: auto
    }

    .hgf-ms-cta__body {
        max-width: 100%
    }

    .hgf-ms-cta__bubble {
        display: none
    }

    .hgf-ms-cta h3 {
        font-size: 22px!important
    }

    .hgf-ms-videos {
        gap: 10px
    }

    .hgf-ms-post {
        grid-template-columns: 70px 1fr 13px
    }
}

.hgf-sp-sidebar,.hgf-sp-sidebar * {
    box-sizing: border-box
}

.hgf-sp-sidebar {
    width: 100%
}

.hgf-sp-card {
    margin-bottom: 16px;
    padding: 17px;
    border: 1px solid rgba(190,20,36,.14);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(20,20,20,.055);
    overflow: hidden
}

.hgf-sp-card:last-child {
    margin-bottom: 0
}

.hgf-sp-card--compact {
    padding-bottom: 15px
}

.hgf-sp-title {
    position: relative;
    margin: 0 0 13px!important;
    padding-left: 13px;
    color: #171717;
    font-size: 15px!important;
    line-height: 1.25!important;
    font-weight: 850!important;
    letter-spacing: .02em;
    text-transform: uppercase
}

.hgf-sp-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 4px;
    height: 18px;
    border-radius: 99px;
    background: #c91024
}

.hgf-sp-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px
}

.hgf-sp-card-head .hgf-sp-title {
    margin-bottom: 0!important
}

.hgf-sp-more {
    color: #c91024!important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none!important;
    white-space: nowrap
}

.hgf-sp-more:hover {
    color: #9f0d1b!important
}

.hgf-sp-card--cta {
    position: relative;
    padding: 20px;
    background: radial-gradient(circle at 90% 20%,rgba(201,16,36,.12),transparent 34%),linear-gradient(135deg,#fff 0%,#fff7f8 100%)
}

.hgf-sp-eyebrow {
    display: block;
    margin-bottom: 8px;
    color: #c91024;
    font-size: 12px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase
}

.hgf-sp-card--cta h3 {
    margin: 0 0 9px!important;
    color: #151515;
    font-size: 23px!important;
    line-height: 1.08!important;
    font-weight: 900!important;
    letter-spacing: -.02em
}

.hgf-sp-card--cta h3 span {
    color: #c91024
}

.hgf-sp-card--cta p {
    margin: 0 0 15px;
    color: #555;
    font-size: 14px;
    line-height: 1.55
}

.hgf-sp-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px
}

.hgf-sp-actions--stack {
    grid-template-columns: 1fr
}

.hgf-sp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.1;
    text-align: center;
    text-decoration: none!important;
    transition: all 0.2s ease
}

.hgf-sp-btn--primary {
    background: #c91024;
    color: #fff!important;
    box-shadow: 0 10px 20px rgba(201,16,36,.22)
}

.hgf-sp-btn--primary:hover {
    background: #a90d1d;
    color: #fff!important;
    transform: translateY(-1px)
}

.hgf-sp-btn--outline {
    border: 1px solid rgba(201,16,36,.22);
    background: #fff;
    color: #171717!important
}

.hgf-sp-btn--outline:hover {
    border-color: #c91024;
    color: #c91024!important;
    transform: translateY(-1px)
}

.hgf-sp-service-list {
    display: grid;
    gap: 8px
}

.hgf-sp-service-row {
    display: grid;
    grid-template-columns: 34px 1fr 14px;
    align-items: center;
    gap: 9px;
    min-height: 47px;
    padding: 8px 10px;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 13px;
    background: #fff;
    color: #151515!important;
    text-decoration: none!important;
    transition: all 0.2s ease
}

.hgf-sp-service-row:hover {
    border-color: rgba(201,16,36,.28);
    background: #fff8f9;
    transform: translateY(-1px);
    box-shadow: 0 9px 18px rgba(20,20,20,.055)
}

.hgf-sp-service-row__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: rgba(201,16,36,.08);
    color: #c91024;
    font-size: 13px;
    font-weight: 900;
    line-height: 1
}

.hgf-sp-service-row__icon img {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(17%) sepia(96%) saturate(3190%) hue-rotate(341deg) brightness(87%) contrast(101%)
}

.hgf-sp-service-row__text {
    color: #171717;
    font-size: 13.5px;
    line-height: 1.25;
    font-weight: 800
}

.hgf-sp-service-row__arrow,.hgf-sp-list-item__arrow,.hgf-sp-product__arrow {
    color: #9a9a9a;
    font-size: 20px;
    line-height: 1;
    transition: all 0.2s ease
}

.hgf-sp-service-row:hover .hgf-sp-service-row__arrow,.hgf-sp-list-item:hover .hgf-sp-list-item__arrow,.hgf-sp-product:hover .hgf-sp-product__arrow {
    color: #c91024;
    transform: translateX(2px)
}

.hgf-sp-list,.hgf-sp-products {
    display: grid;
    gap: 0
}

.hgf-sp-list-item,.hgf-sp-product {
    display: grid;
    grid-template-columns: 68px 1fr 13px;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0,0,0,.07);
    color: #151515!important;
    text-decoration: none!important
}

.hgf-sp-list-item:first-child,.hgf-sp-product:first-child {
    padding-top: 0
}

.hgf-sp-list-item:last-child,.hgf-sp-product:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.hgf-sp-list-item__thumb,.hgf-sp-product__thumb {
    display: block;
    width: 68px;
    height: 52px;
    border-radius: 9px;
    overflow: hidden;
    background: #f2f2f2
}

.hgf-sp-list-item__thumb img,.hgf-sp-product__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.26s ease
}

.hgf-sp-list-item:hover .hgf-sp-list-item__thumb img,.hgf-sp-product:hover .hgf-sp-product__thumb img {
    transform: scale(1.05)
}

.hgf-sp-list-item__title,.hgf-sp-product__title {
    color: #222;
    font-size: 13.5px;
    line-height: 1.35;
    font-weight: 760;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.hgf-sp-list-item:hover .hgf-sp-list-item__title,.hgf-sp-product:hover .hgf-sp-product__title {
    color: #c91024
}

.hgf-sp-promise-list {
    display: grid;
    gap: 9px
}

.hgf-sp-promise-list div {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 9px 10px;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 12px;
    background: #fff;
    color: #222;
    font-size: 13.5px;
    line-height: 1.25;
    font-weight: 760
}

.hgf-sp-promise-list span {
    color: #c91024;
    font-size: 14px;
    line-height: 1
}

section.hgf-sp-card.hgf-sp-card--cta {
    margin-bottom: 25px;
}
.tab-panels .panel.active table {
    max-width: 100%;
    width: auto !important;
}